Stackable – Page Builder Gutenberg Blocks - Version 1.0

Version Description

  • Note: v1.0 is not backward compatible with lower versions, upgrading will most likely weird out your existing blocks. If that happens, you'll need to redo some of your blocks.
  • New: Standardized styles across all blocks
  • New: Added full-width option for buttons
  • New: Added wide width and full width for CTA and Header blocks
  • Updated: Revamped style of blockquote and pullquote
  • Updated: Tweaked column styles for blocks with 1-3 columns
Download this release

Release Info

Developer bfintal
Plugin Icon 128x128 Stackable – Page Builder Gutenberg Blocks
Version 1.0
Comparing to
See all releases

Code changes from version 0.7 to 1.0

Files changed (46) hide show
  1. dist/blocks.build.js +1 -1
  2. dist/blocks.editor.build.css +18 -18
  3. dist/blocks.frontend.build.js +345 -564
  4. dist/blocks.frontend.build.min.js +1 -1
  5. dist/blocks.style.build.css +18 -18
  6. plugin.php +1 -1
  7. readme.txt +15 -1
  8. src/block/blockquote/deprecated.js +35 -0
  9. src/block/blockquote/index.js +40 -30
  10. src/block/blockquote/style.scss +21 -5
  11. src/block/button/button-edit.js +46 -0
  12. src/block/button/button-save.js +21 -0
  13. src/block/button/deprecated.js +52 -0
  14. src/block/button/editor.scss +9 -0
  15. src/block/button/index.js +88 -78
  16. src/block/button/style.scss +82 -40
  17. src/block/call-to-action/deprecated.js +49 -0
  18. src/block/call-to-action/index.js +150 -167
  19. src/block/call-to-action/style.scss +23 -18
  20. src/block/card/deprecated.js +134 -0
  21. src/block/card/editor.scss +0 -3
  22. src/block/card/index.js +89 -107
  23. src/block/card/style.scss +45 -34
  24. src/block/count-up/style.scss +1 -0
  25. src/block/divider/style.scss +3 -2
  26. src/block/expand/style.scss +1 -0
  27. src/block/ghost-button/deprecated.js +63 -0
  28. src/block/ghost-button/index.js +72 -60
  29. src/block/ghost-button/style.scss +27 -19
  30. src/block/header/deprecated.js +155 -0
  31. src/block/header/index.js +93 -105
  32. src/block/header/style.scss +3 -1
  33. src/block/image-box/style.scss +8 -3
  34. src/block/notification/style.scss +5 -2
  35. src/block/number-box/style.scss +72 -57
  36. src/block/pricing-box/deprecated.js +136 -0
  37. src/block/pricing-box/index.js +173 -226
  38. src/block/pricing-box/style.scss +96 -81
  39. src/block/pullquote/deprecated.js +36 -0
  40. src/block/pullquote/index.js +39 -33
  41. src/block/pullquote/style.scss +33 -14
  42. src/block/team-member/style.scss +49 -39
  43. src/block/testimonial/style.scss +53 -42
  44. src/block/video-popup/style.scss +7 -1
  45. src/common.scss +47 -0
  46. src/wp-imports.js +7 -1
dist/blocks.build.js CHANGED
@@ -1 +1 @@
1
- !function(e){function t(l){if(n[l])return n[l].exports;var o=n[l]={i:l,l:!1,exports:{}};return e[l].call(o.exports,o,o.exports,t),o.l=!0,o.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=3)}([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 p}),n.d(t,"n",function(){return b}),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 w}),n.d(t,"i",function(){return y}),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},o=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"})))},r=1,a=function(){return"stk-icon-"+r++},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(o,{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=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(o,{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=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(o,{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(o,{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"}))},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 14 32"},wp.element.createElement(o,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M0 29h5.833L0 23h5V9H0l5.833-6H0V0h14v3H8.167L14 9H9v14h5l-5.833 6H14v3H0v-3z"}))},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 13 12.916010856628418"},wp.element.createElement(o,{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(o,{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(o,{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(o,{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(o,{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"}))},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 32 38"},wp.element.createElement(o,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M0 0h32v38H0V0zm3 3v32h26V3H3zm2 2h22v7H5V5zm0 9h14v19H5V14zm16 19V14h6v19h-6zM6 6v5h20V6H6z"}))},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 1024 896"},wp.element.createElement(o,{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(o,{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(o,{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";n.d(t,"q",function(){return l}),n.d(t,"p",function(){return o}),n.d(t,"j",function(){return a}),n.d(t,"l",function(){return c}),n.d(t,"m",function(){return u}),n.d(t,"d",function(){return i}),n.d(t,"e",function(){return s}),n.d(t,"c",function(){return m}),n.d(t,"n",function(){return p}),n.d(t,"h",function(){return b}),n.d(t,"f",function(){return g}),n.d(t,"b",function(){return h}),n.d(t,"a",function(){return f}),n.d(t,"k",function(){return w}),n.d(t,"o",function(){return y}),n.d(t,"g",function(){return v}),n.d(t,"i",function(){return C});var l=wp.blocks.registerBlockType,o=wp.i18n.__,r=wp.components,a=r.RangeControl,c=r.SelectControl,u=(r.TextControl,r.ToggleControl),i=r.Dashicon,s=r.IconButton,m=r.Button,p=r.Toolbar,b=r.PanelBody,d=wp.editor.InspectorControls?wp.editor:wp.blocks,g=d.InspectorControls,h=d.BlockControls,f=(d.ColorPalette,d.AlignmentToolbar),w=d.RichText,y=d.URLInput,v=d.MediaUpload,C=wp.editor.PanelColorSettings},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(4),n(7),n(10),n(13),n(16),n(22),n(25),n(28),n(31),n(34),n(37),n(40),n(43),n(46),n(50),n(53),n(56),n(59)},function(e,t,n){"use strict";var l=n(5),o=(n.n(l),n(6)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.attributes.height;return wp.element.createElement("div",{style:{height:t+"px"}})},u=function(e){var t=e.isSelected,n=e.attributes.height;return[!!t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.j,{label:Object(a.p)("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.q)("ugb/spacer",{title:Object(a.p)("Spacer"),icon:r.l,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Spacer"),Object(a.p)("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(8),o=(n.n(l),n(9)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.attributes,n=t.height,l=t.width,o=t.color,r=t.alignment;return wp.element.createElement("div",{className:"ugb-divider"},wp.element.createElement("hr",{align:r,style:{backgroundColor:o,width:l+"%",height:n}}))},u=function(e){var t=e.isSelected,n=e.attributes,l=n.height,o=n.width,r=n.color,c=n.alignment;return[t&&wp.element.createElement(a.b,{key:"controls"},wp.element.createElement(a.a,{value:c,onChange:function(t){e.setAttributes({alignment:t})}})),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.j,{label:Object(a.p)("Height"),value:l,min:"1",max:"10",onChange:function(t){e.setAttributes({height:t})}}),wp.element.createElement(a.j,{label:Object(a.p)("Width"),value:o,min:"10",max:"100",step:"0.1",onChange:function(t){e.setAttributes({width:t})}})),wp.element.createElement(a.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:r,onChange:function(t){return e.setAttributes({color:t})},label:Object(a.p)("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:r,width:o+"%",height:l}}))]};Object(a.q)("ugb/divider",{title:Object(a.p)("Divider"),icon:r.c,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Divider"),Object(a.p)("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(11),o=(n.n(l),n(12)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=(e.className,e.setAttributes),l=e.attributes,o=l.url,r=l.text,c=l.color,u=l.textColor,i=l.size,s=l.textAlignment,m=l.cornerButtonRadius,p=[{value:"small",label:Object(a.p)("Small")},{value:"normal",label:Object(a.p)("Normal")},{value:"medium",label:Object(a.p)("Medium")},{value:"large",label:Object(a.p)("Large")}];return[t&&wp.element.createElement(a.b,{key:"controls"},wp.element.createElement(a.a,{value:s,onChange:function(e){n({textAlignment:e})}})),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("Size"),value:i,options:p.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(a.j,{label:Object(a.p)("Corner Radius"),value:m,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}})),wp.element.createElement(a.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:c,onChange:function(e){return n({color:e})},label:Object(a.p)("Background Color")},{value:u,onChange:function(e){return n({textColor:e})},label:Object(a.p)("Text Color")}]})),wp.element.createElement("span",{key:"button",className:"wp-block-button ugb-button-"+s},wp.element.createElement(a.k,{tagName:"span",placeholder:Object(a.p)("Enter Text"),value:r,onChange:function(e){return n({text:e})},formattingControls:["bold","italic","strikethrough"],className:"wp-ugb-button ugb-button-"+i,style:{backgroundColor:c,color:u,borderRadius:m+"px"},isSelected:t,keepPlaceholderOnFocus:!0})),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+s},wp.element.createElement(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:o,onChange:function(e){return n({url:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"}))]},u=function(e){var t=e.attributes,n=t.url,l=t.text,o=t.textAlignment,r=t.color,a=t.textColor,c=t.size,u=t.cornerButtonRadius,i={backgroundColor:r,color:a,borderRadius:u+"px"};return wp.element.createElement("div",{className:"ugb-button-"+o},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+c,style:i},l))};Object(a.q)("ugb/button",{title:Object(a.p)("Button"),icon:r.a,description:"Add customize button",category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Button"),Object(a.p)("Stackable")],attributes:{url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},textAlignment:{type:"string",default:"center"},color:{type:"string",default:"#2091e1"},textColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(14),o=(n.n(l),n(15)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.setAttributes,l=e.attributes,o=l.url,r=l.text,c=l.color,u=l.size,i=l.textAlignment,s=l.cornerButtonRadius,m=l.borderThickness,p=[{value:"small",label:Object(a.p)("Small")},{value:"normal",label:Object(a.p)("Normal ")},{value:"medium",label:Object(a.p)("Medium")},{value:"large",label:Object(a.p)("Large")}];return[t&&wp.element.createElement(a.b,{key:"controls"},wp.element.createElement(a.a,{value:i,onChange:function(e){n({textAlignment:e})}})),wp.element.createElement("span",{key:"button",className:"wp-block-button ugb-button-"+i},wp.element.createElement(a.k,{tagName:"span",placeholder:Object(a.p)("Enter Text"),value:r,onChange:function(e){return n({text:e})},formattingControls:["bold","italic","strikethrough"],className:"wp-ugb-button ugb-button-"+u+" ugb-ghost-button",style:{borderColor:c,color:c,borderRadius:s+"px",borderWidth:m+"px"},isSelected:t,keepPlaceholderOnFocus:!0}),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("Size"),value:u,options:p.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(a.j,{label:Object(a.p)("Corner Radius"),value:s,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}}),wp.element.createElement(a.j,{label:Object(a.p)("Border Thickness"),value:m,min:"1",max:"10",onChange:function(e){return n({borderThickness:e})}})),wp.element.createElement(a.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:c,onChange:function(e){return n({color:e})},label:Object(a.p)("Button Color")}]}))),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+i},wp.element.createElement(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:o,onChange:function(e){return n({url:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"}))]},u=function(e){var t=e.attributes,n=t.url,l=t.text,o=t.textAlignment,r=t.color,a=t.size,c=t.cornerButtonRadius,u=t.borderThickness,i={borderColor:r,color:r,borderRadius:c+"px",borderWidth:u+"px"};return wp.element.createElement("div",{className:"ugb-button-"+o},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+a+" ugb-ghost-button",style:i},l))};Object(a.q)("ugb/ghost-button",{title:Object(a.p)("Ghost Button"),icon:r.e,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Ghost Button"),Object(a.p)("Stackable")],attributes:{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"}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(17),o=(n.n(l),n(18)),r=(n.n(o),n(19)),a=n.n(r),c=n(0),u=n(1),i=function(e){var t=[{value:"success",label:Object(u.p)("Success")},{value:"error",label:Object(u.p)("Error")},{value:"warning",label:Object(u.p)("Warning")},{value:"info",label:Object(u.p)("Information")}],n=e.isSelected,l=e.editable,o=e.setState,r=e.setAttributes,a=(e.className,e.attributes),c=a.text,i=a.color,s=a.textColor,m=a.notifType,p=a.dismissible;return[n&&wp.element.createElement(u.b,{key:"controls"}),wp.element.createElement("div",{key:"editable",className:"ugb-notification type-"+m+" dismissible-"+p},p&&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(u.k,{tagName:"p",placeholder:e.attributes.text.default,value:c,isSelected:n&&"content"===l,onFocus:function(e){return function(){o({editable:e})}}("content"),onChange:function(e){return r({text:e})},className:"wp-ugb-notif notif-"+m,style:{backgroundColor:i,color:s}}),n&&wp.element.createElement(u.f,{key:"inspector"},wp.element.createElement(u.h,null,wp.element.createElement(u.m,{label:Object(u.p)("Dismissible"),checked:p,onChange:function(){return r({dismissible:!p})}}),wp.element.createElement(u.l,{label:Object(u.p)("Notification Type"),value:m,options:t.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({notifType:e})}})),wp.element.createElement(u.i,{title:Object(u.p)("Color Settings"),colorSettings:[{value:i,onChange:function(e){return r({color:e})},label:Object(u.p)("Background Color")},{value:s,onChange:function(e){return r({textColor:e})},label:Object(u.p)("Text Color")}]})))]},s=function(e){var t=e.attributes,n=t.text,l=t.color,o=t.textColor,r=t.notifType,c=t.dismissible,u={backgroundColor:l,color:o},i=a()(n+r).substr(0,6);return wp.element.createElement("div",{className:"ugb-notification type-"+r+" dismissible-"+c,"data-uid":i},c&&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("p",{className:"wp-ugb-notif notif-"+r,style:u},n))};Object(u.q)("ugb/notification",{title:Object(u.p)("Notification"),icon:c.g,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(u.p)("Notification"),Object(u.p)("Stackable")],attributes:{text:{type:"array",source:"children",selector:"p",default:Object(u.p)("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(20),l=n(2).utf8,o=n(21),r=n(2).bin,a=function(e,n){e.constructor==String?e=n&&"binary"===n.encoding?r.stringToBytes(e):l.stringToBytes(e):o(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,p=271733878,b=0;b<c.length;b++)c[b]=16711935&(c[b]<<8|c[b]>>>24)|4278255360&(c[b]<<24|c[b]>>>8);c[u>>>5]|=128<<u%32,c[14+(u+64>>>9<<4)]=u;for(var d=a._ff,g=a._gg,h=a._hh,f=a._ii,b=0;b<c.length;b+=16){var w=i,y=s,v=m,C=p;i=d(i,s,m,p,c[b+0],7,-680876936),p=d(p,i,s,m,c[b+1],12,-389564586),m=d(m,p,i,s,c[b+2],17,606105819),s=d(s,m,p,i,c[b+3],22,-1044525330),i=d(i,s,m,p,c[b+4],7,-176418897),p=d(p,i,s,m,c[b+5],12,1200080426),m=d(m,p,i,s,c[b+6],17,-1473231341),s=d(s,m,p,i,c[b+7],22,-45705983),i=d(i,s,m,p,c[b+8],7,1770035416),p=d(p,i,s,m,c[b+9],12,-1958414417),m=d(m,p,i,s,c[b+10],17,-42063),s=d(s,m,p,i,c[b+11],22,-1990404162),i=d(i,s,m,p,c[b+12],7,1804603682),p=d(p,i,s,m,c[b+13],12,-40341101),m=d(m,p,i,s,c[b+14],17,-1502002290),s=d(s,m,p,i,c[b+15],22,1236535329),i=g(i,s,m,p,c[b+1],5,-165796510),p=g(p,i,s,m,c[b+6],9,-1069501632),m=g(m,p,i,s,c[b+11],14,643717713),s=g(s,m,p,i,c[b+0],20,-373897302),i=g(i,s,m,p,c[b+5],5,-701558691),p=g(p,i,s,m,c[b+10],9,38016083),m=g(m,p,i,s,c[b+15],14,-660478335),s=g(s,m,p,i,c[b+4],20,-405537848),i=g(i,s,m,p,c[b+9],5,568446438),p=g(p,i,s,m,c[b+14],9,-1019803690),m=g(m,p,i,s,c[b+3],14,-187363961),s=g(s,m,p,i,c[b+8],20,1163531501),i=g(i,s,m,p,c[b+13],5,-1444681467),p=g(p,i,s,m,c[b+2],9,-51403784),m=g(m,p,i,s,c[b+7],14,1735328473),s=g(s,m,p,i,c[b+12],20,-1926607734),i=h(i,s,m,p,c[b+5],4,-378558),p=h(p,i,s,m,c[b+8],11,-2022574463),m=h(m,p,i,s,c[b+11],16,1839030562),s=h(s,m,p,i,c[b+14],23,-35309556),i=h(i,s,m,p,c[b+1],4,-1530992060),p=h(p,i,s,m,c[b+4],11,1272893353),m=h(m,p,i,s,c[b+7],16,-155497632),s=h(s,m,p,i,c[b+10],23,-1094730640),i=h(i,s,m,p,c[b+13],4,681279174),p=h(p,i,s,m,c[b+0],11,-358537222),m=h(m,p,i,s,c[b+3],16,-722521979),s=h(s,m,p,i,c[b+6],23,76029189),i=h(i,s,m,p,c[b+9],4,-640364487),p=h(p,i,s,m,c[b+12],11,-421815835),m=h(m,p,i,s,c[b+15],16,530742520),s=h(s,m,p,i,c[b+2],23,-995338651),i=f(i,s,m,p,c[b+0],6,-198630844),p=f(p,i,s,m,c[b+7],10,1126891415),m=f(m,p,i,s,c[b+14],15,-1416354905),s=f(s,m,p,i,c[b+5],21,-57434055),i=f(i,s,m,p,c[b+12],6,1700485571),p=f(p,i,s,m,c[b+3],10,-1894986606),m=f(m,p,i,s,c[b+10],15,-1051523),s=f(s,m,p,i,c[b+1],21,-2054922799),i=f(i,s,m,p,c[b+8],6,1873313359),p=f(p,i,s,m,c[b+15],10,-30611744),m=f(m,p,i,s,c[b+6],15,-1560198380),s=f(s,m,p,i,c[b+13],21,1309151649),i=f(i,s,m,p,c[b+4],6,-145523070),p=f(p,i,s,m,c[b+11],10,-1120210379),m=f(m,p,i,s,c[b+2],15,718787259),s=f(s,m,p,i,c[b+9],21,-343485551),i=i+w>>>0,s=s+y>>>0,m=m+v>>>0,p=p+C>>>0}return t.endian([i,s,m,p])};a._ff=function(e,t,n,l,o,r,a){var c=e+(t&n|~t&l)+(o>>>0)+a;return(c<<r|c>>>32-r)+t},a._gg=function(e,t,n,l,o,r,a){var c=e+(t&l|n&~l)+(o>>>0)+a;return(c<<r|c>>>32-r)+t},a._hh=function(e,t,n,l,o,r,a){var c=e+(t^n^l)+(o>>>0)+a;return(c<<r|c>>>32-r)+t},a._ii=function(e,t,n,l,o,r,a){var c=e+(n^(t|~l))+(o>>>0)+a;return(c<<r|c>>>32-r)+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?r.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 o=e[l]<<16|e[l+1]<<8|e[l+2],r=0;r<4;r++)8*l+6*r<=8*e.length?n.push(t.charAt(o>>>6*(3-r)&63)):n.push("=");return n.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var n=[],l=0,o=0;l<e.length;o=++l%4)0!=o&&n.push((t.indexOf(e.charAt(l-1))&Math.pow(2,-2*o+8)-1)<<2*o|t.indexOf(e.charAt(l))>>>6-2*o);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(23),o=(n.n(l),n(24)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),o=l.color,r=l.text,c=l.borderColor;return[wp.element.createElement("blockquote",{key:"quote",className:"ugb-blockquote",style:{borderLeftColor:c}},wp.element.createElement(a.k,{tagName:"p",className:"ugb-blockquote-text",value:r,onChange:function(e){return n({text:e})},isSelected:t,style:{color:o}})),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:o,onChange:function(e){return n({color:e})},label:Object(a.p)("Text Color")},{value:c,onChange:function(e){return n({borderColor:e})},label:Object(a.p)("Border Color")}]}))]},u=function(e){var t=e.attributes,n=t.color,l=t.text,o=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{borderLeftColor:o}},wp.element.createElement("p",{style:{color:n}},l))};Object(a.q)("ugb/blockquote",{title:Object(a.p)("Blockquote"),icon:r.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Blockquote"),Object(a.p)("Stackable")],attributes:{text:{type:"array",source:"children",selector:"p",default:Object(a.p)("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"}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(26),o=(n.n(l),n(27)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),o=l.color,r=l.text,c=l.borderColor;return[wp.element.createElement("blockquote",{key:"quote",className:"ugb-pullquote",style:{borderTopColor:c,borderBottomColor:c}},wp.element.createElement(a.k,{tagName:"p",className:"ugb-pullquote-text",value:r,onChange:function(e){return n({text:e})},placeholder:Object(a.p)("Write quote\u2026"),formattingControls:["bold","italic","strikethrough","link"],isSelected:t,keepPlaceholderOnFocus:!0,style:{color:o}})),t&&wp.element.createElement(a.f,null,wp.element.createElement(a.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:o,onChange:function(e){return n({color:e})},label:Object(a.p)("Text Color")},{value:c,onChange:function(e){return n({borderColor:e})},label:Object(a.p)("Border Color")}]}))]},u=function(e){var t=e.attributes,n=t.color,l=t.text,o=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{borderTopColor:o,borderBottomColor:o}},wp.element.createElement("p",{style:{color:n}},l))};Object(a.q)("ugb/pullquote",{title:Object(a.p)("Pullquote"),icon:r.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Pullquote"),Object(a.p)("Stackable")],attributes:{text:{type:"array",source:"children",selector:"p",default:Object(a.p)("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"}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(29),o=(n.n(l),n(30)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.url,u=r.buttonText,i=r.ctaTitle,s=r.bodyText,m=r.color,p=r.textColor,b=r.size,d=r.borderButtonRadius,g=r.bodyTextColor,h=r.titleColor,f=r.bgColor,w=[{value:"small",label:Object(a.p)("Small")},{value:"normal",label:Object(a.p)("Normal")},{value:"medium",label:Object(a.p)("Medium")},{value:"large",label:Object(a.p)("Large")}],y=function(e){return function(){l({editable:e})}};return[wp.element.createElement("div",{key:"editable",className:"ugb-cta",style:{backgroundColor:f}},wp.element.createElement(a.k,{className:"ugb-cta-title",tagName:"h3",placeholder:Object(a.p)("Add Title"),value:i,onChange:function(e){return o({ctaTitle:e})},isSelected:t&&"ctaTitle"===n,onFocus:y("ctaTitle"),keepPlaceholderOnFocus:!0,style:{color:h}}),wp.element.createElement(a.k,{tagName:"p",value:s,className:"ugb-cta-bodyText",onChange:function(e){return o({bodyText:e})},isSelected:t&&"bodyText"===n,onFocus:y("bodyText"),placeholder:Object(a.p)("Write body text\u2026"),style:{color:g}}),wp.element.createElement("span",{key:"button",className:"wp-block-button ugb-cta-button"},wp.element.createElement(a.k,{tagName:"span",placeholder:Object(a.p)("Add Text"),value:u,onChange:function(e){return o({buttonText:e})},isSelected:t&&"buttonText"===n,onFocus:y("buttonText"),className:"wp-ugb-button ugb-button-"+b,style:{backgroundColor:m,color:p,borderRadius:d+"px"},keepPlaceholderOnFocus:!0}),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("Button Size"),value:b,options:w.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({size:e})}}),wp.element.createElement(a.j,{label:Object(a.p)("Button Border Radius"),value:d,min:"1",max:"50",onChange:function(e){return o({borderButtonRadius:e})}})),wp.element.createElement(a.i,{initialOpen:!1,title:Object(a.p)("Color Settings"),colorSettings:[{value:h,onChange:function(e){return o({titleColor:e})},label:Object(a.p)("Title Color")},{value:g,onChange:function(e){return o({bodyTextColor:e})},label:Object(a.p)("Body Text Color")}]}),wp.element.createElement(a.i,{title:Object(a.p)("Button Colors"),colorSettings:[{value:m,onChange:function(e){return o({color:e})},label:Object(a.p)("Button Background Color")},{value:p,onChange:function(e){return o({textColor:e})},label:Object(a.p)("Button Text Color")},{value:f,onChange:function(e){return o({bgColor:e})},label:Object(a.p)("Background Color")}]}))),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"})))]},u=function(e){var t=e.attributes,n=t.url,l=t.buttonText,o=t.ctaTitle,r=t.bodyText,a=t.color,c=t.textColor,u=t.size,i=t.borderButtonRadius,s=t.bodyTextColor,m=t.titleColor,p=t.bgColor,b={backgroundColor:a,color:c,borderRadius:i+"px"};return wp.element.createElement("div",{className:"ugb-cta",style:{backgroundColor:p}},o&&!!o.length&&wp.element.createElement("h3",{className:"ugb-cta-title",style:{color:m}},o),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-cta-bodyText",style:{color:s}},r),l&&!!l.length&&wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-cta-button ugb-button-"+u,style:b},l))};Object(a.q)("ugb/cta",{title:Object(a.p)("Call to Action"),icon:r.b,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Call to Action"),Object(a.p)("Stackable"),Object(a.p)("CTA")],attributes:{url:{type:"string",source:"attribute",selector:"a",attribute:"href"},ctaTitle:{type:"array",source:"children",selector:"h3",default:Object(a.p)("Get Started Today")},bodyText:{type:"array",source:"children",selector:"p",default:Object(a.p)("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}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(32),o=(n.n(l),n(33)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.testimonialTitle,u=r.testimonialTitleTwo,i=r.testimonialTitleThree,s=r.body,m=r.bodyTwo,p=r.bodyThree,b=r.position,d=r.positionTwo,g=r.positionThree,h=(r.href,r.hrefTwo,r.hrefThree,r.mediaID),f=r.mediaIDTwo,w=r.mediaIDThree,y=r.mediaURL,v=r.mediaURLTwo,C=r.mediaURLThree,E=r.columns,k=r.titleColor,x=r.posColor,O=r.bodyTextColor,T=r.iconColor,j=[{value:"1",label:Object(a.p)("One Column")},{value:"2",label:Object(a.p)("Two Column")},{value:"3",label:Object(a.p)("Three Column")}],N=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(a.b,null),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("Column Number"),value:E,options:j.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({columns:e})}})),wp.element.createElement(a.i,{initialOpen:!1,title:Object(a.p)("Color Settings"),colorSettings:[{value:k,onChange:function(e){return o({titleColor:e})},label:Object(a.p)("Title Color")},{value:x,onChange:function(e){return o({posColor:e})},label:Object(a.p)("Position Color")},{value:O,onChange:function(e){return o({bodyTextColor:e})},label:Object(a.p)("Body Text Color")},{value:T,onChange:function(e){return o({iconColor:e})},label:Object(a.p)("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.g,{onSelect:function(e){return o({mediaURL:e.url,mediaID:e.id})},type:"image",value:h,render:function(e){return wp.element.createElement(a.c,{className:h?"":"button button-large",onClick:e.open},h?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+y+")"}}):Object(a.p)("Upload Image"))}})),wp.element.createElement(a.k,{tagName:"h4",value:c,onChange:function(e){return o({testimonialTitle:e})},isSelected:t&&"testimonialTitle"===n,onFocus:N("testimonialTitle"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:b,className:"ugb-testimonial-position",onChange:function(e){return o({position:e})},isSelected:t&&"position"===n,onFocus:N("position"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:s,className:"ugb-testimonial-body",onChange:function(e){return o({body:e})},isSelected:t&&"body"===n,onFocus:N("body"),style:{color:O},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-testimonial-column-two"},wp.element.createElement("div",null,wp.element.createElement(a.g,{onSelect:function(e){return o({mediaURLTwo:e.url,mediaIDTwo:e.id})},type:"image",value:f,render:function(e){return wp.element.createElement(a.c,{className:f?"":"button button-large",onClick:e.open},f?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+v+")"}}):Object(a.p)("Upload Image"))}})),wp.element.createElement(a.k,{tagName:"h4",value:u,onChange:function(e){return o({testimonialTitleTwo:e})},isSelected:t&&"testimonialTitleTwo"===n,onFocus:N("testimonialTitleTwo"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:d,className:"ugb-testimonial-position-two",onChange:function(e){return o({positionTwo:e})},isSelected:t&&"positionTwo"===n,onFocus:N("positionTwo"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:m,className:"ugb-testimonial-body-two",onChange:function(e){return o({bodyTwo:e})},isSelected:t&&"bodyTwo"===n,onFocus:N("bodyTwo"),style:{color:O},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-testimonial-column-three"},wp.element.createElement("div",null,wp.element.createElement(a.g,{onSelect:function(e){return o({mediaURLThree:e.url,mediaIDThree:e.id})},type:"image",value:w,render:function(e){return wp.element.createElement(a.c,{className:w?"":"button button-large",onClick:e.open},w?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+C+")"}}):Object(a.p)("Upload Image"))}})),wp.element.createElement(a.k,{tagName:"h4",value:i,onChange:function(e){return o({testimonialTitleThree:e})},isSelected:t&&"testimonialTitleThree"===n,onFocus:N("testimonialTitleThree"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:g,className:"ugb-testimonial-position-three",onChange:function(e){return o({positionThree:e})},isSelected:t&&"positionThree"===n,onFocus:N("positionThree"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:p,className:"ugb-testimonial-body-three",onChange:function(e){return o({bodyThree:e})},isSelected:t&&"bodyThree"===n,onFocus:N("bodyThree"),style:{color:O},keepPlaceholderOnFocus:!0})))]},u=function(e){var t=e.attributes,n=t.testimonialTitle,l=t.testimonialTitleTwo,o=t.testimonialTitleThree,r=t.body,a=t.bodyTwo,c=t.bodyThree,u=t.position,i=t.positionTwo,s=t.positionThree,m=t.mediaURL,p=t.mediaURLTwo,b=t.mediaURLThree,d=(t.mediaID,t.mediaIDTwo,t.mediaIDThree,t.titleColor),g=t.posColor,h=t.bodyTextColor,f=t.iconColor,w=t.columns,y=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-"+w},wp.element.createElement("div",{className:"ugb-testimonial-column-one"},m?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+m+")"},"data-src":m}):y,n&&!!n.length&&wp.element.createElement("h4",{style:{color:d}},n),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-testimonial-position",style:{color:g}},u),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-testimonial-body",style:{color:h}},r)),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}):y,l&&!!l.length&&wp.element.createElement("h4",{style:{color:d}},l),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-testimonial-position-two",style:{color:g}},i),a&&!!a.length&&wp.element.createElement("p",{className:"ugb-testimonial-body-two",style:{color:h}},a)),w>2&&wp.element.createElement("div",{className:"ugb-testimonial-column-three"},b?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+b+")"},"data-src":b}):y,o&&!!o.length&&wp.element.createElement("h4",{style:{color:d}},o),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.q)("ugb/testimonial",{title:Object(a.p)("Testimonial"),icon:r.n,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Testimonial"),Object(a.p)("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.p)("Ben Adams")},testimonialTitleTwo:{type:"array",source:"children",selector:".ugb-testimonial-column-two h4",default:Object(a.p)("Alex Johnson")},testimonialTitleThree:{type:"array",source:"children",selector:".ugb-testimonial-column-three h4",default:Object(a.p)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-testimonial-position",default:Object(a.p)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-testimonial-position-two",default:Object(a.p)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-testimonial-position-three",default:Object(a.p)("Programmer")},body:{type:"array",source:"children",selector:".ugb-testimonial-body",default:Object(a.p)("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.p)("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.p)("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(35),o=(n.n(l),n(36)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.name,u=r.nameTwo,i=r.nameThree,s=r.des,m=r.desTwo,p=r.desThree,b=r.position,d=r.positionTwo,g=r.positionThree,h=(r.href,r.hrefTwo,r.hrefThree,r.mediaID),f=r.mediaIDTwo,w=r.mediaIDThree,y=r.mediaURL,v=r.mediaURLTwo,C=r.mediaURLThree,E=r.columns,k=r.nameColor,x=r.posColor,O=r.desColor,T=r.iconColor,j=r.shapes,N=[{value:"1",label:Object(a.p)("One Column")},{value:"2",label:Object(a.p)("Two Column")},{value:"3",label:Object(a.p)("Three Column")}],S=[{value:"square",label:Object(a.p)("Square")},{value:"circle",label:Object(a.p)("Circle")}],B=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(a.b,{key:"controls"}),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("Image Shape"),value:j,options:S.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({shapes:e})}}),wp.element.createElement(a.l,{label:Object(a.p)("Column Number"),value:E,options:N.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({columns:e})}})),wp.element.createElement(a.i,{initialOpen:!1,title:Object(a.p)("Color Settings"),colorSettings:[{value:k,onChange:function(e){return o({nameColor:e})},label:Object(a.p)("Name Color")},{value:x,onChange:function(e){return o({posColor:e})},label:Object(a.p)("Position Color")},{value:O,onChange:function(e){return o({desColor:e})},label:Object(a.p)("Description Color")},{value:T,onChange:function(e){return o({iconColor:e})},label:Object(a.p)("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.g,{onSelect:function(e){return o({mediaURL:e.url,mediaID:e.id})},type:"image",value:h,render:function(e){return wp.element.createElement(a.c,{className:h?"":"button button-large",onClick:e.open},h?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+y+")"}}):Object(a.p)("Upload Image"))}})),wp.element.createElement(a.k,{tagName:"h4",value:c,onChange:function(e){return o({name:e})},isSelected:t&&"name"===n,onFocus:B("name"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:b,className:"ugb-team-member-position",onChange:function(e){return o({position:e})},isSelected:t&&"position"===n,onFocus:B("position"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:s,className:"ugb-team-member-des",onChange:function(e){return o({des:e})},isSelected:t&&"des"===n,onFocus:B("des"),style:{color:O},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-team-member-column-two"},wp.element.createElement("div",null,wp.element.createElement(a.g,{onSelect:function(e){return o({mediaURLTwo:e.url,mediaIDTwo:e.id})},type:"image",value:f,render:function(e){return wp.element.createElement(a.c,{className:f?"":"button button-large",onClick:e.open},f?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+v+")"}}):Object(a.p)("Upload Image"))}})),wp.element.createElement(a.k,{tagName:"h4",value:u,onChange:function(e){return o({nameTwo:e})},isSelected:t&&"nameTwo"===n,onFocus:B("nameTwo"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:d,className:"ugb-team-member-position",onChange:function(e){return o({positionTwo:e})},isSelected:t&&"positionTwo"===n,onFocus:B("positionTwo"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:m,className:"ugb-team-member-des-two",onChange:function(e){return o({desTwo:e})},isSelected:t&&"desTwo"===n,onFocus:B("desTwo"),style:{color:O},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-team-member-column-three"},wp.element.createElement("div",null,wp.element.createElement(a.g,{onSelect:function(e){return o({mediaURLThree:e.url,mediaIDThree:e.id})},type:"image",value:w,render:function(e){return wp.element.createElement(a.c,{className:w?"":"button button-large",onClick:e.open},w?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+C+")"}}):Object(a.p)("Upload Image"))}})),wp.element.createElement(a.k,{tagName:"h4",value:i,onChange:function(e){return o({nameThree:e})},isSelected:t&&"nameThree"===n,onFocus:B("nameThree"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:g,className:"ugb-team-member-position",onChange:function(e){return o({positionThree:e})},isSelected:t&&"positionThree"===n,onFocus:B("positionThree"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:p,className:"ugb-team-member-des-three",onChange:function(e){return o({desThree:e})},isSelected:t&&"desThree"===n,onFocus:B("desThree"),style:{color:O},keepPlaceholderOnFocus:!0})))]},u=function(e){var t=e.attributes,n=t.name,l=t.nameTwo,o=t.nameThree,r=t.shapes,a=t.des,c=t.desTwo,u=t.desThree,i=t.position,s=t.positionTwo,m=t.positionThree,p=t.mediaURL,b=t.mediaURLTwo,d=t.mediaURLThree,g=(t.mediaID,t.mediaIDTwo,t.mediaIDThree,t.nameColor),h=t.posColor,f=t.desColor,w=(t.iconColor,t.columns);return wp.element.createElement("div",{className:"ugb-team-member column-"+w+" image-"+r},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}),n&&!!n.length&&wp.element.createElement("h4",{style:{color:g}},n),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-team-member-position",style:{color:h}},i),a&&!!a.length&&wp.element.createElement("p",{className:"ugb-team-member-des",style:{color:f}},a)),w>1&&wp.element.createElement("div",{className:"ugb-team-member-column-two"},b&&wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+b+")"},"data-src":b}),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)),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&&!!o.length&&wp.element.createElement("h4",{style:{color:g}},o),m&&!!m.length&&wp.element.createElement("p",{className:"ugb-team-member-position",style:{color:h}},m),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-team-member-des-three",style:{color:f}},u)))};Object(a.q)("ugb/team-member",{title:Object(a.p)("Team Member"),icon:r.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Team Member"),Object(a.p)("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.p)("Ben Adams")},nameTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two h4",default:Object(a.p)("Alex Johnson")},nameThree:{type:"array",source:"children",selector:".ugb-team-member-column-three h4",default:Object(a.p)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-team-member-column-one .ugb-team-member-position",default:Object(a.p)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two .ugb-team-member-position",default:Object(a.p)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-team-member-column-three .ugb-team-member-position",default:Object(a.p)("Programmer")},des:{type:"array",source:"children",selector:".ugb-team-member-des",default:Object(a.p)("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.p)("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.p)("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 o=n(38),r=(n.n(o),n(39)),a=(n.n(r),n(0)),c=n(1),u=function(e){return e.map?e.map(function(e){return e.children}):""},i=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,o=e.setState,r=e.className,a=e.isSelected,s=function(e){return function(){o({editable:e})}},m=e.attributes,p=m.text,b=m.moreLabel,d=m.moreText,g=m.lessLabel;return[a&&wp.element.createElement(c.b,{key:"controls"}),wp.element.createElement("div",{key:"expand",className:r},a&&wp.element.createElement("label",{className:"ugb-editor-label"},"Less text"),wp.element.createElement(c.k,l({multiline:"p",placeholder:e.attributes.text.default,value:u(p),onChange:function(e){return n({text:i(e)})},isSelected:a&&"text"===t,onFocus:s("text"),className:"ugb-expand-less-text"},"placeholder",Object(c.p)("Some short text that can be expanded to show more details."))),wp.element.createElement(c.k,l({tagName:"a",placeholder:e.attributes.moreLabel.default,value:b,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.p)("Show more"))),a&&wp.element.createElement("label",{className:"ugb-editor-label"},"More text"),a&&wp.element.createElement(c.k,l({multiline:"p",placeholder:e.attributes.moreText.default,value:u(d),isSelected:a&&"moreText"===t,onFocus:s("moreText"),onChange:function(e){return n({moreText:i(e)})},className:"ugb-expand-more-text"},"placeholder",Object(c.p)("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.k,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.p)("Show less"))))]},m=function(e){var t=e.attributes,n=t.text,l=t.moreLabel,o=t.moreText,r=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"}},o.map&&o.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"}},r)))};Object(c.q)("ugb/expand",{title:Object(c.p)("Expand / Show More"),icon:a.d,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.p)("Expand"),Object(c.p)("Show more/less"),Object(c.p)("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.p)("Show more")},lessLabel:{type:"array",source:"children",selector:".ugb-expand-less",default:Object(c.p)("Show less")}},edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(41),o=(n.n(l),n(42)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.editable,o=e.setState,r=e.attributes,c=r.numberBox,u=r.numberBoxTwo,i=r.numberBoxThree,s=r.body,m=r.bodyTwo,p=r.bodyThree,b=r.name,d=r.nameTwo,g=r.nameThree,h=r.columns,f=r.numberBoxColor,w=r.nameColor,y=r.bodyTextColor,v=r.numberBGColor,C=[{value:"1",label:Object(a.p)("One Column")},{value:"2",label:Object(a.p)("Two Column")},{value:"3",label:Object(a.p)("Three Column")}],E=function(e){return function(){o({editable:e})}};return[n&&wp.element.createElement(a.b,{key:"controls"}),n&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("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.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:f,onChange:function(e){return t({numberBoxColor:e})},label:Object(a.p)("Number Color")},{value:v,onChange:function(e){return t({numberBGColor:e})},label:Object(a.p)("Number Background Color")},{value:w,onChange:function(e){return t({nameColor:e})},label:Object(a.p)("Name Color")},{value:y,onChange:function(e){return t({bodyTextColor:e})},label:Object(a.p)("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.k,{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.k,{tagName:"h4",value:b,className:"ugb-number-box-name",onChange:function(e){return t({name:e})},isSelected:n&&"name"===l,onFocus:E("name"),placeholder:Object(a.p)("Add name\u2026"),style:{color:w},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{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.p)("Add body\u2026"),style:{color:y},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-number-box-column-two"},wp.element.createElement(a.k,{tagName:"span",placeholder:u?u.default:"",value:u,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.k,{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.p)("Add name\u2026"),style:{color:w},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{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.p)("Add body\u2026"),style:{color:y},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-number-box-column-three"},wp.element.createElement(a.k,{tagName:"span",placeholder:i?i.default:"",value:i,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.k,{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.p)("Add name\u2026"),style:{color:w},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:p,className:"ugb-number-box-body-three",onChange:function(e){return t({bodyThree:e})},isSelected:n&&"bodyThree"===l,onFocus:E("bodyThree"),placeholder:Object(a.p)("Add body\u2026"),style:{color:y},keepPlaceholderOnFocus:!0})))]},u=function(e){var t=e.attributes,n=t.numberBox,l=t.numberBoxTwo,o=t.numberBoxThree,r=t.body,a=t.bodyTwo,c=t.bodyThree,u=t.name,i=t.nameTwo,s=t.nameThree,m=t.numberBoxColor,p=t.nameColor,b=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),u&&!!u.length&&wp.element.createElement("h4",{className:"ugb-number-box-name",style:{color:p}},u),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-number-box-body",style:{color:b}},r)),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),i&&!!i.length&&wp.element.createElement("h4",{className:"ugb-number-box-name-two",style:{color:p}},i),a&&!!a.length&&wp.element.createElement("p",{className:"ugb-number-box-body-two",style:{color:b}},a)),g>2&&wp.element.createElement("div",{className:"ugb-number-box-column-three"},o&&!!o.length&&wp.element.createElement("span",{style:{color:m,backgroundColor:d}},o),s&&!!s.length&&wp.element.createElement("h4",{className:"ugb-number-box-name-three",style:{color:p}},s),c&&!!c.length&&wp.element.createElement("p",{className:"ugb-number-box-body-three",style:{color:b}},c)))};Object(a.q)("ugb/number-box",{title:Object(a.p)("Number Box"),icon:r.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Number Box"),Object(a.p)("Stackable")],attributes:{numberBox:{type:"array",source:"children",selector:".ugb-number-box-column-one span",default:Object(a.p)("01")},numberBoxTwo:{type:"array",source:"children",selector:".ugb-number-box-column-two span",default:Object(a.p)("02")},numberBoxThree:{type:"array",source:"children",selector:".ugb-number-box-column-three span",default:Object(a.p)("03")},name:{type:"array",source:"children",selector:".ugb-number-box-name",default:Object(a.p)("Registration")},nameTwo:{type:"array",source:"children",selector:".ugb-number-box-name-two",default:Object(a.p)("Waiting Period")},nameThree:{type:"array",source:"children",selector:".ugb-number-box-name-three",default:Object(a.p)("Delivery")},body:{type:"array",source:"children",selector:".ugb-number-box-body",default:Object(a.p)("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.p)("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.p)("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(44),o=(n.n(l),n(45)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.url,u=(r.url2,r.url3,r.pricingBoxTitle),i=r.pricingBoxTitle2,s=r.pricingBoxTitle3,m=r.price,p=r.price2,b=r.price3,d=r.perMonthLabel,g=r.perMonthLabel2,h=r.perMonthLabel3,f=r.buttonText,w=r.buttonText2,y=r.buttonText3,v=r.featureList,C=r.featureList2,E=r.featureList3,k=r.pricingBoxColor,x=r.priceColor,O=r.perMonthLabelColor,T=r.buttonColor,j=r.buttonTextColor,N=r.featureListColor,S=r.columns,B=r.size,L=r.cornerButtonRadius,F=[{value:"1",label:Object(a.p)("One Column")},{value:"2",label:Object(a.p)("Two Column")},{value:"3",label:Object(a.p)("Three Column")}],z=[{value:"small",label:Object(a.p)("Small")},{value:"normal",label:Object(a.p)("Normal")},{value:"medium",label:Object(a.p)("Medium")},{value:"large",label:Object(a.p)("Large")}],A=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(a.b,{key:"controls"}),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("Column Number"),value:S,options:F.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({columns:e})}}),wp.element.createElement(a.j,{label:Object(a.p)("Corner Radius"),value:L,min:"1",max:"50",onChange:function(e){return o({cornerButtonRadius:e})}}),wp.element.createElement(a.l,{label:Object(a.p)("Button Size"),value:B,options:z.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({size:e})}})),wp.element.createElement(a.i,{initialOpen:!1,title:Object(a.p)("Text Colors"),colorSettings:[{value:k,onChange:function(e){return o({pricingBoxColor:e})},label:Object(a.p)("Pricing Title Color")},{value:x,onChange:function(e){return o({priceColor:e})},label:Object(a.p)("Price Color")},{value:O,onChange:function(e){return o({perMonthLabelColor:e})},label:Object(a.p)("Per Month Label Color")},{value:N,onChange:function(e){return o({featureListColor:e})},label:Object(a.p)("Feature List Color")}]}),wp.element.createElement(a.i,{initialOpen:!1,title:Object(a.p)("Button Colors"),colorSettings:[{value:T,onChange:function(e){return o({buttonColor:e})},label:Object(a.p)("Button Color")},{value:j,onChange:function(e){return o({buttonTextColor:e})},label:Object(a.p)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-pricing-box column-"+S},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},wp.element.createElement(a.k,{tagName:"h3",value:u,onChange:function(e){return o({pricingBoxTitle:e})},isSelected:t&&"pricingBoxTitle"===n,onFocus:A("pricingBoxTitle"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:m,className:"ugb-pricing-box-pricing",onChange:function(e){return o({price:e})},isSelected:t&&"price"===n,onFocus:A("price"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:d,className:"ugb-pricing-box-per-month-label",onChange:function(e){return o({perMonthLabel:e})},focus:t&&"perMonthLabel"===n,onFocus:A("perMonthLabel"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement("span",{key:"button",className:"wp-block-button"},wp.element.createElement(a.k,{tagName:"span",value:f,onChange:function(e){return o({buttonText:e})},className:"wp-ugb-button ugb-button-"+B,isSelected:t&&"buttonText"===n,onFocus:A("buttonText"),style:{backgroundColor:T,color:j,borderRadius:L+"px"},keepPlaceholderOnFocus:!0})),wp.element.createElement(a.k,{tagName:"p",value:v,className:"ugb-pricing-box-feature-list",onChange:function(e){return o({featureList:e})},focus:t&&"featureList"===n,onFocus:A("featureList"),style:{color:N},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(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},wp.element.createElement(a.k,{tagName:"h3",value:i,onChange:function(e){return o({pricingBoxTitle2:e})},isSelected:t&&"pricingBoxTitle2"===n,onFocus:A("pricingBoxTitle2"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:p,className:"ugb-pricing-box-pricing",onChange:function(e){return o({price2:e})},isSelected:t&&"price2"===n,onFocus:A("price2"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:g,className:"ugb-pricing-box-per-month-label",onChange:function(e){return o({perMonthLabel2:e})},focus:t&&"perMonthLabel2"===n,onFocus:A("perMonthLabel2"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement("span",{key:"button",className:"wp-block-button"},wp.element.createElement(a.k,{tagName:"span",value:w,onChange:function(e){return o({buttonText2:e})},className:"wp-ugb-button ugb-button-"+B,isSelected:t&&"buttonText2"===n,onFocus:A("buttonText2"),style:{backgroundColor:T,color:j,borderRadius:L+"px"},keepPlaceholderOnFocus:!0})),wp.element.createElement(a.k,{tagName:"p",value:C,className:"ugb-pricing-box-feature-list",onChange:function(e){return o({featureList2:e})},focus:t&&"featureList2"===n,onFocus:A("featureList2"),style:{color:N},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(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},wp.element.createElement(a.k,{tagName:"h3",value:s,onChange:function(e){return o({pricingBoxTitle3:e})},isSelected:t&&"pricingBoxTitle3"===n,onFocus:A("pricingBoxTitle3"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:b,className:"ugb-pricing-box-pricing",onChange:function(e){return o({price3:e})},isSelected:t&&"price3"===n,onFocus:A("price3"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:h,className:"ugb-pricing-box-per-month-label",onChange:function(e){return o({perMonthLabel3:e})},focus:t&&"perMonthLabel3"===n,onFocus:A("perMonthLabel3"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement("span",{key:"button",className:"wp-block-button"},wp.element.createElement(a.k,{tagName:"span",value:y,onChange:function(e){return o({buttonText3:e})},className:"wp-ugb-button ugb-button-"+B,isSelected:t&&"buttonText3"===n,onFocus:A("buttonText3"),style:{backgroundColor:T,color:j,borderRadius:L+"px"},keepPlaceholderOnFocus:!0})),wp.element.createElement(a.k,{tagName:"p",value:E,className:"ugb-pricing-box-feature-list",onChange:function(e){return o({featureList3:e})},focus:t&&"featureList3"===n,onFocus:A("featureList3"),style:{color:N},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(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"}))))]},u=function(e){var t=e.attributes,n=t.url,l=t.url2,o=t.url3,r=t.pricingBoxTitle,a=t.pricingBoxTitle2,c=t.pricingBoxTitle3,u=t.price,i=t.price2,s=t.price3,m=t.perMonthLabel,p=t.perMonthLabel2,b=t.perMonthLabel3,d=t.buttonText,g=t.buttonText2,h=t.buttonText3,f=t.featureList,w=t.featureList2,y=t.featureList3,v=t.pricingBoxColor,C=t.priceColor,E=t.perMonthLabelColor,k=t.buttonColor,x=t.buttonTextColor,O=t.featureListColor,T=t.columns,j=t.size,N=t.cornerButtonRadius,S={backgroundColor:k,color:x,borderRadius:N+"px"};return wp.element.createElement("div",{className:"ugb-pricing-box column-"+T},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},r&&!!r.length&&wp.element.createElement("h3",{style:{color:v}},r),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),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:O}},f)),T>1&&wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},a&&!!a.length&&wp.element.createElement("h3",{style:{color:v}},a),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:C}},i),p&&!!p.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},p),g&&!!g.length&&wp.element.createElement("a",{href:l,className:"wp-ugb-button ugb-button-"+j,style:S},g),w&&!!w.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:O}},w)),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),b&&!!b.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},b),h&&!!h.length&&wp.element.createElement("a",{href:o,className:"wp-ugb-button ugb-button-"+j,style:S},h),y&&!!y.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:O}},y)))};Object(a.q)("ugb/pricing-box",{title:Object(a.p)("Pricing Box"),icon:r.j,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Pricing Box"),Object(a.p)("Stackable")],attributes:{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(a.p)("Basic")},pricingBoxTitle2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two h3",default:Object(a.p)("Basic")},pricingBoxTitle3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three h3",default:Object(a.p)("Basic")},price:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-pricing",default:Object(a.p)("$9")},price2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-pricing",default:Object(a.p)("$9")},price3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-pricing",default:Object(a.p)("$9")},perMonthLabel:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-per-month-label",default:Object(a.p)("per month")},perMonthLabel2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-per-month-label",default:Object(a.p)("per month")},perMonthLabel3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-per-month-label",default:Object(a.p)("per month")},buttonText:{type:"array",source:"children",selector:".ugb-pricing-box-column-one a",default:Object(a.p)("Buy Now")},buttonText2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two a",default:Object(a.p)("Buy Now")},buttonText3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three a",default:Object(a.p)("Buy Now")},featureList:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-feature-list",default:Object(a.p)("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(a.p)("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(a.p)("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}},edit:c,save:u})},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)}var o=n(47),r=n.n(o),a=n(48),c=(n.n(a),n(49)),u=(n.n(c),n(0)),i=n(1),s=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,o=e.editable,a=e.setState,c=e.attributes,u=c.url,s=c.buttonURL,m=c.buttonText,p=c.buttonColor,b=c.buttonTextColor,d=c.cornerButtonRadius,g=c.size,h=c.title,f=c.titleColor,w=c.subtitle,y=c.subtitleColor,v=c.contentAlign,C=c.id,E=c.backgroundColor,k=c.opacity,x=u?{backgroundImage:"url("+u+")"}:void 0,O=u?"has-image":"",T=r()(l(k),{"overlay-opacity":0!==k}),j=function(e){return function(){a({editable:e})}},N=[{value:"small",label:Object(i.p)("Small")},{value:"normal",label:Object(i.p)("Normal")},{value:"medium",label:Object(i.p)("Medium")},{value:"large",label:Object(i.p)("Large")}];return[n&&wp.element.createElement(i.b,{key:"controls"},wp.element.createElement(i.a,{value:v,onChange:function(e){return t({contentAlign:e})}}),wp.element.createElement(i.n,null,wp.element.createElement(i.g,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:C,render:function(e){var t=e.open;return wp.element.createElement(i.e,{className:"components-toolbar__control",label:Object(i.p)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(i.f,null,wp.element.createElement(i.h,{title:Object(i.p)("General")},wp.element.createElement(i.j,{label:Object(i.p)("Background Opacity"),value:k,min:0,max:10,step:1,onChange:function(e){return t({opacity:e})}}),wp.element.createElement(i.l,{label:Object(i.p)("Button Size"),value:g,options:N.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({size:e})}}),wp.element.createElement(i.j,{label:Object(i.p)("Corner Radius"),value:d,min:"1",max:"50",onChange:function(e){return t({cornerButtonRadius:e})}})),wp.element.createElement(i.i,{initialOpen:!1,title:Object(i.p)("Text Colors"),colorSettings:[{value:f,onChange:function(e){return t({titleColor:e})},label:Object(i.p)("Title Color")},{value:y,onChange:function(e){return t({subtitleColor:e})},label:Object(i.p)("Subtitle Color")},{value:E,onChange:function(e){return t({backgroundColor:e})},label:Object(i.p)("Heading Background Color")}]}),wp.element.createElement(i.i,{initialOpen:!1,title:Object(i.p)("Button Colors"),colorSettings:[{value:p,onChange:function(e){return t({buttonColor:e})},label:Object(i.p)("Button Color")},{value:b,onChange:function(e){return t({buttonTextColor:e})},label:Object(i.p)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-header "+O+" "},wp.element.createElement("div",{className:"ugb-header-overlay "+T,style:{backgroundColor:E}}),wp.element.createElement(i.g,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:C,render:function(e){return[!u&&wp.element.createElement(i.c,{className:C?"":"button button-large",onClick:e.open},Object(i.p)("Upload Image"))]}}),wp.element.createElement("section",{key:"preview","data-url":u,style:x,className:"ugb-header-section"},wp.element.createElement(i.k,{tagName:"h2",className:"ugb-header-title",placeholder:h.default,value:h,onChange:function(e){return t({title:e})},isSelected:n&&"title"===o,onFocus:j("title"),style:{textAlign:v,color:f}}),wp.element.createElement(i.k,{tagName:"p",className:"ugb-header-subtitle",placeholder:w.default,value:w,onChange:function(e){return t({subtitle:e})},isSelected:n&&"subtitle"===o,onFocus:j("subtitle"),style:{textAlign:v,color:y}}),wp.element.createElement("span",{key:"button",className:"wp-block-button ugb-button-"+v},wp.element.createElement(i.k,{tagName:"span",placeholder:m.default,value:m,onChange:function(e){return t({buttonText:e})},className:"wp-ugb-button ugb-button-"+g,style:{backgroundColor:p,color:b,borderRadius:d+"px"},isSelected:n&&"buttonText"===o,onFocus:j("buttonText"),keepPlaceholderOnFocus:!0})))),n&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+v},wp.element.createElement(i.d,{icon:"admin-links"}),wp.element.createElement(i.o,{value:s,onChange:function(e){return t({buttonURL:e})}}),wp.element.createElement(i.e,{icon:"editor-break",label:Object(i.p)("Apply"),type:"submit"}))]},m=function(e){var t=e.attributes,n=t.url,o=t.buttonURL,a=t.buttonText,c=t.buttonColor,u=t.buttonTextColor,i=t.cornerButtonRadius,s=t.size,m=t.title,p=t.titleColor,b=t.subtitle,d=t.subtitleColor,g=(t.contentAlign,t.id,t.backgroundColor),h=t.opacity,f={backgroundColor:c,color:u,borderRadius:i+"px"},w=n?{backgroundImage:"url("+n+")"}:void 0,y=n?"has-image":"",v=r()(l(h),{"overlay-opacity":0!==h}),C=m.length||b.length||a.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-header "+y+" "+C},wp.element.createElement("div",{className:"ugb-header-overlay "+v,style:{backgroundColor:g}}),wp.element.createElement("section",{key:"preview","data-url":n,style:w,className:"ugb-header-section"},m&&!!m.length&&wp.element.createElement("h2",{className:"ugb-header-title",style:{color:p}},m),b&&!!b.length&&wp.element.createElement("p",{className:"ugb-header-subtitle",style:{color:d}},b),a&&!!a.length&&wp.element.createElement("a",{href:o,className:"wp-ugb-button ugb-button-"+s,style:f},a)))};Object(i.q)("ugb/header",{title:Object(i.p)("Header"),icon:u.f,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.p)("Header"),Object(i.p)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h2",default:Object(i.p)("Heading Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(i.p)("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(i.p)("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}},edit:s,save:m})},function(e,t,n){var l,o;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var o=typeof l;if("string"===o||"number"===o)e.push(l);else if(Array.isArray(l)&&l.length){var a=n.apply(null,l);a&&e.push(a)}else if("object"===o)for(var c in l)r.call(l,c)&&l[c]&&e.push(c)}}return e.join(" ")}var r={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(n.default=n,e.exports=n):(l=[],void 0!==(o=function(){return n}.apply(t,l))&&(e.exports=o))}()},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(51),o=(n.n(l),n(52)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.editable,o=e.setState,r=e.attributes,c=r.url,u=r.title,i=r.titleColor,s=r.subtitle,m=r.subtitleColor,p=r.overlayColor,b=r.id,d=r.height,g=r.width,h=r.verticalAlign,f=r.horizontalAlign,w=r.full,y=c?"has-image":"",v=w?"full-width":"",C=function(e){return function(){o({editable:e})}},E=[{value:"flex-start",label:Object(a.p)("Top")},{value:"center",label:Object(a.p)("Center")},{value:"flex-end",label:Object(a.p)("Bottom")}],k=[{value:"flex-start",label:Object(a.p)("Left")},{value:"center",label:Object(a.p)("Center")},{value:"flex-end",label:Object(a.p)("Right")}];return[n&&wp.element.createElement(a.b,{key:"controls"},c&&wp.element.createElement(a.n,null,wp.element.createElement(a.g,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:b,render:function(e){var t=e.open;return wp.element.createElement(a.e,{className:"components-toolbar__control",label:Object(a.p)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.m,{label:"Full-Width",checked:!!w,onChange:function(){return t({full:!w})}}),wp.element.createElement(a.j,{label:Object(a.p)("Height"),value:d,min:"135",max:"700",onChange:function(e){return t({height:e})}}),wp.element.createElement(a.j,{label:Object(a.p)("Width"),value:g,min:"400",max:"999",onChange:function(e){return t({width:e})}}),wp.element.createElement(a.l,{label:Object(a.p)("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.l,{label:Object(a.p)("Horizontal Alignment"),value:f,options:k.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({horizontalAlign:e})}})),wp.element.createElement(a.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:p,onChange:function(e){return t({overlayColor:e})},label:Object(a.p)("Overlay Color")},{value:i,onChange:function(e){return t({titleColor:e})},label:Object(a.p)("Title Color")},{value:m,onChange:function(e){return t({subtitleColor:e})},label:Object(a.p)("Subtitle Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-image-box "+y+" "+v,"data-url":c,style:{width:g+"px",height:d+"px",backgroundImage:"url("+c+")",alignItems:f,justifyContent:h}},wp.element.createElement(a.g,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:b,render:function(e){return[!c&&wp.element.createElement(a.c,{className:b?"":"button button-large",onClick:e.open},Object(a.p)("Upload Image"))]}}),wp.element.createElement("a",{href:"#",style:{backgroundColor:p}}),wp.element.createElement(a.k,{tagName:"h4",placeholder:u.default,value:u,onChange:function(e){return t({title:e})},isSelected:n&&"title"===l,onFocus:C("title"),style:{color:i}}),wp.element.createElement(a.k,{tagName:"p",placeholder:s.default,value:s,onChange:function(e){return t({subtitle:e})},isSelected:n&&"subtitle"===l,onFocus:C("subtitle"),style:{color:m}}))]},u=function(e){var t=e.attributes,n=t.url,l=t.title,o=t.titleColor,r=t.subtitle,a=t.subtitleColor,c=t.overlayColor,u=(t.id,t.height),i=t.width,s=t.verticalAlign,m=t.horizontalAlign,p=t.full,b=n?"has-image":"",d=p?"full-width":"",g=l.length||r.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-image-box "+b+" "+g+" "+d,"data-url":n,style:{width:i+"px",height:u+"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:o}},l),r&&!!r.length&&wp.element.createElement("p",{style:{color:a}},r))};Object(a.q)("ugb/image-box",{title:Object(a.p)("Image Box"),icon:r.i,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Image Box"),Object(a.p)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(a.p)("Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(a.p)("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(54),o=(n.n(l),n(55)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=function(e){return function(){o({editable:e})}},n=e.isSelected,l=e.editable,o=e.setState,r=e.setAttributes,c=(e.className,e.attributes),u=c.color,i=c.headingColor,s=c.desColor,m=c.title,p=c.counter,b=c.des,d=c.fontSize;return[wp.element.createElement("div",{className:"ugb-countup"},wp.element.createElement(a.k,{tagName:"h4",value:m,onChange:function(e){return r({title:e})},isSelected:n&&"title"===l,onFocus:t("title"),style:{color:i}}),wp.element.createElement(a.k,{tagName:"div",className:"ugb-counter",placeholder:p.default,"data-duration":"1000","data-delay":"16",value:p,onChange:function(e){return r({counter:e})},isSelected:n&&"counter"===l,onFocus:t("counter"),style:{color:u,fontSize:d+"px"}}),wp.element.createElement(a.k,{tagName:"p",className:"ugb-counter-des",value:b,onChange:function(e){return r({des:e})},isSelected:n&&"des"===l,onFocus:t("des"),style:{color:s}})),n&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.i,{title:Object(a.p)("Color Settings"),colorSettings:[{value:i,onChange:function(e){return r({headingColor:e})},label:Object(a.p)("Heading Color")},{value:u,onChange:function(e){return r({color:e})},label:Object(a.p)("Number Color")},{value:s,onChange:function(e){return r({desColor:e})},label:Object(a.p)("Description Color")}]}),wp.element.createElement(a.h,null,wp.element.createElement(a.j,{label:Object(a.p)("Counter Text Font Size"),max:"100",min:"10",value:d,onChange:function(e){return r({fontSize:e})}})))]},u=function(e){var t=e.attributes,n=t.color,l=t.headingColor,o=t.desColor,r=t.title,a=t.counter,c=t.des,u=t.fontSize;return wp.element.createElement("div",{className:"ugb-countup"},wp.element.createElement("h4",{style:{color:l}}," ",r," "),wp.element.createElement("div",{className:"ugb-counter",style:{color:n,fontSize:u+"px"},"data-duration":"1000","data-delay":"16"},a),wp.element.createElement("p",{style:{color:o}}," ",c," "))};Object(a.q)("ugb/count-up",{title:Object(a.p)("Count Up"),icon:r.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Count Up"),Object(a.p)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(a.p)("Happy Customers")},counter:{type:"array",source:"children",selector:".ugb-counter",default:"12,345"},des:{type:"array",source:"children",selector:"p",default:Object(a.p)("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(57),o=(n.n(l),n(58)),r=(n.n(o),n(0)),a=n(1),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,o=l.videoLink,r=l.mediaLink,u=l.overlayColor,i=l.playButtonType,s=l.mediaID,m=[{value:"normal",label:Object(a.p)("Normal Play Button")},{value:"circle",label:Object(a.p)("Play Button with Circle")},{value:"outline",label:Object(a.p)("Outline Play Button")}];return[n&&wp.element.createElement(a.b,{key:"controls"},r&&wp.element.createElement(a.n,null,wp.element.createElement(a.g,{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.e,{className:"components-toolbar__control",label:Object(a.p)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.h,null,wp.element.createElement(a.l,{label:Object(a.p)("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(a.i,{initialOpen:!1,title:Object(a.p)("Color Settings"),colorSettings:[{value:u,onChange:function(e){return t({overlayColor:e})},label:Object(a.p)("Background / Overlay Color")}]})),wp.element.createElement("div",{className:"ugb-video-popup","data-video":o,style:{backgroundColor:u}},wp.element.createElement("div",{className:"ugb-video-preview",style:{backgroundImage:"url("+r+")"}}),wp.element.createElement("div",{className:"ugb-video-wrapper"},wp.element.createElement(a.g,{onSelect:function(e){return t({mediaLink:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){return[!r&&wp.element.createElement(a.c,{className:s?"":"button button-large",onClick:e.open},Object(a.p)("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",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"ugb-video-popup-link blocks-button__inline-link"},wp.element.createElement(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:o,onChange:function(e){return t({videoLink:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"}),wp.element.createElement("p",null,wp.element.createElement("i",null,"Youtube/Vimeo ID only")))]},i=function(e){var t=e.attributes,n=t.videoLink,l=t.mediaLink,o=t.overlayColor,r=t.playButtonType;t.mediaID;return wp.element.createElement("div",{className:"ugb-video-popup","data-video":n,style:{backgroundColor:o}},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:o}}),wp.element.createElement("span",{className:"ugb-play-button"},c[r])))};Object(a.q)("ugb/video-popup",{title:Object(a.p)("Video Popup"),icon:r.o,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Video Popup"),Object(a.p)("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(60),o=(n.n(l),n(61)),r=(n.n(o),n(0)),a=n(1),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.heading,u=r.tagline,i=r.des,s=r.mediaID,m=r.mediaURL,p=r.headingColor,b=r.taglineColor,d=r.desColor,g=r.buttonURL,h=r.buttonText,f=r.buttonColor,w=r.buttonTextColor,y=r.size,v=r.cornerButtonRadius,C=r.contentAlign,E=function(e){return function(){l({editable:e})}},k=m?"has-image":"",x=[{value:"small",label:Object(a.p)("Small")},{value:"normal",label:Object(a.p)("Normal")},{value:"medium",label:Object(a.p)("Medium")},{value:"large",label:Object(a.p)("Large")}];return[t&&wp.element.createElement(a.b,{key:"controls"},wp.element.createElement(a.a,{value:C,onChange:function(e){return o({contentAlign:e})}}),wp.element.createElement(a.n,null,wp.element.createElement(a.g,{onSelect:function(e){return o({mediaURL:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(a.e,{className:"components-toolbar__control",label:Object(a.p)("Edit image"),icon:"edit",onClick:t})}}))),t&&wp.element.createElement(a.f,{key:"inspector"},wp.element.createElement(a.i,{title:Object(a.p)("Text Colors"),colorSettings:[{value:p,onChange:function(e){return o({headingColor:e})},label:Object(a.p)("Heading Color")},{value:b,onChange:function(e){return o({taglineColor:e})},label:Object(a.p)("Tagline Color")},{value:d,onChange:function(e){return o({desColor:e})},label:Object(a.p)("Description Color")}]}),wp.element.createElement(a.h,{initialOpen:!1,title:Object(a.p)("Button Size")},wp.element.createElement(a.l,{label:Object(a.p)("Button Size"),value:y,options:x.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({size:e})}}),wp.element.createElement(a.j,{label:Object(a.p)("Corner Radius"),value:v,min:"1",max:"50",onChange:function(e){return o({cornerButtonRadius:e})}})),wp.element.createElement(a.i,{initialOpen:!1,title:Object(a.p)("Button Colors"),colorSettings:[{value:f,onChange:function(e){return o({buttonColor:e})},label:Object(a.p)("Button Color")},{value:w,onChange:function(e){return o({buttonTextColor:e})},label:Object(a.p)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-card "+k},wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+m+")",textAlign:C}},wp.element.createElement(a.g,{onSelect:function(e){return o({mediaURL:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){return[!m&&wp.element.createElement(a.c,{className:s?"":"button button-large",onClick:e.open},Object(a.p)("Upload Image"))]}})),wp.element.createElement(a.k,{tagName:"h4",value:c,className:"ugb-card-heading",onChange:function(e){return o({heading:e})},isSelected:t&&"heading"===n,onFocus:E("heading"),style:{color:p,textAlign:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:u,className:"ugb-tagline",onChange:function(e){return o({tagline:e})},isSelected:t&&"tagline"===n,onFocus:E("tagline"),style:{color:b,textAlign:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.k,{tagName:"p",value:i,className:"ugb-card-des",onChange:function(e){return o({des:e})},isSelected:t&&"des"===n,onFocus:E("des"),style:{color:d,textAlign:C},keepPlaceholderOnFocus:!0}),wp.element.createElement("span",{key:"button",className:"wp-block-button ugb-button-"+C},wp.element.createElement(a.k,{tagName:"span",placeholder:h.default,value:h,onChange:function(e){return o({buttonText:e})},className:"wp-ugb-button ugb-button-"+y,style:{backgroundColor:f,color:w,borderRadius:v+"px"},isSelected:t&&"buttonText"===n,onFocus:E("buttonText"),keepPlaceholderOnFocus:!0}))),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+C,style:{marginTop:10}},wp.element.createElement(a.d,{icon:"admin-links"}),wp.element.createElement(a.o,{value:g,onChange:function(e){return o({buttonURL:e})}}),wp.element.createElement(a.e,{icon:"editor-break",label:Object(a.p)("Apply"),type:"submit"}))]},u=function(e){var t=e.attributes,n=t.heading,l=t.tagline,o=t.des,r=t.mediaURL,a=(t.mediaID,t.headingColor),c=t.taglineColor,u=t.desColor,i=t.buttonURL,s=t.buttonText,m=t.buttonColor,p=t.buttonTextColor,b=t.size,d=t.cornerButtonRadius,g=t.contentAlign,h={backgroundColor:m,color:p,borderRadius:d+"px"},f=r?"has-image":"",w=n.length||l.length||o.length||s.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-card "+f+" "+w},r&&wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+r+")",textAlign:g},"data-src":r}),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),o&&!!o.length&&wp.element.createElement("p",{className:"ugb-card-des",style:{color:u,textAlign:g}},o),s&&!!s.length&&wp.element.createElement("a",{href:i,className:"wp-ugb-button wp-block-button ugb-button-"+b+" ugb-button-"+g,style:h},s))};Object(a.q)("ugb/card",{title:Object(a.p)("Card"),icon:r.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.p)("Card"),Object(a.p)("Stackable")],attributes:{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(a.p)("Ben Adams")},tagline:{type:"array",source:"children",selector:".ugb-tagline",default:Object(a.p)("Ben is the head of our small team")},des:{type:"array",source:"children",selector:".ugb-card-des",default:Object(a.p)("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(a.p)("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"}},edit:c,save:u})},function(e,t){},function(e,t){}]);
1
+ !function(e){function t(l){if(n[l])return n[l].exports;var o=n[l]={i:l,l:!1,exports:{}};return e[l].call(o.exports,o,o.exports,t),o.l=!0,o.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,"t",function(){return l}),n.d(t,"q",function(){return o}),n.d(t,"k",function(){return a}),n.d(t,"m",function(){return c}),n.d(t,"n",function(){return u}),n.d(t,"e",function(){return i}),n.d(t,"f",function(){return s}),n.d(t,"d",function(){return m}),n.d(t,"o",function(){return b}),n.d(t,"i",function(){return p}),n.d(t,"g",function(){return g}),n.d(t,"c",function(){return h}),n.d(t,"a",function(){return f}),n.d(t,"l",function(){return y}),n.d(t,"p",function(){return w}),n.d(t,"h",function(){return v}),n.d(t,"j",function(){return E}),n.d(t,"b",function(){return x}),n.d(t,"s",function(){return k}),n.d(t,"r",function(){return q});var l=wp.blocks.registerBlockType,o=wp.i18n.__,r=wp.components,a=r.RangeControl,c=r.SelectControl,u=(r.TextControl,r.ToggleControl),i=r.Dashicon,s=r.IconButton,m=r.Button,b=r.Toolbar,p=r.PanelBody,d=wp.editor.InspectorControls?wp.editor:wp.blocks,g=d.InspectorControls,h=d.BlockControls,f=(d.ColorPalette,d.AlignmentToolbar),y=d.RichText,w=d.URLInput,v=d.MediaUpload,C=wp.editor,E=C.PanelColorSettings,x=C.BlockAlignmentToolbar,O=lodash,k=O.omit,q=O.merge},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 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},o=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"})))},r=1,a=function(){return"stk-icon-"+r++},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(o,{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=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(o,{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=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(o,{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(o,{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(o,{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(o,{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(o,{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(o,{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(o,{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(o,{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(o,{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(o,{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(o,{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(o,{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,r=void 0===l?"normal":l,a=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&&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-"+r,style:{backgroundColor:i,borderRadius:m+"px"}},wp.element.createElement(o.l,{tagName:"span",placeholder:Object(o.q)("Enter Text"),value:u,onChange:f,formattingControls:["bold","italic","strikethrough"],className:"ugb-button-inner",style:{color:a},onFocus:g,isSelected:p,keepPlaceholderOnFocus:!0}))}var o=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,o=void 0===l?"normal":l,r=e.url,a=void 0===r?"":r,c=e.color,u=e.text,i=e.backgroundColor,s=e.borderRadius,m={backgroundColor:i,borderRadius:s+"px"};return wp.element.createElement("div",{className:"ugb-button ugb-button-"+n+" ugb-button-"+o,style:m},wp.element.createElement("a",{href:a,className:"ugb-button-inner",style:{color:c}},u))}t.a=l},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){var l,o;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var o=typeof l;if("string"===o||"number"===o)e.push(l);else if(Array.isArray(l)&&l.length){var a=n.apply(null,l);a&&e.push(a)}else if("object"===o)for(var c in l)r.call(l,c)&&l[c]&&e.push(c)}}return e.join(" ")}var r={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(n.default=n,e.exports=n):(l=[],void 0!==(o=function(){return n}.apply(t,l))&&(e.exports=o))}()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});n(7),n(10),n(13),n(17),n(21),n(27),n(31),n(35),n(39),n(42),n(45),n(48),n(51),n(55),n(59),n(62),n(65),n(68)},function(e,t,n){"use strict";var l=n(8),o=(n.n(l),n(9)),r=(n.n(o),n(1)),a=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,n=e.attributes.height;return[!!t&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.k,{label:Object(a.q)("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.t)("ugb/spacer",{title:Object(a.q)("Spacer"),icon:r.l,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Spacer"),Object(a.q)("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),o=(n.n(l),n(12)),r=(n.n(o),n(1)),a=n(0),c=function(e){var t=e.attributes,n=t.height,l=t.width,o=t.color,r=t.alignment;return wp.element.createElement("div",{className:"ugb-divider"},wp.element.createElement("hr",{align:r,style:{backgroundColor:o,width:l+"%",height:n}}))},u=function(e){var t=e.isSelected,n=e.attributes,l=n.height,o=n.width,r=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.k,{label:Object(a.q)("Height"),value:l,min:"1",max:"10",onChange:function(t){e.setAttributes({height:t})}}),wp.element.createElement(a.k,{label:Object(a.q)("Width"),value:o,min:"10",max:"100",step:"0.1",onChange:function(t){e.setAttributes({width:t})}})),wp.element.createElement(a.j,{title:Object(a.q)("Color Settings"),colorSettings:[{value:r,onChange:function(t){return e.setAttributes({color:t})},label:Object(a.q)("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:r,width:o+"%",height:l}}))]};Object(a.t)("ugb/divider",{title:Object(a.q)("Divider"),icon:r.c,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Divider"),Object(a.q)("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),o=(n.n(l),n(15)),r=(n.n(o),n(1)),a=n(16),c=n(2),u=n(3),i=n(0),s=function(e){var t=e.isSelected,n=(e.className,e.setAttributes),l=e.attributes,o=l.url,r=l.text,a=l.color,u=l.textColor,s=l.size,m=l.align,b=l.cornerButtonRadius,p=[{value:"small",label:Object(i.q)("Small")},{value:"normal",label:Object(i.q)("Normal")},{value:"medium",label:Object(i.q)("Medium")},{value:"large",label:Object(i.q)("Large")}];return[t&&wp.element.createElement(i.c,{key:"controls"},wp.element.createElement(i.b,{value:m,onChange:function(e){n({align:e})},controls:["left","center","right","full"]})),t&&wp.element.createElement(i.g,{key:"inspector"},wp.element.createElement(i.i,null,wp.element.createElement(i.m,{label:Object(i.q)("Size"),value:s,options:p.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(i.k,{label:Object(i.q)("Corner Radius"),value:b,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}})),wp.element.createElement(i.j,{title:Object(i.q)("Color Settings"),colorSettings:[{value:a,onChange:function(e){return n({color:e})},label:Object(i.q)("Background Color")},{value:u,onChange:function(e){return n({textColor:e})},label:Object(i.q)("Text Color")}]})),wp.element.createElement(c.a,{onChange:function(e){return n({text:e})},isSelected:t,align:m,size:s,color:u,text:r,borderRadius:b}),t&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(i.e,{icon:"admin-links"}),wp.element.createElement(i.p,{value:o,onChange:function(e){return n({url:e})}}),wp.element.createElement(i.f,{icon:"editor-break",label:Object(i.q)("Apply"),type:"submit"}))]},m=function(e){var t=e.attributes,n=t.url,l=t.text,o=t.align,r=t.color,a=t.textColor,c=t.size,i=t.cornerButtonRadius;return wp.element.createElement(u.a,{align:o,size:c,url:n,color:a,text:l,backgroundColor:r,borderRadius:i})},b={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}};Object(i.t)("ugb/button",{title:Object(i.q)("Button"),icon:r.a,description:"Add customize button",category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.q)("Button"),Object(i.q)("Stackable")],attributes:b,deprecated:[{attributes:a.b,migrate:function(e){return Object(i.s)(Object(i.r)(e,{align:e.textAlignment}),["textAlignment"])},save:a.a}],edit:s,save:m})},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 o});var l=function(e){var t=e.attributes,n=t.url,l=t.text,o=t.textAlignment,r=t.color,a=t.textColor,c=t.size,u=t.cornerButtonRadius,i={backgroundColor:r,color:a,borderRadius:u+"px"};return wp.element.createElement("div",{className:"ugb-button-"+o},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+c,style:i},l))},o={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";var l=n(18),o=(n.n(l),n(19)),r=(n.n(o),n(1)),a=n(20),c=n(0),u=function(e){var t=e.isSelected,n=e.setAttributes,l=e.attributes,o=l.url,r=l.text,a=l.color,u=l.size,i=l.align,s=l.cornerButtonRadius,m=l.borderThickness,b=[{value:"small",label:Object(c.q)("Small")},{value:"normal",label:Object(c.q)("Normal ")},{value:"medium",label:Object(c.q)("Medium")},{value:"large",label:Object(c.q)("Large")}];return[t&&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("span",{key:"button",className:"ugb-button ugb-ghost-button ugb-button-"+i+" ugb-button-"+u,style:{borderColor:a,borderRadius:s+"px",borderWidth:m+"px"}},wp.element.createElement(c.l,{tagName:"span",placeholder:Object(c.q)("Enter Text"),value:r,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.m,{label:Object(c.q)("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.k,{label:Object(c.q)("Corner Radius"),value:s,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}}),wp.element.createElement(c.k,{label:Object(c.q)("Border Thickness"),value:m,min:"1",max:"10",onChange:function(e){return n({borderThickness:e})}})),wp.element.createElement(c.j,{title:Object(c.q)("Color Settings"),colorSettings:[{value:a,onChange:function(e){return n({color:e})},label:Object(c.q)("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.p,{value:o,onChange:function(e){return n({url:e})}}),wp.element.createElement(c.f,{icon:"editor-break",label:Object(c.q)("Apply"),type:"submit"}))]},i=function(e){var t=e.attributes,n=t.url,l=t.text,o=t.align,r=t.color,a=t.size,c=t.cornerButtonRadius,u=t.borderThickness,i={borderColor:r,borderRadius:c+"px",borderWidth:u+"px"};return wp.element.createElement("div",{className:"ugb-button ugb-ghost-button ugb-button-"+o+" ugb-button-"+a,style:i},wp.element.createElement("a",{href:n,className:"ugb-button-inner",style:{color:r}},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.t)("ugb/ghost-button",{title:Object(c.q)("Ghost Button"),icon:r.e,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.q)("Ghost Button"),Object(c.q)("Stackable")],attributes:s,deprecated:[{attributes:a.b,migrate:function(e){return Object(c.s)(Object(c.r)(e,{align:e.textAlignment}),["textAlignment"])},save:a.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 o});var l=function(e){var t=e.attributes,n=t.url,l=t.text,o=t.textAlignment,r=t.color,a=t.size,c=t.cornerButtonRadius,u=t.borderThickness,i={borderColor:r,color:r,borderRadius:c+"px",borderWidth:u+"px"};return wp.element.createElement("div",{className:"ugb-button-"+o},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+a+" ugb-ghost-button",style:i},l))},o={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(22),o=(n.n(l),n(23)),r=(n.n(o),n(24)),a=n.n(r),c=n(1),u=n(0),i=function(e){var t=[{value:"success",label:Object(u.q)("Success")},{value:"error",label:Object(u.q)("Error")},{value:"warning",label:Object(u.q)("Warning")},{value:"info",label:Object(u.q)("Information")}],n=e.isSelected,l=e.editable,o=e.setState,r=e.setAttributes,a=(e.className,e.attributes),c=a.text,i=a.color,s=a.textColor,m=a.notifType,b=a.dismissible;return[n&&wp.element.createElement(u.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(u.l,{tagName:"p",placeholder:e.attributes.text.default,value:c,isSelected:n&&"content"===l,onFocus:function(e){return function(){o({editable:e})}}("content"),onChange:function(e){return r({text:e})},className:"wp-ugb-notif notif-"+m,style:{backgroundColor:i,color:s}}),n&&wp.element.createElement(u.g,{key:"inspector"},wp.element.createElement(u.i,null,wp.element.createElement(u.n,{label:Object(u.q)("Dismissible"),checked:b,onChange:function(){return r({dismissible:!b})}}),wp.element.createElement(u.m,{label:Object(u.q)("Notification Type"),value:m,options:t.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({notifType:e})}})),wp.element.createElement(u.j,{title:Object(u.q)("Color Settings"),colorSettings:[{value:i,onChange:function(e){return r({color:e})},label:Object(u.q)("Background Color")},{value:s,onChange:function(e){return r({textColor:e})},label:Object(u.q)("Text Color")}]})))]},s=function(e){var t=e.attributes,n=t.text,l=t.color,o=t.textColor,r=t.notifType,c=t.dismissible,u={backgroundColor:l,color:o},i=a()(n+r).substr(0,6);return wp.element.createElement("div",{className:"ugb-notification type-"+r+" dismissible-"+c,"data-uid":i},c&&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("p",{className:"wp-ugb-notif notif-"+r,style:u},n))};Object(u.t)("ugb/notification",{title:Object(u.q)("Notification"),icon:c.g,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(u.q)("Notification"),Object(u.q)("Stackable")],attributes:{text:{type:"array",source:"children",selector:"p",default:Object(u.q)("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(25),l=n(4).utf8,o=n(26),r=n(4).bin,a=function(e,n){e.constructor==String?e=n&&"binary"===n.encoding?r.stringToBytes(e):l.stringToBytes(e):o(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 d=a._ff,g=a._gg,h=a._hh,f=a._ii,p=0;p<c.length;p+=16){var y=i,w=s,v=m,C=b;i=d(i,s,m,b,c[p+0],7,-680876936),b=d(b,i,s,m,c[p+1],12,-389564586),m=d(m,b,i,s,c[p+2],17,606105819),s=d(s,m,b,i,c[p+3],22,-1044525330),i=d(i,s,m,b,c[p+4],7,-176418897),b=d(b,i,s,m,c[p+5],12,1200080426),m=d(m,b,i,s,c[p+6],17,-1473231341),s=d(s,m,b,i,c[p+7],22,-45705983),i=d(i,s,m,b,c[p+8],7,1770035416),b=d(b,i,s,m,c[p+9],12,-1958414417),m=d(m,b,i,s,c[p+10],17,-42063),s=d(s,m,b,i,c[p+11],22,-1990404162),i=d(i,s,m,b,c[p+12],7,1804603682),b=d(b,i,s,m,c[p+13],12,-40341101),m=d(m,b,i,s,c[p+14],17,-1502002290),s=d(s,m,b,i,c[p+15],22,1236535329),i=g(i,s,m,b,c[p+1],5,-165796510),b=g(b,i,s,m,c[p+6],9,-1069501632),m=g(m,b,i,s,c[p+11],14,643717713),s=g(s,m,b,i,c[p+0],20,-373897302),i=g(i,s,m,b,c[p+5],5,-701558691),b=g(b,i,s,m,c[p+10],9,38016083),m=g(m,b,i,s,c[p+15],14,-660478335),s=g(s,m,b,i,c[p+4],20,-405537848),i=g(i,s,m,b,c[p+9],5,568446438),b=g(b,i,s,m,c[p+14],9,-1019803690),m=g(m,b,i,s,c[p+3],14,-187363961),s=g(s,m,b,i,c[p+8],20,1163531501),i=g(i,s,m,b,c[p+13],5,-1444681467),b=g(b,i,s,m,c[p+2],9,-51403784),m=g(m,b,i,s,c[p+7],14,1735328473),s=g(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])};a._ff=function(e,t,n,l,o,r,a){var c=e+(t&n|~t&l)+(o>>>0)+a;return(c<<r|c>>>32-r)+t},a._gg=function(e,t,n,l,o,r,a){var c=e+(t&l|n&~l)+(o>>>0)+a;return(c<<r|c>>>32-r)+t},a._hh=function(e,t,n,l,o,r,a){var c=e+(t^n^l)+(o>>>0)+a;return(c<<r|c>>>32-r)+t},a._ii=function(e,t,n,l,o,r,a){var c=e+(n^(t|~l))+(o>>>0)+a;return(c<<r|c>>>32-r)+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?r.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 o=e[l]<<16|e[l+1]<<8|e[l+2],r=0;r<4;r++)8*l+6*r<=8*e.length?n.push(t.charAt(o>>>6*(3-r)&63)):n.push("=");return n.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var n=[],l=0,o=0;l<e.length;o=++l%4)0!=o&&n.push((t.indexOf(e.charAt(l-1))&Math.pow(2,-2*o+8)-1)<<2*o|t.indexOf(e.charAt(l))>>>6-2*o);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(28),o=(n.n(l),n(29)),r=(n.n(o),n(1)),a=n(30),c=n(0),u=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),o=l.color,r=l.text,a=l.quoteColor;return[wp.element.createElement("blockquote",{key:"quote",className:"ugb-blockquote",style:{"--quote-color":a}},wp.element.createElement(c.l,{tagName:"p",className:"ugb-blockquote-text",value:r,onChange:function(e){return n({text:e})},isSelected:t,style:{color:o}})),t&&wp.element.createElement(c.g,{key:"inspector"},wp.element.createElement(c.j,{title:Object(c.q)("Color Settings"),colorSettings:[{value:o,onChange:function(e){return n({color:e})},label:Object(c.q)("Text Color")},{value:a,onChange:function(e){return n({quoteColor:e})},label:Object(c.q)("Quote Color")}]}))]},i=function(e){var t=e.attributes,n=t.color,l=t.text,o=t.quoteColor;return wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{"--quote-color":o}},wp.element.createElement("p",{style:{color:n}},l))},s={text:{type:"array",source:"children",selector:"p",default:Object(c.q)("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.t)("ugb/blockquote",{title:Object(c.q)("Blockquote"),icon:r.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.q)("Blockquote"),Object(c.q)("Stackable")],attributes:s,deprecated:[{attributes:a.b,migrate:function(e){return Object(c.s)(Object(c.r)(e,{quoteColor:e.borderColor}),["borderColor"])},save:a.a}],edit:u,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"b",function(){return o}),n.d(t,"a",function(){return r});var l=n(0),o={text:{type:"array",source:"children",selector:"p",default:Object(l.q)("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"}},r=function(e){var t=e.attributes,n=t.color,l=t.text,o=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{borderLeftColor:o}},wp.element.createElement("p",{style:{color:n}},l))}},function(e,t,n){"use strict";var l=n(32),o=(n.n(l),n(33)),r=(n.n(o),n(1)),a=n(34),c=n(0),u=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),o=l.color,r=l.text,a=l.quoteColor;return[wp.element.createElement("blockquote",{key:"quote",className:"ugb-pullquote",style:{"--quote-color":a}},wp.element.createElement(c.l,{tagName:"p",className:"ugb-pullquote-text",value:r,onChange:function(e){return n({text:e})},placeholder:Object(c.q)("Write quote\u2026"),formattingControls:["bold","italic","strikethrough","link"],isSelected:t,keepPlaceholderOnFocus:!0,style:{color:o}})),t&&wp.element.createElement(c.g,null,wp.element.createElement(c.j,{title:Object(c.q)("Color Settings"),colorSettings:[{value:o,onChange:function(e){return n({color:e})},label:Object(c.q)("Text Color")},{value:a,onChange:function(e){return n({quoteColor:e})},label:Object(c.q)("Quote Color")}]}))]},i=function(e){var t=e.attributes,n=t.color,l=t.text,o=t.quoteColor;return wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{"--quote-color":o}},wp.element.createElement("p",{style:{color:n}},l))},s={text:{type:"array",source:"children",selector:"p",default:Object(c.q)("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.t)("ugb/pullquote",{title:Object(c.q)("Pullquote"),icon:r.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.q)("Pullquote"),Object(c.q)("Stackable")],attributes:s,deprecated:[{attributes:a.b,migrate:function(e){return Object(c.s)(Object(c.r)(e,{quoteColor:e.borderColor}),["borderColor"])},save:a.a}],edit:u,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return o}),n.d(t,"b",function(){return r});var l=n(0),o=function(e){var t=e.attributes,n=t.color,l=t.text,o=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{borderTopColor:o,borderBottomColor:o}},wp.element.createElement("p",{style:{color:n}},l))},r={text:{type:"array",source:"children",selector:"p",default:Object(l.q)("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(36),o=(n.n(l),n(37)),r=(n.n(o),n(1)),a=n(2),c=n(3),u=n(38),i=n(0),s=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.url,u=r.buttonText,s=r.ctaTitle,m=r.bodyText,b=r.color,p=r.textColor,d=r.size,g=r.borderButtonRadius,h=r.bodyTextColor,f=r.titleColor,y=r.bgColor,w=[{value:"small",label:Object(i.q)("Small")},{value:"normal",label:Object(i.q)("Normal")},{value:"medium",label:Object(i.q)("Medium")},{value:"large",label:Object(i.q)("Large")}],v=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(i.g,{key:"inspector"},wp.element.createElement(i.i,null,wp.element.createElement(i.m,{label:Object(i.q)("Button Size"),value:d,options:w.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({size:e})}}),wp.element.createElement(i.k,{label:Object(i.q)("Button Border Radius"),value:g,min:"1",max:"50",onChange:function(e){return o({borderButtonRadius:e})}})),wp.element.createElement(i.j,{initialOpen:!1,title:Object(i.q)("Color Settings"),colorSettings:[{value:y,onChange:function(e){return o({bgColor:e})},label:Object(i.q)("Background Color")},{value:f,onChange:function(e){return o({titleColor:e})},label:Object(i.q)("Title Color")},{value:h,onChange:function(e){return o({bodyTextColor:e})},label:Object(i.q)("Body Text Color")}]}),wp.element.createElement(i.j,{title:Object(i.q)("Button Colors"),colorSettings:[{value:b,onChange:function(e){return o({color:e})},label:Object(i.q)("Button Background Color")},{value:p,onChange:function(e){return o({textColor:e})},label:Object(i.q)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-cta",style:{backgroundColor:y}},wp.element.createElement(i.l,{className:"ugb-cta-title",tagName:"h3",placeholder:Object(i.q)("Add Title"),value:s,onChange:function(e){return o({ctaTitle:e})},isSelected:t&&"ctaTitle"===n,onFocus:v("ctaTitle"),keepPlaceholderOnFocus:!0,style:{color:f}}),wp.element.createElement(i.l,{tagName:"p",value:m,className:"ugb-cta-bodyText",onChange:function(e){return o({bodyText:e})},isSelected:t&&"bodyText"===n,onFocus:v("bodyText"),placeholder:Object(i.q)("Write body text\u2026"),style:{color:h}}),wp.element.createElement(a.a,{size:d,color:p,backgroundColor:b,text:u,borderRadius:g,onChange:function(e){return o({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(i.e,{icon:"admin-links"}),wp.element.createElement(i.p,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(i.f,{icon:"editor-break",label:Object(i.q)("Apply"),type:"submit"}))]},m=function(e){var t=e.attributes,n=t.url,l=t.buttonText,o=t.ctaTitle,r=t.bodyText,a=t.color,u=t.textColor,i=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}},o&&!!o.length&&wp.element.createElement("h3",{className:"ugb-cta-title",style:{color:b}},o),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-cta-bodyText",style:{color:m}},r),l&&!!l.length&&wp.element.createElement(c.a,{size:i,url:n,color:u,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(i.q)("Get Started Today")},bodyText:{type:"array",source:"children",selector:"p",default:Object(i.q)("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(i.t)("ugb/cta",{title:Object(i.q)("Call to Action"),icon:r.b,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.q)("Call to Action"),Object(i.q)("Stackable"),Object(i.q)("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,o=t.ctaTitle,r=t.bodyText,a=t.color,c=t.textColor,u=t.size,i=t.borderButtonRadius,s=t.bodyTextColor,m=t.titleColor,b=t.bgColor,p={backgroundColor:a,color:c,borderRadius:i+"px"};return wp.element.createElement("div",{className:"ugb-cta",style:{backgroundColor:b}},o&&!!o.length&&wp.element.createElement("h3",{className:"ugb-cta-title",style:{color:m}},o),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-cta-bodyText",style:{color:s}},r),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(40),o=(n.n(l),n(41)),r=(n.n(o),n(1)),a=n(0),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.testimonialTitle,u=r.testimonialTitleTwo,i=r.testimonialTitleThree,s=r.body,m=r.bodyTwo,b=r.bodyThree,p=r.position,d=r.positionTwo,g=r.positionThree,h=(r.href,r.hrefTwo,r.hrefThree,r.mediaID),f=r.mediaIDTwo,y=r.mediaIDThree,w=r.mediaURL,v=r.mediaURLTwo,C=r.mediaURLThree,E=r.columns,x=r.titleColor,O=r.posColor,k=r.bodyTextColor,q=r.iconColor,T=[{value:"1",label:Object(a.q)("One Column")},{value:"2",label:Object(a.q)("Two Column")},{value:"3",label:Object(a.q)("Three Column")}],j=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.m,{label:Object(a.q)("Column Number"),value:E,options:T.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({columns:e})}})),wp.element.createElement(a.j,{initialOpen:!1,title:Object(a.q)("Color Settings"),colorSettings:[{value:x,onChange:function(e){return o({titleColor:e})},label:Object(a.q)("Title Color")},{value:O,onChange:function(e){return o({posColor:e})},label:Object(a.q)("Position Color")},{value:k,onChange:function(e){return o({bodyTextColor:e})},label:Object(a.q)("Body Text Color")},{value:q,onChange:function(e){return o({iconColor:e})},label:Object(a.q)("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 o({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.q)("Upload Image"))}})),wp.element.createElement(a.l,{tagName:"h4",value:c,onChange:function(e){return o({testimonialTitle:e})},isSelected:t&&"testimonialTitle"===n,onFocus:j("testimonialTitle"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:p,className:"ugb-testimonial-position",onChange:function(e){return o({position:e})},isSelected:t&&"position"===n,onFocus:j("position"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:s,className:"ugb-testimonial-body",onChange:function(e){return o({body:e})},isSelected:t&&"body"===n,onFocus:j("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 o({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.q)("Upload Image"))}})),wp.element.createElement(a.l,{tagName:"h4",value:u,onChange:function(e){return o({testimonialTitleTwo:e})},isSelected:t&&"testimonialTitleTwo"===n,onFocus:j("testimonialTitleTwo"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:d,className:"ugb-testimonial-position-two",onChange:function(e){return o({positionTwo:e})},isSelected:t&&"positionTwo"===n,onFocus:j("positionTwo"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:m,className:"ugb-testimonial-body-two",onChange:function(e){return o({bodyTwo:e})},isSelected:t&&"bodyTwo"===n,onFocus:j("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 o({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.q)("Upload Image"))}})),wp.element.createElement(a.l,{tagName:"h4",value:i,onChange:function(e){return o({testimonialTitleThree:e})},isSelected:t&&"testimonialTitleThree"===n,onFocus:j("testimonialTitleThree"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:g,className:"ugb-testimonial-position-three",onChange:function(e){return o({positionThree:e})},isSelected:t&&"positionThree"===n,onFocus:j("positionThree"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:b,className:"ugb-testimonial-body-three",onChange:function(e){return o({bodyThree:e})},isSelected:t&&"bodyThree"===n,onFocus:j("bodyThree"),style:{color:k},keepPlaceholderOnFocus:!0})))]},u=function(e){var t=e.attributes,n=t.testimonialTitle,l=t.testimonialTitleTwo,o=t.testimonialTitleThree,r=t.body,a=t.bodyTwo,c=t.bodyThree,u=t.position,i=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),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-testimonial-position",style:{color:g}},u),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-testimonial-body",style:{color:h}},r)),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),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-testimonial-position-two",style:{color:g}},i),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,o&&!!o.length&&wp.element.createElement("h4",{style:{color:d}},o),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.t)("ugb/testimonial",{title:Object(a.q)("Testimonial"),icon:r.n,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Testimonial"),Object(a.q)("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.q)("Ben Adams")},testimonialTitleTwo:{type:"array",source:"children",selector:".ugb-testimonial-column-two h4",default:Object(a.q)("Alex Johnson")},testimonialTitleThree:{type:"array",source:"children",selector:".ugb-testimonial-column-three h4",default:Object(a.q)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-testimonial-position",default:Object(a.q)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-testimonial-position-two",default:Object(a.q)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-testimonial-position-three",default:Object(a.q)("Programmer")},body:{type:"array",source:"children",selector:".ugb-testimonial-body",default:Object(a.q)("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.q)("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.q)("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(43),o=(n.n(l),n(44)),r=(n.n(o),n(1)),a=n(0),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.name,u=r.nameTwo,i=r.nameThree,s=r.des,m=r.desTwo,b=r.desThree,p=r.position,d=r.positionTwo,g=r.positionThree,h=(r.href,r.hrefTwo,r.hrefThree,r.mediaID),f=r.mediaIDTwo,y=r.mediaIDThree,w=r.mediaURL,v=r.mediaURLTwo,C=r.mediaURLThree,E=r.columns,x=r.nameColor,O=r.posColor,k=r.desColor,q=r.iconColor,T=r.shapes,j=[{value:"1",label:Object(a.q)("One Column")},{value:"2",label:Object(a.q)("Two Column")},{value:"3",label:Object(a.q)("Three Column")}],N=[{value:"square",label:Object(a.q)("Square")},{value:"circle",label:Object(a.q)("Circle")}],S=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.m,{label:Object(a.q)("Image Shape"),value:T,options:N.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({shapes:e})}}),wp.element.createElement(a.m,{label:Object(a.q)("Column Number"),value:E,options:j.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({columns:e})}})),wp.element.createElement(a.j,{initialOpen:!1,title:Object(a.q)("Color Settings"),colorSettings:[{value:x,onChange:function(e){return o({nameColor:e})},label:Object(a.q)("Name Color")},{value:O,onChange:function(e){return o({posColor:e})},label:Object(a.q)("Position Color")},{value:k,onChange:function(e){return o({desColor:e})},label:Object(a.q)("Description Color")},{value:q,onChange:function(e){return o({iconColor:e})},label:Object(a.q)("Icon Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-team-member column-"+E+" image-"+T},wp.element.createElement("div",{className:"ugb-team-member-column-one"},wp.element.createElement("div",null,wp.element.createElement(a.h,{onSelect:function(e){return o({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.q)("Upload Image"))}})),wp.element.createElement(a.l,{tagName:"h4",value:c,onChange:function(e){return o({name:e})},isSelected:t&&"name"===n,onFocus:S("name"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:p,className:"ugb-team-member-position",onChange:function(e){return o({position:e})},isSelected:t&&"position"===n,onFocus:S("position"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:s,className:"ugb-team-member-des",onChange:function(e){return o({des:e})},isSelected:t&&"des"===n,onFocus:S("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 o({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.q)("Upload Image"))}})),wp.element.createElement(a.l,{tagName:"h4",value:u,onChange:function(e){return o({nameTwo:e})},isSelected:t&&"nameTwo"===n,onFocus:S("nameTwo"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:d,className:"ugb-team-member-position",onChange:function(e){return o({positionTwo:e})},isSelected:t&&"positionTwo"===n,onFocus:S("positionTwo"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:m,className:"ugb-team-member-des-two",onChange:function(e){return o({desTwo:e})},isSelected:t&&"desTwo"===n,onFocus:S("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 o({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.q)("Upload Image"))}})),wp.element.createElement(a.l,{tagName:"h4",value:i,onChange:function(e){return o({nameThree:e})},isSelected:t&&"nameThree"===n,onFocus:S("nameThree"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:g,className:"ugb-team-member-position",onChange:function(e){return o({positionThree:e})},isSelected:t&&"positionThree"===n,onFocus:S("positionThree"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{tagName:"p",value:b,className:"ugb-team-member-des-three",onChange:function(e){return o({desThree:e})},isSelected:t&&"desThree"===n,onFocus:S("desThree"),style:{color:k},keepPlaceholderOnFocus:!0})))]},u=function(e){var t=e.attributes,n=t.name,l=t.nameTwo,o=t.nameThree,r=t.shapes,a=t.des,c=t.desTwo,u=t.desThree,i=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-"+r},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),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-team-member-position",style:{color:h}},i),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}),o&&!!o.length&&wp.element.createElement("h4",{style:{color:g}},o),m&&!!m.length&&wp.element.createElement("p",{className:"ugb-team-member-position",style:{color:h}},m),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-team-member-des-three",style:{color:f}},u)))};Object(a.t)("ugb/team-member",{title:Object(a.q)("Team Member"),icon:r.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Team Member"),Object(a.q)("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.q)("Ben Adams")},nameTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two h4",default:Object(a.q)("Alex Johnson")},nameThree:{type:"array",source:"children",selector:".ugb-team-member-column-three h4",default:Object(a.q)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-team-member-column-one .ugb-team-member-position",default:Object(a.q)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two .ugb-team-member-position",default:Object(a.q)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-team-member-column-three .ugb-team-member-position",default:Object(a.q)("Programmer")},des:{type:"array",source:"children",selector:".ugb-team-member-des",default:Object(a.q)("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.q)("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.q)("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 o=n(46),r=(n.n(o),n(47)),a=(n.n(r),n(1)),c=n(0),u=function(e){return e.map?e.map(function(e){return e.children}):""},i=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,o=e.setState,r=e.className,a=e.isSelected,s=function(e){return function(){o({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:r},a&&wp.element.createElement("label",{className:"ugb-editor-label"},"Less text"),wp.element.createElement(c.l,l({multiline:"p",placeholder:e.attributes.text.default,value:u(b),onChange:function(e){return n({text:i(e)})},isSelected:a&&"text"===t,onFocus:s("text"),className:"ugb-expand-less-text"},"placeholder",Object(c.q)("Some short text that can be expanded to show more details."))),wp.element.createElement(c.l,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.q)("Show more"))),a&&wp.element.createElement("label",{className:"ugb-editor-label"},"More text"),a&&wp.element.createElement(c.l,l({multiline:"p",placeholder:e.attributes.moreText.default,value:u(d),isSelected:a&&"moreText"===t,onFocus:s("moreText"),onChange:function(e){return n({moreText:i(e)})},className:"ugb-expand-more-text"},"placeholder",Object(c.q)("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.l,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.q)("Show less"))))]},m=function(e){var t=e.attributes,n=t.text,l=t.moreLabel,o=t.moreText,r=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"}},o.map&&o.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"}},r)))};Object(c.t)("ugb/expand",{title:Object(c.q)("Expand / Show More"),icon:a.d,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.q)("Expand"),Object(c.q)("Show more/less"),Object(c.q)("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.q)("Show more")},lessLabel:{type:"array",source:"children",selector:".ugb-expand-less",default:Object(c.q)("Show less")}},edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(49),o=(n.n(l),n(50)),r=(n.n(o),n(1)),a=n(0),c=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.editable,o=e.setState,r=e.attributes,c=r.numberBox,u=r.numberBoxTwo,i=r.numberBoxThree,s=r.body,m=r.bodyTwo,b=r.bodyThree,p=r.name,d=r.nameTwo,g=r.nameThree,h=r.columns,f=r.numberBoxColor,y=r.nameColor,w=r.bodyTextColor,v=r.numberBGColor,C=[{value:"1",label:Object(a.q)("One Column")},{value:"2",label:Object(a.q)("Two Column")},{value:"3",label:Object(a.q)("Three Column")}],E=function(e){return function(){o({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.m,{label:Object(a.q)("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.q)("Color Settings"),colorSettings:[{value:f,onChange:function(e){return t({numberBoxColor:e})},label:Object(a.q)("Number Color")},{value:v,onChange:function(e){return t({numberBGColor:e})},label:Object(a.q)("Number Background Color")},{value:y,onChange:function(e){return t({nameColor:e})},label:Object(a.q)("Name Color")},{value:w,onChange:function(e){return t({bodyTextColor:e})},label:Object(a.q)("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.l,{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.l,{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.q)("Add name\u2026"),style:{color:y},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{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.q)("Add body\u2026"),style:{color:w},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-number-box-column-two"},wp.element.createElement(a.l,{tagName:"span",placeholder:u?u.default:"",value:u,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.l,{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.q)("Add name\u2026"),style:{color:y},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{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.q)("Add body\u2026"),style:{color:w},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-number-box-column-three"},wp.element.createElement(a.l,{tagName:"span",placeholder:i?i.default:"",value:i,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.l,{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.q)("Add name\u2026"),style:{color:y},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.l,{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.q)("Add body\u2026"),style:{color:w},keepPlaceholderOnFocus:!0})))]},u=function(e){var t=e.attributes,n=t.numberBox,l=t.numberBoxTwo,o=t.numberBoxThree,r=t.body,a=t.bodyTwo,c=t.bodyThree,u=t.name,i=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),u&&!!u.length&&wp.element.createElement("h4",{className:"ugb-number-box-name",style:{color:b}},u),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-number-box-body",style:{color:p}},r)),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),i&&!!i.length&&wp.element.createElement("h4",{className:"ugb-number-box-name-two",style:{color:b}},i),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"},o&&!!o.length&&wp.element.createElement("span",{style:{color:m,backgroundColor:d}},o),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.t)("ugb/number-box",{title:Object(a.q)("Number Box"),icon:r.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Number Box"),Object(a.q)("Stackable")],attributes:{numberBox:{type:"array",source:"children",selector:".ugb-number-box-column-one span",default:Object(a.q)("01")},numberBoxTwo:{type:"array",source:"children",selector:".ugb-number-box-column-two span",default:Object(a.q)("02")},numberBoxThree:{type:"array",source:"children",selector:".ugb-number-box-column-three span",default:Object(a.q)("03")},name:{type:"array",source:"children",selector:".ugb-number-box-name",default:Object(a.q)("Registration")},nameTwo:{type:"array",source:"children",selector:".ugb-number-box-name-two",default:Object(a.q)("Waiting Period")},nameThree:{type:"array",source:"children",selector:".ugb-number-box-name-three",default:Object(a.q)("Delivery")},body:{type:"array",source:"children",selector:".ugb-number-box-body",default:Object(a.q)("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.q)("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.q)("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(52),o=(n.n(l),n(53)),r=(n.n(o),n(1)),a=n(2),c=n(3),u=n(54),i=n(0),s=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.url,u=(r.url2,r.url3,r.pricingBoxTitle),s=r.pricingBoxTitle2,m=r.pricingBoxTitle3,b=r.price,p=r.price2,d=r.price3,g=r.perMonthLabel,h=r.perMonthLabel2,f=r.perMonthLabel3,y=r.buttonText,w=r.buttonText2,v=r.buttonText3,C=r.featureList,E=r.featureList2,x=r.featureList3,O=r.pricingBoxColor,k=r.priceColor,q=r.perMonthLabelColor,T=r.buttonColor,j=r.buttonTextColor,N=r.featureListColor,S=r.columns,B=r.size,L=r.cornerButtonRadius,z=[{value:"1",label:Object(i.q)("One Column")},{value:"2",label:Object(i.q)("Two Column")},{value:"3",label:Object(i.q)("Three Column")}],F=[{value:"small",label:Object(i.q)("Small")},{value:"normal",label:Object(i.q)("Normal")},{value:"medium",label:Object(i.q)("Medium")},{value:"large",label:Object(i.q)("Large")}],R=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(i.c,{key:"controls"}),t&&wp.element.createElement(i.g,{key:"inspector"},wp.element.createElement(i.i,null,wp.element.createElement(i.m,{label:Object(i.q)("Column Number"),value:S,options:z.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({columns:e})}}),wp.element.createElement(i.k,{label:Object(i.q)("Corner Radius"),value:L,min:"1",max:"50",onChange:function(e){return o({cornerButtonRadius:e})}}),wp.element.createElement(i.m,{label:Object(i.q)("Button Size"),value:B,options:F.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({size:e})}})),wp.element.createElement(i.j,{initialOpen:!1,title:Object(i.q)("Text Colors"),colorSettings:[{value:O,onChange:function(e){return o({pricingBoxColor:e})},label:Object(i.q)("Pricing Title Color")},{value:k,onChange:function(e){return o({priceColor:e})},label:Object(i.q)("Price Color")},{value:q,onChange:function(e){return o({perMonthLabelColor:e})},label:Object(i.q)("Per Month Label Color")},{value:N,onChange:function(e){return o({featureListColor:e})},label:Object(i.q)("Feature List Color")}]}),wp.element.createElement(i.j,{initialOpen:!1,title:Object(i.q)("Button Colors"),colorSettings:[{value:T,onChange:function(e){return o({buttonColor:e})},label:Object(i.q)("Button Color")},{value:j,onChange:function(e){return o({buttonTextColor:e})},label:Object(i.q)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-pricing-box column-"+S},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},wp.element.createElement(i.l,{tagName:"h3",value:u,onChange:function(e){return o({pricingBoxTitle:e})},isSelected:t&&"pricingBoxTitle"===n,onFocus:R("pricingBoxTitle"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:b,className:"ugb-pricing-box-pricing",onChange:function(e){return o({price:e})},isSelected:t&&"price"===n,onFocus:R("price"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:g,className:"ugb-pricing-box-per-month-label",onChange:function(e){return o({perMonthLabel:e})},focus:t&&"perMonthLabel"===n,onFocus:R("perMonthLabel"),style:{color:q},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.a,{size:B,color:j,backgroundColor:T,text:y,borderRadius:L,onChange:function(e){return o({buttonText:e})},isSelected:t&&"buttonText"===n,onFocus:R("buttonText")}),wp.element.createElement(i.l,{tagName:"p",value:C,className:"ugb-pricing-box-feature-list",onChange:function(e){return o({featureList:e})},focus:t&&"featureList"===n,onFocus:R("featureList"),style:{color:N},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(i.e,{icon:"admin-links"}),wp.element.createElement(i.p,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(i.f,{icon:"editor-break",label:Object(i.q)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},wp.element.createElement(i.l,{tagName:"h3",value:s,onChange:function(e){return o({pricingBoxTitle2:e})},isSelected:t&&"pricingBoxTitle2"===n,onFocus:R("pricingBoxTitle2"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:p,className:"ugb-pricing-box-pricing",onChange:function(e){return o({price2:e})},isSelected:t&&"price2"===n,onFocus:R("price2"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:h,className:"ugb-pricing-box-per-month-label",onChange:function(e){return o({perMonthLabel2:e})},focus:t&&"perMonthLabel2"===n,onFocus:R("perMonthLabel2"),style:{color:q},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.a,{size:B,color:j,backgroundColor:T,text:w,borderRadius:L,onChange:function(e){return o({buttonText2:e})},isSelected:t&&"buttonText2"===n,onFocus:R("buttonText2")}),wp.element.createElement(i.l,{tagName:"p",value:E,className:"ugb-pricing-box-feature-list",onChange:function(e){return o({featureList2:e})},focus:t&&"featureList2"===n,onFocus:R("featureList2"),style:{color:N},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(i.e,{icon:"admin-links"}),wp.element.createElement(i.p,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(i.f,{icon:"editor-break",label:Object(i.q)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},wp.element.createElement(i.l,{tagName:"h3",value:m,onChange:function(e){return o({pricingBoxTitle3:e})},isSelected:t&&"pricingBoxTitle3"===n,onFocus:R("pricingBoxTitle3"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:d,className:"ugb-pricing-box-pricing",onChange:function(e){return o({price3:e})},isSelected:t&&"price3"===n,onFocus:R("price3"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:f,className:"ugb-pricing-box-per-month-label",onChange:function(e){return o({perMonthLabel3:e})},focus:t&&"perMonthLabel3"===n,onFocus:R("perMonthLabel3"),style:{color:q},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.a,{size:B,color:j,backgroundColor:T,text:v,borderRadius:L,onChange:function(e){return o({buttonText3:e})},isSelected:t&&"buttonText3"===n,onFocus:R("buttonText3")}),wp.element.createElement(i.l,{tagName:"p",value:x,className:"ugb-pricing-box-feature-list",onChange:function(e){return o({featureList3:e})},focus:t&&"featureList3"===n,onFocus:R("featureList3"),style:{color:N},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(i.e,{icon:"admin-links"}),wp.element.createElement(i.p,{value:c,onChange:function(e){return o({url:e})}}),wp.element.createElement(i.f,{icon:"editor-break",label:Object(i.q)("Apply"),type:"submit"}))))]},m=function(e){var t=e.attributes,n=t.url,l=t.url2,o=t.url3,r=t.pricingBoxTitle,a=t.pricingBoxTitle2,u=t.pricingBoxTitle3,i=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,q=t.featureListColor,T=t.columns,j=t.size,N=t.cornerButtonRadius;return wp.element.createElement("div",{className:"ugb-pricing-box column-"+T},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},r&&!!r.length&&wp.element.createElement("h3",{style:{color:C}},r),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:E}},i),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:j,url:n,color:k,text:g,backgroundColor:O,borderRadius:N}),y&&!!y.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:q}},y)),T>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:j,url:l,color:k,text:h,backgroundColor:O,borderRadius:N}),w&&!!w.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:q}},w)),T>2&&wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},u&&!!u.length&&wp.element.createElement("h3",{style:{color:C}},u),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:j,url:o,color:k,text:f,backgroundColor:O,borderRadius:N}),v&&!!v.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:q}},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(i.q)("Basic")},pricingBoxTitle2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two h3",default:Object(i.q)("Basic")},pricingBoxTitle3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three h3",default:Object(i.q)("Basic")},price:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-pricing",default:Object(i.q)("$9")},price2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-pricing",default:Object(i.q)("$9")},price3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-pricing",default:Object(i.q)("$9")},perMonthLabel:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-per-month-label",default:Object(i.q)("per month")},perMonthLabel2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-per-month-label",default:Object(i.q)("per month")},perMonthLabel3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-per-month-label",default:Object(i.q)("per month")},buttonText:{type:"array",source:"children",selector:".ugb-pricing-box-column-one a",default:Object(i.q)("Buy Now")},buttonText2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two a",default:Object(i.q)("Buy Now")},buttonText3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three a",default:Object(i.q)("Buy Now")},featureList:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-feature-list",default:Object(i.q)("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.q)("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.q)("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.t)("ugb/pricing-box",{title:Object(i.q)("Pricing Box"),icon:r.j,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.q)("Pricing Box"),Object(i.q)("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,o=t.url3,r=t.pricingBoxTitle,a=t.pricingBoxTitle2,c=t.pricingBoxTitle3,u=t.price,i=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,q=t.columns,T=t.size,j=t.cornerButtonRadius,N={backgroundColor:x,color:O,borderRadius:j+"px"};return wp.element.createElement("div",{className:"ugb-pricing-box column-"+q},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},r&&!!r.length&&wp.element.createElement("h3",{style:{color:v}},r),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),d&&!!d.length&&wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+T,style:N},d),f&&!!f.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:k}},f)),q>1&&wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},a&&!!a.length&&wp.element.createElement("h3",{style:{color:v}},a),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),g&&!!g.length&&wp.element.createElement("a",{href:l,className:"wp-ugb-button ugb-button-"+T,style:N},g),y&&!!y.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:k}},y)),q>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:o,className:"wp-ugb-button ugb-button-"+T,style:N},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 o=n(5),r=n.n(o),a=n(56),c=(n.n(a),n(57)),u=(n.n(c),n(1)),i=n(2),s=n(3),m=n(58),b=n(0),p=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,o=e.editable,a=e.setState,c=e.attributes,u=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=u?{backgroundImage:"url("+u+")"}:void 0,q=u?"has-image":"",T=r()(l(O),{"overlay-opacity":0!==O}),j=function(e){return function(){a({editable:e})}},N=[{value:"small",label:Object(b.q)("Small")},{value:"normal",label:Object(b.q)("Normal")},{value:"medium",label:Object(b.q)("Medium")},{value:"large",label:Object(b.q)("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.o,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.q)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(b.g,null,wp.element.createElement(b.i,{title:Object(b.q)("General")},wp.element.createElement(b.k,{label:Object(b.q)("Background Opacity"),value:O,min:0,max:10,step:1,onChange:function(e){return t({opacity:e})}}),wp.element.createElement(b.m,{label:Object(b.q)("Button Size"),value:h,options:N.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({size:e})}}),wp.element.createElement(b.k,{label:Object(b.q)("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.q)("Header Colors"),colorSettings:[{value:y,onChange:function(e){return t({titleColor:e})},label:Object(b.q)("Title Color")},{value:v,onChange:function(e){return t({subtitleColor:e})},label:Object(b.q)("Subtitle Color")},{value:x,onChange:function(e){return t({backgroundColor:e})},label:Object(b.q)("Heading Background Color")}]}),wp.element.createElement(b.j,{initialOpen:!1,title:Object(b.q)("Button Colors"),colorSettings:[{value:p,onChange:function(e){return t({buttonColor:e})},label:Object(b.q)("Button Color")},{value:d,onChange:function(e){return t({buttonTextColor:e})},label:Object(b.q)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-header "+q+" "},wp.element.createElement("div",{className:"ugb-header-overlay "+T,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[!u&&wp.element.createElement(b.d,{className:E?"":"button button-large",onClick:e.open},Object(b.q)("Upload Image"))]}}),wp.element.createElement("section",{key:"preview","data-url":u,style:k,className:"ugb-header-section"},wp.element.createElement(b.l,{tagName:"h2",className:"ugb-header-title",placeholder:f.default,value:f,onChange:function(e){return t({title:e})},isSelected:n&&"title"===o,onFocus:j("title"),style:{textAlign:C,color:y}}),wp.element.createElement(b.l,{tagName:"p",className:"ugb-header-subtitle",placeholder:w.default,value:w,onChange:function(e){return t({subtitle:e})},isSelected:n&&"subtitle"===o,onFocus:j("subtitle"),style:{textAlign:C,color:v}}),wp.element.createElement(i.a,{size:h,align:C,color:d,backgroundColor:p,text:m,borderRadius:g,onChange:function(e){return t({buttonText:e})},isSelected:n&&"buttonText"===o,onFocus:j("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.p,{value:s,onChange:function(e){return t({buttonURL:e})}}),wp.element.createElement(b.f,{icon:"editor-break",label:Object(b.q)("Apply"),type:"submit"}))]},d=function(e){var t=e.attributes,n=t.url,o=t.buttonURL,a=t.buttonText,c=t.buttonColor,u=t.buttonTextColor,i=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=r()(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:o,align:h,color:u,text:a,backgroundColor:c,borderRadius:i})))},g={title:{type:"array",source:"children",selector:"h2",default:Object(b.q)("Heading Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(b.q)("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.q)("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.t)("ugb/header",{title:Object(b.q)("Header"),icon:u.f,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(b.q)("Header"),Object(b.q)("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 u});var o=n(5),r=n.n(o),a=n(0),c=function(e){var t=e.attributes,n=t.url,o=t.buttonURL,a=t.buttonText,c=t.buttonColor,u=t.buttonTextColor,i=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:u,borderRadius:i+"px"},y=n?{backgroundImage:"url("+n+")"}:void 0,w=n?"has-image":"",v=r()(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:o,className:"wp-ugb-button ugb-button-"+s,style:f},a)))},u={title:{type:"array",source:"children",selector:"h2",default:Object(a.q)("Heading Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(a.q)("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.q)("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(60),o=(n.n(l),n(61)),r=(n.n(o),n(1)),a=n(0),c=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.editable,o=e.setState,r=e.attributes,c=r.url,u=r.title,i=r.titleColor,s=r.subtitle,m=r.subtitleColor,b=r.overlayColor,p=r.id,d=r.height,g=r.width,h=r.verticalAlign,f=r.horizontalAlign,y=r.full,w=c?"has-image":"",v=y?"full-width":"",C=function(e){return function(){o({editable:e})}},E=[{value:"flex-start",label:Object(a.q)("Top")},{value:"center",label:Object(a.q)("Center")},{value:"flex-end",label:Object(a.q)("Bottom")}],x=[{value:"flex-start",label:Object(a.q)("Left")},{value:"center",label:Object(a.q)("Center")},{value:"flex-end",label:Object(a.q)("Right")}];return[n&&wp.element.createElement(a.c,{key:"controls"},c&&wp.element.createElement(a.o,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.q)("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:"Full-Width",checked:!!y,onChange:function(){return t({full:!y})}}),wp.element.createElement(a.k,{label:Object(a.q)("Height"),value:d,min:"135",max:"700",onChange:function(e){return t({height:e})}}),wp.element.createElement(a.k,{label:Object(a.q)("Width"),value:g,min:"400",max:"999",onChange:function(e){return t({width:e})}}),wp.element.createElement(a.m,{label:Object(a.q)("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.m,{label:Object(a.q)("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.q)("Color Settings"),colorSettings:[{value:b,onChange:function(e){return t({overlayColor:e})},label:Object(a.q)("Overlay Color")},{value:i,onChange:function(e){return t({titleColor:e})},label:Object(a.q)("Title Color")},{value:m,onChange:function(e){return t({subtitleColor:e})},label:Object(a.q)("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.q)("Upload Image"))]}}),wp.element.createElement("a",{href:"#",style:{backgroundColor:b}}),wp.element.createElement(a.l,{tagName:"h4",placeholder:u.default,value:u,onChange:function(e){return t({title:e})},isSelected:n&&"title"===l,onFocus:C("title"),style:{color:i}}),wp.element.createElement(a.l,{tagName:"p",placeholder:s.default,value:s,onChange:function(e){return t({subtitle:e})},isSelected:n&&"subtitle"===l,onFocus:C("subtitle"),style:{color:m}}))]},u=function(e){var t=e.attributes,n=t.url,l=t.title,o=t.titleColor,r=t.subtitle,a=t.subtitleColor,c=t.overlayColor,u=(t.id,t.height),i=t.width,s=t.verticalAlign,m=t.horizontalAlign,b=t.full,p=n?"has-image":"",d=b?"full-width":"",g=l.length||r.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-image-box "+p+" "+g+" "+d,"data-url":n,style:{width:i+"px",height:u+"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:o}},l),r&&!!r.length&&wp.element.createElement("p",{style:{color:a}},r))};Object(a.t)("ugb/image-box",{title:Object(a.q)("Image Box"),icon:r.i,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Image Box"),Object(a.q)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(a.q)("Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(a.q)("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(63),o=(n.n(l),n(64)),r=(n.n(o),n(1)),a=n(0),c=function(e){var t=function(e){return function(){o({editable:e})}},n=e.isSelected,l=e.editable,o=e.setState,r=e.setAttributes,c=(e.className,e.attributes),u=c.color,i=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.l,{tagName:"h4",value:m,onChange:function(e){return r({title:e})},isSelected:n&&"title"===l,onFocus:t("title"),style:{color:i}}),wp.element.createElement(a.l,{tagName:"div",className:"ugb-counter",placeholder:b.default,"data-duration":"1000","data-delay":"16",value:b,onChange:function(e){return r({counter:e})},isSelected:n&&"counter"===l,onFocus:t("counter"),style:{color:u,fontSize:d+"px"}}),wp.element.createElement(a.l,{tagName:"p",className:"ugb-counter-des",value:p,onChange:function(e){return r({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.q)("Color Settings"),colorSettings:[{value:i,onChange:function(e){return r({headingColor:e})},label:Object(a.q)("Heading Color")},{value:u,onChange:function(e){return r({color:e})},label:Object(a.q)("Number Color")},{value:s,onChange:function(e){return r({desColor:e})},label:Object(a.q)("Description Color")}]}),wp.element.createElement(a.i,null,wp.element.createElement(a.k,{label:Object(a.q)("Counter Text Font Size"),max:"100",min:"10",value:d,onChange:function(e){return r({fontSize:e})}})))]},u=function(e){var t=e.attributes,n=t.color,l=t.headingColor,o=t.desColor,r=t.title,a=t.counter,c=t.des,u=t.fontSize;return wp.element.createElement("div",{className:"ugb-countup"},wp.element.createElement("h4",{style:{color:l}}," ",r," "),wp.element.createElement("div",{className:"ugb-counter",style:{color:n,fontSize:u+"px"},"data-duration":"1000","data-delay":"16"},a),wp.element.createElement("p",{style:{color:o}}," ",c," "))};Object(a.t)("ugb/count-up",{title:Object(a.q)("Count Up"),icon:r.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Count Up"),Object(a.q)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(a.q)("Happy Customers")},counter:{type:"array",source:"children",selector:".ugb-counter",default:"12,345"},des:{type:"array",source:"children",selector:"p",default:Object(a.q)("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(66),o=(n.n(l),n(67)),r=(n.n(o),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"}))},u=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.attributes,o=l.videoLink,r=l.mediaLink,u=l.overlayColor,i=l.playButtonType,s=l.mediaID,m=[{value:"normal",label:Object(a.q)("Normal Play Button")},{value:"circle",label:Object(a.q)("Play Button with Circle")},{value:"outline",label:Object(a.q)("Outline Play Button")}];return[n&&wp.element.createElement(a.c,{key:"controls"},r&&wp.element.createElement(a.o,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.q)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.m,{label:Object(a.q)("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(a.j,{initialOpen:!1,title:Object(a.q)("Color Settings"),colorSettings:[{value:u,onChange:function(e){return t({overlayColor:e})},label:Object(a.q)("Background / Overlay Color")}]})),wp.element.createElement("div",{className:"ugb-video-popup","data-video":o,style:{backgroundColor:u}},wp.element.createElement("div",{className:"ugb-video-preview",style:{backgroundImage:"url("+r+")"}}),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[!r&&wp.element.createElement(a.d,{className:s?"":"button button-large",onClick:e.open},Object(a.q)("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",{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.p,{value:o,onChange:function(e){return t({videoLink:e})}}),wp.element.createElement(a.f,{icon:"editor-break",label:Object(a.q)("Apply"),type:"submit"}),wp.element.createElement("p",null,wp.element.createElement("i",null,"Youtube/Vimeo ID only")))]},i=function(e){var t=e.attributes,n=t.videoLink,l=t.mediaLink,o=t.overlayColor,r=t.playButtonType;t.mediaID;return wp.element.createElement("div",{className:"ugb-video-popup","data-video":n,style:{backgroundColor:o}},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:o}}),wp.element.createElement("span",{className:"ugb-play-button"},c[r])))};Object(a.t)("ugb/video-popup",{title:Object(a.q)("Video Popup"),icon:r.o,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.q)("Video Popup"),Object(a.q)("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(69),o=(n.n(l),n(70)),r=(n.n(o),n(1)),a=n(2),c=n(3),u=n(71),i=n(0),s=function(e){var t=e.isSelected,n=e.editable,l=e.setState,o=(e.className,e.setAttributes),r=e.attributes,c=r.heading,u=r.tagline,s=r.des,m=r.mediaID,b=r.mediaURL,p=r.headingColor,d=r.taglineColor,g=r.desColor,h=r.buttonURL,f=r.buttonText,y=r.buttonColor,w=r.buttonTextColor,v=r.size,C=r.cornerButtonRadius,E=r.contentAlign,x=function(e){return function(){l({editable:e})}},O=b?"has-image":"",k=[{value:"small",label:Object(i.q)("Small")},{value:"normal",label:Object(i.q)("Normal")},{value:"medium",label:Object(i.q)("Medium")},{value:"large",label:Object(i.q)("Large")}];return[t&&wp.element.createElement(i.c,{key:"controls"},wp.element.createElement(i.a,{value:E,onChange:function(e){return o({contentAlign:e})}}),wp.element.createElement(i.o,null,wp.element.createElement(i.h,{onSelect:function(e){return o({mediaURL:e.url,mediaID:e.id})},type:"image",value:m,render:function(e){var t=e.open;return wp.element.createElement(i.f,{className:"components-toolbar__control",label:Object(i.q)("Edit image"),icon:"edit",onClick:t})}}))),t&&wp.element.createElement(i.g,{key:"inspector"},wp.element.createElement(i.j,{title:Object(i.q)("Text Colors"),colorSettings:[{value:p,onChange:function(e){return o({headingColor:e})},label:Object(i.q)("Heading Color")},{value:d,onChange:function(e){return o({taglineColor:e})},label:Object(i.q)("Tagline Color")},{value:g,onChange:function(e){return o({desColor:e})},label:Object(i.q)("Description Color")}]}),wp.element.createElement(i.i,{initialOpen:!1,title:Object(i.q)("Button Size")},wp.element.createElement(i.m,{label:Object(i.q)("Button Size"),value:v,options:k.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({size:e})}}),wp.element.createElement(i.k,{label:Object(i.q)("Corner Radius"),value:C,min:"1",max:"50",onChange:function(e){return o({cornerButtonRadius:e})}})),wp.element.createElement(i.j,{initialOpen:!1,title:Object(i.q)("Button Colors"),colorSettings:[{value:y,onChange:function(e){return o({buttonColor:e})},label:Object(i.q)("Button Color")},{value:w,onChange:function(e){return o({buttonTextColor:e})},label:Object(i.q)("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(i.h,{onSelect:function(e){return o({mediaURL:e.url,mediaID:e.id})},type:"image",value:m,render:function(e){return[!b&&wp.element.createElement(i.d,{className:m?"":"button button-large",onClick:e.open},Object(i.q)("Upload Image"))]}})),wp.element.createElement(i.l,{tagName:"h4",value:c,className:"ugb-card-heading",onChange:function(e){return o({heading:e})},isSelected:t&&"heading"===n,onFocus:x("heading"),style:{color:p,textAlign:E},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:u,className:"ugb-tagline",onChange:function(e){return o({tagline:e})},isSelected:t&&"tagline"===n,onFocus:x("tagline"),style:{color:d,textAlign:E},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.l,{tagName:"p",value:s,className:"ugb-card-des",onChange:function(e){return o({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 o({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(i.e,{icon:"admin-links"}),wp.element.createElement(i.p,{value:h,onChange:function(e){return o({buttonURL:e})}}),wp.element.createElement(i.f,{icon:"editor-break",label:Object(i.q)("Apply"),type:"submit"}))]},m=function(e){var t=e.attributes,n=t.heading,l=t.tagline,o=t.des,r=t.mediaURL,a=(t.mediaID,t.headingColor),u=t.taglineColor,i=t.desColor,s=t.buttonURL,m=t.buttonText,b=t.buttonColor,p=t.buttonTextColor,d=t.size,g=t.cornerButtonRadius,h=t.contentAlign,f=r?"has-image":"";return wp.element.createElement("div",{className:"ugb-card "+f},r&&wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+r+")",textAlign:h},"data-src":r}),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:u,textAlign:h}},l),o&&!!o.length&&wp.element.createElement("p",{className:"ugb-card-des",style:{color:i,textAlign:h}},o),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(i.q)("Ben Adams")},tagline:{type:"array",source:"children",selector:".ugb-tagline",default:Object(i.q)("Ben is the head of our small team")},des:{type:"array",source:"children",selector:".ugb-card-des",default:Object(i.q)("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.q)("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.t)("ugb/card",{title:Object(i.q)("Card"),icon:r.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.q)("Card"),Object(i.q)("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 o}),n.d(t,"b",function(){return r});var l=n(0),o=function(e){var t=e.attributes,n=t.heading,l=t.tagline,o=t.des,r=t.mediaURL,a=(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,d=t.cornerButtonRadius,g=t.contentAlign,h={backgroundColor:m,color:b,borderRadius:d+"px"},f=r?"has-image":"",y=n||l||o||s?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-card "+f+" "+y},r&&wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+r+")",textAlign:g},"data-src":r}),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),o&&!!o.length&&wp.element.createElement("p",{className:"ugb-card-des",style:{color:u,textAlign:g}},o),s&&!!s.length&&wp.element.createElement("a",{href:i,className:"wp-ugb-button wp-block-button ugb-button-"+p+" ugb-button-"+g,style:h},s))},r={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.q)("Ben Adams")},tagline:{type:"array",source:"children",selector:".ugb-tagline",default:Object(l.q)("Ben is the head of our small team")},des:{type:"array",source:"children",selector:".ugb-card-des",default:Object(l.q)("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.q)("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"}}}]);
dist/blocks.editor.build.css CHANGED
@@ -1,18 +1,18 @@
1
- .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}
2
- .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}.ugb-divider hr{border:0 !important}
3
- .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}.wp-ugb-button__link{background:#fff;width:280px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4}
4
- .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}
5
- .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}
6
- .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}
7
- .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}
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}
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}
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}
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}
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}
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}
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}
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}
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}
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}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}
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}.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 button{margin:0 30px}.edit-post-visual-editor .ugb-card.has-image button{width:100%;height:300px;padding:0}
1
+ .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}
2
+ .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-divider hr{border:0 !important}
3
+ .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-ugb-button__link{background:#fff;width:280px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4}
4
+ .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}
5
+ .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}
6
+ .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}
7
+ .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}
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}
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}
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}
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}
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}
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}
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}
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}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}
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}.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.frontend.build.js CHANGED
@@ -1119,605 +1119,386 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
1119
 
1120
  // BigPicture.js | license MIT | henrygd.me/bigpicture
1121
  (function() {
1122
- var // assign window object to variable
1123
- global = window,
1124
- // trigger element used to open popup
1125
- el,
1126
- // set to true after first interaction
1127
- initialized,
1128
- // container element holding html needed for script
1129
- container,
1130
- // currently active display element (image, video, youtube / vimeo iframe container)
1131
- displayElement,
1132
- // popup image element
1133
- displayImage,
1134
- // popup video element
1135
- displayVideo,
1136
- // container element to hold youtube / vimeo iframe
1137
- iframeContainer,
1138
- // iframe to hold youtube / vimeo player
1139
- iframeSiteVid,
1140
- // store requested image source
1141
- imgSrc,
1142
- // button that closes the container
1143
- closeButton,
1144
- // youtube / vimeo video id
1145
- siteVidID,
1146
- // keeps track of loading icon display state
1147
- isLoading,
1148
- // timeout to check video status while loading
1149
- checkVidTimeout,
1150
- // loading icon element
1151
- loadingIcon,
1152
- // caption element
1153
- caption,
1154
- // caption content element
1155
- captionText,
1156
- // store caption content
1157
- captionContent,
1158
- // hide caption button element
1159
- captionHideButton,
1160
- // open state for container element
1161
- isOpen,
1162
- // gallery open state
1163
- galleryOpen,
1164
- // used during close animation to avoid triggering timeout twice
1165
- isClosing,
1166
- // array of prev viewed image urls to check if cached before showing loading icon
1167
- imgCache = [],
1168
- // store whether image requested is remote or local
1169
- remoteImage,
1170
- // store animation opening callbacks
1171
- animationStart,
1172
- animationEnd,
1173
- // gallery left / right icons
1174
- rightArrowBtn,
1175
- leftArrowBtn,
1176
- // position of gallery
1177
- galleryPosition,
1178
- // hold active gallery els / image src
1179
- galleryEls,
1180
- // counter element
1181
- galleryCounter,
1182
- // store images in gallery that are being loaded
1183
- preloadedImages = {},
1184
- // whether device supports touch events
1185
- supportsTouch,
1186
- // set to true if user wants to hide loading icon
1187
- noLoader,
1188
- // Save bytes in the minified version
1189
- doc = document,
1190
- appendEl = 'appendChild',
1191
- createEl = 'createElement',
1192
- removeEl = 'removeChild',
1193
- htmlInner = 'innerHTML',
1194
- pointerEventsAuto = 'pointer-events:auto',
1195
- cHeight = 'clientHeight',
1196
- cWidth = 'clientWidth',
1197
- listenFor = 'addEventListener',
1198
- timeout = global.setTimeout,
1199
- clearTimeout = global.clearTimeout
1200
-
1201
- module.exports = function(options) {
1202
- // initialize called on initial open to create elements / style / event handlers
1203
- initialized || initialize()
1204
-
1205
- // clear currently loading stuff
1206
- if (isLoading) {
1207
- clearTimeout(checkVidTimeout)
1208
- removeContainer()
1209
- }
1210
 
1211
- // store video id if youtube / vimeo video is requested
1212
- siteVidID = options.ytSrc || options.vimeoSrc
1213
-
1214
- // store optional callbacks
1215
- animationStart = options.animationStart
1216
- animationEnd = options.animationEnd
1217
-
1218
- // store whether user requests to hide loading icon
1219
- noLoader = options.noLoader
1220
-
1221
- // set trigger element
1222
- el = options.el
1223
-
1224
- // wipe existing remoteImage state
1225
- remoteImage = false
1226
-
1227
- // set caption if provided
1228
- captionContent = el.getAttribute('caption')
1229
-
1230
- if (options.gallery) {
1231
- makeGallery(options.gallery)
1232
- } else if (siteVidID) {
1233
- // if vimeo or youtube video
1234
- toggleLoadingIcon(true)
1235
- displayElement = iframeContainer
1236
- createIframe(!!options.ytSrc)
1237
- } else if (options.imgSrc) {
1238
- // if remote image
1239
- remoteImage = true
1240
- imgSrc = options.imgSrc
1241
- !~imgCache.indexOf(imgSrc) && toggleLoadingIcon(true)
1242
- displayElement = displayImage
1243
- displayElement.src = imgSrc
1244
- } else if (options.vidSrc) {
1245
- // if direct video link
1246
- toggleLoadingIcon(true)
1247
- displayElement = displayVideo
1248
- displayElement.src = options.vidSrc
1249
- checkVid()
1250
- } else {
1251
- // local image / background image already loaded on page
1252
- displayElement = displayImage
1253
- // get img source or element background image
1254
- displayElement.src =
1255
- el.tagName === 'IMG'
1256
- ? el.src
1257
- : global
1258
- .getComputedStyle(el)
1259
- .backgroundImage.replace(/^url|[(|)|'|"]/g, '')
1260
- }
1261
 
1262
- // add container to page
1263
- container[appendEl](displayElement)
1264
- doc.body[appendEl](container)
1265
- }
1266
 
1267
- // create all needed methods / store dom elements on first use
1268
- function initialize() {
1269
- var startX
1270
- // return close button elements
1271
- function createCloseButton() {
1272
- var el = doc[createEl]('button')
1273
- el.className = 'bp-x'
1274
- el[htmlInner] = '&#215;'
1275
- return el
1276
- }
1277
 
1278
- function createArrowSymbol(direction, style) {
1279
- var el = doc[createEl]('button')
1280
- el.className = 'bp-lr'
1281
- el[htmlInner] =
1282
- '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" height="75" fill="#fff"><path d="M88.6 121.3c.8.8 1.8 1.2 2.9 1.2s2.1-.4 2.9-1.2a4.1 4.1 0 0 0 0-5.8l-51-51 51-51a4.1 4.1 0 0 0-5.8-5.8l-54 53.9a4.1 4.1 0 0 0 0 5.8l54 53.9z"/></svg>'
1283
- changeCSS(el, style)
1284
- el.onclick = function(e) {
1285
- e.stopPropagation()
1286
- updateGallery(direction)
1287
- }
1288
- return el
1289
- }
1290
 
1291
- // add style - if you want to tweak, run through beautifier
1292
- var style = doc[createEl]('STYLE')
1293
- style[htmlInner] =
1294
- '.bp-lr,.bp-x:active{outline:0}#bp_caption,#bp_container{bottom:0;left:0;right:0;position:fixed;opacity:0;backface-visibility:hidden}#bp_container>*,#bp_loader,.bp-x{position:absolute;right:0;z-index:10}#bp_container{top:0;z-index:9999;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .35s}#bp_loader{top:0;left:0;bottom:0;display:-webkit-flex;display:flex;margin:0;cursor:wait;z-index:9}#bp_count,.bp-lr,.bp-x{cursor:pointer;color:#fff}#bp_loader svg{width:50%;max-height:50%;margin:auto}#bp_container img,#bp_sv,#bp_vid{user-select:none;max-height:96%;max-width:96%;top:0;bottom:0;left:0;margin:auto;box-shadow:0 0 3em rgba(0,0,0,.4);z-index:-1}#bp_sv{width:171vh}#bp_caption{font-size:.9em;padding:1.3em;background:rgba(15,15,15,.94);color:#fff;text-align:center;transition:opacity .3s}#bp_count,.bp-x{top:0;opacity:.8;font-size:3em;padding:0 .3em;background:0 0;border:0;text-shadow:0 0 2px rgba(0,0,0,.6)}#bp_caption .bp-x{left:2%;top:auto;right:auto;bottom:100%;padding:0 .6em;background:#d74040;border-radius:2px 2px 0 0;font-size:2.3em;text-shadow:none}.bp-x:focus,.bp-x:hover{opacity:1}@media (max-aspect-ratio:9/5){#bp_sv{height:53vw}}.bp-lr{top:50%;top:calc(50% - 138px);padding:99px 1vw;background:0 0;border:0;opacity:.4;transition:opacity .1s}.bp-lr:focus,.bp-lr:hover{opacity:.8}@media (max-width:600px){.bp-lr{font-size:15vw}}#bp_count{left:0;display:table;padding:14px;color:#fff;font-size:22px;opacity:.7;cursor:default;right:auto}'
1295
- doc.head[appendEl](style)
1296
-
1297
- // create container element
1298
- container = doc[createEl]('DIV')
1299
- container.id = 'bp_container'
1300
- container.onclick = close
1301
- closeButton = createCloseButton()
1302
- container[appendEl](closeButton)
1303
- // gallery swipe listeners
1304
- if ('ontouchstart' in global) {
1305
- supportsTouch = true
1306
- container.ontouchstart = function(e) {
1307
- startX = e.changedTouches[0].pageX
1308
- }
1309
- container.ontouchmove = function(e) {
1310
- e.preventDefault()
1311
- }
1312
- container.ontouchend = function(e) {
1313
- if (!galleryOpen) {
1314
- return
1315
- }
1316
- var touchobj = e.changedTouches[0]
1317
- var distX = touchobj.pageX - startX
1318
- // swipe right
1319
- distX < -30 && updateGallery(1)
1320
- // swipe left
1321
- distX > 30 && updateGallery(-1)
1322
- }
1323
- }
1324
 
1325
- // create display image element
1326
- displayImage = doc[createEl]('IMG')
1327
-
1328
- // create display video element
1329
- displayVideo = doc[createEl]('VIDEO')
1330
- displayVideo.id = 'bp_vid'
1331
- displayVideo.autoplay = true
1332
- displayVideo.setAttribute('playsinline', true)
1333
- displayVideo.controls = true
1334
- displayVideo.loop = true
1335
-
1336
- // create gallery counter
1337
- galleryCounter = doc[createEl]('span')
1338
- galleryCounter.id = 'bp_count'
1339
-
1340
- // create caption elements
1341
- caption = doc[createEl]('DIV')
1342
- caption.id = 'bp_caption'
1343
- captionHideButton = createCloseButton()
1344
- captionHideButton.onclick = toggleCaption.bind(null, false)
1345
- caption[appendEl](captionHideButton)
1346
- captionText = doc[createEl]('SPAN')
1347
- caption[appendEl](captionText)
1348
- container[appendEl](caption)
1349
-
1350
- // left / right arrow icons
1351
- rightArrowBtn = createArrowSymbol(1, webkitify('transform:', 'scalex(-1);'))
1352
- leftArrowBtn = createArrowSymbol(-1, 'left:0;right:auto')
1353
-
1354
- // create loading icon element
1355
- loadingIcon = doc[createEl]('DIV')
1356
- loadingIcon.id = 'bp_loader'
1357
- loadingIcon[htmlInner] =
1358
- '<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" fill="#fff" opacity=".8"><path d="M16 0a16 16 0 0 0 0 32 16 16 0 0 0 0-32m0 4a12 12 0 0 1 0 24 12 12 0 0 1 0-24" fill="#000" opacity=".5"/><path d="M16 0a16 16 0 0 1 16 16h-4A12 12 0 0 0 16 4z"><animateTransform attributeName="transform" dur="1s" from="0 16 16" repeatCount="indefinite" to="360 16 16" type="rotate"/></path></svg>'
1359
-
1360
- // create youtube / vimeo container
1361
- iframeContainer = doc[createEl]('DIV')
1362
- iframeContainer.id = 'bp_sv'
1363
-
1364
- // create iframe to hold youtube / vimeo player
1365
- iframeSiteVid = doc[createEl]('IFRAME')
1366
- iframeSiteVid.allowFullscreen = true
1367
- iframeSiteVid.onload = open
1368
- changeCSS(iframeSiteVid, 'border:0px;height:100%;width:100%')
1369
- iframeContainer[appendEl](iframeSiteVid)
1370
-
1371
- // display image bindings for image load and error
1372
- displayImage.onload = open
1373
- displayImage.onerror = open.bind(null, 'image')
1374
-
1375
- // adjust loader position on window resize
1376
- global[listenFor]('resize', function() {
1377
- galleryOpen || (isLoading && toggleLoadingIcon(true))
1378
- })
1379
-
1380
- // close container on escape key press and arrow buttons for gallery
1381
- doc[listenFor]('keyup', function(e) {
1382
- var key = e.keyCode
1383
- key === 27 && isOpen && close(container)
1384
- if (galleryOpen) {
1385
- key === 39 && updateGallery(1)
1386
- key === 37 && updateGallery(-1)
1387
- key === 38 && updateGallery(10)
1388
- key === 40 && updateGallery(-10)
1389
- }
1390
- })
1391
- // prevent scrolling with arrow keys if gallery open
1392
- doc[listenFor]('keydown', function(e) {
1393
- var usedKeys = [37, 38, 39, 40]
1394
- if (galleryOpen && ~usedKeys.indexOf(e.keyCode)) {
1395
- e.preventDefault()
1396
- }
1397
- })
1398
-
1399
- // trap focus within conainer while open
1400
- doc[listenFor](
1401
- 'focus',
1402
- function(e) {
1403
- if (isOpen && !container.contains(e.target)) {
1404
- e.stopPropagation()
1405
- closeButton.focus()
1406
- }
1407
- },
1408
- true
1409
- )
1410
 
1411
- // all done
1412
- initialized = true
1413
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1414
 
1415
- // return transform style to make full size display el match trigger el size
1416
- function getRect() {
1417
- var rect = el.getBoundingClientRect()
1418
- var leftOffset = rect.left - (container[cWidth] - rect.width) / 2
1419
- var centerTop = rect.top - (container[cHeight] - rect.height) / 2
1420
- var scaleWidth = el[cWidth] / displayElement[cWidth]
1421
- var scaleHeight = el[cHeight] / displayElement[cHeight]
1422
- return webkitify(
1423
- 'transform:',
1424
- 'translate3D(' +
1425
- leftOffset +
1426
- 'px, ' +
1427
- centerTop +
1428
- 'px, 0) scale3D(' +
1429
- scaleWidth +
1430
- ', ' +
1431
- scaleHeight +
1432
- ', 0);'
1433
- )
1434
- }
1435
 
1436
- function makeGallery(gallery) {
1437
- if (Array.isArray(gallery)) {
1438
- // is array of images
1439
- galleryPosition = 0
1440
- galleryEls = gallery
1441
- captionContent = gallery[0].caption
1442
- } else {
1443
- // is element selector
1444
- galleryEls = [].slice.call(doc.querySelectorAll(gallery + ' [data-bp]'))
1445
- // find initial gallery position
1446
- var elIndex = galleryEls.indexOf(el)
1447
- galleryPosition = elIndex !== -1 ? elIndex : 0
1448
- // make gallery object w/ els / src / caption
1449
- galleryEls = galleryEls.map(function(el) {
1450
- return {
1451
- el: el,
1452
- src: el.getAttribute('data-bp'),
1453
- caption: el.getAttribute('caption')
1454
- }
1455
- })
1456
- }
1457
- // show loading icon if needed
1458
- remoteImage = true
1459
- // set initial src to imgSrc so it will be cached in open func
1460
- imgSrc = galleryEls[galleryPosition].src
1461
- !~imgCache.indexOf(imgSrc) && toggleLoadingIcon(true)
1462
- if (galleryEls.length > 1) {
1463
- // if length is greater than one, add gallery stuff
1464
- container[appendEl](galleryCounter)
1465
- galleryCounter[htmlInner] = galleryPosition + 1 + '/' + galleryEls.length
1466
- if (!supportsTouch) {
1467
- // add arrows if device doesn't support touch
1468
- container[appendEl](rightArrowBtn)
1469
- container[appendEl](leftArrowBtn)
1470
- }
1471
- } else {
1472
- // gallery is one, just show without clutter
1473
- galleryEls = false
1474
- }
1475
- displayElement = displayImage
1476
- // set initial image src
1477
- displayElement.src = imgSrc
1478
- }
1479
 
1480
- function updateGallery(movement) {
1481
- var galleryLength = galleryEls.length - 1
1482
- // normalize position
1483
- galleryPosition = Math.max(
1484
- 0,
1485
- Math.min(galleryPosition + movement, galleryLength)
1486
- )
1487
-
1488
- // load images before and after for quicker scrolling through pictures
1489
- ;[galleryPosition - 1, galleryPosition, galleryPosition + 1].forEach(
1490
- function(position) {
1491
- // normalize position
1492
- position = Math.max(0, Math.min(position, galleryLength))
1493
- // cancel if image has already been preloaded
1494
- if (!!preloadedImages[position]) return
1495
- var src = galleryEls[position].src
1496
- // create image for preloadedImages
1497
- var img = doc[createEl]('IMG')
1498
- img[listenFor]('load', addToImgCache.bind(null, src))
1499
- img.src = src
1500
- preloadedImages[position] = img
1501
- }
1502
- )
1503
- // if image is loaded, show it
1504
- if (preloadedImages[galleryPosition].complete) {
1505
- return changeGalleryImage()
1506
- }
1507
- // if not, show loading icon and change when loaded
1508
- isLoading = true
1509
- changeCSS(loadingIcon, 'opacity:.4;')
1510
- container[appendEl](loadingIcon)
1511
- preloadedImages[galleryPosition].onload = function() {
1512
- galleryOpen && changeGalleryImage()
1513
- }
1514
- // if error, store error object in el array
1515
- preloadedImages[galleryPosition].onerror = function() {
1516
- galleryEls[galleryPosition] = {
1517
- error: 'Error loading image'
1518
- }
1519
- galleryOpen && changeGalleryImage()
1520
- }
1521
- }
1522
 
1523
- function changeGalleryImage() {
1524
- if (isLoading) {
1525
- container[removeEl](loadingIcon)
1526
- isLoading = false
1527
- }
1528
- var activeEl = galleryEls[galleryPosition]
1529
- if (activeEl.error) {
1530
- // show alert if error
1531
- alert(activeEl.error)
1532
- } else {
1533
- var newSrc = activeEl.src
1534
- displayImage.src = newSrc
1535
- if (activeEl.el) {
1536
- el = activeEl.el
1537
- }
1538
- }
1539
- galleryCounter[htmlInner] = galleryPosition + 1 + '/' + galleryEls.length
1540
- }
1541
 
1542
- // create youtube / vimeo video iframe
1543
- function createIframe(isYoutube) {
1544
- // create appropriate url for youtube or vimeo
1545
- var url = isYoutube
1546
- ? 'www.youtube.com/embed/' +
1547
- siteVidID +
1548
- '?html5=1&rel=0&showinfo=0&playsinline=1&'
1549
- : 'player.vimeo.com/video/' + siteVidID + '?'
1550
-
1551
- // set iframe src to url
1552
- iframeSiteVid.src = 'https://' + url + 'autoplay=1'
1553
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1554
 
1555
- // timeout to check video status while loading
1556
- // onloadeddata event doesn't seem to fire in less up-to-date browsers like midori & epiphany
1557
- function checkVid() {
1558
- if (displayElement.readyState === 4) open()
1559
- else if (displayVideo.error) open('video')
1560
- else checkVidTimeout = timeout(checkVid, 35)
1561
- }
1562
 
1563
- // hide / show loading icon
1564
- function toggleLoadingIcon(bool) {
1565
- // don't show loading icon if noLoader is specified
1566
- if (noLoader) return
1567
- // bool is true if we want to show icon, false if we want to remove
1568
- // change style to match trigger element dimensions if we want to show
1569
- bool &&
1570
- changeCSS(
1571
- loadingIcon,
1572
- 'top:' +
1573
- el.offsetTop +
1574
- 'px;left:' +
1575
- el.offsetLeft +
1576
- 'px;height:' +
1577
- el[cHeight] +
1578
- 'px;width:' +
1579
- el[cWidth] +
1580
- 'px'
1581
- )
1582
- // add or remove loader from DOM
1583
- el.parentElement[bool ? appendEl : removeEl](loadingIcon)
1584
- isLoading = bool
1585
- }
1586
 
1587
- // hide & show caption
1588
- function toggleCaption(captionContent) {
1589
- if (captionContent) {
1590
- captionText[htmlInner] = captionContent
1591
- }
1592
- changeCSS(
1593
- caption,
1594
- 'opacity:' + (captionContent ? '1;' + pointerEventsAuto : '0')
1595
- )
1596
- }
1597
 
1598
- function addToImgCache(url) {
1599
- !~imgCache.indexOf(url) && imgCache.push(url)
1600
- }
1601
 
1602
- // animate open of image / video; display caption if needed
1603
- function open(err) {
1604
- // hide loading spinner
1605
- isLoading && toggleLoadingIcon()
 
 
1606
 
1607
- // execute animationStart callback
1608
- animationStart && animationStart()
 
1609
 
1610
- // check if we have an error string instead of normal event
1611
- if (typeof err === 'string') {
1612
- removeContainer()
1613
- return alert('Error: The requested ' + err + ' could not be loaded.')
1614
- }
 
 
 
 
 
1615
 
1616
- // if remote image is loaded, add url to imgCache array
1617
- remoteImage && addToImgCache(imgSrc)
1618
 
1619
- if (galleryOpen) {
1620
- return toggleCaption(galleryEls[galleryPosition].caption)
1621
- // return
1622
- }
 
 
 
 
 
 
 
 
 
1623
 
1624
- // transform displayEl to match trigger el
1625
- changeCSS(displayElement, getRect())
1626
 
1627
- // fade in container
1628
- changeCSS(container, 'opacity:1;' + pointerEventsAuto)
 
 
1629
 
1630
- // set animationEnd callback to run after animation ends (cleared if container closed)
1631
- animationEnd = timeout(animationEnd, 410)
1632
 
1633
- isOpen = true
 
 
 
 
1634
 
1635
- galleryOpen = !!galleryEls
 
1636
 
1637
- // enlarge displayEl, fade in caption if hasCaption
1638
- timeout(function() {
1639
- changeCSS(
1640
- displayElement,
1641
- webkitify('transition:', 'transform .35s;') +
1642
- webkitify('transform:', 'none;')
1643
- )
1644
- captionContent && timeout(toggleCaption.bind(null, captionContent), 250)
1645
- }, 60)
1646
- }
1647
 
1648
- // close active display element
1649
- function close(e) {
1650
- var target = e.target
1651
- var clickEls = [
1652
- caption,
1653
- captionHideButton,
1654
- displayVideo,
1655
- captionText,
1656
- leftArrowBtn,
1657
- rightArrowBtn,
1658
- loadingIcon
1659
- ]
1660
-
1661
- // blur to hide close button focus style
1662
- target && target.blur()
1663
-
1664
- // don't close if one of the clickEls was clicked or container is already closing
1665
- if (isClosing || ~clickEls.indexOf(target)) {
1666
- return
1667
- }
1668
 
1669
- // animate closing
1670
- displayElement.style.cssText += getRect()
1671
- changeCSS(container, pointerEventsAuto)
1672
 
1673
- // timeout to remove els from dom; use variable to avoid calling more than once
1674
- timeout(removeContainer, 350)
1675
 
1676
- // clear animationEnd timeout
1677
- clearTimeout(animationEnd)
 
 
 
 
1678
 
1679
- isOpen = false
1680
- isClosing = true
1681
- }
1682
 
1683
- // remove container / display element from the DOM
1684
- function removeContainer() {
1685
- // remove container from DOM & clear inline style
1686
- doc.body[removeEl](container)
1687
- container[removeEl](displayElement)
1688
- changeCSS(container, '')
1689
-
1690
- // clear src of displayElement (or iframe if display el is iframe container)
1691
- ;(displayElement === iframeContainer
1692
- ? iframeSiteVid
1693
- : displayElement
1694
- ).removeAttribute('src')
1695
-
1696
- // remove caption
1697
- toggleCaption(false)
1698
-
1699
- if (galleryOpen) {
1700
- isLoading && container[removeEl](loadingIcon)
1701
- container[removeEl](galleryCounter)
1702
- galleryOpen = galleryEls = false
1703
- preloadedImages = {}
1704
- supportsTouch || container[removeEl](rightArrowBtn)
1705
- supportsTouch || container[removeEl](leftArrowBtn)
1706
- }
1707
 
1708
- isClosing = isLoading = false
1709
- }
1710
 
1711
- // style helper functions
1712
- function changeCSS(element, newStyle) {
1713
- element.style.cssText = newStyle
1714
- }
1715
- function webkitify(prop, val) {
1716
- var webkit = '-webkit-'
1717
- var propVal = prop + val
1718
- return webkit + propVal + prop + webkit + val + propVal
1719
- }
1720
- })()
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1721
 
1722
 
1723
  /***/ })
1119
 
1120
  // BigPicture.js | license MIT | henrygd.me/bigpicture
1121
  (function() {
1122
+ var
1123
+ // assign window object to variable
1124
+ global = window,
1125
+ // trigger element used to open popup
1126
+ el,
1127
+ // set to true after first interaction
1128
+ initialized,
1129
+ // container element holding html needed for script
1130
+ container,
1131
+ // currently active display element (image, video, youtube / vimeo iframe container)
1132
+ displayElement,
1133
+ // popup image element
1134
+ displayImage,
1135
+ // popup video element
1136
+ displayVideo,
1137
+ // container element to hold youtube / vimeo iframe
1138
+ iframeContainer,
1139
+ // iframe to hold youtube / vimeo player
1140
+ iframeSiteVid,
1141
+ // store requested image source
1142
+ imgSrc,
1143
+ // button that closes the container
1144
+ closeButton,
1145
+ // youtube / vimeo video id
1146
+ siteVidID,
1147
+ // keeps track of loading icon display state
1148
+ isLoading,
1149
+ // timeout to check video status while loading
1150
+ checkVidTimeout,
1151
+ // loading icon element
1152
+ loadingIcon,
1153
+ // caption element
1154
+ caption,
1155
+ // caption content element
1156
+ captionText,
1157
+ // store caption content
1158
+ captionContent,
1159
+ // hide caption button element
1160
+ captionHideButton,
1161
+ // open state for container element
1162
+ isOpen,
1163
+ // used during close animation to avoid triggering timeout twice
1164
+ isClosing,
1165
+ // array of prev viewed image urls to check if cached before showing loading icon
1166
+ imgCache,
1167
+ // store whether remote image is already cached on request
1168
+ cached,
1169
+ // store whether image requested is remote or local
1170
+ remoteImage,
1171
+ // store animation opening callbacks
1172
+ animationStart,
1173
+ animationEnd,
1174
+ // set to true if user wants to hide loading icon
1175
+ noLoader,
1176
+ // Save bytes in the minified version
1177
+ doc = document,
1178
+ appendEl = 'appendChild',
1179
+ createEl = 'createElement',
1180
+ removeEl = 'removeChild',
1181
+ htmlInner = 'innerHTML',
1182
+ pointerEventsAuto = 'pointer-events:auto',
1183
+ cHeight = 'clientHeight',
1184
+ cWidth = 'clientWidth',
1185
+ listenFor = 'addEventListener',
1186
+ timeout = global.setTimeout,
1187
+ clearTimeout = global.clearTimeout;
1188
+
1189
+
1190
+ module.exports = function(options) {
1191
+ // initialize called on initial open to create elements / style / event handlers
1192
+ initialized || initialize();
1193
+
1194
+ // clear currently loading stuff
1195
+ if (isLoading) {
1196
+ clearTimeout(checkVidTimeout);
1197
+ removeContainer();
1198
+ }
 
 
 
 
 
 
 
 
 
 
 
1199
 
1200
+ // store video id if youtube / vimeo video is requested
1201
+ siteVidID = options.ytSrc || options.vimeoSrc;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1202
 
1203
+ // store optional callbacks
1204
+ animationStart = options.animationStart;
1205
+ animationEnd = options.animationEnd;
 
1206
 
1207
+ // store whether user requests to hide loading icon
1208
+ noLoader = options.noLoader;
 
 
 
 
 
 
 
 
1209
 
1210
+ // set trigger element
1211
+ el = options.el;
 
 
 
 
 
 
 
 
 
 
1212
 
1213
+ // wipe existing remoteImage state
1214
+ remoteImage = false;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1215
 
1216
+ // set caption if provided
1217
+ captionContent = el.getAttribute('caption');
1218
+ if (captionContent) {
1219
+ captionText[htmlInner] = captionContent;
1220
+ container[appendEl](caption);
1221
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1222
 
1223
+ // if vimeo or youtube video
1224
+ if (siteVidID) {
1225
+ toggleLoadingIcon(true);
1226
+ displayElement = iframeContainer;
1227
+ createIframe(!!options.ytSrc);
1228
+ }
1229
+ // if remote image
1230
+ else if (options.imgSrc) {
1231
+ remoteImage = true;
1232
+ imgSrc = options.imgSrc;
1233
+ cached = ~imgCache.indexOf(imgSrc);
1234
+ !cached && toggleLoadingIcon(true);
1235
+ displayElement = displayImage;
1236
+ displayElement.src = imgSrc;
1237
+ }
1238
+ // if direct video link
1239
+ else if (options.vidSrc) {
1240
+ toggleLoadingIcon(true);
1241
+ displayElement = displayVideo;
1242
+ displayElement.src = options.vidSrc;
1243
+ checkVid();
1244
+ }
1245
+ // local image / background image already loaded on page
1246
+ else {
1247
+ displayElement = displayImage;
1248
+ // get img source or element background image
1249
+ displayElement.src = el.tagName === 'IMG' ? el.src :
1250
+ global.getComputedStyle(el).backgroundImage.replace(/^url|[(|)|'|"]/g, '');
1251
+ }
1252
 
1253
+ // add container to page
1254
+ container[appendEl](displayElement);
1255
+ doc.body[appendEl](container);
1256
+ };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1257
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1258
 
1259
+ // create all needed methods / store dom elements on first use
1260
+ function initialize() {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1261
 
1262
+ // return close button elements
1263
+ function createCloseButton() {
1264
+ var el = doc[createEl]('button');
1265
+ el.className = 'bp-x';
1266
+ el[htmlInner] = '&#215;'
1267
+ return el;
1268
+ }
 
 
 
 
 
 
 
 
 
 
 
1269
 
1270
+ // imgCache holds displayed image urls to prevent loader on cached images
1271
+ imgCache = [];
1272
+
1273
+ // add style
1274
+ // if you want to tweak, grab from doc head & run through beautifier
1275
+ var style = doc[createEl]('STYLE');
1276
+ style[htmlInner] = '#bp_caption,#bp_container{bottom:0;left:0;right:0;position:fixed;opacity:0}#bp_container>*,.bp-x,#bp_loader{position:absolute;right:0}#bp_container{top:0;z-index:9999;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .35s}#bp_loader{top:0;left:0;bottom:0;display:-webkit-flex;display:flex;margin:0;cursor:wait;z-index:9}#bp_loader svg{width:40%;max-height:40%;margin:auto;' + webkitify('animation:', 'ldr .7s infinite linear;') + '}' + webkitifyKeyframes('keyframes ldr{to{' + webkitify('transform:', 'rotate(1turn);') + '}}') + '#bp_container img,#bp_sv,#bp_vid{max-height:96%;max-width:96%;top:0;bottom:0;left:0;margin:auto;box-shadow:0 0 3em rgba(0,0,0,.4);z-index:-1}#bp_sv{width:171vh}#bp_caption{font-size:.9em;padding:1.3em;background:rgba(15,15,15,.94);color:#fff;text-align:center;transition:opacity .3s}.bp-x{font-family:Arial;top:0;cursor:pointer;opacity:.8;font-size:3em;padding:0 .3em;color:#fff;background:transparent;border:0;text-shadow:0 0 2px #000}#bp_caption .bp-x{left:2%;top:auto;right:auto;bottom:100%;padding:0 .6em;background:#d74040;border-radius:2px 2px 0 0;font-size:2.3em;text-shadow:none}.bp-x:hover,.bp-x:focus{opacity:1}.bp-x:active{outline:0}@media (max-aspect-ratio:9/5){#bp_sv{height:53vw}}';
1277
+ doc.head[appendEl](style);
1278
+
1279
+ // create container element
1280
+ container = doc[createEl]('DIV');
1281
+ container.id = 'bp_container';
1282
+ container.onclick = close;
1283
+ closeButton = createCloseButton();
1284
+ container[appendEl](closeButton);
1285
+
1286
+ // create display image element
1287
+ displayImage = doc[createEl]('IMG');
1288
+
1289
+ // create display video element
1290
+ displayVideo = doc[createEl]('VIDEO');
1291
+ displayVideo.id = 'bp_vid';
1292
+ displayVideo.autoplay = true;
1293
+ displayVideo.setAttribute('playsinline', true);
1294
+ displayVideo.controls = true;
1295
+ displayVideo.loop = true;
1296
+
1297
+ // create caption elements
1298
+ caption = doc[createEl]('DIV');
1299
+ caption.id = 'bp_caption';
1300
+ captionHideButton = createCloseButton();
1301
+ captionHideButton.onclick = function() {
1302
+ changeCSS(caption, 'opacity:0');
1303
+ timeout(function() {
1304
+ captionContent = false;
1305
+ container[removeEl](caption);
1306
+ }, 300);
1307
+ }
1308
+ caption[appendEl](captionHideButton);
1309
+ captionText = doc[createEl]('SPAN');
1310
+ caption[appendEl](captionText);
1311
+
1312
+ // create loading icon element
1313
+ loadingIcon = doc[createEl]('DIV');
1314
+ loadingIcon.id = 'bp_loader';
1315
+ loadingIcon[htmlInner] = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 399 399"><path d="M341 58.5C303 20.8 253 0 199.6 0 146.4 0 96.2 20.8 58.5 58.5 20.8 96.2 0 146.5 0 199.7 0 253 20.8 303.2 58.5 341c37.7 37.6 88 58.4 141.2 58.4 53.3 0 103.5-20.8 141.2-58.5 37.6-37.8 58.4-88 58.4-141.3 0-53.3-20.8-103.5-58.5-141.2zm-13 12.8c34.3 34.3 53.2 80 53.2 128.4h-41c0-77.4-63-140.4-140.5-140.4-4.6 0-9 .2-13.6.7V18.7c4.6-.4 9-.5 13.7-.5 48.5 0 94 18.8 128.4 53zM199.8 322c-67.4 0-122.2-55-122.2-122.3S132.3 77.5 199.7 77.5 322 132.3 322 199.7 267 322 199.6 322z"/></svg>';
1316
+
1317
+ // create youtube / vimeo container
1318
+ iframeContainer = doc[createEl]('DIV');
1319
+ iframeContainer.id = 'bp_sv';
1320
+
1321
+ // create iframe to hold youtube / vimeo player
1322
+ iframeSiteVid = doc[createEl]('IFRAME');
1323
+ iframeSiteVid.allowFullscreen = true;
1324
+ iframeSiteVid.onload = open;
1325
+ changeCSS(iframeSiteVid, 'border:0px;height:100%;width:100%');
1326
+ iframeContainer[appendEl](iframeSiteVid);
1327
+
1328
+ // display image bindings for image load and error
1329
+ displayImage.onload = open;
1330
+ displayImage.onerror = open.bind(null, 'image');
1331
+
1332
+ // adjust loader position on window resize
1333
+ global[listenFor]('resize', function() {
1334
+ isLoading && toggleLoadingIcon(true);
1335
+ });
1336
+
1337
+ // close container on escape key press
1338
+ doc[listenFor]('keyup', function(e) {
1339
+ e.keyCode === 27 && isOpen && close(container);
1340
+ });
1341
+
1342
+ // trap focus within conainer while open
1343
+ doc[listenFor]('focus', function(e) {
1344
+ if (isOpen && !container.contains(e.target)) {
1345
+ e.stopPropagation();
1346
+ closeButton.focus();
1347
+ }
1348
+ }, true);
1349
 
1350
+ // all done
1351
+ initialized = true;
1352
+ }
 
 
 
 
1353
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1354
 
1355
+ // return transform style to make full size display el match trigger el size
1356
+ function getRect() {
1357
+ var rect = el.getBoundingClientRect();
1358
+ var leftOffset = rect.left - (container[cWidth] - rect.width) / 2;
1359
+ var centerTop = rect.top - (container[cHeight] - rect.height) / 2;
1360
+ var scaleWidth = el[cWidth] / displayElement[cWidth];
1361
+ var scaleHeight = el[cHeight] / displayElement[cHeight];
1362
+ return webkitify('transform:', 'translate3D(' + leftOffset + 'px, ' +
1363
+ centerTop + 'px, 0) scale3D(' + scaleWidth + ', ' + scaleHeight + ', 0);');
1364
+ }
1365
 
 
 
 
1366
 
1367
+ // create youtube / vimeo video iframe
1368
+ function createIframe(isYoutube) {
1369
+ // create appropriate url for youtube or vimeo
1370
+ var url = isYoutube ?
1371
+ 'www.youtube.com/embed/' + siteVidID + '?html5=1&rel=0&showinfo=0&playsinline=1&' :
1372
+ 'player.vimeo.com/video/' + siteVidID + '?';
1373
 
1374
+ // set iframe src to url
1375
+ iframeSiteVid.src = 'https://' + url + 'autoplay=1';
1376
+ }
1377
 
1378
+ // timeout to check video status while loading
1379
+ // onloadeddata event doesn't seem to fire in less up-to-date browsers like midori & epiphany
1380
+ function checkVid() {
1381
+ if (displayElement.readyState === 4)
1382
+ open();
1383
+ else if (displayVideo.error)
1384
+ open('video');
1385
+ else
1386
+ checkVidTimeout = timeout(checkVid, 35);
1387
+ }
1388
 
 
 
1389
 
1390
+ // hide / show loading icon
1391
+ function toggleLoadingIcon(bool) {
1392
+ // don't show loading icon if noLoader is specified
1393
+ if (noLoader) return;
1394
+ // bool is true if we want to show icon, false if we want to remove
1395
+ // change style to match trigger element dimensions if we want to show
1396
+ bool && changeCSS(loadingIcon, 'top:' + el.offsetTop +
1397
+ 'px;left:' + el.offsetLeft + 'px;height:' +
1398
+ el[cHeight] + 'px;width:' + el[cWidth] + 'px');
1399
+ // add or remove loader from DOM
1400
+ el.parentElement[bool ? appendEl : removeEl](loadingIcon);
1401
+ isLoading = bool;
1402
+ }
1403
 
 
 
1404
 
1405
+ // animate open of image / video; display caption if needed
1406
+ function open(err) {
1407
+ // hide loading spinner
1408
+ isLoading && toggleLoadingIcon();
1409
 
1410
+ // execute animationStart callback
1411
+ animationStart && animationStart();
1412
 
1413
+ // check if we have an error string instead of normal event
1414
+ if (typeof(err) === 'string') {
1415
+ removeContainer();
1416
+ return alert('Error: The requested ' + err + ' could not be displayed.');
1417
+ }
1418
 
1419
+ // if remote image is loaded, add url to imgCache array
1420
+ (remoteImage && !cached) && imgCache.push(imgSrc);
1421
 
1422
+ // transform displayEl to match trigger el
1423
+ changeCSS(displayElement, getRect());
 
 
 
 
 
 
 
 
1424
 
1425
+ // fade in container
1426
+ changeCSS(container, 'opacity:1;' + pointerEventsAuto);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1427
 
1428
+ // set animationEnd callback to run after animation ends (cleared if container closed)
1429
+ animationEnd = timeout(animationEnd, 410);
 
1430
 
1431
+ isOpen = true;
 
1432
 
1433
+ // enlarge displayEl, fade in caption if hasCaption
1434
+ timeout(function() {
1435
+ changeCSS(displayElement, webkitify('transition:', 'transform .35s;') + webkitify('transform:', 'none;'));
1436
+ captionContent && timeout(changeCSS.bind(null, caption, 'opacity:1'), 250);
1437
+ }, 60);
1438
+ }
1439
 
 
 
 
1440
 
1441
+ // close active display element
1442
+ function close(e) {
1443
+ var target = e.target;
1444
+ var clickEls = [caption, captionHideButton, displayVideo, captionText];
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1445
 
1446
+ // blur to hide close button focus style
1447
+ target && target.blur();
1448
 
1449
+ // don't close if one of the clickEls was clicked or container is already closing
1450
+ if (isClosing || ~clickEls.indexOf(target)) {
1451
+ return;
1452
+ }
1453
+
1454
+ // animate closing
1455
+ displayElement.style.cssText += getRect();
1456
+ changeCSS(container, pointerEventsAuto);
1457
+
1458
+ // timeout to remove els from dom; use variable to avoid calling more than once
1459
+ timeout(removeContainer, 350);
1460
+
1461
+ // clear animationEnd timeout
1462
+ clearTimeout(animationEnd);
1463
+
1464
+ isOpen = false;
1465
+ isClosing = true;
1466
+ }
1467
+
1468
+
1469
+ // remove container / display element from the DOM
1470
+ function removeContainer() {
1471
+ // remove container from DOM & clear inline style
1472
+ doc.body[removeEl](container);
1473
+ container[removeEl](displayElement);
1474
+ changeCSS(container, '');
1475
+
1476
+ // clear src of displayElement (or iframe if display el is iframe container)
1477
+ (displayElement === iframeContainer ? iframeSiteVid : displayElement)
1478
+ .removeAttribute('src');
1479
+
1480
+ if (captionContent) {
1481
+ changeCSS(caption, '');
1482
+ container[removeEl](caption);
1483
+ }
1484
+ isClosing = false;
1485
+ }
1486
+
1487
+
1488
+ // style helper functions
1489
+ function changeCSS(element, newStyle) {
1490
+ element.style.cssText = newStyle;
1491
+ }
1492
+ function webkitify(prop, val) {
1493
+ var webkit = '-webkit-';
1494
+ var propVal = prop + val;
1495
+ return webkit + propVal + prop + webkit + val + propVal;
1496
+ }
1497
+ function webkitifyKeyframes(css) {
1498
+ return '@-webkit-' + css + '@' + css;
1499
+ }
1500
+
1501
+ })();
1502
 
1503
 
1504
  /***/ })
dist/blocks.frontend.build.min.js CHANGED
@@ -1 +1 @@
1
- var main=function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:o})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=1)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default=function(t){if("complete"===document.readyState)return t();document.addEventListener("DOMContentLoaded",t)}},function(t,e,n){n(2),n(4),n(5),t.exports=n(6)},function(t,e,n){"use strict";var o,i=n(0);(0,((o=i)&&o.__esModule?o:{default:o}).default)(function(){n(3),document.querySelectorAll(".ugb-countup .ugb-counter").forEach(function(t){t.classList.add("ugb-countup-hide"),new Waypoint({element:t,handler:function(){r(t),t.classList.remove("ugb-countup-hide"),this.destroy()},offset:"bottom-in-view"})})});var r=function(t){var e,n,o,i,r,a,s,l,c,u,p,d,f,h;if(function(t){clearTimeout(t.countUpTimeout),t._countUpOrigInnerHTML&&(t.innerHTML=t._countUpOrigInnerHTML,t._countUpOrigInnerHTML=void 0),t.style.visibility=""}(t),/[0-9]/.test(t.innerHTML)){for(t._countUpOrigInnerHTML=t.innerHTML,e=document.querySelector("html").getAttribute("lang")||void 0,o=t.getAttribute("data-duration")/(n=t.getAttribute("data-delay")),i=t.innerHTML.split(/(<[^>]+>|[0-9.][,.0-9]*[0-9]*)/),r=[],a=0;a<o;a++)r.push("");for(s=0;s<i.length;s++)if(/([0-9.][,.0-9]*[0-9]*)/.test(i[s])&&!/<[^>]+>/.test(i[s]))for(l=i[s],c=/[0-9]+,[0-9]+/.test(l),l=l.replace(/,/g,""),p=(u=/^[0-9]+\.[0-9]+$/.test(l))?(l.split(".")[1]||[]).length:0,a=r.length-1,d=o;d>=1;d--)f=parseInt(l/o*d,10),u&&(f=parseFloat(l/o*d).toFixed(p),f=parseFloat(f).toLocaleString(e)),c&&(f=f.toLocaleString(e)),r[a--]+=f;else for(a=0;a<o;a++)r[a]+=i[s];r[r.length]=t.innerHTML,t.innerHTML=r[0],t.style.visibility="visible",h=function(){t.innerHTML=r.shift(),r.length?(clearTimeout(t.countUpTimeout),t.countUpTimeout=setTimeout(h,n)):t._countUpOrigInnerHTML=void 0},t.countUpTimeout=setTimeout(h,n)}}},function(t,e){!function(){"use strict";var t=0,e={};function n(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+t,this.options=n.Adapter.extend({},n.defaults,o),this.element=this.options.element,this.adapter=new n.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=n.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=n.Context.findOrCreateByElement(this.options.context),n.offsetAliases[this.options.offset]&&(this.options.offset=n.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),e[this.key]=this,t+=1}n.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},n.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},n.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete e[this.key]},n.prototype.disable=function(){return this.enabled=!1,this},n.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},n.prototype.next=function(){return this.group.next(this)},n.prototype.previous=function(){return this.group.previous(this)},n.invokeAll=function(t){var n=[];for(var o in e)n.push(e[o]);for(var i=0,r=n.length;i<r;i++)n[i][t]()},n.destroyAll=function(){n.invokeAll("destroy")},n.disableAll=function(){n.invokeAll("disable")},n.enableAll=function(){for(var t in n.Context.refreshAll(),e)e[t].enabled=!0;return this},n.refreshAll=function(){n.Context.refreshAll()},n.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},n.viewportWidth=function(){return document.documentElement.clientWidth},n.adapters=[],n.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},n.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=n}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}var e=0,n={},o=window.Waypoint,i=window.onload;function r(t){this.element=t,this.Adapter=o.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+e,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,n[t.waypointContextKey]=this,e+=1,o.windowContext||(o.windowContext=!0,o.windowContext=new r(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}r.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},r.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),o=this.element==this.element.window;t&&e&&!o&&(this.adapter.off(".waypoints"),delete n[this.key])},r.prototype.createThrottledResizeHandler=function(){var t=this;function e(){t.handleResize(),t.didResize=!1}this.adapter.on("resize.waypoints",function(){t.didResize||(t.didResize=!0,o.requestAnimationFrame(e))})},r.prototype.createThrottledScrollHandler=function(){var t=this;function e(){t.handleScroll(),t.didScroll=!1}this.adapter.on("scroll.waypoints",function(){t.didScroll&&!o.isTouch||(t.didScroll=!0,o.requestAnimationFrame(e))})},r.prototype.handleResize=function(){o.Context.refreshAll()},r.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var n in e){var o=e[n],i=o.newScroll>o.oldScroll?o.forward:o.backward;for(var r in this.waypoints[n]){var a=this.waypoints[n][r];if(null!==a.triggerPoint){var s=o.oldScroll<a.triggerPoint,l=o.newScroll>=a.triggerPoint;(s&&l||!s&&!l)&&(a.queueTrigger(i),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},r.prototype.innerHeight=function(){return this.element==this.element.window?o.viewportHeight():this.adapter.innerHeight()},r.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},r.prototype.innerWidth=function(){return this.element==this.element.window?o.viewportWidth():this.adapter.innerWidth()},r.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var n in this.waypoints[e])t.push(this.waypoints[e][n]);for(var o=0,i=t.length;o<i;o++)t[o].destroy()},r.prototype.refresh=function(){var t,e=this.element==this.element.window,n=e?void 0:this.adapter.offset(),i={};for(var r in this.handleScroll(),t={horizontal:{contextOffset:e?0:n.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:n.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}}){var a=t[r];for(var s in this.waypoints[r]){var l,c,u,p,d=this.waypoints[r][s],f=d.options.offset,h=d.triggerPoint,g=0,m=null==h;d.element!==d.element.window&&(g=d.adapter.offset()[a.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(a.contextDimension*f/100))),l=a.contextScroll-a.contextOffset,d.triggerPoint=Math.floor(g+l-f),c=h<a.oldScroll,u=d.triggerPoint>=a.oldScroll,p=!c&&!u,!m&&(c&&u)?(d.queueTrigger(a.backward),i[d.group.id]=d.group):!m&&p?(d.queueTrigger(a.forward),i[d.group.id]=d.group):m&&a.oldScroll>=d.triggerPoint&&(d.queueTrigger(a.forward),i[d.group.id]=d.group)}}return o.requestAnimationFrame(function(){for(var t in i)i[t].flushTriggers()}),this},r.findOrCreateByElement=function(t){return r.findByElement(t)||new r(t)},r.refreshAll=function(){for(var t in n)n[t].refresh()},r.findByElement=function(t){return n[t.waypointContextKey]},window.onload=function(){i&&i(),r.refreshAll()},o.requestAnimationFrame=function(e){(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t).call(window,e)},o.Context=r}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}var n={vertical:{},horizontal:{}},o=window.Waypoint;function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),n[this.axis][this.name]=this}i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var n in this.triggerQueues){var o=this.triggerQueues[n],i="up"===n||"left"===n;o.sort(i?e:t);for(var r=0,a=o.length;r<a;r+=1){var s=o[r];(s.options.continuous||r===o.length-1)&&s.trigger([n])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var n=o.Adapter.inArray(e,this.waypoints);return n===this.waypoints.length-1?null:this.waypoints[n+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var n=o.Adapter.inArray(e,this.waypoints);return n?this.waypoints[n-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=o.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return n[t.axis][t.name]||new i(t)},o.Group=i}(),function(){"use strict";var t=window.Waypoint;function e(t){return t===t.window}function n(t){return e(t)?t:t.defaultView}function o(t){this.element=t,this.handlers={}}o.prototype.innerHeight=function(){return e(this.element)?this.element.innerHeight:this.element.clientHeight},o.prototype.innerWidth=function(){return e(this.element)?this.element.innerWidth:this.element.clientWidth},o.prototype.off=function(t,e){function n(t,e,n){for(var o=0,i=e.length-1;o<i;o++){var r=e[o];n&&n!==r||t.removeEventListener(r)}}var o=t.split("."),i=o[0],r=o[1],a=this.element;if(r&&this.handlers[r]&&i)n(a,this.handlers[r][i],e),this.handlers[r][i]=[];else if(i)for(var s in this.handlers)n(a,this.handlers[s][i]||[],e),this.handlers[s][i]=[];else if(r&&this.handlers[r]){for(var l in this.handlers[r])n(a,this.handlers[r][l],e);this.handlers[r]={}}},o.prototype.offset=function(){if(!this.element.ownerDocument)return null;var t=this.element.ownerDocument.documentElement,e=n(this.element.ownerDocument),o={top:0,left:0};return this.element.getBoundingClientRect&&(o=this.element.getBoundingClientRect()),{top:o.top+e.pageYOffset-t.clientTop,left:o.left+e.pageXOffset-t.clientLeft}},o.prototype.on=function(t,e){var n=t.split("."),o=n[0],i=n[1]||"__default",r=this.handlers[i]=this.handlers[i]||{};(r[o]=r[o]||[]).push(e),this.element.addEventListener(o,e)},o.prototype.outerHeight=function(t){var n,o=this.innerHeight();return t&&!e(this.element)&&(n=window.getComputedStyle(this.element),o+=parseInt(n.marginTop,10),o+=parseInt(n.marginBottom,10)),o},o.prototype.outerWidth=function(t){var n,o=this.innerWidth();return t&&!e(this.element)&&(n=window.getComputedStyle(this.element),o+=parseInt(n.marginLeft,10),o+=parseInt(n.marginRight,10)),o},o.prototype.scrollLeft=function(){var t=n(this.element);return t?t.pageXOffset:this.element.scrollLeft},o.prototype.scrollTop=function(){var t=n(this.element);return t?t.pageYOffset:this.element.scrollTop},o.extend=function(){var t=Array.prototype.slice.call(arguments);function e(t,e){if("object"==typeof t&&"object"==typeof e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t}for(var n=1,o=t.length;n<o;n++)e(t[0],t[n]);return t[0]},o.inArray=function(t,e,n){return null==e?-1:e.indexOf(t,n)},o.isEmptyObject=function(t){for(var e in t)return!1;return!0},t.adapters.push({name:"noframework",Adapter:o}),t.Adapter=o}()},function(t,e,n){"use strict";var o,i=n(0);(0,((o=i)&&o.__esModule?o:{default:o}).default)(function(){document.querySelectorAll(".wp-block-ugb-expand").forEach(function(t){var e=t.querySelector(".ugb-expand-button"),n=function(e){t.classList.toggle("ugb-more"),e.preventDefault()};e&&(e.addEventListener("click",n),e.addEventListener("tapEnd",n))})})},function(t,e,n){"use strict";var o,i=n(0);(0,((o=i)&&o.__esModule?o:{default:o}).default)(function(){document.querySelectorAll(".ugb-notification.dismissible-true[data-uid]").forEach(function(t){var e=t.getAttribute("data-uid");localStorage.getItem("stckbl-notif-"+e)||(t.style.display="block"),t.querySelector(".close-button").addEventListener("click",function(){localStorage.setItem("stckbl-notif-"+e,1),t.style.display=""})})})},function(t,e,n){"use strict";var o=r(n(0)),i=r(n(7));function r(t){return t&&t.__esModule?t:{default:t}}(0,o.default)(function(){var t=document.querySelectorAll(".ugb-video-popup"),e=function(t){if(i.default){var e=t.getAttribute("data-video"),n={el:t,noLoader:!0};e.match(/^\d+$/g)?n.vimeoSrc=e:e.match(/^https?:\/\//g)?n.vidSrc=e:n.ytSrc=e,(0,i.default)(n)}};t.forEach(function(t){var n=t.querySelector("a");n.addEventListener("click",function(n){n.preventDefault(),e(t)}),n.addEventListener("touchend",function(n){n.preventDefault(),e(t)})})})},function(t,e){!function(){var e,n,o,i,r,a,s,l,c,u,p,d,f,h,g,m,y,v,w,b,x,S,A,T,k,_,E,L,O,z,M,H=window,C=[],q={},I=document,P="appendChild",W="createElement",D="removeChild",R="innerHTML",F="pointer-events:auto",B="clientHeight",U="clientWidth",j="addEventListener",N=H.setTimeout,Q=H.clearTimeout;function V(){var t=e.getBoundingClientRect();return ot("transform:","translate3D("+(t.left-(o[U]-t.width)/2)+"px, "+(t.top-(o[B]-t.height)/2)+"px, 0) scale3D("+e[U]/i[U]+", "+e[B]/i[B]+", 0);")}function G(t){var e=L.length-1;if([(E=Math.max(0,Math.min(E+t,e)))-1,E,E+1].forEach(function(t){if(t=Math.max(0,Math.min(t,e)),!q[t]){var n=L[t].src,o=I[W]("IMG");o[j]("load",J.bind(null,n)),o.src=n,q[t]=o}}),q[E].complete)return X();d=!0,nt(h,"opacity:.4;"),o[P](h),q[E].onload=function(){b&&X()},q[E].onerror=function(){L[E]={error:"Error loading image"},b&&X()}}function X(){d&&(o[D](h),d=!1);var t=L[E];if(t.error)alert(t.error);else{var n=t.src;r.src=n,t.el&&(e=t.el)}O[R]=E+1+"/"+L.length}function K(){4===i.readyState?Z():a.error?Z("video"):f=N(K,35)}function Y(t){M||(t&&nt(h,"top:"+e.offsetTop+"px;left:"+e.offsetLeft+"px;height:"+e[B]+"px;width:"+e[U]+"px"),e.parentElement[t?P:D](h),d=t)}function $(t){t&&(m[R]=t),nt(g,"opacity:"+(t?"1;"+F:"0"))}function J(t){!~C.indexOf(t)&&C.push(t)}function Z(t){return d&&Y(),A&&A(),"string"==typeof t?(et(),alert("Error: The requested "+t+" could not be loaded.")):(S&&J(c),b?$(L[E].caption):(nt(i,V()),nt(o,"opacity:1;"+F),T=N(T,410),w=!0,b=!!L,void N(function(){nt(i,ot("transition:","transform .35s;")+ot("transform:","none;")),y&&N($.bind(null,y),250)},60)))}function tt(t){var e=t.target,n=[g,v,a,m,_,k,h];e&&e.blur(),x||~n.indexOf(e)||(i.style.cssText+=V(),nt(o,F),N(et,350),Q(T),w=!1,x=!0)}function et(){I.body[D](o),o[D](i),nt(o,""),(i===s?l:i).removeAttribute("src"),$(!1),b&&(d&&o[D](h),o[D](O),b=L=!1,q={},z||o[D](k),z||o[D](_)),x=d=!1}function nt(t,e){t.style.cssText=e}function ot(t,e){var n=t+e;return"-webkit-"+n+t+"-webkit-"+e+n}t.exports=function(t){var x,q;n||function(){var t;function e(){var t=I[W]("button");return t.className="bp-x",t[R]="&#215;",t}function i(t,e){var n=I[W]("button");return n.className="bp-lr",n[R]='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" height="75" fill="#fff"><path d="M88.6 121.3c.8.8 1.8 1.2 2.9 1.2s2.1-.4 2.9-1.2a4.1 4.1 0 0 0 0-5.8l-51-51 51-51a4.1 4.1 0 0 0-5.8-5.8l-54 53.9a4.1 4.1 0 0 0 0 5.8l54 53.9z"/></svg>',nt(n,e),n.onclick=function(e){e.stopPropagation(),G(t)},n}var c=I[W]("STYLE");c[R]=".bp-lr,.bp-x:active{outline:0}#bp_caption,#bp_container{bottom:0;left:0;right:0;position:fixed;opacity:0;backface-visibility:hidden}#bp_container>*,#bp_loader,.bp-x{position:absolute;right:0;z-index:10}#bp_container{top:0;z-index:9999;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .35s}#bp_loader{top:0;left:0;bottom:0;display:-webkit-flex;display:flex;margin:0;cursor:wait;z-index:9}#bp_count,.bp-lr,.bp-x{cursor:pointer;color:#fff}#bp_loader svg{width:50%;max-height:50%;margin:auto}#bp_container img,#bp_sv,#bp_vid{user-select:none;max-height:96%;max-width:96%;top:0;bottom:0;left:0;margin:auto;box-shadow:0 0 3em rgba(0,0,0,.4);z-index:-1}#bp_sv{width:171vh}#bp_caption{font-size:.9em;padding:1.3em;background:rgba(15,15,15,.94);color:#fff;text-align:center;transition:opacity .3s}#bp_count,.bp-x{top:0;opacity:.8;font-size:3em;padding:0 .3em;background:0 0;border:0;text-shadow:0 0 2px rgba(0,0,0,.6)}#bp_caption .bp-x{left:2%;top:auto;right:auto;bottom:100%;padding:0 .6em;background:#d74040;border-radius:2px 2px 0 0;font-size:2.3em;text-shadow:none}.bp-x:focus,.bp-x:hover{opacity:1}@media (max-aspect-ratio:9/5){#bp_sv{height:53vw}}.bp-lr{top:50%;top:calc(50% - 138px);padding:99px 1vw;background:0 0;border:0;opacity:.4;transition:opacity .1s}.bp-lr:focus,.bp-lr:hover{opacity:.8}@media (max-width:600px){.bp-lr{font-size:15vw}}#bp_count{left:0;display:table;padding:14px;color:#fff;font-size:22px;opacity:.7;cursor:default;right:auto}",I.head[P](c),(o=I[W]("DIV")).id="bp_container",o.onclick=tt,u=e(),o[P](u),"ontouchstart"in H&&(z=!0,o.ontouchstart=function(e){t=e.changedTouches[0].pageX},o.ontouchmove=function(t){t.preventDefault()},o.ontouchend=function(e){if(b){var n=e.changedTouches[0],o=n.pageX-t;o<-30&&G(1),o>30&&G(-1)}});r=I[W]("IMG"),(a=I[W]("VIDEO")).id="bp_vid",a.autoplay=!0,a.setAttribute("playsinline",!0),a.controls=!0,a.loop=!0,(O=I[W]("span")).id="bp_count",(g=I[W]("DIV")).id="bp_caption",(v=e()).onclick=$.bind(null,!1),g[P](v),m=I[W]("SPAN"),g[P](m),o[P](g),k=i(1,ot("transform:","scalex(-1);")),_=i(-1,"left:0;right:auto"),(h=I[W]("DIV")).id="bp_loader",h[R]='<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" fill="#fff" opacity=".8"><path d="M16 0a16 16 0 0 0 0 32 16 16 0 0 0 0-32m0 4a12 12 0 0 1 0 24 12 12 0 0 1 0-24" fill="#000" opacity=".5"/><path d="M16 0a16 16 0 0 1 16 16h-4A12 12 0 0 0 16 4z"><animateTransform attributeName="transform" dur="1s" from="0 16 16" repeatCount="indefinite" to="360 16 16" type="rotate"/></path></svg>',(s=I[W]("DIV")).id="bp_sv",(l=I[W]("IFRAME")).allowFullscreen=!0,l.onload=Z,nt(l,"border:0px;height:100%;width:100%"),s[P](l),r.onload=Z,r.onerror=Z.bind(null,"image"),H[j]("resize",function(){b||d&&Y(!0)}),I[j]("keyup",function(t){var e=t.keyCode;27===e&&w&&tt(o),b&&(39===e&&G(1),37===e&&G(-1),38===e&&G(10),40===e&&G(-10))}),I[j]("keydown",function(t){b&&~[37,38,39,40].indexOf(t.keyCode)&&t.preventDefault()}),I[j]("focus",function(t){w&&!o.contains(t.target)&&(t.stopPropagation(),u.focus())},!0),n=!0}(),d&&(Q(f),et()),p=t.ytSrc||t.vimeoSrc,A=t.animationStart,T=t.animationEnd,M=t.noLoader,e=t.el,S=!1,y=e.getAttribute("caption"),t.gallery?function(t){if(Array.isArray(t))E=0,L=t,y=t[0].caption;else{var n=(L=[].slice.call(I.querySelectorAll(t+" [data-bp]"))).indexOf(e);E=-1!==n?n:0,L=L.map(function(t){return{el:t,src:t.getAttribute("data-bp"),caption:t.getAttribute("caption")}})}S=!0,c=L[E].src,!~C.indexOf(c)&&Y(!0),L.length>1?(o[P](O),O[R]=E+1+"/"+L.length,z||(o[P](k),o[P](_))):L=!1;(i=r).src=c}(t.gallery):p?(Y(!0),i=s,x=!!t.ytSrc,q=x?"www.youtube.com/embed/"+p+"?html5=1&rel=0&showinfo=0&playsinline=1&":"player.vimeo.com/video/"+p+"?",l.src="https://"+q+"autoplay=1"):t.imgSrc?(S=!0,c=t.imgSrc,!~C.indexOf(c)&&Y(!0),(i=r).src=c):t.vidSrc?(Y(!0),(i=a).src=t.vidSrc,K()):(i=r).src="IMG"===e.tagName?e.src:H.getComputedStyle(e).backgroundImage.replace(/^url|[(|)|'|"]/g,""),o[P](i),I.body[P](o)}}()}]);
1
+ var main=function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=1)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default=function(t){if("complete"===document.readyState)return t();document.addEventListener("DOMContentLoaded",t)}},function(t,e,n){n(2),n(4),n(5),t.exports=n(6)},function(t,e,n){"use strict";var i,o=n(0);(0,((i=o)&&i.__esModule?i:{default:i}).default)(function(){n(3),document.querySelectorAll(".ugb-countup .ugb-counter").forEach(function(t){t.classList.add("ugb-countup-hide"),new Waypoint({element:t,handler:function(){r(t),t.classList.remove("ugb-countup-hide"),this.destroy()},offset:"bottom-in-view"})})});var r=function(t){var e,n,i,o,r,s,a,l,u,c,p,d,h,f;if(function(t){clearTimeout(t.countUpTimeout),t._countUpOrigInnerHTML&&(t.innerHTML=t._countUpOrigInnerHTML,t._countUpOrigInnerHTML=void 0),t.style.visibility=""}(t),/[0-9]/.test(t.innerHTML)){for(t._countUpOrigInnerHTML=t.innerHTML,e=document.querySelector("html").getAttribute("lang")||void 0,i=t.getAttribute("data-duration")/(n=t.getAttribute("data-delay")),o=t.innerHTML.split(/(<[^>]+>|[0-9.][,.0-9]*[0-9]*)/),r=[],s=0;s<i;s++)r.push("");for(a=0;a<o.length;a++)if(/([0-9.][,.0-9]*[0-9]*)/.test(o[a])&&!/<[^>]+>/.test(o[a]))for(l=o[a],u=/[0-9]+,[0-9]+/.test(l),l=l.replace(/,/g,""),p=(c=/^[0-9]+\.[0-9]+$/.test(l))?(l.split(".")[1]||[]).length:0,s=r.length-1,d=i;d>=1;d--)h=parseInt(l/i*d,10),c&&(h=parseFloat(l/i*d).toFixed(p),h=parseFloat(h).toLocaleString(e)),u&&(h=h.toLocaleString(e)),r[s--]+=h;else for(s=0;s<i;s++)r[s]+=o[a];r[r.length]=t.innerHTML,t.innerHTML=r[0],t.style.visibility="visible",f=function(){t.innerHTML=r.shift(),r.length?(clearTimeout(t.countUpTimeout),t.countUpTimeout=setTimeout(f,n)):t._countUpOrigInnerHTML=void 0},t.countUpTimeout=setTimeout(f,n)}}},function(t,e){!function(){"use strict";var t=0,e={};function n(i){if(!i)throw new Error("No options passed to Waypoint constructor");if(!i.element)throw new Error("No element option passed to Waypoint constructor");if(!i.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+t,this.options=n.Adapter.extend({},n.defaults,i),this.element=this.options.element,this.adapter=new n.Adapter(this.element),this.callback=i.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=n.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=n.Context.findOrCreateByElement(this.options.context),n.offsetAliases[this.options.offset]&&(this.options.offset=n.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),e[this.key]=this,t+=1}n.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},n.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},n.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete e[this.key]},n.prototype.disable=function(){return this.enabled=!1,this},n.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},n.prototype.next=function(){return this.group.next(this)},n.prototype.previous=function(){return this.group.previous(this)},n.invokeAll=function(t){var n=[];for(var i in e)n.push(e[i]);for(var o=0,r=n.length;o<r;o++)n[o][t]()},n.destroyAll=function(){n.invokeAll("destroy")},n.disableAll=function(){n.invokeAll("disable")},n.enableAll=function(){for(var t in n.Context.refreshAll(),e)e[t].enabled=!0;return this},n.refreshAll=function(){n.Context.refreshAll()},n.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},n.viewportWidth=function(){return document.documentElement.clientWidth},n.adapters=[],n.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},n.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=n}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}var e=0,n={},i=window.Waypoint,o=window.onload;function r(t){this.element=t,this.Adapter=i.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+e,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,n[t.waypointContextKey]=this,e+=1,i.windowContext||(i.windowContext=!0,i.windowContext=new r(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}r.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},r.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete n[this.key])},r.prototype.createThrottledResizeHandler=function(){var t=this;function e(){t.handleResize(),t.didResize=!1}this.adapter.on("resize.waypoints",function(){t.didResize||(t.didResize=!0,i.requestAnimationFrame(e))})},r.prototype.createThrottledScrollHandler=function(){var t=this;function e(){t.handleScroll(),t.didScroll=!1}this.adapter.on("scroll.waypoints",function(){t.didScroll&&!i.isTouch||(t.didScroll=!0,i.requestAnimationFrame(e))})},r.prototype.handleResize=function(){i.Context.refreshAll()},r.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var n in e){var i=e[n],o=i.newScroll>i.oldScroll?i.forward:i.backward;for(var r in this.waypoints[n]){var s=this.waypoints[n][r];if(null!==s.triggerPoint){var a=i.oldScroll<s.triggerPoint,l=i.newScroll>=s.triggerPoint;(a&&l||!a&&!l)&&(s.queueTrigger(o),t[s.group.id]=s.group)}}}for(var u in t)t[u].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},r.prototype.innerHeight=function(){return this.element==this.element.window?i.viewportHeight():this.adapter.innerHeight()},r.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},r.prototype.innerWidth=function(){return this.element==this.element.window?i.viewportWidth():this.adapter.innerWidth()},r.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var n in this.waypoints[e])t.push(this.waypoints[e][n]);for(var i=0,o=t.length;i<o;i++)t[i].destroy()},r.prototype.refresh=function(){var t,e=this.element==this.element.window,n=e?void 0:this.adapter.offset(),o={};for(var r in this.handleScroll(),t={horizontal:{contextOffset:e?0:n.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:n.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}}){var s=t[r];for(var a in this.waypoints[r]){var l,u,c,p,d=this.waypoints[r][a],h=d.options.offset,f=d.triggerPoint,g=0,m=null==f;d.element!==d.element.window&&(g=d.adapter.offset()[s.offsetProp]),"function"==typeof h?h=h.apply(d):"string"==typeof h&&(h=parseFloat(h),d.options.offset.indexOf("%")>-1&&(h=Math.ceil(s.contextDimension*h/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(g+l-h),u=f<s.oldScroll,c=d.triggerPoint>=s.oldScroll,p=!u&&!c,!m&&(u&&c)?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!m&&p?(d.queueTrigger(s.forward),o[d.group.id]=d.group):m&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return i.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},r.findOrCreateByElement=function(t){return r.findByElement(t)||new r(t)},r.refreshAll=function(){for(var t in n)n[t].refresh()},r.findByElement=function(t){return n[t.waypointContextKey]},window.onload=function(){o&&o(),r.refreshAll()},i.requestAnimationFrame=function(e){(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t).call(window,e)},i.Context=r}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}var n={vertical:{},horizontal:{}},i=window.Waypoint;function o(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),n[this.axis][this.name]=this}o.prototype.add=function(t){this.waypoints.push(t)},o.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},o.prototype.flushTriggers=function(){for(var n in this.triggerQueues){var i=this.triggerQueues[n],o="up"===n||"left"===n;i.sort(o?e:t);for(var r=0,s=i.length;r<s;r+=1){var a=i[r];(a.options.continuous||r===i.length-1)&&a.trigger([n])}}this.clearTriggerQueues()},o.prototype.next=function(e){this.waypoints.sort(t);var n=i.Adapter.inArray(e,this.waypoints);return n===this.waypoints.length-1?null:this.waypoints[n+1]},o.prototype.previous=function(e){this.waypoints.sort(t);var n=i.Adapter.inArray(e,this.waypoints);return n?this.waypoints[n-1]:null},o.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},o.prototype.remove=function(t){var e=i.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},o.prototype.first=function(){return this.waypoints[0]},o.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},o.findOrCreate=function(t){return n[t.axis][t.name]||new o(t)},i.Group=o}(),function(){"use strict";var t=window.Waypoint;function e(t){return t===t.window}function n(t){return e(t)?t:t.defaultView}function i(t){this.element=t,this.handlers={}}i.prototype.innerHeight=function(){return e(this.element)?this.element.innerHeight:this.element.clientHeight},i.prototype.innerWidth=function(){return e(this.element)?this.element.innerWidth:this.element.clientWidth},i.prototype.off=function(t,e){function n(t,e,n){for(var i=0,o=e.length-1;i<o;i++){var r=e[i];n&&n!==r||t.removeEventListener(r)}}var i=t.split("."),o=i[0],r=i[1],s=this.element;if(r&&this.handlers[r]&&o)n(s,this.handlers[r][o],e),this.handlers[r][o]=[];else if(o)for(var a in this.handlers)n(s,this.handlers[a][o]||[],e),this.handlers[a][o]=[];else if(r&&this.handlers[r]){for(var l in this.handlers[r])n(s,this.handlers[r][l],e);this.handlers[r]={}}},i.prototype.offset=function(){if(!this.element.ownerDocument)return null;var t=this.element.ownerDocument.documentElement,e=n(this.element.ownerDocument),i={top:0,left:0};return this.element.getBoundingClientRect&&(i=this.element.getBoundingClientRect()),{top:i.top+e.pageYOffset-t.clientTop,left:i.left+e.pageXOffset-t.clientLeft}},i.prototype.on=function(t,e){var n=t.split("."),i=n[0],o=n[1]||"__default",r=this.handlers[o]=this.handlers[o]||{};(r[i]=r[i]||[]).push(e),this.element.addEventListener(i,e)},i.prototype.outerHeight=function(t){var n,i=this.innerHeight();return t&&!e(this.element)&&(n=window.getComputedStyle(this.element),i+=parseInt(n.marginTop,10),i+=parseInt(n.marginBottom,10)),i},i.prototype.outerWidth=function(t){var n,i=this.innerWidth();return t&&!e(this.element)&&(n=window.getComputedStyle(this.element),i+=parseInt(n.marginLeft,10),i+=parseInt(n.marginRight,10)),i},i.prototype.scrollLeft=function(){var t=n(this.element);return t?t.pageXOffset:this.element.scrollLeft},i.prototype.scrollTop=function(){var t=n(this.element);return t?t.pageYOffset:this.element.scrollTop},i.extend=function(){var t=Array.prototype.slice.call(arguments);function e(t,e){if("object"==typeof t&&"object"==typeof e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t}for(var n=1,i=t.length;n<i;n++)e(t[0],t[n]);return t[0]},i.inArray=function(t,e,n){return null==e?-1:e.indexOf(t,n)},i.isEmptyObject=function(t){for(var e in t)return!1;return!0},t.adapters.push({name:"noframework",Adapter:i}),t.Adapter=i}()},function(t,e,n){"use strict";var i,o=n(0);(0,((i=o)&&i.__esModule?i:{default:i}).default)(function(){document.querySelectorAll(".wp-block-ugb-expand").forEach(function(t){var e=t.querySelector(".ugb-expand-button"),n=function(e){t.classList.toggle("ugb-more"),e.preventDefault()};e&&(e.addEventListener("click",n),e.addEventListener("tapEnd",n))})})},function(t,e,n){"use strict";var i,o=n(0);(0,((i=o)&&i.__esModule?i:{default:i}).default)(function(){document.querySelectorAll(".ugb-notification.dismissible-true[data-uid]").forEach(function(t){var e=t.getAttribute("data-uid");localStorage.getItem("stckbl-notif-"+e)||(t.style.display="block"),t.querySelector(".close-button").addEventListener("click",function(){localStorage.setItem("stckbl-notif-"+e,1),t.style.display=""})})})},function(t,e,n){"use strict";var i=r(n(0)),o=r(n(7));function r(t){return t&&t.__esModule?t:{default:t}}(0,i.default)(function(){var t=document.querySelectorAll(".ugb-video-popup"),e=function(t){if(o.default){var e=t.getAttribute("data-video"),n={el:t,noLoader:!0};e.match(/^\d+$/g)?n.vimeoSrc=e:e.match(/^https?:\/\//g)?n.vidSrc=e:n.ytSrc=e,(0,o.default)(n)}};t.forEach(function(t){var n=t.querySelector("a");n.addEventListener("click",function(n){n.preventDefault(),e(t)}),n.addEventListener("touchend",function(n){n.preventDefault(),e(t)})})})},function(t,e){!function(){var e,n,i,o,r,s,a,l,u,c,p,d,h,f,g,m,y,w,v,b,x,S,A,T,k,L,_=window,E=document,H="appendChild",z="createElement",O="removeChild",M="innerHTML",C="pointer-events:auto",q="clientHeight",W="clientWidth",I="addEventListener",P=_.setTimeout,D=_.clearTimeout;function R(){var t=e.getBoundingClientRect();return N("transform:","translate3D("+(t.left-(i[W]-t.width)/2)+"px, "+(t.top-(i[q]-t.height)/2)+"px, 0) scale3D("+e[W]/o[W]+", "+e[q]/o[q]+", 0);")}function F(){4===o.readyState?U():s.error?U("video"):h=P(F,35)}function B(t){L||(t&&V(f,"top:"+e.offsetTop+"px;left:"+e.offsetLeft+"px;height:"+e[q]+"px;width:"+e[W]+"px"),e.parentElement[t?H:O](f),d=t)}function U(t){if(d&&B(),T&&T(),"string"==typeof t)return Q(),alert("Error: The requested "+t+" could not be displayed.");A&&!S&&x.push(u),V(o,R()),V(i,"opacity:1;"+C),k=P(k,410),v=!0,P(function(){V(o,N("transition:","transform .35s;")+N("transform:","none;")),y&&P(V.bind(null,g,"opacity:1"),250)},60)}function j(t){var e=t.target,n=[g,w,s,m];e&&e.blur(),b||~n.indexOf(e)||(o.style.cssText+=R(),V(i,C),P(Q,350),D(k),v=!1,b=!0)}function Q(){E.body[O](i),i[O](o),V(i,""),(o===a?l:o).removeAttribute("src"),y&&(V(g,""),i[O](g)),b=!1}function V(t,e){t.style.cssText=e}function N(t,e){var n=t+e;return"-webkit-"+n+t+"-webkit-"+e+n}t.exports=function(t){var b,C;n||function(){function t(){var t=E[z]("button");return t.className="bp-x",t[M]="&#215;",t}x=[];var e=E[z]("STYLE");e[M]="#bp_caption,#bp_container{bottom:0;left:0;right:0;position:fixed;opacity:0}#bp_container>*,.bp-x,#bp_loader{position:absolute;right:0}#bp_container{top:0;z-index:9999;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .35s}#bp_loader{top:0;left:0;bottom:0;display:-webkit-flex;display:flex;margin:0;cursor:wait;z-index:9}#bp_loader svg{width:40%;max-height:40%;margin:auto;"+N("animation:","ldr .7s infinite linear;")+"}"+(o="keyframes ldr{to{"+N("transform:","rotate(1turn);")+"}}","@-webkit-"+o+"@"+o)+"#bp_container img,#bp_sv,#bp_vid{max-height:96%;max-width:96%;top:0;bottom:0;left:0;margin:auto;box-shadow:0 0 3em rgba(0,0,0,.4);z-index:-1}#bp_sv{width:171vh}#bp_caption{font-size:.9em;padding:1.3em;background:rgba(15,15,15,.94);color:#fff;text-align:center;transition:opacity .3s}.bp-x{font-family:Arial;top:0;cursor:pointer;opacity:.8;font-size:3em;padding:0 .3em;color:#fff;background:transparent;border:0;text-shadow:0 0 2px #000}#bp_caption .bp-x{left:2%;top:auto;right:auto;bottom:100%;padding:0 .6em;background:#d74040;border-radius:2px 2px 0 0;font-size:2.3em;text-shadow:none}.bp-x:hover,.bp-x:focus{opacity:1}.bp-x:active{outline:0}@media (max-aspect-ratio:9/5){#bp_sv{height:53vw}}",E.head[H](e),(i=E[z]("DIV")).id="bp_container",i.onclick=j,c=t(),i[H](c),r=E[z]("IMG"),(s=E[z]("VIDEO")).id="bp_vid",s.autoplay=!0,s.setAttribute("playsinline",!0),s.controls=!0,s.loop=!0,(g=E[z]("DIV")).id="bp_caption",(w=t()).onclick=function(){V(g,"opacity:0"),P(function(){y=!1,i[O](g)},300)},g[H](w),m=E[z]("SPAN"),g[H](m),(f=E[z]("DIV")).id="bp_loader",f[M]='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 399 399"><path d="M341 58.5C303 20.8 253 0 199.6 0 146.4 0 96.2 20.8 58.5 58.5 20.8 96.2 0 146.5 0 199.7 0 253 20.8 303.2 58.5 341c37.7 37.6 88 58.4 141.2 58.4 53.3 0 103.5-20.8 141.2-58.5 37.6-37.8 58.4-88 58.4-141.3 0-53.3-20.8-103.5-58.5-141.2zm-13 12.8c34.3 34.3 53.2 80 53.2 128.4h-41c0-77.4-63-140.4-140.5-140.4-4.6 0-9 .2-13.6.7V18.7c4.6-.4 9-.5 13.7-.5 48.5 0 94 18.8 128.4 53zM199.8 322c-67.4 0-122.2-55-122.2-122.3S132.3 77.5 199.7 77.5 322 132.3 322 199.7 267 322 199.6 322z"/></svg>',(a=E[z]("DIV")).id="bp_sv",(l=E[z]("IFRAME")).allowFullscreen=!0,l.onload=U,V(l,"border:0px;height:100%;width:100%"),a[H](l),r.onload=U,r.onerror=U.bind(null,"image"),_[I]("resize",function(){d&&B(!0)}),E[I]("keyup",function(t){27===t.keyCode&&v&&j(i)}),E[I]("focus",function(t){v&&!i.contains(t.target)&&(t.stopPropagation(),c.focus())},!0),n=!0;var o}(),d&&(D(h),Q()),p=t.ytSrc||t.vimeoSrc,T=t.animationStart,k=t.animationEnd,L=t.noLoader,e=t.el,A=!1,(y=e.getAttribute("caption"))&&(m[M]=y,i[H](g)),p?(B(!0),o=a,b=!!t.ytSrc,C=b?"www.youtube.com/embed/"+p+"?html5=1&rel=0&showinfo=0&playsinline=1&":"player.vimeo.com/video/"+p+"?",l.src="https://"+C+"autoplay=1"):t.imgSrc?(A=!0,u=t.imgSrc,!(S=~x.indexOf(u))&&B(!0),(o=r).src=u):t.vidSrc?(B(!0),(o=s).src=t.vidSrc,F()):(o=r).src="IMG"===e.tagName?e.src:_.getComputedStyle(e).backgroundImage.replace(/^url|[(|)|'|"]/g,""),i[H](o),E.body[H](i)}}()}]);
dist/blocks.style.build.css CHANGED
@@ -1,18 +1,18 @@
1
- .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}
2
- .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}.wp-block-ugb-divider{border:0;height:1px;width:100%;background-color:transparent;margin-top:2rem;margin-bottom:2rem}.wp-block-ugb-divider hr{background-color:#dddddd;border:0 !important;padding:0 !important}
3
- .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}.wp-block-button.ugb-button-center{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;position:relative}span.wp-block-button.ugb-button-right{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:100%;position:relative}form.blocks-button__inline-link{margin:1rem auto 0 auto}form.blocks-button__inline-link>div.editor-url-input{-ms-flex-positive:0;flex-grow:0;width:auto;margin-left:8px}.wp-ugb-button.wp-ugb-button{border:none;border-radius:4px;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:pointer;display:inline-block;line-height:1em !important;margin:0;text-decoration:none !important;white-space:nowrap;display:inline-block;opacity:1;background:#2091e1;color:#fff;padding:0.75em 1em;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;box-shadow:none !important}.wp-ugb-button.wp-ugb-button:hover{opacity:.85;-webkit-box-shadow:none !important;box-shadow:none !important;border:0}.wp-block-ugb-button .wp-ugb-button:hover{color:white}.wp-block-ugb-button.ugb-button-right{margin:10px 0;text-align:right}.wp-block-ugb-button.ugb-button-center{margin:10px 0;text-align:center}.wp-block-ugb-button.ugb-button-left{margin:10px 0;text-align:left}.ugb-button-small{font-size:.75em}.ugb-button-normal{font-size:1em}.ugb-button-medium{font-size:1.25em}.ugb-button-large{font-size:1.5em}
4
- .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}.wp-block-ugb-ghost-button.ugb-button-right{margin:10px 0;text-align:right}.wp-block-ugb-ghost-button.ugb-button-center{margin:10px 0;text-align:center}.wp-block-ugb-ghost-button.ugb-button-left{margin:10px 0;text-align:left}.wp-block-button .wp-ugb-button.ugb-ghost-button,.wp-block-ugb-ghost-button .wp-ugb-button.ugb-ghost-button{background-color:transparent;border:2px solid #2091e1;color:#2091e1}.wp-block-button .wp-ugb-button.ugb-ghost-button:hover,.wp-block-ugb-ghost-button .wp-ugb-button.ugb-ghost-button:hover{opacity:.85;-webkit-box-shadow:none !important;box-shadow:none !important;color:#2091e1}
5
- .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}.wp-block-ugb-notification{position:relative}.wp-ugb-notif{border-radius:4px;padding:1.3em 1.5em;color:#ffffff}.notif-success{background-color:#40ba7b}.notif-error{background-color:#d9534f}.notif-warning{background-color:#ffdd57;color:#424242}.notif-info{background-color:#2091e1}.ugb-notification,.wp-block-ugb-notification{position:relative}.ugb-notification .close-button,.wp-block-ugb-notification .close-button{position:absolute;right:0;z-index:2;margin-right:1.5rem;margin-top:1.3rem;font-size:8px;padding-top:.3rem;cursor:pointer}.ugb-notification .close-button svg,.wp-block-ugb-notification .close-button svg{width:13px;height:auto}.ugb-notification.dismissible-true .wp-ugb-notif{padding-right:4rem}.ugb-notification.type-success svg,.ugb-notification.type-error svg,.ugb-notification.type-info svg{fill:#ffffff}.ugb-notification.type-warning svg{fill:#424242}.ugb-notification.dismissible-true[data-uid]{display:none}
6
- .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}.ugb-blockquote{border:0;border-left:8px solid #2091e1;padding:1rem 2rem;margin:1rem 2rem;opacity:.5;font-style:italic;text-align:inherit;background:transparent}.ugb-blockquote p{margin:0}.ugb-blockquote:after,.ugb-blockquote:before,.ugb-blockquote p:after,.ugb-blockquote p:before{display:none}
7
- .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}blockquote.ugb-pullquote{border-top:8px solid #2091e1;border-bottom:8px solid #2091e1;border-left:none !important;border-right:none !important;text-align:center;padding:2rem;margin:1rem 0;opacity:.5;color:#2091e1;font-size:1.5em;font-style:normal}blockquote.ugb-pullquote p{margin:0;text-align:center}blockquote.ugb-pullquote:after,blockquote.ugb-pullquote:before,blockquote.ugb-pullquote p:after,blockquote.ugb-pullquote p:before{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}div.ugb-cta{text-align:center;padding:4rem 2rem;background-color:#f4f4f4}div.ugb-cta .ugb-cta-title{margin:0 0 1rem !important}div.ugb-cta .ugb-cta-bodyText{opacity:.5;margin:0 0 1.5rem}div.ugb-cta .ugb-cta-button{margin:0}div.ugb-cta p{text-align:center}.wp-block-ugb-button .wp-ugb-button:hover{color:white}
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}.ugb-testimonial{display:-ms-flexbox;display:flex}.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;padding:1rem 0;margin:0 auto}.ugb-testimonial>div p{text-align:center}.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-one{margin-right:1rem}.ugb-testimonial.column-2 .ugb-testimonial-column-two{margin-left:1rem}.ugb-testimonial.column-2>div{width:50%}.ugb-testimonial.column-2 .ugb-testimonial-column-three{display:none}.ugb-testimonial.column-3>div{width:33.2%;margin-left:1rem;margin-right:1rem}.ugb-testimonial.column-3>div:first-child{margin-left:0}.ugb-testimonial.column-3>div:last-child{margin-right:0}@media screen and (max-width: 800px){.ugb-testimonial.column-3.column-3{display:block}.ugb-testimonial.column-3.column-3>div{width:100%;margin:0}}@media screen and (max-width: 600px){.ugb-testimonial.column-2.column-2{display:block}.ugb-testimonial.column-2.column-2>div{width:100%;margin:0}}
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}.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;padding:1rem 0}.ugb-team-member>div p{text-align:center}.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{display:-ms-flexbox;display:flex}.ugb-team-member.column-2 .ugb-team-member-column-one{padding-right:1rem}.ugb-team-member.column-2 .ugb-team-member-column-two{padding-left:1rem}.ugb-team-member.column-2 .ugb-team-member-column-one,.ugb-team-member.column-2 .ugb-team-member-column-two{width:50%}.ugb-team-member.column-2 .ugb-team-member-column-three{display:none}.ugb-team-member.column-2 .team-member-image img{height:200px;width:250px}.ugb-team-member.column-3{display:-ms-flexbox;display:flex}.ugb-team-member.column-3 .ugb-team-member-column-one,.ugb-team-member.column-3 .ugb-team-member-column-two,.ugb-team-member.column-3 .ugb-team-member-column-three{width:33.33%}.ugb-team-member.column-3 .ugb-team-member-column-one{padding-right:1rem}.ugb-team-member.column-3 .ugb-team-member-column-two{padding-left:1rem;padding-right:1rem}.ugb-team-member.column-3 .ugb-team-member-column-three{padding-left:1rem}.ugb-team-member.column-3 .team-member-image img{height:200px;width:200px}.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}.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:inline !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}.ugb-number-box{display:-ms-flexbox;display:flex;margin:1rem 0}.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:0 auto}.ugb-number-box>div p{text-align:center}.ugb-number-box .ugb-number-box-name,.ugb-number-box .ugb-number-box-name-two,.ugb-number-box .ugb-number-box-name-three{margin:1.3rem 0 1rem;padding-top:0}.ugb-number-box .ugb-number-box-body,.ugb-number-box .ugb-number-box-body-two,.ugb-number-box .ugb-number-box-body-three{opacity:.5;margin:0 0 1rem;left:0}.ugb-number-box.column-1 .ugb-number-box-column-two,.ugb-number-box.column-1 .ugb-number-box-column-three{display:none}.ugb-number-box.column-2 .ugb-number-box-column-one{margin-right:1rem}.ugb-number-box.column-2 .ugb-number-box-column-two{margin-left:1rem}.ugb-number-box.column-2>div{width:50%}.ugb-number-box.column-2 .ugb-number-box-column-three{display:none}.ugb-number-box.column-3>div{width:33.2%;margin-left:1rem;margin-right:1rem}.ugb-number-box.column-3>div:first-child{margin-left:0}.ugb-number-box.column-3>div:last-child{margin-right:0}@media screen and (max-width: 800px){.ugb-number-box.column-3.column-3{display:block}.ugb-number-box.column-3.column-3>div{width:100%;margin:0}}@media screen and (max-width: 600px){.ugb-number-box.column-2.column-2{display:block}.ugb-number-box.column-2.column-2>div{width:100%;margin:0}}
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}.ugb-pricing-box{display:-ms-flexbox;display:flex;margin-top:2rem;margin-bottom:2rem}.ugb-pricing-box>div{text-align:center;margin:0 auto}.ugb-pricing-box>div p{text-align:center;padding-bottom:0}.ugb-pricing-box h3{margin:0 0 2rem !important;line-height:100% !important}.ugb-pricing-box .ugb-pricing-box-pricing{font-size:3.5em;margin:0 0 .5rem;line-height:100% !important}.ugb-pricing-box .ugb-pricing-box-per-month-label{font-size:.75em;opacity:.3;margin:0 0 2rem;text-transform:uppercase;line-height:100% !important}.ugb-pricing-box .wp-ugb-button{margin-bottom:2rem}.ugb-pricing-box .ugb-pricing-box-feature-list{opacity:.5;font-size:1em;line-height:1.8em !important;width:40%;margin:0 auto}.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-feature-list{width:85%;margin:0 auto}.ugb-pricing-box.column-2 .ugb-pricing-box-column-one{margin-right:2rem}.ugb-pricing-box.column-2 .ugb-pricing-box-column-two{border-left:1px solid #eee;margin-left:0;padding-left:2rem}.ugb-pricing-box.column-2>div{width:50%}.ugb-pricing-box.column-2 .ugb-pricing-box-column-three{display:none}.ugb-pricing-box.column-2 .blocks-button__inline-link{width:225px}.ugb-pricing-box.column-3>div{width:33.2%;margin-left:1rem;margin-right:1rem}.ugb-pricing-box.column-3>div:first-child{margin-left:0}.ugb-pricing-box.column-3>div:last-child{margin-right:0}.ugb-pricing-box.column-3 .ugb-pricing-box-column-two{border-left:1px solid #eee;border-right:1px solid #eee;margin-left:0;margin-right:0;padding-left:1rem;padding-right:1rem}.ugb-pricing-box.column-3 .ugb-pricing-box-feature-list{width:100%}.ugb-pricing-box.column-3 .blocks-button__inline-link{width:181px}.ugb-pricing-box.column-3 .blocks-button__inline-link .blocks-url-input{width:50%}@media screen and (max-width: 800px){.ugb-pricing-box.column-3.column-3{display:block}.ugb-pricing-box.column-3.column-3>div{width:100%;margin:0}}@media screen and (max-width: 600px){.ugb-pricing-box.column-2.column-2{display:block}.ugb-pricing-box.column-2.column-2>div{width:100%;margin:0}}
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}.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{text-align:center;padding:9.5rem 4rem;position:relative}.ugb-header .ugb-header-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.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 .wp-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}.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;margin:0 auto;position:relative;background-color:#999}.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}.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}
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}.ugb-countup{text-align:center;margin-bottom:1em}.ugb-countup h4,.ugb-countup div,.ugb-countup p{margin:0 !important;line-height:1em}.ugb-countup h4{margin-bottom:1em !important}.ugb-countup p{margin-top:1em !important}.ugb-countup .ugb-countup-hide{visibility:hidden}
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}.video-popup-image{height:220px;width:220px;background-position:center;background-size:cover;margin-bottom:10px}.ugb-video-popup{position:relative;margin:0 auto;width:100%;max-width:600px}.ugb-video-popup .ugb-video-preview,.ugb-video-popup a,.ugb-video-popup .ugb-video-overlay,.ugb-video-popup .ugb-play-button{position:absolute;top:0;left:0;right:0;bottom:0}.ugb-video-popup .ugb-video-preview{background-size:cover;background-position:center;opacity:.4;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1}.ugb-video-popup:hover .ugb-video-preview{opacity:.5}.ugb-video-popup .ugb-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ugb-video-popup a,.ugb-video-popup .ugb-video-overlay{z-index:3;-webkit-box-shadow:none !important;box-shadow:none !important;background:transparent !important;display:block !important}.ugb-video-popup .ugb-play-button{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.ugb-video-popup svg{fill:#fff !important}.ugb-video-popup button.components-button.button{position:absolute;z-index:4;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:30%}.ugb-video-popup button.components-button.button:active{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ugb-video-popup-link .editor-url-input input[type=text]{width:auto !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}.ugb-card{border-radius:4px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);margin:30px 0;padding-bottom:30px}.ugb-card:not(.has-image){padding-top:30px}.ugb-card.has-image .ugb-card-image-container{height:300px;width:100%;margin:0 auto 20px;background-size:cover;background-position:center;border-top-right-radius:4px;border-top-left-radius:4px;padding-top:0px}.ugb-card>*:first-child{margin-top:0 !important}.ugb-card>*:last-child{margin-bottom:0 !important}.ugb-card>h4,.ugb-card>*{margin:0 30px .5rem !important}.ugb-card .wp-ugb-button{margin-top:1rem !important}.ugb-card .ugb-card-image-container{margin:0 0 20px !important}.ugb-card .ugb-tagline{opacity:.7}.ugb-card .wp-block-button.ugb-button-center{margin-left:0 !important;margin-right:0 !important}.ugb-card .wp-block-button.ugb-button-right{-webkit-transform:translateX(-100%) translateX(-60px);-ms-transform:translateX(-100%) translateX(-60px);transform:translateX(-100%) translateX(-60px)}
1
+ .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}
2
+ .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-divider{border:0;height:1px;width:100%;background-color:transparent;margin-top:1.5em;margin-bottom:1.5em}.wp-block-ugb-divider>*{margin-top:0 !important;margin-bottom:1rem !important}.wp-block-ugb-divider>*:first-child{margin-top:0 !important}.wp-block-ugb-divider>*:last-child{margin-bottom:0 !important}.wp-block-ugb-divider hr{background-color:#dddddd;border:0 !important;padding:0 !important}
3
+ .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.blocks-button__inline-link{margin:1rem auto 0 auto}form.blocks-button__inline-link>div.editor-url-input{-ms-flex-positive:0;flex-grow:0;width:auto;margin-left:8px}.ugb-button{margin-top:1.5em;margin-bottom:1.5em}.ugb-button>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-button>*:first-child{margin-top:0 !important}.ugb-button>*:last-child{margin-bottom:0 !important}.ugb-button{border:none;border-radius:4px;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:pointer;opacity:1;background:#2091e1;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;box-shadow:none !important;padding-bottom:calc(.375em - 1px);padding-left:.75em;padding-right:.75em;padding-top:calc(.375em - 1px);font-size:1em;line-height:1.5 !important;-ms-flex-align:center;align-items:center;font-size:1em}.ugb-button .ugb-button-inner{text-decoration:none !important;white-space:nowrap;display:inline-block;color:#fff;-webkit-box-shadow:none !important;box-shadow:none !important;margin:0 !important;padding:0 !important}.ugb-button:hover{opacity:.85;-webkit-box-shadow:none !important;box-shadow:none !important}.ugb-button .ugb-button-inner:hover{color:white}.ugb-button-small.ugb-button .ugb-button-inner{font-size:.75em}.ugb-button-medium.ugb-button .ugb-button-inner{font-size:1.25em}.ugb-button-large.ugb-button .ugb-button-inner{font-size:1.5em}.ugb-button-left{margin-right:auto;display:table}.ugb-button-center{margin-left:auto;margin-right:auto;display:table}.ugb-button-right{margin-left:auto;display:table}.ugb-button-full{display:block;text-align:center}
4
+ .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-button.ugb-ghost-button{background-color:transparent;border:2px solid #2091e1;padding-left:1.25em;padding-right:1.25em}.ugb-button.ugb-ghost-button .ugb-button-inner{color:#2091e1}.ugb-button.ugb-ghost-button:hover{opacity:.85;-webkit-box-shadow:none !important;box-shadow:none !important}.ugb-button.ugb-ghost-button:hover .ugb-button-inner{color:#2091e1}
5
+ .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-notification{position:relative}.wp-ugb-notif{border-radius:4px;color:#ffffff;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;padding:35px}.wp-ugb-notif>*{margin-top:0 !important;margin-bottom:1rem !important}.wp-ugb-notif>*:first-child{margin-top:0 !important}.wp-ugb-notif>*:last-child{margin-bottom:0 !important}.notif-success{background-color:#40ba7b}.notif-error{background-color:#d9534f}.notif-warning{background-color:#ffdd57;color:#424242}.notif-info{background-color:#2091e1}.ugb-notification,.wp-block-ugb-notification{position:relative}.ugb-notification .close-button,.wp-block-ugb-notification .close-button{position:absolute;right:0;z-index:2;margin-right:1.5rem;margin-top:1.3rem;font-size:8px;padding-top:.3rem;cursor:pointer}.ugb-notification .close-button svg,.wp-block-ugb-notification .close-button svg{width:13px;height:auto}.ugb-notification.dismissible-true .wp-ugb-notif{padding-right:60px}.ugb-notification.type-success svg,.ugb-notification.type-error svg,.ugb-notification.type-info svg{fill:#ffffff}.ugb-notification.type-warning svg{fill:#424242}.ugb-notification.dismissible-true[data-uid]{display:none}
6
+ .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-blockquote{border:0 !important;margin-top:1.5em;margin-bottom:1.5em;padding:35px;margin-left:35px;margin-right:35px;font-style:italic;text-align:inherit;background:transparent;position:relative;overflow:visible;--quote-color:rgba(129,141,165,0.32)}.ugb-blockquote>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-blockquote>*:first-child{margin-top:0 !important}.ugb-blockquote>*:last-child{margin-bottom:0 !important}.ugb-blockquote p{margin:0}.ugb-blockquote:after,.ugb-blockquote:before,.ugb-blockquote p:after,.ugb-blockquote p:before{display:none}.ugb-blockquote:before{content:"❛❛";display:block;position:absolute;font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;font-style:normal;font-size:100px;line-height:1em;left:-35px;top:-15px;opacity:1;color:var(--quote-color)}
7
+ .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}blockquote.ugb-pullquote{border:0 !important;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;text-align:center;padding:60px;position:relative;overflow:hidden;--quote-color:rgba(129,141,165,0.08)}blockquote.ugb-pullquote>*{margin-top:0 !important;margin-bottom:1rem !important}blockquote.ugb-pullquote>*:first-child{margin-top:0 !important}blockquote.ugb-pullquote>*:last-child{margin-bottom:0 !important}blockquote.ugb-pullquote:after,blockquote.ugb-pullquote:before,blockquote.ugb-pullquote p:after,blockquote.ugb-pullquote p:before{display:none}blockquote.ugb-pullquote:before{content:"❛❛";display:block;position:absolute;font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;font-style:normal;font-size:200px;line-height:1em;left:-35px;top:-15px;opacity:1;color:var(--quote-color)}
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:inline !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 .ugb-number-box-column-two,.ugb-number-box.column-1 .ugb-number-box-column-three{display:none}.ugb-number-box.column-2 .ugb-number-box-column-three{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}
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}.ugb-countup{text-align:center;margin-bottom:1em;margin-top:1.5em;margin-bottom:1.5em}.ugb-countup>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-countup>*:first-child{margin-top:0 !important}.ugb-countup>*:last-child{margin-bottom:0 !important}.ugb-countup h4,.ugb-countup div,.ugb-countup p{margin:0 !important;line-height:1em}.ugb-countup h4{margin-bottom:1em !important}.ugb-countup p{margin-top:1em !important}.ugb-countup .ugb-countup-hide{visibility:hidden}
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}.video-popup-image{height:220px;width:220px;background-position:center;background-size:cover;margin-bottom:10px}.ugb-video-popup{position:relative;width:100%;max-width:600px;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;padding:0;overflow:hidden}.ugb-video-popup>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-video-popup>*:first-child{margin-top:0 !important}.ugb-video-popup>*:last-child{margin-bottom:0 !important}.ugb-video-popup .ugb-video-preview,.ugb-video-popup a,.ugb-video-popup .ugb-video-overlay,.ugb-video-popup .ugb-play-button{position:absolute;top:0;left:0;right:0;bottom:0}.ugb-video-popup .ugb-video-preview{margin:0 !important;background-size:cover;background-position:center;opacity:.4;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1}.ugb-video-popup:hover .ugb-video-preview{opacity:.5}.ugb-video-popup .ugb-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ugb-video-popup a,.ugb-video-popup .ugb-video-overlay{z-index:3;-webkit-box-shadow:none !important;box-shadow:none !important;background:transparent !important;display:block !important}.ugb-video-popup .ugb-play-button{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.ugb-video-popup svg{fill:#fff !important}.ugb-video-popup button.components-button.button{position:absolute;z-index:4;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:30%}.ugb-video-popup button.components-button.button:active{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ugb-video-popup-link .editor-url-input input[type=text]{width:auto !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}.ugb-card{border-radius:4px;margin:30px 0;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}.ugb-card>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-card>*:first-child{margin-top:0 !important}.ugb-card>*:last-child{margin-bottom:0 !important}.ugb-card.has-image .ugb-card-image-container{height:300px;background-size:cover;background-position:center;border-top-right-radius:12px;border-top-left-radius:12px;padding-top:0px;margin:-60px -35px 35px !important;width:calc(100% + 35px * 2)}.ugb-card.has-image .ugb-card-image-container+*:not(.wp-ugb-button){margin-top:0 !important;padding-top:0 !important}
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: 0.7
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.0
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: 0.7
8
  License: GPLv3
9
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
10
 
@@ -20,6 +20,8 @@ Stackable adds the missing design blocks and options you need in the Gutenberg e
20
 
21
  > We are in alpha stage until Gutenberg is merged into core. As features, APIs, and best practices change in Gutenberg, so will this plugin.
22
 
 
 
23
  Stackable gives you more customization options that aren't found in the current set Gutenberg blocks ' like adjusting corner radius for buttons and different styled dividers.
24
 
25
  With Stackable: Ultimate Blocks for Gutenberg, you get your essential blocks and more in a single install.
@@ -128,6 +130,10 @@ A simple block that lets you adjust space in between Gutenberg blocks on your pa
128
 
129
  == Installation ==
130
 
 
 
 
 
131
  = Minimum Requirements =
132
 
133
  You’ll need the **Gutenberg plugin** for this to work. Once you’ve downloaded both Gutenberg and your copy of Stackable, install both on your WordPress website, activate them, and you’re good to go.
@@ -155,6 +161,14 @@ Nope. Stackable only works with Gutenberg.
155
 
156
  == Changelog ==
157
 
 
 
 
 
 
 
 
 
158
  = 0.7 =
159
  * Updated: Rearranged and used color panels for all color settings
160
 
4
  Requires at least: 4.8
5
  Tested up to: 4.9.8
6
  Requires PHP: 5.3
7
+ Stable tag: 1.0
8
  License: GPLv3
9
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
10
 
20
 
21
  > We are in alpha stage until Gutenberg is merged into core. As features, APIs, and best practices change in Gutenberg, so will this plugin.
22
 
23
+ > Note: v1.0 is not backward compatible with lower versions, upgrading will most likely weird out your existing blocks. If that happens, you'll need to redo some of your blocks.
24
+
25
  Stackable gives you more customization options that aren't found in the current set Gutenberg blocks ' like adjusting corner radius for buttons and different styled dividers.
26
 
27
  With Stackable: Ultimate Blocks for Gutenberg, you get your essential blocks and more in a single install.
130
 
131
  == Installation ==
132
 
133
+ = Upgrading Notce =
134
+
135
+ Note: v1.0 is not backward compatible with lower versions, upgrading will most likely weird out your existing blocks. If that happens, you'll need to redo some of your blocks.
136
+
137
  = Minimum Requirements =
138
 
139
  You’ll need the **Gutenberg plugin** for this to work. Once you’ve downloaded both Gutenberg and your copy of Stackable, install both on your WordPress website, activate them, and you’re good to go.
161
 
162
  == Changelog ==
163
 
164
+ = 1.0 =
165
+ * Note: v1.0 is not backward compatible with lower versions, upgrading will most likely weird out your existing blocks. If that happens, you'll need to redo some of your blocks.
166
+ * New: Standardized styles across all blocks
167
+ * New: Added full-width option for buttons
168
+ * New: Added wide width and full width for CTA and Header blocks
169
+ * Updated: Revamped style of blockquote and pullquote
170
+ * Updated: Tweaked column styles for blocks with 1-3 columns
171
+
172
  = 0.7 =
173
  * Updated: Rearranged and used color panels for all color settings
174
 
src/block/blockquote/deprecated.js ADDED
@@ -0,0 +1,35 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import {
2
+ __,
3
+ } from '../../wp-imports'
4
+
5
+ export const deprecatedSchema_0_7 = {
6
+ text: {
7
+ type: 'array',
8
+ source: 'children',
9
+ selector: 'p',
10
+ default: __( '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.' )
11
+ },
12
+ color: {
13
+ type: 'string',
14
+ default: '#424242',
15
+ },
16
+ borderColor: {
17
+ type: 'string',
18
+ default: '#2091e1',
19
+ },
20
+ }
21
+
22
+ export const deprecatedSave_0_7 = ( props ) => {
23
+
24
+ const { color, text, borderColor } = props.attributes
25
+
26
+ return (
27
+ <blockquote
28
+ className={ 'ugb-blockquote' }
29
+ style={ {
30
+ borderLeftColor: borderColor,
31
+ } }>
32
+ <p style={ { color: color } }>{ text }</p>
33
+ </blockquote>
34
+ );
35
+ }
src/block/blockquote/index.js CHANGED
@@ -9,6 +9,7 @@
9
  import './style.scss';
10
  import './editor.scss';
11
  import { QuoteIcon } from '../../icons'
 
12
 
13
  import {
14
  registerBlockType,
@@ -17,6 +18,8 @@ import {
17
  InspectorControls,
18
  RichText,
19
  ColorPalette,
 
 
20
  } from '../../wp-imports'
21
 
22
  export const edit = ( props ) => {
@@ -27,14 +30,14 @@ export const edit = ( props ) => {
27
 
28
  const { isSelected, setAttributes, className } = props
29
 
30
- const { color, text, borderColor } = props.attributes
31
 
32
  return [
33
  <blockquote
34
  key={ 'quote' }
35
  className={ 'ugb-blockquote' }
36
  style={ {
37
- borderLeftColor: borderColor
38
  } }>
39
  <RichText
40
  tagName={ 'p' }
@@ -58,9 +61,9 @@ export const edit = ( props ) => {
58
  label: __( 'Text Color' ),
59
  },
60
  {
61
- value: borderColor,
62
- onChange: ( colorValue ) => setAttributes( { borderColor: colorValue } ),
63
- label: __( 'Border Color' ),
64
  },
65
  ] }
66
  >
@@ -72,19 +75,34 @@ export const edit = ( props ) => {
72
 
73
  export const save = ( props ) => {
74
 
75
- const { color, text, borderColor } = props.attributes
76
 
77
  return (
78
  <blockquote
79
  className={ 'ugb-blockquote' }
80
- style={ {
81
- borderLeftColor: borderColor,
82
- } }>
83
  <p style={ { color: color } }>{ text }</p>
84
  </blockquote>
85
  );
86
  }
87
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
 
89
  /**
90
  * Register: Gutenberg Block.
@@ -107,26 +125,18 @@ registerBlockType( 'ugb/blockquote', {
107
  __( 'Blockquote' ),
108
  __( 'Stackable' ),
109
  ],
110
- attributes: {
111
- text: {
112
- type: 'array',
113
- source: 'children',
114
- selector: 'p',
115
- default: __( '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.' )
116
- },
117
- color: {
118
- type: 'string',
119
- default: '#424242',
120
- },
121
- borderColor: {
122
- type: 'string',
123
- default: '#2091e1',
124
- }
125
- },
126
 
127
- // The "edit" property must be a valid function.
128
- edit: edit,
129
-
130
- // The "save" property must be specified and must be a valid function.
131
- save: save,
 
 
 
 
 
 
 
132
  } );
9
  import './style.scss';
10
  import './editor.scss';
11
  import { QuoteIcon } from '../../icons'
12
+ import { deprecatedSchema_0_7, deprecatedSave_0_7 } from './deprecated'
13
 
14
  import {
15
  registerBlockType,
18
  InspectorControls,
19
  RichText,
20
  ColorPalette,
21
+ omit,
22
+ merge,
23
  } from '../../wp-imports'
24
 
25
  export const edit = ( props ) => {
30
 
31
  const { isSelected, setAttributes, className } = props
32
 
33
+ const { color, text, quoteColor } = props.attributes
34
 
35
  return [
36
  <blockquote
37
  key={ 'quote' }
38
  className={ 'ugb-blockquote' }
39
  style={ {
40
+ '--quote-color': quoteColor
41
  } }>
42
  <RichText
43
  tagName={ 'p' }
61
  label: __( 'Text Color' ),
62
  },
63
  {
64
+ value: quoteColor,
65
+ onChange: ( colorValue ) => setAttributes( { quoteColor: colorValue } ),
66
+ label: __( 'Quote Color' ),
67
  },
68
  ] }
69
  >
75
 
76
  export const save = ( props ) => {
77
 
78
+ const { color, text, quoteColor } = props.attributes
79
 
80
  return (
81
  <blockquote
82
  className={ 'ugb-blockquote' }
83
+ style={ { '--quote-color': quoteColor } }>
 
 
84
  <p style={ { color: color } }>{ text }</p>
85
  </blockquote>
86
  );
87
  }
88
 
89
+ const schema = {
90
+ text: {
91
+ type: 'array',
92
+ source: 'children',
93
+ selector: 'p',
94
+ default: __( '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.' )
95
+ },
96
+ color: {
97
+ type: 'string',
98
+ default: '',
99
+ },
100
+ quoteColor: {
101
+ type: 'string',
102
+ default: '',
103
+ },
104
+ }
105
+
106
 
107
  /**
108
  * Register: Gutenberg Block.
125
  __( 'Blockquote' ),
126
  __( 'Stackable' ),
127
  ],
128
+ attributes: schema,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
129
 
130
+ deprecated: [
131
+ {
132
+ attributes: deprecatedSchema_0_7,
133
+ migrate: attributes => {
134
+ return omit( merge( attributes, { quoteColor: attributes.borderColor } ), ['borderColor'] )
135
+ },
136
+ save: deprecatedSave_0_7,
137
+ }
138
+ ],
139
+
140
+ edit,
141
+ save,
142
  } );
src/block/blockquote/style.scss CHANGED
@@ -4,14 +4,17 @@
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-blockquote {
7
- border: 0;
8
- border-left: 8px solid #2091e1;
9
- padding: 1rem 2rem;
10
- margin: 1rem 2rem;
11
- opacity: .5;
12
  font-style: italic;
13
  text-align: inherit;
14
  background: transparent;
 
 
 
15
  p {
16
  margin: 0;
17
  }
@@ -20,4 +23,17 @@
20
  display: none;
21
  }
22
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
23
  }
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-blockquote {
7
+ border: 0 !important;
8
+ @include baseBlock();
9
+ padding: $box-hori-padding;
10
+ margin-left: $box-hori-padding;
11
+ margin-right: $box-hori-padding;
12
  font-style: italic;
13
  text-align: inherit;
14
  background: transparent;
15
+ position: relative;
16
+ overflow: visible;
17
+ --quote-color: rgba(129, 141, 165, 0.32);
18
  p {
19
  margin: 0;
20
  }
23
  display: none;
24
  }
25
  }
26
+ &:before {
27
+ content: "❛❛";
28
+ display: block;
29
+ position: absolute;
30
+ font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
31
+ font-style: normal;
32
+ font-size: 100px;
33
+ line-height: 1em;
34
+ left: -35px;
35
+ top: -15px;
36
+ opacity: 1;
37
+ color: var(--quote-color);
38
+ }
39
  }
src/block/button/button-edit.js ADDED
@@ -0,0 +1,46 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import {
2
+ __,
3
+ RichText,
4
+ } from '../../wp-imports'
5
+
6
+ function ButtonEdit( props ) {
7
+ const {
8
+ align = 'center',
9
+ size = 'normal',
10
+ color,
11
+ text = '',
12
+ backgroundColor,
13
+ borderRadius = 4,
14
+ isSelected = false,
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}` }
26
+ style={ {
27
+ backgroundColor: backgroundColor,
28
+ borderRadius: borderRadius + 'px',
29
+ } }>
30
+ <RichText
31
+ tagName={ 'span' }
32
+ placeholder={ __( 'Enter Text' ) }
33
+ value={ text }
34
+ onChange={ onChange }
35
+ formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
36
+ className={ `ugb-button-inner` }
37
+ style={ { color } }
38
+ onFocus={ onFocus }
39
+ isSelected={ isSelected }
40
+ keepPlaceholderOnFocus
41
+ />
42
+ </span>
43
+ )
44
+ }
45
+
46
+ export default ButtonEdit
src/block/button/button-save.js ADDED
@@ -0,0 +1,21 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ function ButtonSave( props ) {
2
+ const {
3
+ align = 'center',
4
+ size = 'normal',
5
+ url = '', color, text, backgroundColor, borderRadius } = props
6
+
7
+ const buttonStyle = {
8
+ backgroundColor: backgroundColor,
9
+ borderRadius: borderRadius + 'px',
10
+ }
11
+
12
+ return (
13
+ <div className={ `ugb-button ugb-button-${align} ugb-button-${size}` } style={ buttonStyle }>
14
+ <a href={ url } className={ `ugb-button-inner` } style={ { color } }>
15
+ { text }
16
+ </a>
17
+ </div>
18
+ );
19
+ }
20
+
21
+ export default ButtonSave
src/block/button/deprecated.js ADDED
@@ -0,0 +1,52 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ export const deprecatedSave_0_7 = ( props ) => {
2
+
3
+ const { url, text, textAlignment, color, textColor, size, cornerButtonRadius } = props.attributes;
4
+
5
+ const buttonStyle = {
6
+ backgroundColor: color,
7
+ color: textColor,
8
+ borderRadius: cornerButtonRadius + 'px',
9
+ }
10
+
11
+ return (
12
+ <div className={ `ugb-button-${textAlignment}` }>
13
+ <a href={ url } className={ `wp-ugb-button ugb-button-${size}` } style={ buttonStyle }>
14
+ { text }
15
+ </a>
16
+ </div>
17
+ );
18
+ }
19
+
20
+ export const deprecatedSchema_0_7 = {
21
+ url: {
22
+ type: 'string',
23
+ source: 'attribute',
24
+ selector: 'a',
25
+ attribute: 'href',
26
+ },
27
+ text: {
28
+ type: 'array',
29
+ source: 'children',
30
+ selector: 'a',
31
+ },
32
+ align: {
33
+ type: 'string',
34
+ default: 'center',
35
+ },
36
+ color: {
37
+ type: 'string',
38
+ default: '#2091e1',
39
+ },
40
+ textColor: {
41
+ type: 'string',
42
+ default: '#ffffff',
43
+ },
44
+ size: {
45
+ type: 'string',
46
+ default: 'normal',
47
+ },
48
+ cornerButtonRadius: {
49
+ type: 'number',
50
+ default: 4,
51
+ }
52
+ }
src/block/button/editor.scss CHANGED
@@ -19,3 +19,12 @@
19
  font-size: 13px;
20
  line-height: 1.4;
21
  }
 
 
 
 
 
 
 
 
 
19
  font-size: 13px;
20
  line-height: 1.4;
21
  }
22
+ // [data-type="ugb/button"][data-align="left"] {
23
+ // .editor-block-list__block-edit {
24
+ // margin-right: 0 !important;
25
+ // float: none !important;
26
+ // }
27
+ // .editor-block-list__block-edit:before {
28
+ // content: "" !important;
29
+ // }
30
+ // }
src/block/button/index.js CHANGED
@@ -9,6 +9,9 @@
9
  import './style.scss';
10
  import './editor.scss';
11
  import { ButtonIcon } from '../../icons'
 
 
 
12
 
13
  import {
14
  registerBlockType, // Import registerBlockType() from wp.blocks
@@ -16,6 +19,7 @@ import {
16
  InspectorControls,
17
  BlockControls,
18
  AlignmentToolbar,
 
19
  RichText,
20
  ColorPalette,
21
  PanelColorSettings,
@@ -24,14 +28,16 @@ import {
24
  SelectControl,
25
  RangeControl,
26
  URLInput,
27
- PanelBody
 
 
28
  } from '../../wp-imports'
29
 
30
  export const edit = ( props ) => {
31
 
32
  const { isSelected, className, setAttributes } = props;
33
 
34
- const { url, text, color, textColor, size, textAlignment, cornerButtonRadius } = props.attributes;
35
 
36
  const linkOptions = [
37
  { value: 'small', label: __( 'Small' ) },
@@ -43,11 +49,12 @@ export const edit = ( props ) => {
43
  return [
44
  isSelected && (
45
  <BlockControls key="controls">
46
- <AlignmentToolbar
47
- value={ textAlignment }
48
- onChange={ ( nextAlign ) => {
49
- setAttributes( { textAlignment: nextAlign } );
50
  } }
 
51
  />
52
  </BlockControls>
53
  ),
@@ -92,29 +99,14 @@ export const edit = ( props ) => {
92
 
93
  </InspectorControls>
94
  ),
95
- <span key={ 'button' }
96
- className={ `wp-block-button ugb-button-${textAlignment}` }>
97
- <RichText
98
- tagName={ 'span' }
99
- placeholder={ __( 'Enter Text' ) }
100
- value={ text }
101
- onChange={ (text) => setAttributes( { text: text } ) }
102
- formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
103
- className={`wp-ugb-button ugb-button-${size}`}
104
- style={ {
105
- backgroundColor: color,
106
- color: textColor,
107
- borderRadius: cornerButtonRadius + 'px',
108
- } }
109
- isSelected={ isSelected }
110
- keepPlaceholderOnFocus
111
- />
112
- </span>,
113
  isSelected && (
114
  <form
115
- key={ 'form-link' }
116
  onSubmit={ ( event ) => event.preventDefault() }
117
- className={ `blocks-button__inline-link ugb-button-${textAlignment}`}>
118
  <Dashicon icon={ 'admin-links' } />
119
  <URLInput
120
  value={ url }
@@ -129,26 +121,69 @@ export const edit = ( props ) => {
129
  ),
130
  ];
131
  }
132
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
133
  export const save = ( props ) => {
134
 
135
- const { url, text, textAlignment, color, textColor, size, cornerButtonRadius } = props.attributes;
136
-
137
- const buttonStyle = {
138
- backgroundColor: color,
139
- color: textColor,
140
- borderRadius: cornerButtonRadius + 'px',
141
- }
142
 
143
  return (
144
- <div className={ `ugb-button-${textAlignment}` }>
145
- <a href={ url } className={ `wp-ugb-button ugb-button-${size}` } style={ buttonStyle }>
146
- { text }
147
- </a>
148
- </div>
149
  );
150
  }
151
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
152
 
153
  /**
154
  * Register: Gutenberg Block.
@@ -172,43 +207,18 @@ registerBlockType( 'ugb/button', {
172
  __( 'Button' ),
173
  __( 'Stackable' ),
174
  ],
175
- attributes: {
176
- url: {
177
- type: 'string',
178
- source: 'attribute',
179
- selector: 'a',
180
- attribute: 'href',
181
- },
182
- text: {
183
- type: 'array',
184
- source: 'children',
185
- selector: 'a',
186
- },
187
- textAlignment: {
188
- type: 'string',
189
- default: 'center',
190
- },
191
- color: {
192
- type: 'string',
193
- default: '#2091e1',
194
- },
195
- textColor: {
196
- type: 'string',
197
- default: '#ffffff',
198
- },
199
- size: {
200
- type: 'string',
201
- default: 'normal',
202
- },
203
- cornerButtonRadius: {
204
- type: 'number',
205
- default: 4,
206
- }
207
- },
208
-
209
- // The "edit" property must be a valid function.
210
- edit: edit,
211
-
212
- // The "save" property must be specified and must be a valid function.
213
- save: save
214
  } );
9
  import './style.scss';
10
  import './editor.scss';
11
  import { ButtonIcon } from '../../icons'
12
+ import { deprecatedSave_0_7, deprecatedSchema_0_7 } from './deprecated'
13
+ import ButtonEdit from './button-edit'
14
+ import ButtonSave from './button-save'
15
 
16
  import {
17
  registerBlockType, // Import registerBlockType() from wp.blocks
19
  InspectorControls,
20
  BlockControls,
21
  AlignmentToolbar,
22
+ BlockAlignmentToolbar,
23
  RichText,
24
  ColorPalette,
25
  PanelColorSettings,
28
  SelectControl,
29
  RangeControl,
30
  URLInput,
31
+ PanelBody,
32
+ omit,
33
+ merge,
34
  } from '../../wp-imports'
35
 
36
  export const edit = ( props ) => {
37
 
38
  const { isSelected, className, setAttributes } = props;
39
 
40
+ const { url, text, color, textColor, size, align, cornerButtonRadius } = props.attributes;
41
 
42
  const linkOptions = [
43
  { value: 'small', label: __( 'Small' ) },
49
  return [
50
  isSelected && (
51
  <BlockControls key="controls">
52
+ <BlockAlignmentToolbar
53
+ value={ align }
54
+ onChange={ ( align ) => {
55
+ setAttributes( { align } );
56
  } }
57
+ controls={ [ 'left', 'center', 'right', 'full' ] }
58
  />
59
  </BlockControls>
60
  ),
99
 
100
  </InspectorControls>
101
  ),
102
+ <ButtonEdit
103
+ onChange={ (text) => setAttributes( { text } ) }
104
+ isSelected={ isSelected }
105
+ align={ align } size={ size } color={ textColor } text={ text } borderRadius={ cornerButtonRadius } />,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
106
  isSelected && (
107
  <form
 
108
  onSubmit={ ( event ) => event.preventDefault() }
109
+ className={ `blocks-button__inline-link` }>
110
  <Dashicon icon={ 'admin-links' } />
111
  <URLInput
112
  value={ url }
121
  ),
122
  ];
123
  }
124
+ /*
125
+ <span key={ 'button' }
126
+ className={ `ugb-button ugb-button-${align} ugb-button-${size}` }
127
+ style={ {
128
+ backgroundColor: color,
129
+ borderRadius: cornerButtonRadius + 'px',
130
+ } }>
131
+ <RichText
132
+ tagName={ 'span' }
133
+ placeholder={ __( 'Enter Text' ) }
134
+ value={ text }
135
+ onChange={ (text) => setAttributes( { text: text } ) }
136
+ formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
137
+ className={ `ugb-button-inner` }
138
+ style={ { color: textColor } }
139
+ isSelected={ isSelected }
140
+ keepPlaceholderOnFocus
141
+ />
142
+ </span>
143
+ */
144
  export const save = ( props ) => {
145
 
146
+ const { url, text, align, color, textColor, size, cornerButtonRadius } = props.attributes;
 
 
 
 
 
 
147
 
148
  return (
149
+ <ButtonSave align={ align } size={ size } url={ url } color={ textColor } text={ text } backgroundColor={ color } borderRadius={ cornerButtonRadius } />
 
 
 
 
150
  );
151
  }
152
 
153
+ export const schema = {
154
+ url: {
155
+ type: 'string',
156
+ source: 'attribute',
157
+ selector: 'a',
158
+ attribute: 'href',
159
+ },
160
+ text: {
161
+ type: 'array',
162
+ source: 'children',
163
+ selector: 'a',
164
+ },
165
+ align: {
166
+ type: 'string',
167
+ default: 'center',
168
+ },
169
+ color: {
170
+ type: 'string',
171
+ default: '#2091e1',
172
+ },
173
+ textColor: {
174
+ type: 'string',
175
+ default: '#ffffff',
176
+ },
177
+ size: {
178
+ type: 'string',
179
+ default: 'normal',
180
+ },
181
+ cornerButtonRadius: {
182
+ type: 'number',
183
+ default: 4,
184
+ }
185
+ }
186
+
187
 
188
  /**
189
  * Register: Gutenberg Block.
207
  __( 'Button' ),
208
  __( 'Stackable' ),
209
  ],
210
+ attributes: schema,
211
+
212
+ deprecated: [
213
+ {
214
+ attributes: deprecatedSchema_0_7,
215
+ migrate: attributes => {
216
+ return omit( merge( attributes, { align: attributes.textAlignment } ), ['textAlignment'] )
217
+ },
218
+ save: deprecatedSave_0_7,
219
+ }
220
+ ],
221
+
222
+ edit,
223
+ save,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
224
  } );
src/block/button/style.scss CHANGED
@@ -3,17 +3,17 @@
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
- .wp-block-button.ugb-button-center {
7
- transform: translateX(-50%);
8
- left: 50%;
9
- position: relative;
10
- }
11
 
12
- span.wp-block-button.ugb-button-right {
13
- transform: translateX(-100%);
14
- left: 100%;
15
- position: relative;
16
- }
17
 
18
  /**
19
  * Button link form styles.
@@ -28,56 +28,98 @@ form.blocks-button__inline-link {
28
  }
29
  }
30
 
31
- .wp-ugb-button.wp-ugb-button {
 
 
 
 
 
32
  border: none;
33
  border-radius: 4px;
34
  box-shadow: none !important;
35
  cursor: pointer;
36
- display: inline-block;
37
- line-height: 1em !important;
38
- margin: 0;
39
- text-decoration: none !important;
40
- white-space: nowrap;
41
- display: inline-block;
 
 
 
 
 
 
42
  opacity: 1;
43
  background: #2091e1;
44
- color: #fff;
45
- padding: 0.75em 1em;
46
  transition: opacity .2s ease-in-out;
47
  box-shadow: none !important;
 
 
48
  &:hover {
49
  opacity: .85;
50
  box-shadow: none !important;
51
- border: 0;
52
  }
53
-
54
  }
55
- .wp-block-ugb-button .wp-ugb-button:hover {
56
  color: white;
57
  }
58
 
59
- .wp-block-ugb-button.ugb-button-right {
60
- margin: 10px 0;
61
- text-align: right;
62
- }
63
- .wp-block-ugb-button.ugb-button-center {
64
- margin: 10px 0;
65
- text-align: center;
66
- }
67
- .wp-block-ugb-button.ugb-button-left {
68
- margin: 10px 0;
69
- text-align: left;
70
- }
71
 
72
- .ugb-button-small {
73
  font-size: .75em;
74
  }
75
- .ugb-button-normal {
76
- font-size: 1em;
77
- }
78
- .ugb-button-medium {
 
79
  font-size: 1.25em;
80
  }
81
- .ugb-button-large {
82
  font-size: 1.5em;
83
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
+ // .wp-block-button.ugb-button-center {
7
+ // transform: translateX(-50%);
8
+ // left: 50%;
9
+ // position: relative;
10
+ // }
11
 
12
+ // span.wp-block-button.ugb-button-right {
13
+ // transform: translateX(-100%);
14
+ // left: 100%;
15
+ // position: relative;
16
+ // }
17
 
18
  /**
19
  * Button link form styles.
28
  }
29
  }
30
 
31
+ .ugb-button {
32
+ @include baseBlock();
33
+ }
34
+
35
+ // .wp-ugb-button.wp-ugb-button {
36
+ .ugb-button {
37
  border: none;
38
  border-radius: 4px;
39
  box-shadow: none !important;
40
  cursor: pointer;
41
+ // display: inline-block;
42
+ // line-height: 1em !important;
43
+ // margin: 0;
44
+ .ugb-button-inner {
45
+ text-decoration: none !important;
46
+ white-space: nowrap;
47
+ display: inline-block;
48
+ color: #fff;
49
+ box-shadow: none !important;
50
+ margin: 0 !important;
51
+ padding: 0 !important;
52
+ }
53
  opacity: 1;
54
  background: #2091e1;
55
+ // padding: 0.75em 1em;
 
56
  transition: opacity .2s ease-in-out;
57
  box-shadow: none !important;
58
+ @include baseButton();
59
+ font-size: 1em;
60
  &:hover {
61
  opacity: .85;
62
  box-shadow: none !important;
63
+ // border: 0;
64
  }
 
65
  }
66
+ .ugb-button .ugb-button-inner:hover {
67
  color: white;
68
  }
69
 
 
 
 
 
 
 
 
 
 
 
 
 
70
 
71
+ .ugb-button-small.ugb-button .ugb-button-inner {
72
  font-size: .75em;
73
  }
74
+ // .ugb-button-normal {
75
+
76
+ // }
77
+ .ugb-button-medium.ugb-button .ugb-button-inner {
78
+ // font-size: 1.25em;
79
  font-size: 1.25em;
80
  }
81
+ .ugb-button-large.ugb-button .ugb-button-inner {
82
  font-size: 1.5em;
83
  }
84
+ .ugb-button-left {
85
+ // text-align: left;
86
+ // margin-left: auto;
87
+ margin-right: auto;
88
+ display: table;
89
+ }
90
+ .ugb-button-center {
91
+ // text-align: center;
92
+ margin-left: auto;
93
+ margin-right: auto;
94
+ display: table;
95
+ }
96
+ .ugb-button-right {
97
+ // text-align: right;
98
+ margin-left: auto;
99
+ // margin-right: auto;
100
+ display: table;
101
+ }
102
+ .ugb-button-full {
103
+ display: block;
104
+ text-align: center;
105
+ }
106
+ // .ugb-button-full .ugb-button-inner {
107
+ // display: block;
108
+ // width: 100%;
109
+ // text-align: center;
110
+ // }
111
+
112
+ // .wp-block-ugb-button.ugb-button-right {
113
+ // margin: 10px 0;
114
+ // text-align: right;
115
+ // }
116
+ // .wp-block-ugb-button.ugb-button-center {
117
+ // // margin: 10px 0;
118
+ // text-align: center;
119
+ // }
120
+ // .wp-block-ugb-button.ugb-button-left {
121
+ // margin: 10px 0;
122
+ // text-align: left;
123
+ // }
124
+
125
+
src/block/call-to-action/deprecated.js ADDED
@@ -0,0 +1,49 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ export const deprecatedSave_0_7 = ( props ) => {
2
+
3
+ const {
4
+ url,
5
+ buttonText,
6
+ ctaTitle,
7
+ bodyText,
8
+ color,
9
+ textColor,
10
+ size,
11
+ borderButtonRadius,
12
+ bodyTextColor,
13
+ titleColor,
14
+ bgColor
15
+ } = props.attributes;
16
+
17
+ const buttonStyle = {
18
+ backgroundColor: color,
19
+ color: textColor,
20
+ borderRadius: borderButtonRadius + 'px',
21
+ }
22
+
23
+ return (
24
+ <div className={ `ugb-cta` } style={ { backgroundColor: bgColor } }>
25
+ { ctaTitle && !! ctaTitle.length && (
26
+ <h3
27
+ className={ 'ugb-cta-title' }
28
+ style={ { color: titleColor } }>
29
+ {ctaTitle}
30
+ </h3>
31
+ ) }
32
+ { bodyText && !! bodyText.length && (
33
+ <p
34
+ className={ 'ugb-cta-bodyText' }
35
+ style={ { color: bodyTextColor } }>
36
+ {bodyText}
37
+ </p>
38
+ ) }
39
+ { buttonText && !! buttonText.length && (
40
+ <a
41
+ href={ url }
42
+ className={ `wp-ugb-button ugb-cta-button ugb-button-${size}` }
43
+ style={ buttonStyle }>
44
+ { buttonText }
45
+ </a>
46
+ ) }
47
+ </div>
48
+ );
49
+ }
src/block/call-to-action/index.js CHANGED
@@ -10,6 +10,9 @@
10
  import './style.scss';
11
  import './editor.scss';
12
  import { CTAIcon } from '../../icons'
 
 
 
13
 
14
  import {
15
  registerBlockType,
@@ -23,7 +26,7 @@ import {
23
  RichText,
24
  ColorPalette,
25
  PanelBody,
26
- URLInput
27
  } from '../../wp-imports'
28
 
29
  export const edit = ( props ) => {
@@ -47,7 +50,7 @@ export const edit = ( props ) => {
47
  borderButtonRadius,
48
  bodyTextColor,
49
  titleColor,
50
- bgColor
51
  } = props.attributes;
52
 
53
  const linkOptions = [
@@ -62,6 +65,66 @@ export const edit = ( props ) => {
62
  }
63
 
64
  return [
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
65
  <div key={'editable'} className={ 'ugb-cta' } style={ { backgroundColor: bgColor } }>
66
  <RichText
67
  className={ 'ugb-cta-title' }
@@ -88,105 +151,29 @@ export const edit = ( props ) => {
88
  color: bodyTextColor,
89
  } }
90
  />
91
- <span key={ 'button' }
92
- className={ `wp-block-button ugb-cta-button` }>
93
- <RichText
94
- tagName={ 'span' }
95
- placeholder={ __( 'Add Text' ) }
96
- value={ buttonText }
97
- onChange={ (text) => setAttributes( { buttonText: text } ) }
98
- isSelected={ isSelected && editable === 'buttonText' }
99
- onFocus={ onSetActiveEditable( 'buttonText' ) }
100
- className={`wp-ugb-button ugb-button-${size}`}
101
- style={ {
102
- backgroundColor: color,
103
- color: textColor,
104
- borderRadius: borderButtonRadius + 'px',
105
- } }
106
- keepPlaceholderOnFocus
107
  />
108
- {
109
- isSelected &&
110
- <InspectorControls key={ 'inspector' }>
111
- <PanelBody>
112
- <SelectControl
113
- label={ __( 'Button Size' ) }
114
- value={ size }
115
- options={ linkOptions.map( ({ value, label }) => ( {
116
- value: value,
117
- label: label,
118
- } ) ) }
119
- onChange={ ( newSize ) => { setAttributes( { size: newSize } ) } }
120
- />
121
- <RangeControl
122
- label={ __( 'Button Border Radius' ) }
123
- value={ borderButtonRadius }
124
- min='1'
125
- max='50'
126
- onChange={ ( borderRad ) => setAttributes( { borderButtonRadius: borderRad } ) }
127
- />
128
- </PanelBody>
129
- <PanelColorSettings
130
- initialOpen={ false }
131
- title={ __( 'Color Settings' ) }
132
- colorSettings={ [
133
- {
134
- value: titleColor,
135
- onChange: ( colorValue ) => setAttributes( { titleColor: colorValue } ),
136
- label: __( 'Title Color' ),
137
- },
138
- {
139
- value: bodyTextColor,
140
- onChange: ( colorValue ) => setAttributes( { bodyTextColor: colorValue } ),
141
- label: __( 'Body Text Color' ),
142
- },
143
- ] }
144
- >
145
- </PanelColorSettings>
146
- <PanelColorSettings
147
- title={ __( 'Button Colors' ) }
148
- colorSettings={ [
149
- {
150
- value: color,
151
- onChange: ( colorValue ) => setAttributes( { color: colorValue } ),
152
- label: __( 'Button Background Color' ),
153
- },
154
- {
155
- value: textColor,
156
- onChange: ( colorValue ) => setAttributes( { textColor: colorValue } ),
157
- label: __( 'Button Text Color' ),
158
- },
159
- {
160
- value: bgColor,
161
- onChange: ( colorValue ) => setAttributes( { bgColor: colorValue } ),
162
- label: __( 'Background Color' ),
163
- },
164
- ] }
165
- >
166
- </PanelColorSettings>
167
- </InspectorControls>
168
- }
169
- </span>
170
- {
171
- isSelected && (
172
- <form
173
- key={ 'form-link' }
174
- onSubmit={ ( event ) => event.preventDefault() }
175
- className={ `blocks-button__inline-link`}>
176
- <Dashicon icon={ 'admin-links' } />
177
- <URLInput
178
- value={ url }
179
- onChange={ ( value ) => setAttributes( { url: value } ) }
180
- />
181
- <IconButton
182
- icon={ 'editor-break' }
183
- label={ __( 'Apply' ) }
184
- type={ 'submit' }
185
- />
186
- </form>
187
- )
188
- }
189
- </div>
190
  ];
191
  }
192
 
@@ -203,15 +190,9 @@ export const save = ( props ) => {
203
  borderButtonRadius,
204
  bodyTextColor,
205
  titleColor,
206
- bgColor
207
  } = props.attributes;
208
 
209
- const buttonStyle = {
210
- backgroundColor: color,
211
- color: textColor,
212
- borderRadius: borderButtonRadius + 'px',
213
- }
214
-
215
  return (
216
  <div className={ `ugb-cta` } style={ { backgroundColor: bgColor } }>
217
  { ctaTitle && !! ctaTitle.length && (
@@ -229,17 +210,62 @@ export const save = ( props ) => {
229
  </p>
230
  ) }
231
  { buttonText && !! buttonText.length && (
232
- <a
233
- href={ url }
234
- className={ `wp-ugb-button ugb-cta-button ugb-button-${size}` }
235
- style={ buttonStyle }>
236
- { buttonText }
237
- </a>
238
  ) }
239
  </div>
240
  );
241
  }
242
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
243
 
244
  /**
245
  * Register: Gutenberg Block.
@@ -263,60 +289,17 @@ registerBlockType( 'ugb/cta', {
263
  __( 'Stackable' ),
264
  __( 'CTA' ),
265
  ],
266
- attributes: {
267
- url: {
268
- type: 'string',
269
- source: 'attribute',
270
- selector: 'a',
271
- attribute: 'href',
272
- },
273
- ctaTitle: {
274
- type: 'array',
275
- source: 'children',
276
- selector: 'h3',
277
- default: __( 'Get Started Today' )
278
- },
279
- bodyText: {
280
- type: 'array',
281
- source: 'children',
282
- selector: 'p',
283
- default: __( 'Get Stackable: Ultimate Gutenberg Blocks today.  Apart from adding new blocks, it gives Gutenberg users more options and settings to tinker with, expanding Gutenberg’s functionality.' )
284
- },
285
- buttonText: {
286
- type: 'array',
287
- source: 'children',
288
- selector: 'a',
289
- },
290
- color: {
291
- type: 'string',
292
- default: '#2091e1',
293
- },
294
- textColor: {
295
- type: 'string',
296
- default: '#ffffff',
297
- },
298
- titleColor: {
299
- type: 'string',
300
- },
301
- bodyTextColor: {
302
- type: 'string',
303
- },
304
- bgColor: {
305
- type: 'string',
306
- },
307
- size: {
308
- type: 'string',
309
- default: 'normal',
310
- },
311
- borderButtonRadius: {
312
- type: 'number',
313
- default: 4,
314
- }
315
  },
 
 
 
 
 
316
 
317
- // The "edit" property must be a valid function.
318
- edit: edit,
319
-
320
- // The "save" property must be specified and must be a valid function.
321
- save: save,
322
  } );
10
  import './style.scss';
11
  import './editor.scss';
12
  import { CTAIcon } from '../../icons'
13
+ import ButtonEdit from '../button/button-edit'
14
+ import ButtonSave from '../button/button-save'
15
+ import { deprecatedSave_0_7 } from './deprecated'
16
 
17
  import {
18
  registerBlockType,
26
  RichText,
27
  ColorPalette,
28
  PanelBody,
29
+ URLInput,
30
  } from '../../wp-imports'
31
 
32
  export const edit = ( props ) => {
50
  borderButtonRadius,
51
  bodyTextColor,
52
  titleColor,
53
+ bgColor,
54
  } = props.attributes;
55
 
56
  const linkOptions = [
65
  }
66
 
67
  return [
68
+ isSelected && (
69
+ <InspectorControls key={ 'inspector' }>
70
+ <PanelBody>
71
+ <SelectControl
72
+ label={ __( 'Button Size' ) }
73
+ value={ size }
74
+ options={ linkOptions.map( ({ value, label }) => ( {
75
+ value: value,
76
+ label: label,
77
+ } ) ) }
78
+ onChange={ ( newSize ) => { setAttributes( { size: newSize } ) } }
79
+ />
80
+ <RangeControl
81
+ label={ __( 'Button Border Radius' ) }
82
+ value={ borderButtonRadius }
83
+ min='1'
84
+ max='50'
85
+ onChange={ ( borderRad ) => setAttributes( { borderButtonRadius: borderRad } ) }
86
+ />
87
+ </PanelBody>
88
+ <PanelColorSettings
89
+ initialOpen={ false }
90
+ title={ __( 'Color Settings' ) }
91
+ colorSettings={ [
92
+ {
93
+ value: bgColor,
94
+ onChange: ( colorValue ) => setAttributes( { bgColor: colorValue } ),
95
+ label: __( 'Background Color' ),
96
+ },
97
+ {
98
+ value: titleColor,
99
+ onChange: ( colorValue ) => setAttributes( { titleColor: colorValue } ),
100
+ label: __( 'Title Color' ),
101
+ },
102
+ {
103
+ value: bodyTextColor,
104
+ onChange: ( colorValue ) => setAttributes( { bodyTextColor: colorValue } ),
105
+ label: __( 'Body Text Color' ),
106
+ },
107
+ ] }
108
+ >
109
+ </PanelColorSettings>
110
+ <PanelColorSettings
111
+ title={ __( 'Button Colors' ) }
112
+ colorSettings={ [
113
+ {
114
+ value: color,
115
+ onChange: ( colorValue ) => setAttributes( { color: colorValue } ),
116
+ label: __( 'Button Background Color' ),
117
+ },
118
+ {
119
+ value: textColor,
120
+ onChange: ( colorValue ) => setAttributes( { textColor: colorValue } ),
121
+ label: __( 'Button Text Color' ),
122
+ },
123
+ ] }
124
+ >
125
+ </PanelColorSettings>
126
+ </InspectorControls>
127
+ ),
128
  <div key={'editable'} className={ 'ugb-cta' } style={ { backgroundColor: bgColor } }>
129
  <RichText
130
  className={ 'ugb-cta-title' }
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
+ <IconButton
171
+ icon={ 'editor-break' }
172
+ label={ __( 'Apply' ) }
173
+ type={ 'submit' }
174
+ />
175
+ </form>
176
+ )
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
177
  ];
178
  }
179
 
190
  borderButtonRadius,
191
  bodyTextColor,
192
  titleColor,
193
+ bgColor,
194
  } = props.attributes;
195
 
 
 
 
 
 
 
196
  return (
197
  <div className={ `ugb-cta` } style={ { backgroundColor: bgColor } }>
198
  { ctaTitle && !! ctaTitle.length && (
210
  </p>
211
  ) }
212
  { buttonText && !! buttonText.length && (
213
+ <ButtonSave size={ size } url={ url } color={ textColor } text={ buttonText } backgroundColor={ color } borderRadius={ borderButtonRadius } />
 
 
 
 
 
214
  ) }
215
  </div>
216
  );
217
  }
218
 
219
+ const schema = {
220
+ url: {
221
+ type: 'string',
222
+ source: 'attribute',
223
+ selector: 'a',
224
+ attribute: 'href',
225
+ },
226
+ ctaTitle: {
227
+ type: 'array',
228
+ source: 'children',
229
+ selector: 'h3',
230
+ default: __( 'Get Started Today' )
231
+ },
232
+ bodyText: {
233
+ type: 'array',
234
+ source: 'children',
235
+ selector: 'p',
236
+ default: __( 'Get Stackable: Ultimate Gutenberg Blocks today.  Apart from adding new blocks, it gives Gutenberg users more options and settings to tinker with, expanding Gutenberg’s functionality.' )
237
+ },
238
+ buttonText: {
239
+ type: 'array',
240
+ source: 'children',
241
+ selector: 'a',
242
+ },
243
+ color: {
244
+ type: 'string',
245
+ default: '#2091e1',
246
+ },
247
+ textColor: {
248
+ type: 'string',
249
+ default: '#ffffff',
250
+ },
251
+ titleColor: {
252
+ type: 'string',
253
+ },
254
+ bodyTextColor: {
255
+ type: 'string',
256
+ },
257
+ bgColor: {
258
+ type: 'string',
259
+ },
260
+ size: {
261
+ type: 'string',
262
+ default: 'normal',
263
+ },
264
+ borderButtonRadius: {
265
+ type: 'number',
266
+ default: 4,
267
+ },
268
+ }
269
 
270
  /**
271
  * Register: Gutenberg Block.
289
  __( 'Stackable' ),
290
  __( 'CTA' ),
291
  ],
292
+ attributes: schema,
293
+ supports: {
294
+ align: true,
295
+ align: [ 'center', 'wide', 'full' ],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
296
  },
297
+ deprecated: [
298
+ {
299
+ save: deprecatedSave_0_7,
300
+ }
301
+ ],
302
 
303
+ edit,
304
+ save,
 
 
 
305
  } );
src/block/call-to-action/style.scss CHANGED
@@ -3,24 +3,29 @@
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
- div.ugb-cta {
7
- text-align: center;
8
- padding: 4rem 2rem;
9
- background-color: #f4f4f4;
10
- .ugb-cta-title {
11
- margin: 0 0 1rem !important;
12
- }
13
- .ugb-cta-bodyText {
14
- opacity: .5;
15
- margin: 0 0 1.5rem;
16
- }
17
- .ugb-cta-button {
18
- margin: 0;
19
- }
20
- p {
21
- text-align: center;
22
- }
23
- }
 
 
24
  .wp-block-ugb-button .wp-ugb-button:hover {
25
  color: white;
26
  }
 
 
 
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
+ div.ugb-cta {
7
+ text-align: center;
8
+ // padding: 4rem 2rem;
9
+ background-color: #f4f4f4;
10
+ @include baseBlock();
11
+ @include box();
12
+ // .ugb-cta-title {
13
+ // margin: 0 0 1rem !important;
14
+ // }
15
+ // .ugb-cta-bodyText {
16
+ // opacity: .5;
17
+ // margin: 0 0 1.5rem;
18
+ // }
19
+ // .ugb-cta-button {
20
+ // margin: 0;
21
+ // }
22
+ // p {
23
+ // text-align: center;
24
+ // }
25
+ }
26
  .wp-block-ugb-button .wp-ugb-button:hover {
27
  color: white;
28
  }
29
+ [data-align="full"] div.ugb-cta {
30
+ border-radius: 0 !important;
31
+ }
src/block/card/deprecated.js ADDED
@@ -0,0 +1,134 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import {
2
+ __,
3
+ } from '../../wp-imports'
4
+
5
+ export const deprecatedSave_0_7 = ( props ) => {
6
+
7
+ const {
8
+ heading,
9
+ tagline,
10
+ des,
11
+ mediaURL,
12
+ mediaID,
13
+ headingColor,
14
+ taglineColor,
15
+ desColor,
16
+ buttonURL,
17
+ buttonText,
18
+ buttonColor,
19
+ buttonTextColor,
20
+ size,
21
+ cornerButtonRadius,
22
+ contentAlign
23
+ } = props.attributes;
24
+
25
+ const buttonStyle = {
26
+ backgroundColor: buttonColor,
27
+ color: buttonTextColor,
28
+ borderRadius: cornerButtonRadius + 'px',
29
+ }
30
+
31
+ const imageClass = mediaURL ? 'has-image' : ''
32
+
33
+ const displayNone = ( ! heading && ! tagline && ! des && ! buttonText ) ? 'has-no-content' : 'has-content'
34
+
35
+ return (
36
+ <div className={ `ugb-card ${imageClass} ${displayNone}` }>
37
+ { mediaURL && <div className="ugb-card-image-container" style={{ backgroundImage: `url(${mediaURL})`, textAlign: contentAlign }} data-src={mediaURL}></div> }
38
+ { heading && !! heading.length && (
39
+ <h4 style={ { color: headingColor, textAlign: contentAlign } }>
40
+ { heading }
41
+ </h4>
42
+ ) }
43
+ { tagline && !! tagline.length && (
44
+ <p className={ 'ugb-tagline' } style={ { color: taglineColor, textAlign: contentAlign } }>
45
+ { tagline }
46
+ </p>
47
+ ) }
48
+ { des && !! des.length && (
49
+ <p className={ 'ugb-card-des' } style={ { color: desColor, textAlign: contentAlign } }>
50
+ { des }
51
+ </p>
52
+ ) }
53
+ { buttonText && !! buttonText.length && (
54
+ <a
55
+ href={ buttonURL }
56
+ className={ `wp-ugb-button wp-block-button ugb-button-${size} ugb-button-${contentAlign}` }
57
+ style={ buttonStyle }>
58
+ { buttonText }
59
+ </a>
60
+ ) }
61
+ </div>
62
+ );
63
+ }
64
+
65
+ export const deprecatedSchema_0_7 = {
66
+ mediaID: {
67
+ type: 'number',
68
+ },
69
+ mediaURL: {
70
+ type: 'string',
71
+ source: 'attribute',
72
+ selector: '.ugb-card-image-container',
73
+ attribute: 'data-src',
74
+ },
75
+ heading: {
76
+ type: 'array',
77
+ source: 'children',
78
+ selector: '.ugb-card h4',
79
+ default: __( 'Ben Adams' )
80
+ },
81
+ tagline: {
82
+ type: 'array',
83
+ source: 'children',
84
+ selector: '.ugb-tagline',
85
+ default: __( 'Ben is the head of our small team' )
86
+ },
87
+ des: {
88
+ type: 'array',
89
+ source: 'children',
90
+ selector: '.ugb-card-des',
91
+ default: __( 'Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.' )
92
+ },
93
+ headingColor: {
94
+ type: 'string',
95
+ },
96
+ taglineColor: {
97
+ type: 'string',
98
+ },
99
+ desColor: {
100
+ type: 'string',
101
+ },
102
+ buttonURL: {
103
+ type: 'string',
104
+ source: 'attribute',
105
+ selector: '.wp-ugb-button',
106
+ attribute: 'href',
107
+ },
108
+ buttonText: {
109
+ type: 'array',
110
+ source: 'children',
111
+ selector: '.wp-block-button',
112
+ default: __( 'Button' )
113
+ },
114
+ buttonColor: {
115
+ type: 'string',
116
+ default: '#2091e1',
117
+ },
118
+ buttonTextColor: {
119
+ type: 'string',
120
+ default: '#ffffff',
121
+ },
122
+ size: {
123
+ type: 'string',
124
+ default: 'normal',
125
+ },
126
+ cornerButtonRadius: {
127
+ type: 'number',
128
+ default: 4,
129
+ },
130
+ contentAlign: {
131
+ type: 'string',
132
+ default: 'left',
133
+ },
134
+ }
src/block/card/editor.scss CHANGED
@@ -10,9 +10,6 @@
10
  padding: 0;
11
  }
12
  margin: 0 !important;
13
- button {
14
- margin: 0 30px;
15
- }
16
  &.has-image {
17
  button {
18
  width: 100%;
10
  padding: 0;
11
  }
12
  margin: 0 !important;
 
 
 
13
  &.has-image {
14
  button {
15
  width: 100%;
src/block/card/index.js CHANGED
@@ -9,6 +9,9 @@
9
  import './style.scss';
10
  import './editor.scss';
11
  import { TeamMemberIcon } from '../../icons'
 
 
 
12
 
13
  import {
14
  registerBlockType,
@@ -217,24 +220,11 @@ export const edit = ( props ) => {
217
  } }
218
  keepPlaceholderOnFocus
219
  />
220
- <span key={ 'button' }
221
- className={ `wp-block-button ugb-button-${contentAlign}` }>
222
- <RichText
223
- tagName={ 'span' }
224
- placeholder={ buttonText.default }
225
- value={ buttonText }
226
- onChange={ (text) => setAttributes( { buttonText: text } ) }
227
- className={`wp-ugb-button ugb-button-${size}`}
228
- style={ {
229
- backgroundColor: buttonColor,
230
- color: buttonTextColor,
231
- borderRadius: cornerButtonRadius + 'px',
232
- } }
233
- isSelected={ isSelected && editable === 'buttonText' }
234
- onFocus={ onSetActiveEditable( 'buttonText' ) }
235
- keepPlaceholderOnFocus
236
  />
237
- </span>
238
  </div>,
239
  isSelected && (
240
  <form
@@ -278,18 +268,10 @@ export const save = ( props ) => {
278
  contentAlign
279
  } = props.attributes;
280
 
281
- const buttonStyle = {
282
- backgroundColor: buttonColor,
283
- color: buttonTextColor,
284
- borderRadius: cornerButtonRadius + 'px',
285
- }
286
-
287
  const imageClass = mediaURL ? 'has-image' : ''
288
 
289
- const displayNone = ( ! heading.length && ! tagline.length && ! des.length && ! buttonText.length ) ? 'has-no-content' : 'has-content'
290
-
291
  return (
292
- <div className={ `ugb-card ${imageClass} ${displayNone}` }>
293
  { mediaURL && <div className="ugb-card-image-container" style={{ backgroundImage: `url(${mediaURL})`, textAlign: contentAlign }} data-src={mediaURL}></div> }
294
  { heading && !! heading.length && (
295
  <h4 style={ { color: headingColor, textAlign: contentAlign } }>
@@ -307,17 +289,82 @@ export const save = ( props ) => {
307
  </p>
308
  ) }
309
  { buttonText && !! buttonText.length && (
310
- <a
311
- href={ buttonURL }
312
- className={ `wp-ugb-button wp-block-button ugb-button-${size} ugb-button-${contentAlign}` }
313
- style={ buttonStyle }>
314
- { buttonText }
315
- </a>
316
  ) }
317
  </div>
318
  );
319
  }
320
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
321
 
322
  /**
323
  * Register: Gutenberg Block.
@@ -340,80 +387,15 @@ registerBlockType( 'ugb/card', {
340
  __( 'Card' ),
341
  __( 'Stackable' ),
342
  ],
343
- attributes: {
344
- mediaID: {
345
- type: 'number',
346
- },
347
- mediaURL: {
348
- type: 'string',
349
- source: 'attribute',
350
- selector: '.ugb-card-image-container',
351
- attribute: 'data-src',
352
- },
353
- heading: {
354
- type: 'array',
355
- source: 'children',
356
- selector: '.ugb-card h4',
357
- default: __( 'Ben Adams' )
358
- },
359
- tagline: {
360
- type: 'array',
361
- source: 'children',
362
- selector: '.ugb-tagline',
363
- default: __( 'Ben is the head of our small team' )
364
- },
365
- des: {
366
- type: 'array',
367
- source: 'children',
368
- selector: '.ugb-card-des',
369
- default: __( 'Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.' )
370
- },
371
- headingColor: {
372
- type: 'string',
373
- },
374
- taglineColor: {
375
- type: 'string',
376
- },
377
- desColor: {
378
- type: 'string',
379
- },
380
- buttonURL: {
381
- type: 'string',
382
- source: 'attribute',
383
- selector: '.wp-ugb-button',
384
- attribute: 'href',
385
- },
386
- buttonText: {
387
- type: 'array',
388
- source: 'children',
389
- selector: '.wp-block-button',
390
- default: __( 'Button' )
391
- },
392
- buttonColor: {
393
- type: 'string',
394
- default: '#2091e1',
395
- },
396
- buttonTextColor: {
397
- type: 'string',
398
- default: '#ffffff',
399
- },
400
- size: {
401
- type: 'string',
402
- default: 'normal',
403
- },
404
- cornerButtonRadius: {
405
- type: 'number',
406
- default: 4,
407
- },
408
- contentAlign: {
409
- type: 'string',
410
- default: 'left',
411
- },
412
- },
413
-
414
- // The "edit" property must be a valid function.
415
- edit: edit,
416
 
417
- // The "save" property must be specified and must be a valid function.
418
- save: save,
419
  } );
9
  import './style.scss';
10
  import './editor.scss';
11
  import { TeamMemberIcon } from '../../icons'
12
+ import ButtonEdit from '../button/button-edit'
13
+ import ButtonSave from '../button/button-save'
14
+ import { deprecatedSave_0_7, deprecatedSchema_0_7 } from './deprecated'
15
 
16
  import {
17
  registerBlockType,
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
  </div>,
229
  isSelected && (
230
  <form
268
  contentAlign
269
  } = props.attributes;
270
 
 
 
 
 
 
 
271
  const imageClass = mediaURL ? 'has-image' : ''
272
 
 
 
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
  { heading && !! heading.length && (
277
  <h4 style={ { color: headingColor, textAlign: contentAlign } }>
289
  </p>
290
  ) }
291
  { buttonText && !! buttonText.length && (
292
+ <ButtonSave size={ size } url={ buttonURL } align={ contentAlign } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
 
 
 
 
 
293
  ) }
294
  </div>
295
  );
296
  }
297
 
298
+ const schema = {
299
+ mediaID: {
300
+ type: 'number',
301
+ },
302
+ mediaURL: {
303
+ type: 'string',
304
+ source: 'attribute',
305
+ selector: '.ugb-card-image-container',
306
+ attribute: 'data-src',
307
+ },
308
+ heading: {
309
+ type: 'array',
310
+ source: 'children',
311
+ selector: '.ugb-card h4',
312
+ default: __( 'Ben Adams' )
313
+ },
314
+ tagline: {
315
+ type: 'array',
316
+ source: 'children',
317
+ selector: '.ugb-tagline',
318
+ default: __( 'Ben is the head of our small team' )
319
+ },
320
+ des: {
321
+ type: 'array',
322
+ source: 'children',
323
+ selector: '.ugb-card-des',
324
+ default: __( 'Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.' )
325
+ },
326
+ headingColor: {
327
+ type: 'string',
328
+ },
329
+ taglineColor: {
330
+ type: 'string',
331
+ },
332
+ desColor: {
333
+ type: 'string',
334
+ },
335
+ buttonURL: {
336
+ type: 'string',
337
+ source: 'attribute',
338
+ selector: '.ugb-button-inner',
339
+ attribute: 'href',
340
+ },
341
+ buttonText: {
342
+ type: 'array',
343
+ source: 'children',
344
+ selector: '.ugb-button-inner',
345
+ default: __( 'Button' )
346
+ },
347
+ buttonColor: {
348
+ type: 'string',
349
+ default: '#2091e1',
350
+ },
351
+ buttonTextColor: {
352
+ type: 'string',
353
+ default: '#ffffff',
354
+ },
355
+ size: {
356
+ type: 'string',
357
+ default: 'normal',
358
+ },
359
+ cornerButtonRadius: {
360
+ type: 'number',
361
+ default: 4,
362
+ },
363
+ contentAlign: {
364
+ type: 'string',
365
+ default: 'left',
366
+ },
367
+ }
368
 
369
  /**
370
  * Register: Gutenberg Block.
387
  __( 'Card' ),
388
  __( 'Stackable' ),
389
  ],
390
+ attributes: schema,
391
+
392
+ deprecated: [
393
+ {
394
+ attributes: deprecatedSchema_0_7,
395
+ save: deprecatedSave_0_7,
396
+ }
397
+ ],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
398
 
399
+ edit,
400
+ save,
401
  } );
src/block/card/style.scss CHANGED
@@ -5,47 +5,58 @@
5
  */
6
  .ugb-card {
7
  border-radius: 4px;
8
- box-shadow: 0 0 5px rgba(0,0,0,0.1);
9
  margin: 30px 0;
10
- padding-bottom: 30px;
11
- &:not(.has-image) {
12
- padding-top: 30px;
13
- }
 
 
 
 
 
14
  &.has-image {
15
  .ugb-card-image-container {
16
  height: 300px;
17
- width: 100%;
18
- margin: 0 auto 20px;
19
  background-size: cover;
20
  background-position: center;
21
- border-top-right-radius: 4px;
22
- border-top-left-radius: 4px;
23
  padding-top: 0px;
 
 
 
 
 
 
24
  }
25
  }
26
- > *:first-child {
27
- margin-top: 0 !important;
28
- }
29
- > *:last-child {
30
- margin-bottom: 0 !important;
31
- }
32
- > h4, > * {
33
- margin: 0 30px .5rem !important;
34
- }
35
- .wp-ugb-button {
36
- margin-top: 1rem !important;
37
- }
38
- .ugb-card-image-container {
39
- margin: 0 0 20px !important;
40
- }
41
- .ugb-tagline {
42
- opacity: .7;
43
- }
44
- .wp-block-button.ugb-button-center {
45
- margin-left: 0 !important;
46
- margin-right: 0 !important;
47
- }
48
- .wp-block-button.ugb-button-right {
49
- transform: translateX(-100%) translateX(-60px);
50
- }
51
  }
5
  */
6
  .ugb-card {
7
  border-radius: 4px;
8
+ // box-shadow: 0 0 5px rgba(0,0,0,0.1);
9
  margin: 30px 0;
10
+ // padding-bottom: 30px;
11
+ @include baseBlock();
12
+ @include box();
13
+ // box-shadow: $box-shadow;
14
+ // border-radius: $box-border-radius;
15
+ // padding: $box-padding;
16
+ // &:not(.has-image) {
17
+ // padding-top: 30px;
18
+ // }
19
  &.has-image {
20
  .ugb-card-image-container {
21
  height: 300px;
22
+ // width: 100%;
23
+ // margin: 0 auto 20px;
24
  background-size: cover;
25
  background-position: center;
26
+ border-top-right-radius: $box-radius;
27
+ border-top-left-radius: $box-radius;
28
  padding-top: 0px;
29
+ margin: -60px -35px 35px !important;
30
+ width: calc(100% + 35px * 2);
31
+ + *:not(.wp-ugb-button) {
32
+ margin-top: 0 !important;
33
+ padding-top: 0 !important;
34
+ }
35
  }
36
  }
37
+ // > *:first-child {
38
+ // margin-top: 0 !important;
39
+ // }
40
+ // > *:last-child {
41
+ // margin-bottom: 0 !important;
42
+ // }
43
+ // > h4, > * {
44
+ // margin: 0 30px .5rem !important;
45
+ // }
46
+ // .wp-ugb-button {
47
+ // margin-top: 1rem !important;
48
+ // }
49
+ // .ugb-card-image-container {
50
+ // margin: 0 0 20px !important;
51
+ // }
52
+ // .ugb-tagline {
53
+ // opacity: .7;
54
+ // }
55
+ // .wp-block-button.ugb-button-center {
56
+ // margin-left: 0 !important;
57
+ // margin-right: 0 !important;
58
+ // }
59
+ // .wp-block-button.ugb-button-right {
60
+ // transform: translateX(-100%) translateX(-60px);
61
+ // }
62
  }
src/block/count-up/style.scss CHANGED
@@ -6,6 +6,7 @@
6
  .ugb-countup {
7
  text-align: center;
8
  margin-bottom: 1em;
 
9
  h4, div, p {
10
  margin: 0 !important;
11
  line-height: 1em;
6
  .ugb-countup {
7
  text-align: center;
8
  margin-bottom: 1em;
9
+ @include baseBlock();
10
  h4, div, p {
11
  margin: 0 !important;
12
  line-height: 1em;
src/block/divider/style.scss CHANGED
@@ -9,8 +9,9 @@
9
  height: 1px;
10
  width: 100%;
11
  background-color: transparent;
12
- margin-top: 2rem;
13
- margin-bottom: 2rem;
 
14
  hr {
15
  background-color: #dddddd;
16
  border: 0 !important;
9
  height: 1px;
10
  width: 100%;
11
  background-color: transparent;
12
+ // margin-top: 2rem;
13
+ // margin-bottom: 2rem;
14
+ @include baseBlock();
15
  hr {
16
  background-color: #dddddd;
17
  border: 0 !important;
src/block/expand/style.scss CHANGED
@@ -5,6 +5,7 @@
5
  */
6
 
7
  .wp-block-ugb-expand {
 
8
  p:last-child {
9
  margin-bottom: 0;
10
  }
5
  */
6
 
7
  .wp-block-ugb-expand {
8
+ @include baseBlock();
9
  p:last-child {
10
  margin-bottom: 0;
11
  }
src/block/ghost-button/deprecated.js ADDED
@@ -0,0 +1,63 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ export const deprecatedSave_0_7 = ( props ) => {
2
+
3
+ const {
4
+ url,
5
+ text,
6
+ textAlignment,
7
+ color,
8
+ size,
9
+ cornerButtonRadius,
10
+ borderThickness
11
+ } = props.attributes;
12
+
13
+ const buttonStyle = {
14
+ borderColor: color,
15
+ color: color,
16
+ borderRadius: cornerButtonRadius + 'px',
17
+ borderWidth: borderThickness + 'px',
18
+ }
19
+
20
+ return (
21
+ <div className={ `ugb-button-${textAlignment}` }>
22
+ <a href={ url } className={ `wp-ugb-button ugb-button-${size} ugb-ghost-button` } style={ buttonStyle }>
23
+ { text }
24
+ </a>
25
+ </div>
26
+ );
27
+ }
28
+
29
+ export const deprecatedSchema_0_7 = {
30
+ url: {
31
+ type: 'string',
32
+ source: 'attribute',
33
+ selector: 'a',
34
+ attribute: 'href',
35
+ },
36
+ text: {
37
+ type: 'array',
38
+ source: 'children',
39
+ selector: 'a',
40
+ },
41
+ textAlignment: {
42
+ type: 'string',
43
+ default: 'center',
44
+ },
45
+ color: {
46
+ type: 'string',
47
+ },
48
+ textColor: {
49
+ type: 'string',
50
+ },
51
+ size: {
52
+ type: 'string',
53
+ default: 'normal',
54
+ },
55
+ cornerButtonRadius: {
56
+ type: 'number',
57
+ default: '4',
58
+ },
59
+ borderThickness: {
60
+ type: 'number',
61
+ default: '1',
62
+ }
63
+ }
src/block/ghost-button/index.js CHANGED
@@ -9,6 +9,7 @@
9
  import './style.scss';
10
  import './editor.scss';
11
  import { GhostButtonIcon } from '../../icons'
 
12
 
13
  import {
14
  registerBlockType,
@@ -16,7 +17,7 @@ import {
16
  InspectorControls,
17
  BlockControls,
18
  RichText,
19
- AlignmentToolbar,
20
  ColorPalette,
21
  PanelColorSettings,
22
  IconButton,
@@ -24,7 +25,9 @@ import {
24
  SelectControl,
25
  RangeControl,
26
  URLInput,
27
- PanelBody
 
 
28
  } from '../../wp-imports'
29
 
30
  export const edit = ( props ) => {
@@ -38,7 +41,7 @@ export const edit = ( props ) => {
38
  text,
39
  color,
40
  size,
41
- textAlignment,
42
  cornerButtonRadius,
43
  borderThickness
44
  } = props.attributes
@@ -52,30 +55,31 @@ export const edit = ( props ) => {
52
 
53
  return [
54
  isSelected && (
55
- <BlockControls key='controls'>
56
- <AlignmentToolbar
57
- value={textAlignment}
58
- onChange={ ( nextAlign ) => {
59
- setAttributes( { textAlignment: nextAlign } );
60
  } }
 
61
  />
62
  </BlockControls>
63
  ),
64
  <span key='button'
65
- className={ `wp-block-button ugb-button-${textAlignment}` }>
 
 
 
 
 
66
  <RichText
67
  tagName={ 'span' }
68
  placeholder={ __( 'Enter Text' ) }
69
  value={ text }
70
  onChange={ ( text ) => setAttributes( { text: text } ) }
71
  formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
72
- className={ `wp-ugb-button ugb-button-${size} ugb-ghost-button` }
73
- style = { {
74
- borderColor: color,
75
- color: color,
76
- borderRadius: cornerButtonRadius + 'px',
77
- borderWidth: borderThickness + 'px',
78
- } }
79
  isSelected={ isSelected }
80
  keepPlaceholderOnFocus
81
  />
@@ -125,7 +129,7 @@ export const edit = ( props ) => {
125
  <form
126
  key={ 'form-link' }
127
  onSubmit={ ( event ) => event.preventDefault() }
128
- className={ `blocks-button__inline-link ugb-button-${textAlignment}`}>
129
  <Dashicon icon={ 'admin-links' } />
130
  <URLInput
131
  value={ url }
@@ -146,7 +150,7 @@ export const save = ( props ) => {
146
  const {
147
  url,
148
  text,
149
- textAlignment,
150
  color,
151
  size,
152
  cornerButtonRadius,
@@ -155,20 +159,55 @@ export const save = ( props ) => {
155
 
156
  const buttonStyle = {
157
  borderColor: color,
158
- color: color,
159
  borderRadius: cornerButtonRadius + 'px',
160
  borderWidth: borderThickness + 'px',
161
  }
162
 
163
  return (
164
- <div className={ `ugb-button-${textAlignment}` }>
165
- <a href={ url } className={ `wp-ugb-button ugb-button-${size} ugb-ghost-button` } style={ buttonStyle }>
166
  { text }
167
  </a>
168
  </div>
169
  );
170
  }
171
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
172
  /**
173
  * Register: Gutenberg Block.
174
  *
@@ -190,45 +229,18 @@ registerBlockType( 'ugb/ghost-button', {
190
  __( 'Ghost Button' ),
191
  __( 'Stackable' ),
192
  ],
193
- attributes: {
194
- url: {
195
- type: 'string',
196
- source: 'attribute',
197
- selector: 'a',
198
- attribute: 'href',
199
- },
200
- text: {
201
- type: 'array',
202
- source: 'children',
203
- selector: 'a',
204
- },
205
- textAlignment: {
206
- type: 'string',
207
- default: 'center',
208
- },
209
- color: {
210
- type: 'string',
211
- },
212
- textColor: {
213
- type: 'string',
214
- },
215
- size: {
216
- type: 'string',
217
- default: 'normal',
218
- },
219
- cornerButtonRadius: {
220
- type: 'number',
221
- default: '4',
222
- },
223
- borderThickness: {
224
- type: 'number',
225
- default: '1',
226
- }
227
- },
228
 
229
- // The "edit" property must be a valid function.
230
- edit: edit,
 
 
 
 
 
 
 
231
 
232
- // The "save" property must be valid function.
233
- save: save,
234
  } )
9
  import './style.scss';
10
  import './editor.scss';
11
  import { GhostButtonIcon } from '../../icons'
12
+ import { deprecatedSchema_0_7, deprecatedSave_0_7 } from './deprecated'
13
 
14
  import {
15
  registerBlockType,
17
  InspectorControls,
18
  BlockControls,
19
  RichText,
20
+ BlockAlignmentToolbar,
21
  ColorPalette,
22
  PanelColorSettings,
23
  IconButton,
25
  SelectControl,
26
  RangeControl,
27
  URLInput,
28
+ PanelBody,
29
+ omit,
30
+ merge,
31
  } from '../../wp-imports'
32
 
33
  export const edit = ( props ) => {
41
  text,
42
  color,
43
  size,
44
+ align,
45
  cornerButtonRadius,
46
  borderThickness
47
  } = props.attributes
55
 
56
  return [
57
  isSelected && (
58
+ <BlockControls>
59
+ <BlockAlignmentToolbar
60
+ value={ align }
61
+ onChange={ align => {
62
+ setAttributes( { align } );
63
  } }
64
+ controls={ [ 'left', 'center', 'right', 'full' ] }
65
  />
66
  </BlockControls>
67
  ),
68
  <span key='button'
69
+ className={ `ugb-button ugb-ghost-button ugb-button-${align} ugb-button-${size}` }
70
+ style={ {
71
+ borderColor: color,
72
+ borderRadius: cornerButtonRadius + 'px',
73
+ borderWidth: borderThickness + 'px',
74
+ } } >
75
  <RichText
76
  tagName={ 'span' }
77
  placeholder={ __( 'Enter Text' ) }
78
  value={ text }
79
  onChange={ ( text ) => setAttributes( { text: text } ) }
80
  formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
81
+ className={ `ugb-button-inner` }
82
+ style={ { color } }
 
 
 
 
 
83
  isSelected={ isSelected }
84
  keepPlaceholderOnFocus
85
  />
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 }
150
  const {
151
  url,
152
  text,
153
+ align,
154
  color,
155
  size,
156
  cornerButtonRadius,
159
 
160
  const buttonStyle = {
161
  borderColor: color,
 
162
  borderRadius: cornerButtonRadius + 'px',
163
  borderWidth: borderThickness + 'px',
164
  }
165
 
166
  return (
167
+ <div className={ `ugb-button ugb-ghost-button ugb-button-${align} ugb-button-${size}` } style={ buttonStyle }>
168
+ <a href={ url } className={ `ugb-button-inner` } style={ { color } }>
169
  { text }
170
  </a>
171
  </div>
172
  );
173
  }
174
 
175
+ const schema = {
176
+ url: {
177
+ type: 'string',
178
+ source: 'attribute',
179
+ selector: 'a',
180
+ attribute: 'href',
181
+ },
182
+ text: {
183
+ type: 'array',
184
+ source: 'children',
185
+ selector: 'a',
186
+ },
187
+ align: {
188
+ type: 'string',
189
+ default: 'center',
190
+ },
191
+ color: {
192
+ type: 'string',
193
+ },
194
+ textColor: {
195
+ type: 'string',
196
+ },
197
+ size: {
198
+ type: 'string',
199
+ default: 'normal',
200
+ },
201
+ cornerButtonRadius: {
202
+ type: 'number',
203
+ default: '4',
204
+ },
205
+ borderThickness: {
206
+ type: 'number',
207
+ default: '1',
208
+ }
209
+ }
210
+
211
  /**
212
  * Register: Gutenberg Block.
213
  *
229
  __( 'Ghost Button' ),
230
  __( 'Stackable' ),
231
  ],
232
+ attributes: schema,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
233
 
234
+ deprecated: [
235
+ {
236
+ attributes: deprecatedSchema_0_7,
237
+ migrate: attributes => {
238
+ return omit( merge( attributes, { align: attributes.textAlignment } ), ['textAlignment'] )
239
+ },
240
+ save: deprecatedSave_0_7,
241
+ }
242
+ ],
243
 
244
+ edit,
245
+ save,
246
  } )
src/block/ghost-button/style.scss CHANGED
@@ -3,31 +3,39 @@
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
- .ugb-ghost-button {
 
 
7
 
8
- }
9
-
10
- .wp-block-ugb-ghost-button.ugb-button-right {
11
- margin: 10px 0;
12
- text-align: right;
13
- }
14
- .wp-block-ugb-ghost-button.ugb-button-center {
15
- margin: 10px 0;
16
- text-align: center;
17
- }
18
- .wp-block-ugb-ghost-button.ugb-button-left {
19
- margin: 10px 0;
20
- text-align: left;
21
- }
22
 
23
- .wp-block-button .wp-ugb-button.ugb-ghost-button,
24
- .wp-block-ugb-ghost-button .wp-ugb-button.ugb-ghost-button {
 
 
25
  background-color: transparent;
26
  border: 2px solid #2091e1;
27
- color: #2091e1;
 
 
 
 
28
  &:hover {
29
  opacity: .85;
30
  box-shadow: none !important;
31
- color: #2091e1;
 
 
32
  }
33
  }
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
+ // .wp-block-ugb-ghost-button {
7
+ // @include baseBlock();
8
+ // }
9
 
10
+ // .wp-block-ugb-ghost-button.ugb-button-right {
11
+ // margin: 10px 0;
12
+ // text-align: right;
13
+ // }
14
+ // .wp-block-ugb-ghost-button.ugb-button-center {
15
+ // // margin: 10px 0;
16
+ // text-align: center;
17
+ // }
18
+ // .wp-block-ugb-ghost-button.ugb-button-left {
19
+ // margin: 10px 0;
20
+ // text-align: left;
21
+ // }
 
 
22
 
23
+ // .wp-block-button .wp-ugb-button.ugb-ghost-button,
24
+ // .wp-block-ugb-ghost-button .wp-ugb-button.ugb-ghost-button {
25
+ //.ugb-ghost-button .ugb-button-inner {
26
+ .ugb-button.ugb-ghost-button {
27
  background-color: transparent;
28
  border: 2px solid #2091e1;
29
+ padding-left: 1.25em;
30
+ padding-right: 1.25em;
31
+ .ugb-button-inner {
32
+ color: #2091e1;
33
+ }
34
  &:hover {
35
  opacity: .85;
36
  box-shadow: none !important;
37
+ .ugb-button-inner {
38
+ color: #2091e1;
39
+ }
40
  }
41
  }
src/block/header/deprecated.js ADDED
@@ -0,0 +1,155 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import classnames from 'classnames';
2
+
3
+ import {
4
+ __,
5
+ } from '../../wp-imports'
6
+
7
+ export const deprecatedSave_0_7 = ( props ) => {
8
+
9
+ const {
10
+ url,
11
+ buttonURL,
12
+ buttonText,
13
+ buttonColor,
14
+ buttonTextColor,
15
+ cornerButtonRadius,
16
+ size,
17
+ title,
18
+ titleColor,
19
+ subtitle,
20
+ subtitleColor,
21
+ contentAlign,
22
+ id,
23
+ backgroundColor,
24
+ opacity
25
+ } = props.attributes
26
+
27
+ const buttonStyle = {
28
+ backgroundColor: buttonColor,
29
+ color: buttonTextColor,
30
+ borderRadius: cornerButtonRadius + 'px',
31
+ }
32
+
33
+ const style = url ? { backgroundImage: `url(${ url })` } : undefined
34
+
35
+ const imageClass = url ? 'has-image' : ''
36
+
37
+ const opacityClass = classnames(
38
+ opacityToClass( opacity ),
39
+ {
40
+ 'overlay-opacity': opacity !== 0,
41
+ }
42
+ );
43
+
44
+ const displayNone = ( ! title && ! subtitle && ! buttonText ) ? 'has-no-content' : 'has-content'
45
+
46
+ return (
47
+ <div className={ `ugb-header ${imageClass} ${displayNone}` }>
48
+ <div className={ `ugb-header-overlay ${opacityClass}` }
49
+ style={ { backgroundColor: backgroundColor } }>
50
+ </div>
51
+ <section
52
+ key="preview"
53
+ data-url={ url }
54
+ style={ style }
55
+ className={ 'ugb-header-section' }>
56
+ { title && !! title.length && (
57
+ <h2 className={ 'ugb-header-title' } style={ { color: titleColor } }>
58
+ { title }
59
+ </h2>
60
+ ) }
61
+ { subtitle && !! subtitle.length && (
62
+ <p className={ 'ugb-header-subtitle' } style={ { color: subtitleColor } }>
63
+ { subtitle }
64
+ </p>
65
+ ) }
66
+ { buttonText && !! buttonText.length && (
67
+ <a
68
+ href={ buttonURL }
69
+ className={ `wp-ugb-button ugb-button-${size}` }
70
+ style={ buttonStyle }>
71
+ { buttonText }
72
+ </a>
73
+ ) }
74
+ </section>
75
+ </div>
76
+ );
77
+ }
78
+
79
+ function opacityToClass( ratio ) {
80
+ return ( ratio === 0 ) ?
81
+ null :
82
+ 'overlay-opacity-' + ( 1 * Math.round( ratio / 1 ) );
83
+ }
84
+
85
+ export const deprecatedSchema_0_7 = {
86
+ title: {
87
+ type: 'array',
88
+ source: 'children',
89
+ selector: 'h2',
90
+ default: __( 'Heading Title' )
91
+ },
92
+ subtitle: {
93
+ type: 'array',
94
+ source: 'children',
95
+ selector: 'p',
96
+ default: __( '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.' )
97
+ },
98
+ url: {
99
+ type: 'string',
100
+ source: 'attribute',
101
+ selector: '.ugb-header .ugb-header-section',
102
+ attribute: 'data-url',
103
+ },
104
+ buttonURL: {
105
+ type: 'string',
106
+ source: 'attribute',
107
+ selector: 'a',
108
+ attribute: 'href',
109
+ },
110
+ titleColor: {
111
+ type: 'string',
112
+ default: '#ffffff',
113
+ },
114
+ subtitleColor: {
115
+ type: 'string',
116
+ default: '#ffffff',
117
+ },
118
+ buttonText: {
119
+ type: 'array',
120
+ source: 'children',
121
+ selector: '.ugb-header a.wp-ugb-button',
122
+ default: __( 'Button' )
123
+ },
124
+ buttonColor: {
125
+ type: 'string',
126
+ default: '#2091e1',
127
+ },
128
+ buttonTextColor: {
129
+ type: 'string',
130
+ default: '#ffffff',
131
+ },
132
+ size: {
133
+ type: 'string',
134
+ default: 'normal',
135
+ },
136
+ cornerButtonRadius: {
137
+ type: 'number',
138
+ default: 4,
139
+ },
140
+ contentAlign: {
141
+ type: 'string',
142
+ default: 'center',
143
+ },
144
+ id: {
145
+ type: 'number',
146
+ },
147
+ backgroundColor: {
148
+ type: 'string',
149
+ default: '#000000',
150
+ },
151
+ opacity: {
152
+ type: 'number',
153
+ default: 5,
154
+ },
155
+ }
src/block/header/index.js CHANGED
@@ -11,6 +11,9 @@ import classnames from 'classnames';
11
  import './style.scss';
12
  import './editor.scss';
13
  import { HeaderIcon } from '../../icons'
 
 
 
14
 
15
  import {
16
  registerBlockType,
@@ -138,7 +141,7 @@ export const edit = ( props ) => {
138
  </PanelBody>
139
  <PanelColorSettings
140
  initialOpen={ false }
141
- title={ __( 'Text Colors' ) }
142
  colorSettings={ [
143
  {
144
  value: titleColor,
@@ -235,25 +238,11 @@ export const edit = ( props ) => {
235
  color: subtitleColor
236
  } }
237
  />
238
- <span key={ 'button' }
239
- className={ `wp-block-button ugb-button-${contentAlign}` }>
240
- <RichText
241
- tagName={ 'span' }
242
- placeholder={ buttonText.default }
243
- value={ buttonText }
244
- onChange={ (text) => setAttributes( { buttonText: text } ) }
245
- className={`wp-ugb-button ugb-button-${size}`}
246
- style={ {
247
- backgroundColor: buttonColor,
248
- color: buttonTextColor,
249
- borderRadius: cornerButtonRadius + 'px',
250
- } }
251
- isSelected={ isSelected && editable === 'buttonText' }
252
- onFocus={ onSetActiveEditable( 'buttonText' ) }
253
- keepPlaceholderOnFocus
254
  />
255
- </span>
256
-
257
  </section>
258
  </div>,
259
  isSelected && (
@@ -296,12 +285,6 @@ export const save = ( props ) => {
296
  opacity
297
  } = props.attributes
298
 
299
- const buttonStyle = {
300
- backgroundColor: buttonColor,
301
- color: buttonTextColor,
302
- borderRadius: cornerButtonRadius + 'px',
303
- }
304
-
305
  const style = url ? { backgroundImage: `url(${ url })` } : undefined
306
 
307
  const imageClass = url ? 'has-image' : ''
@@ -336,18 +319,85 @@ export const save = ( props ) => {
336
  </p>
337
  ) }
338
  { buttonText && !! buttonText.length && (
339
- <a
340
- href={ buttonURL }
341
- className={ `wp-ugb-button ugb-button-${size}` }
342
- style={ buttonStyle }>
343
- { buttonText }
344
- </a>
345
  ) }
346
  </section>
347
  </div>
348
  );
349
  }
350
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
351
 
352
  /**
353
  * Register: Gutenberg Block.
@@ -370,83 +420,21 @@ registerBlockType( 'ugb/header', {
370
  __( 'Header' ),
371
  __( 'Stackable' ),
372
  ],
373
- attributes: {
374
- title: {
375
- type: 'array',
376
- source: 'children',
377
- selector: 'h2',
378
- default: __( 'Heading Title' )
379
- },
380
- subtitle: {
381
- type: 'array',
382
- source: 'children',
383
- selector: 'p',
384
- default: __( '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.' )
385
- },
386
- url: {
387
- type: 'string',
388
- source: 'attribute',
389
- selector: '.ugb-header .ugb-header-section',
390
- attribute: 'data-url',
391
- },
392
- buttonURL: {
393
- type: 'string',
394
- source: 'attribute',
395
- selector: 'a',
396
- attribute: 'href',
397
- },
398
- titleColor: {
399
- type: 'string',
400
- default: '#ffffff',
401
- },
402
- subtitleColor: {
403
- type: 'string',
404
- default: '#ffffff',
405
- },
406
- buttonText: {
407
- type: 'array',
408
- source: 'children',
409
- selector: '.ugb-header a.wp-ugb-button',
410
- default: __( 'Button' )
411
- },
412
- buttonColor: {
413
- type: 'string',
414
- default: '#2091e1',
415
- },
416
- buttonTextColor: {
417
- type: 'string',
418
- default: '#ffffff',
419
- },
420
- size: {
421
- type: 'string',
422
- default: 'normal',
423
- },
424
- cornerButtonRadius: {
425
- type: 'number',
426
- default: 4,
427
- },
428
- contentAlign: {
429
- type: 'string',
430
- default: 'center',
431
- },
432
- id: {
433
- type: 'number',
434
- },
435
- backgroundColor: {
436
- type: 'string',
437
- default: '#000000',
438
- },
439
- opacity: {
440
- type: 'number',
441
- default: 5,
442
- },
443
  },
 
444
 
445
- // The "edit" property must be a valid function.
446
- edit: edit,
 
 
 
 
447
 
448
- // The "save" property must be specified and must be a valid function.
449
- save: save,
450
  } );
451
 
452
  function opacityToClass( ratio ) {
11
  import './style.scss';
12
  import './editor.scss';
13
  import { HeaderIcon } from '../../icons'
14
+ import ButtonEdit from '../button/button-edit'
15
+ import ButtonSave from '../button/button-save'
16
+ import { deprecatedSave_0_7, deprecatedSchema_0_7 } from './deprecated'
17
 
18
  import {
19
  registerBlockType,
141
  </PanelBody>
142
  <PanelColorSettings
143
  initialOpen={ false }
144
+ title={ __( 'Header Colors' ) }
145
  colorSettings={ [
146
  {
147
  value: titleColor,
238
  color: subtitleColor
239
  } }
240
  />
241
+ <ButtonEdit size={ size } align={ contentAlign } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText } borderRadius={ cornerButtonRadius }
242
+ onChange={ (text) => setAttributes( { buttonText: text } ) }
243
+ isSelected={ isSelected && editable === 'buttonText' }
244
+ onFocus={ onSetActiveEditable( 'buttonText' ) }
 
 
 
 
 
 
 
 
 
 
 
 
245
  />
 
 
246
  </section>
247
  </div>,
248
  isSelected && (
285
  opacity
286
  } = props.attributes
287
 
 
 
 
 
 
 
288
  const style = url ? { backgroundImage: `url(${ url })` } : undefined
289
 
290
  const imageClass = url ? 'has-image' : ''
319
  </p>
320
  ) }
321
  { buttonText && !! buttonText.length && (
322
+ <ButtonSave size={ size } url={ buttonURL } align={ contentAlign } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
 
 
 
 
 
323
  ) }
324
  </section>
325
  </div>
326
  );
327
  }
328
 
329
+ const schema = {
330
+ title: {
331
+ type: 'array',
332
+ source: 'children',
333
+ selector: 'h2',
334
+ default: __( 'Heading Title' )
335
+ },
336
+ subtitle: {
337
+ type: 'array',
338
+ source: 'children',
339
+ selector: 'p',
340
+ default: __( '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.' )
341
+ },
342
+ url: {
343
+ type: 'string',
344
+ source: 'attribute',
345
+ selector: '.ugb-header .ugb-header-section',
346
+ attribute: 'data-url',
347
+ },
348
+ buttonURL: {
349
+ type: 'string',
350
+ source: 'attribute',
351
+ selector: '.ugb-button-inner',
352
+ attribute: 'href',
353
+ },
354
+ titleColor: {
355
+ type: 'string',
356
+ default: '#ffffff',
357
+ },
358
+ subtitleColor: {
359
+ type: 'string',
360
+ default: '#ffffff',
361
+ },
362
+ buttonText: {
363
+ type: 'array',
364
+ source: 'children',
365
+ selector: '.ugb-button-inner',
366
+ default: __( 'Button' )
367
+ },
368
+ buttonColor: {
369
+ type: 'string',
370
+ default: '#2091e1',
371
+ },
372
+ buttonTextColor: {
373
+ type: 'string',
374
+ default: '#ffffff',
375
+ },
376
+ size: {
377
+ type: 'string',
378
+ default: 'normal',
379
+ },
380
+ cornerButtonRadius: {
381
+ type: 'number',
382
+ default: 4,
383
+ },
384
+ contentAlign: {
385
+ type: 'string',
386
+ default: 'center',
387
+ },
388
+ id: {
389
+ type: 'number',
390
+ },
391
+ backgroundColor: {
392
+ type: 'string',
393
+ default: '#000000',
394
+ },
395
+ opacity: {
396
+ type: 'number',
397
+ default: 5,
398
+ },
399
+ }
400
+
401
 
402
  /**
403
  * Register: Gutenberg Block.
420
  __( 'Header' ),
421
  __( 'Stackable' ),
422
  ],
423
+ supports: {
424
+ align: true,
425
+ align: [ 'center', 'wide', 'full' ],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
426
  },
427
+ attributes: schema,
428
 
429
+ deprecated: [
430
+ {
431
+ attributes: deprecatedSchema_0_7,
432
+ save: deprecatedSave_0_7,
433
+ }
434
+ ],
435
 
436
+ edit,
437
+ save,
438
  } );
439
 
440
  function opacityToClass( ratio ) {
src/block/header/style.scss CHANGED
@@ -13,6 +13,7 @@
13
  }
14
  }
15
  .ugb-header {
 
16
  text-align: center;
17
  padding: 9.5rem 4rem;
18
  position: relative;
@@ -22,6 +23,7 @@
22
  left: 0;
23
  right: 0;
24
  bottom: 0;
 
25
  }
26
  .header-image {
27
  height: 400px;
@@ -60,7 +62,7 @@
60
  margin-bottom: .5em;
61
  position: relative;
62
  }
63
- .wp-ugb-button {
64
  position: relative;
65
  }
66
  }
13
  }
14
  }
15
  .ugb-header {
16
+ @include baseBlock();
17
  text-align: center;
18
  padding: 9.5rem 4rem;
19
  position: relative;
23
  left: 0;
24
  right: 0;
25
  bottom: 0;
26
+ margin: 0 !important;
27
  }
28
  .header-image {
29
  height: 400px;
62
  margin-bottom: .5em;
63
  position: relative;
64
  }
65
+ .ugb-button {
66
  position: relative;
67
  }
68
  }
src/block/image-box/style.scss CHANGED
@@ -3,7 +3,7 @@
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
- .ugb-image-box {
7
  background-size: cover;
8
  background-position: center;
9
  padding: 2rem;
@@ -11,9 +11,13 @@
11
  flex-direction: column;
12
  justify-content: center;
13
  align-items: center;
14
- margin: 0 auto;
15
- position: relative;
16
  background-color: #999;
 
 
 
 
17
  * {
18
  transition: all .4s ease-in-out !important;
19
  border: 0 !important;
@@ -32,6 +36,7 @@
32
  bottom: 0;
33
  opacity: 0;
34
  pointer-events: none;
 
35
  }
36
  h4, p {
37
  z-index: 3;
3
  *
4
  * CSS for both Frontend+Backend.
5
  */
6
+ .ugb-image-box {
7
  background-size: cover;
8
  background-position: center;
9
  padding: 2rem;
11
  flex-direction: column;
12
  justify-content: center;
13
  align-items: center;
14
+ position: relative;
15
+ overflow: hidden;
16
  background-color: #999;
17
+ @include baseBlock();
18
+ @include box();
19
+ margin-left: auto;
20
+ margin-right: auto;
21
  * {
22
  transition: all .4s ease-in-out !important;
23
  border: 0 !important;
36
  bottom: 0;
37
  opacity: 0;
38
  pointer-events: none;
39
+ margin: 0 !important;
40
  }
41
  h4, p {
42
  z-index: 3;
src/block/notification/style.scss CHANGED
@@ -9,8 +9,11 @@
9
  }
10
  .wp-ugb-notif {
11
  border-radius: 4px;
12
- padding: 1.3em 1.5em;
13
  color: #ffffff;
 
 
 
14
  }
15
  .notif-success {
16
  background-color: #40ba7b;
@@ -46,7 +49,7 @@
46
 
47
  .ugb-notification.dismissible-true {
48
  .wp-ugb-notif {
49
- padding-right: 4rem;
50
  }
51
  }
52
 
9
  }
10
  .wp-ugb-notif {
11
  border-radius: 4px;
12
+ // padding: 1.3em 1.5em;
13
  color: #ffffff;
14
+ @include baseBlock();
15
+ @include box();
16
+ padding: $box-hori-padding;
17
  }
18
  .notif-success {
19
  background-color: #40ba7b;
49
 
50
  .ugb-notification.dismissible-true {
51
  .wp-ugb-notif {
52
+ padding-right: $box-vert-padding;
53
  }
54
  }
55
 
src/block/number-box/style.scss CHANGED
@@ -4,8 +4,15 @@
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-number-box {
 
 
 
 
 
 
7
  display: flex;
8
- margin: 1rem 0;
 
9
  span, .blocks-rich-text span {
10
  background-color: #ddd;
11
  border-radius: 100%;
@@ -22,27 +29,35 @@
22
  }
23
  > div {
24
  text-align: center;
25
- margin: 0 auto;
 
 
 
 
 
 
 
 
26
  p {
27
  text-align: center;
28
  }
29
  }
30
  }
31
- .ugb-number-box {
32
- .ugb-number-box-name,
33
- .ugb-number-box-name-two,
34
- .ugb-number-box-name-three {
35
- margin: 1.3rem 0 1rem;
36
- padding-top: 0;
37
- }
38
- .ugb-number-box-body,
39
- .ugb-number-box-body-two,
40
- .ugb-number-box-body-three {
41
- opacity: .5;
42
- margin: 0 0 1rem;
43
- left: 0;
44
- }
45
- }
46
 
47
  .ugb-number-box.column-1 {
48
  .ugb-number-box-column-two,
@@ -51,49 +66,49 @@
51
  }
52
  }
53
  .ugb-number-box.column-2 {
54
- .ugb-number-box-column-one {
55
- margin-right: 1rem;
56
- }
57
- .ugb-number-box-column-two {
58
- margin-left: 1rem;
59
- }
60
- > div {
61
- width: 50%;
62
- }
63
  .ugb-number-box-column-three {
64
  display: none;
65
  }
66
  }
67
- .ugb-number-box.column-3 {
68
- > div {
69
- width: 33.2%;
70
- margin-left: 1rem;
71
- margin-right: 1rem;
72
- }
73
- > div:first-child {
74
- margin-left: 0;
75
- }
76
- > div:last-child {
77
- margin-right: 0;
78
- }
79
- }
80
 
81
- @media screen and (max-width: 800px) {
82
- .ugb-number-box.column-3.column-3 {
83
- display: block;
84
- > div {
85
- width: 100%;
86
- margin: 0;
87
- }
88
- }
89
- }
90
 
91
- @media screen and (max-width: 600px) {
92
- .ugb-number-box.column-2.column-2 {
93
- display: block;
94
- > div {
95
- width: 100%;
96
- margin: 0;
97
- }
98
- }
99
- }
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);
16
  span, .blocks-rich-text span {
17
  background-color: #ddd;
18
  border-radius: 100%;
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 {
39
+ margin: ($box-hori-padding / 2) !important;
40
+ }
41
  p {
42
  text-align: center;
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
  .ugb-number-box-column-two,
66
  }
67
  }
68
  .ugb-number-box.column-2 {
69
+ // .ugb-number-box-column-one {
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
+ // }
src/block/pricing-box/deprecated.js ADDED
@@ -0,0 +1,136 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ export const deprecatedSave_0_7 = ( props ) => {
2
+ const {
3
+ url,
4
+ url2,
5
+ url3,
6
+ pricingBoxTitle,
7
+ pricingBoxTitle2,
8
+ pricingBoxTitle3,
9
+ price,
10
+ price2,
11
+ price3,
12
+ perMonthLabel,
13
+ perMonthLabel2,
14
+ perMonthLabel3,
15
+ buttonText,
16
+ buttonText2,
17
+ buttonText3,
18
+ featureList,
19
+ featureList2,
20
+ featureList3,
21
+ pricingBoxColor,
22
+ priceColor,
23
+ perMonthLabelColor,
24
+ buttonColor,
25
+ buttonTextColor,
26
+ featureListColor,
27
+ columns,
28
+ size,
29
+ cornerButtonRadius,
30
+ } = props.attributes;
31
+
32
+ const buttonStyle = {
33
+ backgroundColor: buttonColor,
34
+ color: buttonTextColor,
35
+ borderRadius: cornerButtonRadius + 'px',
36
+ }
37
+
38
+ return (
39
+ <div className={ `ugb-pricing-box column-${columns}` }>
40
+ <div className={ 'ugb-pricing-box-column-one' }>
41
+ { pricingBoxTitle && !! pricingBoxTitle.length && (
42
+ <h3 style={ { color: pricingBoxColor } }>
43
+ { pricingBoxTitle }
44
+ </h3>
45
+ ) }
46
+ { price && !! price.length && (
47
+ <p className={ 'ugb-pricing-box-pricing' } style={ { color: priceColor } }>
48
+ { price }
49
+ </p>
50
+ ) }
51
+ { perMonthLabel && !! perMonthLabel.length && (
52
+ <p className={ 'ugb-pricing-box-per-month-label' } style={ { color: perMonthLabelColor } }>
53
+ { perMonthLabel }
54
+ </p>
55
+ ) }
56
+ { buttonText && !! buttonText.length && (
57
+ <a
58
+ href={ url }
59
+ className={ `wp-ugb-button ugb-button-${size}` }
60
+ style={ buttonStyle }>
61
+ { buttonText }
62
+ </a>
63
+ ) }
64
+ { featureList && !! featureList.length && (
65
+ <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
66
+ { featureList }
67
+ </p>
68
+ ) }
69
+ </div>
70
+ { columns > 1 && (
71
+ <div className={ 'ugb-pricing-box-column-two' }>
72
+ { pricingBoxTitle2 && !! pricingBoxTitle2.length && (
73
+ <h3 style={ { color: pricingBoxColor } }>
74
+ { pricingBoxTitle2 }
75
+ </h3>
76
+ ) }
77
+ { price2 && !! price2.length && (
78
+ <p className={ 'ugb-pricing-box-pricing' } style={ { color: priceColor } }>
79
+ { price2 }
80
+ </p>
81
+ ) }
82
+ { perMonthLabel2 && !! perMonthLabel2.length && (
83
+ <p className={ 'ugb-pricing-box-per-month-label' } style={ { color: perMonthLabelColor } }>
84
+ { perMonthLabel2 }
85
+ </p>
86
+ ) }
87
+ { buttonText2 && !! buttonText2.length && (
88
+ <a
89
+ href={ url2 }
90
+ className={ `wp-ugb-button ugb-button-${size}` }
91
+ style={ buttonStyle }>
92
+ { buttonText2 }
93
+ </a>
94
+ ) }
95
+ { featureList2 && !! featureList2.length && (
96
+ <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
97
+ { featureList2 }
98
+ </p>
99
+ ) }
100
+ </div>
101
+ ) }
102
+ { columns > 2 && (
103
+ <div className={ 'ugb-pricing-box-column-three' }>
104
+ { pricingBoxTitle3 && !! pricingBoxTitle3.length && (
105
+ <h3 style={ { color: pricingBoxColor } }>
106
+ { pricingBoxTitle3 }
107
+ </h3>
108
+ ) }
109
+ { price3 && !! price3.length && (
110
+ <p className={ 'ugb-pricing-box-pricing' } style={ { color: priceColor } }>
111
+ { price3 }
112
+ </p>
113
+ ) }
114
+ { perMonthLabel3 && !! perMonthLabel3.length && (
115
+ <p className={ 'ugb-pricing-box-per-month-label' } style={ { color: perMonthLabelColor } }>
116
+ { perMonthLabel3 }
117
+ </p>
118
+ ) }
119
+ { buttonText3 && !! buttonText3.length && (
120
+ <a
121
+ href={ url3 }
122
+ className={ `wp-ugb-button ugb-button-${size}` }
123
+ style={ buttonStyle }>
124
+ { buttonText3 }
125
+ </a>
126
+ ) }
127
+ { featureList3 && !! featureList3.length && (
128
+ <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
129
+ { featureList3 }
130
+ </p>
131
+ ) }
132
+ </div>
133
+ ) }
134
+ </div>
135
+ );
136
+ }
src/block/pricing-box/index.js CHANGED
@@ -9,6 +9,9 @@
9
  import './style.scss';
10
  import './editor.scss';
11
  import { PricingIcon } from '../../icons'
 
 
 
12
 
13
  import {
14
  registerBlockType,
@@ -22,8 +25,10 @@ import {
22
  RichText,
23
  ColorPalette,
24
  BlockControls,
 
25
  PanelBody,
26
- URLInput
 
27
  } from '../../wp-imports'
28
 
29
  export const edit = ( props ) => {
@@ -62,7 +67,7 @@ export const edit = ( props ) => {
62
  featureListColor,
63
  columns,
64
  size,
65
- cornerButtonRadius
66
  } = props.attributes;
67
 
68
  const column = [
@@ -199,25 +204,11 @@ export const edit = ( props ) => {
199
  } }
200
  keepPlaceholderOnFocus
201
  />
202
- <span key={ 'button' }
203
- // title={ title }
204
- className={ 'wp-block-button' }>
205
- <RichText
206
- tagName={ 'span' }
207
- // placeholder={ buttonText.default }
208
- value={ buttonText }
209
- onChange={ (text) => setAttributes( { buttonText: text } ) }
210
- className={`wp-ugb-button ugb-button-${size}`}
211
- isSelected={ isSelected && editable === 'buttonText' }
212
- onFocus={ onSetActiveEditable( 'buttonText' ) }
213
- style={ {
214
- backgroundColor: buttonColor,
215
- color: buttonTextColor,
216
- borderRadius: cornerButtonRadius + 'px',
217
- } }
218
- keepPlaceholderOnFocus
219
  />
220
- </span>
221
  <RichText
222
  tagName={'p'}
223
  // placeholder={ featureList.default }
@@ -290,25 +281,11 @@ export const edit = ( props ) => {
290
  } }
291
  keepPlaceholderOnFocus
292
  />
293
- <span key={ 'button' }
294
- // title={ title }
295
- className={ 'wp-block-button' }>
296
- <RichText
297
- tagName={ 'span' }
298
- // placeholder={ buttonText2.default }
299
- value={ buttonText2 }
300
- onChange={ (text) => setAttributes( { buttonText2: text } ) }
301
- className={`wp-ugb-button ugb-button-${size}`}
302
- isSelected={ isSelected && editable === 'buttonText2' }
303
- onFocus={ onSetActiveEditable( 'buttonText2' ) }
304
- style={ {
305
- backgroundColor: buttonColor,
306
- color: buttonTextColor,
307
- borderRadius: cornerButtonRadius + 'px',
308
- } }
309
- keepPlaceholderOnFocus
310
  />
311
- </span>
312
  <RichText
313
  tagName={'p'}
314
  // placeholder={ featureList2.default }
@@ -381,25 +358,11 @@ export const edit = ( props ) => {
381
  } }
382
  keepPlaceholderOnFocus
383
  />
384
- <span key={ 'button' }
385
- // title={ title }
386
- className={ 'wp-block-button' }>
387
- <RichText
388
- tagName={ 'span' }
389
- // placeholder={ buttonText3.default }
390
- value={ buttonText3 }
391
- onChange={ (text) => setAttributes( { buttonText3: text } ) }
392
- className={`wp-ugb-button ugb-button-${size}`}
393
- isSelected={ isSelected && editable === 'buttonText3' }
394
- onFocus={ onSetActiveEditable( 'buttonText3' ) }
395
- style={ {
396
- backgroundColor: buttonColor,
397
- color: buttonTextColor,
398
- borderRadius: cornerButtonRadius + 'px',
399
- } }
400
- keepPlaceholderOnFocus
401
  />
402
- </span>
403
  <RichText
404
  tagName={'p'}
405
  // placeholder={ featureList3.default }
@@ -465,15 +428,9 @@ export const save = ( props ) => {
465
  featureListColor,
466
  columns,
467
  size,
468
- cornerButtonRadius
469
  } = props.attributes;
470
 
471
- const buttonStyle = {
472
- backgroundColor: buttonColor,
473
- color: buttonTextColor,
474
- borderRadius: cornerButtonRadius + 'px',
475
- }
476
-
477
  return (
478
  <div className={ `ugb-pricing-box column-${columns}` }>
479
  <div className={ 'ugb-pricing-box-column-one' }>
@@ -493,12 +450,7 @@ export const save = ( props ) => {
493
  </p>
494
  ) }
495
  { buttonText && !! buttonText.length && (
496
- <a
497
- href={ url }
498
- className={ `wp-ugb-button ugb-button-${size}` }
499
- style={ buttonStyle }>
500
- { buttonText }
501
- </a>
502
  ) }
503
  { featureList && !! featureList.length && (
504
  <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
@@ -524,12 +476,7 @@ export const save = ( props ) => {
524
  </p>
525
  ) }
526
  { buttonText2 && !! buttonText2.length && (
527
- <a
528
- href={ url2 }
529
- className={ `wp-ugb-button ugb-button-${size}` }
530
- style={ buttonStyle }>
531
- { buttonText2 }
532
- </a>
533
  ) }
534
  { featureList2 && !! featureList2.length && (
535
  <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
@@ -556,12 +503,7 @@ export const save = ( props ) => {
556
  </p>
557
  ) }
558
  { buttonText3 && !! buttonText3.length && (
559
- <a
560
- href={ url3 }
561
- className={ `wp-ugb-button ugb-button-${size}` }
562
- style={ buttonStyle }>
563
- { buttonText3 }
564
- </a>
565
  ) }
566
  { featureList3 && !! featureList3.length && (
567
  <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
@@ -574,6 +516,147 @@ export const save = ( props ) => {
574
  );
575
  }
576
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
577
 
578
  /**
579
  * Register: Gutenberg Block.
@@ -591,155 +674,19 @@ registerBlockType( 'ugb/pricing-box', {
591
  // Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.
592
  title: __( 'Pricing Box' ), // Block title.
593
  icon: PricingIcon, // Block icon from Dashicons → https://developer.wordpress.org/resource/dashicons/.
594
- category: 'stackable-ultimate-gutenberg-blocks', // Block category — Group blocks together based on common traits E.g. common, formatting, layout widgets, embed.
595
  keywords: [
596
  __( 'Pricing Box' ),
597
  __( 'Stackable' ),
598
  ],
599
- attributes: {
600
- url: {
601
- type: 'string',
602
- source: 'attribute',
603
- selector: '.ugb-pricing-box-column-one a',
604
- attribute: 'href',
605
- },
606
- url2: {
607
- type: 'string',
608
- source: 'attribute',
609
- selector: '.ugb-pricing-box-column-two a',
610
- attribute: 'href',
611
- },
612
- url3: {
613
- type: 'string',
614
- source: 'attribute',
615
- selector: '.ugb-pricing-box-column-three a',
616
- attribute: 'href',
617
- },
618
- pricingBoxTitle: {
619
- type: 'array',
620
- source: 'children',
621
- selector: '.ugb-pricing-box-column-one h3',
622
- default: __( 'Basic' ),
623
- },
624
- pricingBoxTitle2: {
625
- type: 'array',
626
- source: 'children',
627
- selector: '.ugb-pricing-box-column-two h3',
628
- default: __( 'Basic' ),
629
- },
630
- pricingBoxTitle3: {
631
- type: 'array',
632
- source: 'children',
633
- selector: '.ugb-pricing-box-column-three h3',
634
- default: __( 'Basic' ),
635
- },
636
- price: {
637
- type: 'array',
638
- source: 'children',
639
- selector: '.ugb-pricing-box-column-one .ugb-pricing-box-pricing',
640
- default: __( '$9' ),
641
- },
642
- price2: {
643
- type: 'array',
644
- source: 'children',
645
- selector: '.ugb-pricing-box-column-two .ugb-pricing-box-pricing',
646
- default: __( '$9' ),
647
- },
648
- price3: {
649
- type: 'array',
650
- source: 'children',
651
- selector: '.ugb-pricing-box-column-three .ugb-pricing-box-pricing',
652
- default: __( '$9' ),
653
- },
654
- perMonthLabel: {
655
- type: 'array',
656
- source: 'children',
657
- selector: '.ugb-pricing-box-column-one .ugb-pricing-box-per-month-label',
658
- default: __( 'per month' ),
659
- },
660
- perMonthLabel2: {
661
- type: 'array',
662
- source: 'children',
663
- selector: '.ugb-pricing-box-column-two .ugb-pricing-box-per-month-label',
664
- default: __( 'per month' ),
665
- },
666
- perMonthLabel3: {
667
- type: 'array',
668
- source: 'children',
669
- selector: '.ugb-pricing-box-column-three .ugb-pricing-box-per-month-label',
670
- default: __( 'per month' ),
671
- },
672
- buttonText: {
673
- type: 'array',
674
- source: 'children',
675
- selector: '.ugb-pricing-box-column-one a',
676
- default: __( 'Buy Now'),
677
- },
678
- buttonText2: {
679
- type: 'array',
680
- source: 'children',
681
- selector: '.ugb-pricing-box-column-two a',
682
- default: __( 'Buy Now'),
683
- },
684
- buttonText3: {
685
- type: 'array',
686
- source: 'children',
687
- selector: '.ugb-pricing-box-column-three a',
688
- default: __( 'Buy Now'),
689
- },
690
- featureList: {
691
- type: 'array',
692
- source: 'children',
693
- selector: '.ugb-pricing-box-column-one .ugb-pricing-box-feature-list',
694
- default: __( 'Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec' ),
695
- },
696
- featureList2: {
697
- type: 'array',
698
- source: 'children',
699
- selector: '.ugb-pricing-box-column-two .ugb-pricing-box-feature-list',
700
- default: __( 'Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec' ),
701
- },
702
- featureList3: {
703
- type: 'array',
704
- source: 'children',
705
- selector: '.ugb-pricing-box-column-three .ugb-pricing-box-feature-list',
706
- default: __( 'Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec' ),
707
- },
708
- pricingBoxColor: {
709
- type: 'string',
710
- },
711
- priceColor: {
712
- type: 'string',
713
- },
714
- perMonthLabelColor: {
715
- type: 'string',
716
- },
717
- buttonColor: {
718
- type: 'string',
719
- },
720
- buttonTextColor: {
721
- type: 'string',
722
- },
723
- featureListColor: {
724
- type: 'string',
725
- },
726
- columns: {
727
- type: 'select',
728
- default: '1'
729
- },
730
- size: {
731
- type: 'string',
732
- default: 'normal',
733
- },
734
- cornerButtonRadius: {
735
- type: 'number',
736
- default: 4,
737
- }
738
- },
739
 
740
- // The "edit" property must be a valid function.
741
- edit: edit,
 
 
 
742
 
743
- // The "save" property must be specified and must be a valid function.
744
- save: save,
745
  } );
9
  import './style.scss';
10
  import './editor.scss';
11
  import { PricingIcon } from '../../icons'
12
+ import ButtonEdit from '../button/button-edit'
13
+ import ButtonSave from '../button/button-save'
14
+ import { deprecatedSave_0_7 } from './deprecated'
15
 
16
  import {
17
  registerBlockType,
25
  RichText,
26
  ColorPalette,
27
  BlockControls,
28
+ ToggleControl,
29
  PanelBody,
30
+ URLInput,
31
+ omit,
32
  } from '../../wp-imports'
33
 
34
  export const edit = ( props ) => {
67
  featureListColor,
68
  columns,
69
  size,
70
+ cornerButtonRadius,
71
  } = props.attributes;
72
 
73
  const column = [
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
  <RichText
213
  tagName={'p'}
214
  // placeholder={ featureList.default }
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
  <RichText
290
  tagName={'p'}
291
  // placeholder={ featureList2.default }
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
  <RichText
367
  tagName={'p'}
368
  // placeholder={ featureList3.default }
428
  featureListColor,
429
  columns,
430
  size,
431
+ cornerButtonRadius,
432
  } = props.attributes;
433
 
 
 
 
 
 
 
434
  return (
435
  <div className={ `ugb-pricing-box column-${columns}` }>
436
  <div className={ 'ugb-pricing-box-column-one' }>
450
  </p>
451
  ) }
452
  { buttonText && !! buttonText.length && (
453
+ <ButtonSave size={ size } url={ url } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
 
 
 
 
 
454
  ) }
455
  { featureList && !! featureList.length && (
456
  <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
476
  </p>
477
  ) }
478
  { buttonText2 && !! buttonText2.length && (
479
+ <ButtonSave size={ size } url={ url2 } color={ buttonTextColor } text={ buttonText2 } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
 
 
 
 
 
480
  ) }
481
  { featureList2 && !! featureList2.length && (
482
  <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
503
  </p>
504
  ) }
505
  { buttonText3 && !! buttonText3.length && (
506
+ <ButtonSave size={ size } url={ url3 } color={ buttonTextColor } text={ buttonText3 } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
 
 
 
 
 
507
  ) }
508
  { featureList3 && !! featureList3.length && (
509
  <p className={ 'ugb-pricing-box-feature-list' } style={ { color: featureListColor } }>
516
  );
517
  }
518
 
519
+ 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: {
539
+ type: 'array',
540
+ source: 'children',
541
+ selector: '.ugb-pricing-box-column-one h3',
542
+ default: __( 'Basic' ),
543
+ },
544
+ pricingBoxTitle2: {
545
+ type: 'array',
546
+ source: 'children',
547
+ selector: '.ugb-pricing-box-column-two h3',
548
+ default: __( 'Basic' ),
549
+ },
550
+ pricingBoxTitle3: {
551
+ type: 'array',
552
+ source: 'children',
553
+ selector: '.ugb-pricing-box-column-three h3',
554
+ default: __( 'Basic' ),
555
+ },
556
+ price: {
557
+ type: 'array',
558
+ source: 'children',
559
+ selector: '.ugb-pricing-box-column-one .ugb-pricing-box-pricing',
560
+ default: __( '$9' ),
561
+ },
562
+ price2: {
563
+ type: 'array',
564
+ source: 'children',
565
+ selector: '.ugb-pricing-box-column-two .ugb-pricing-box-pricing',
566
+ default: __( '$9' ),
567
+ },
568
+ price3: {
569
+ type: 'array',
570
+ source: 'children',
571
+ selector: '.ugb-pricing-box-column-three .ugb-pricing-box-pricing',
572
+ default: __( '$9' ),
573
+ },
574
+ perMonthLabel: {
575
+ type: 'array',
576
+ source: 'children',
577
+ selector: '.ugb-pricing-box-column-one .ugb-pricing-box-per-month-label',
578
+ default: __( 'per month' ),
579
+ },
580
+ perMonthLabel2: {
581
+ type: 'array',
582
+ source: 'children',
583
+ selector: '.ugb-pricing-box-column-two .ugb-pricing-box-per-month-label',
584
+ default: __( 'per month' ),
585
+ },
586
+ perMonthLabel3: {
587
+ type: 'array',
588
+ source: 'children',
589
+ selector: '.ugb-pricing-box-column-three .ugb-pricing-box-per-month-label',
590
+ default: __( 'per month' ),
591
+ },
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: {
611
+ type: 'array',
612
+ source: 'children',
613
+ selector: '.ugb-pricing-box-column-one .ugb-pricing-box-feature-list',
614
+ default: __( 'Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec' ),
615
+ },
616
+ featureList2: {
617
+ type: 'array',
618
+ source: 'children',
619
+ selector: '.ugb-pricing-box-column-two .ugb-pricing-box-feature-list',
620
+ default: __( 'Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec' ),
621
+ },
622
+ featureList3: {
623
+ type: 'array',
624
+ source: 'children',
625
+ selector: '.ugb-pricing-box-column-three .ugb-pricing-box-feature-list',
626
+ default: __( 'Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec' ),
627
+ },
628
+ pricingBoxColor: {
629
+ type: 'string',
630
+ },
631
+ priceColor: {
632
+ type: 'string',
633
+ },
634
+ perMonthLabelColor: {
635
+ type: 'string',
636
+ },
637
+ buttonColor: {
638
+ type: 'string',
639
+ },
640
+ buttonTextColor: {
641
+ type: 'string',
642
+ },
643
+ featureListColor: {
644
+ type: 'string',
645
+ },
646
+ columns: {
647
+ type: 'select',
648
+ default: '1'
649
+ },
650
+ size: {
651
+ type: 'string',
652
+ default: 'normal',
653
+ },
654
+ cornerButtonRadius: {
655
+ type: 'number',
656
+ default: 4,
657
+ },
658
+ }
659
+
660
 
661
  /**
662
  * Register: Gutenberg Block.
674
  // Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.
675
  title: __( 'Pricing Box' ), // Block title.
676
  icon: PricingIcon, // Block icon from Dashicons → https://developer.wordpress.org/resource/dashicons/.
677
+ category: 'stackable-ultimate-gutenberg-blocks',
678
  keywords: [
679
  __( 'Pricing Box' ),
680
  __( 'Stackable' ),
681
  ],
682
+ attributes: schema,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
683
 
684
+ deprecated: [
685
+ {
686
+ save: deprecatedSave_0_7,
687
+ }
688
+ ],
689
 
690
+ edit,
691
+ save,
692
  } );
src/block/pricing-box/style.scss CHANGED
@@ -4,42 +4,57 @@
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-pricing-box {
 
 
 
 
7
  display: flex;
8
- margin-top: 2rem;
9
- margin-bottom: 2rem;
10
  > div {
 
 
 
 
 
 
 
11
  text-align: center;
12
- margin: 0 auto;
13
- p {
14
- text-align: center;
15
- padding-bottom: 0;
 
 
 
 
16
  }
17
  }
18
  h3 {
19
- margin: 0 0 2rem !important;
20
  line-height: 100% !important;
21
  }
22
  .ugb-pricing-box-pricing {
23
  font-size: 3.5em;
24
- margin: 0 0 .5rem;
25
  line-height: 100% !important;
26
  }
27
  .ugb-pricing-box-per-month-label {
28
  font-size: .75em;
29
  opacity: .3;
30
- margin: 0 0 2rem;
31
  text-transform: uppercase;
32
  line-height: 100% !important;
33
  }
34
  .wp-ugb-button {
35
- margin-bottom: 2rem;
36
  }
37
  .ugb-pricing-box-feature-list {
38
- opacity: .5;
39
- font-size: 1em;
40
- line-height: 1.8em !important;
41
- width: 40%;
42
- margin: 0 auto;
43
  }
44
 
45
  }
@@ -53,75 +68,75 @@
53
  }
54
  }
55
  .ugb-pricing-box.column-2 {
56
- .ugb-pricing-box-feature-list {
57
- width: 85%;
58
- margin: 0 auto;
59
- }
60
- .ugb-pricing-box-column-one {
61
- margin-right: 2rem;
62
- }
63
- .ugb-pricing-box-column-two {
64
- border-left: 1px solid #eee;
65
- margin-left: 0;
66
- padding-left: 2rem;
67
- }
68
- > div {
69
- width: 50%;
70
- }
71
  .ugb-pricing-box-column-three {
72
  display: none;
73
  }
74
- .blocks-button__inline-link {
75
- width: 225px;
76
- }
77
- }
78
- .ugb-pricing-box.column-3 {
79
- > div {
80
- width: 33.2%;
81
- margin-left: 1rem;
82
- margin-right: 1rem;
83
- }
84
- > div:first-child {
85
- margin-left: 0;
86
- }
87
- > div:last-child {
88
- margin-right: 0;
89
- }
90
- .ugb-pricing-box-column-two {
91
- border-left: 1px solid #eee;
92
- border-right: 1px solid #eee;
93
- margin-left: 0;
94
- margin-right: 0;
95
- padding-left: 1rem;
96
- padding-right: 1rem;
97
- }
98
- .ugb-pricing-box-feature-list {
99
- width: 100%;
100
- }
101
- .blocks-button__inline-link {
102
- width: 181px;
103
- .blocks-url-input {
104
- width: 50%;
105
- }
106
- }
107
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
108
 
109
- @media screen and (max-width: 800px) {
110
- .ugb-pricing-box.column-3.column-3 {
111
- display: block;
112
- > div {
113
- width: 100%;
114
- margin: 0;
115
- }
116
- }
117
- }
118
 
119
- @media screen and (max-width: 600px) {
120
- .ugb-pricing-box.column-2.column-2 {
121
- display: block;
122
- > div {
123
- width: 100%;
124
- margin: 0;
125
- }
126
- }
127
- }
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-pricing-box {
7
+ @include baseBlock();
8
+ // display: flex;
9
+ // margin-top: 2rem;
10
+ // margin-bottom: 2rem;
11
  display: flex;
12
+ flex-wrap: wrap;
13
+ margin: 0 (-$box-hori-padding / 2);
14
  > div {
15
+ // text-align: center;
16
+ // @include box();
17
+ // margin: 0 auto;
18
+ // p {
19
+ // text-align: center;
20
+ // padding-bottom: 0;
21
+ // }
22
  text-align: center;
23
+ // margin: 0 auto;
24
+ @include baseBlock();
25
+ @include box();
26
+ // margin-bottom: 0 !important;
27
+ flex: 1;
28
+ min-width: 250px;
29
+ &, &:first-child, &:last-child {
30
+ margin: ($box-hori-padding / 2) !important;
31
  }
32
  }
33
  h3 {
34
+ // margin: 0 0 2rem !important;
35
  line-height: 100% !important;
36
  }
37
  .ugb-pricing-box-pricing {
38
  font-size: 3.5em;
39
+ // margin: 0 0 .5rem;
40
  line-height: 100% !important;
41
  }
42
  .ugb-pricing-box-per-month-label {
43
  font-size: .75em;
44
  opacity: .3;
45
+ // margin: 0 0 2rem;
46
  text-transform: uppercase;
47
  line-height: 100% !important;
48
  }
49
  .wp-ugb-button {
50
+ // margin-bottom: 2rem;
51
  }
52
  .ugb-pricing-box-feature-list {
53
+ // opacity: .5;
54
+ // font-size: 1em;
55
+ // line-height: 1.8em !important;
56
+ // width: 40%;
57
+ // margin: 0 auto;
58
  }
59
 
60
  }
68
  }
69
  }
70
  .ugb-pricing-box.column-2 {
71
+ // .ugb-pricing-box-feature-list {
72
+ // width: 85%;
73
+ // margin: 0 auto;
74
+ // }
75
+ // .ugb-pricing-box-column-one {
76
+ // margin-right: 2rem;
77
+ // }
78
+ // .ugb-pricing-box-column-two {
79
+ // border-left: 1px solid #eee;
80
+ // margin-left: 0;
81
+ // padding-left: 2rem;
82
+ // }
83
+ // > div {
84
+ // width: 50%;
85
+ // }
86
  .ugb-pricing-box-column-three {
87
  display: none;
88
  }
89
+ // .blocks-button__inline-link {
90
+ // width: 225px;
91
+ // }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
92
  }
93
+ // .ugb-pricing-box.column-3 {
94
+ // > div {
95
+ // width: 33.2%;
96
+ // margin-left: 1rem;
97
+ // margin-right: 1rem;
98
+ // }
99
+ // > div:first-child {
100
+ // margin-left: 0;
101
+ // }
102
+ // > div:last-child {
103
+ // margin-right: 0;
104
+ // }
105
+ // .ugb-pricing-box-column-two {
106
+ // border-left: 1px solid #eee;
107
+ // border-right: 1px solid #eee;
108
+ // margin-left: 0;
109
+ // margin-right: 0;
110
+ // padding-left: 1rem;
111
+ // padding-right: 1rem;
112
+ // }
113
+ // .ugb-pricing-box-feature-list {
114
+ // width: 100%;
115
+ // }
116
+ // .blocks-button__inline-link {
117
+ // width: 181px;
118
+ // .blocks-url-input {
119
+ // width: 50%;
120
+ // }
121
+ // }
122
+ // }
123
 
124
+ // @media screen and (max-width: 800px) {
125
+ // .ugb-pricing-box.column-3.column-3 {
126
+ // display: block;
127
+ // > div {
128
+ // width: 100%;
129
+ // margin: 0;
130
+ // }
131
+ // }
132
+ // }
133
 
134
+ // @media screen and (max-width: 600px) {
135
+ // .ugb-pricing-box.column-2.column-2 {
136
+ // display: block;
137
+ // > div {
138
+ // width: 100%;
139
+ // margin: 0;
140
+ // }
141
+ // }
142
+ // }
src/block/pullquote/deprecated.js ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import {
2
+ __,
3
+ } from '../../wp-imports'
4
+
5
+ export const deprecatedSave_0_7 = ( props ) => {
6
+
7
+ const { color, text, borderColor } = props.attributes
8
+
9
+ return (
10
+ <blockquote
11
+ className={ 'ugb-pullquote' }
12
+ style={ {
13
+ borderTopColor: borderColor,
14
+ borderBottomColor: borderColor,
15
+ } }>
16
+ <p style={ { color: color } }>{ text }</p>
17
+ </blockquote>
18
+ );
19
+ }
20
+
21
+ export const deprecatedSchema_0_7 = {
22
+ text: {
23
+ type: 'array',
24
+ source: 'children',
25
+ selector: 'p',
26
+ default: __( '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.' )
27
+ },
28
+ color: {
29
+ type: 'string',
30
+ default: '#2091e1',
31
+ },
32
+ borderColor: {
33
+ type: 'string',
34
+ default: '#2091e1',
35
+ }
36
+ }
src/block/pullquote/index.js CHANGED
@@ -9,6 +9,7 @@
9
  import './style.scss';
10
  import './editor.scss';
11
  import { QuoteIcon } from '../../icons'
 
12
 
13
  import {
14
  registerBlockType,
@@ -17,6 +18,8 @@ import {
17
  InspectorControls,
18
  RichText,
19
  ColorPalette,
 
 
20
  } from '../../wp-imports'
21
 
22
  export const edit = ( props ) => {
@@ -26,17 +29,14 @@ export const edit = ( props ) => {
26
 
27
  const { isSelected, setAttributes, className } = props
28
 
29
- const { color, text, borderColor } = props.attributes
30
 
31
 
32
  return [
33
  <blockquote
34
  key={ 'quote' }
35
  className={ 'ugb-pullquote' }
36
- style={ {
37
- borderTopColor: borderColor,
38
- borderBottomColor: borderColor
39
- } }>
40
  <RichText
41
  tagName={ 'p' }
42
  className={ 'ugb-pullquote-text' }
@@ -62,9 +62,9 @@ export const edit = ( props ) => {
62
  label: __( 'Text Color' ),
63
  },
64
  {
65
- value: borderColor,
66
- onChange: ( colorValue ) => setAttributes( { borderColor: colorValue } ),
67
- label: __( 'Border Color' ),
68
  },
69
  ] }
70
  >
@@ -76,20 +76,34 @@ export const edit = ( props ) => {
76
 
77
  export const save = ( props ) => {
78
 
79
- const { color, text, borderColor } = props.attributes
80
 
81
  return (
82
  <blockquote
83
  className={ 'ugb-pullquote' }
84
- style={ {
85
- borderTopColor: borderColor,
86
- borderBottomColor: borderColor,
87
- } }>
88
  <p style={ { color: color } }>{ text }</p>
89
  </blockquote>
90
  );
91
  }
92
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
93
 
94
  /**
95
  * Register: Gutenberg Block.
@@ -112,26 +126,18 @@ registerBlockType( 'ugb/pullquote', {
112
  __( 'Pullquote' ),
113
  __( 'Stackable' ),
114
  ],
115
- attributes: {
116
- text: {
117
- type: 'array',
118
- source: 'children',
119
- selector: 'p',
120
- default: __( '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.' )
121
- },
122
- color: {
123
- type: 'string',
124
- default: '#2091e1',
125
- },
126
- borderColor: {
127
- type: 'string',
128
- default: '#2091e1',
129
- }
130
- },
131
 
132
- // The "edit" property must be a valid function.
133
- edit: edit,
 
 
 
 
 
 
 
134
 
135
- // The "save" property must be specified and must be a valid function.
136
- save: save,
137
  } );
9
  import './style.scss';
10
  import './editor.scss';
11
  import { QuoteIcon } from '../../icons'
12
+ import { deprecatedSchema_0_7, deprecatedSave_0_7 } from './deprecated'
13
 
14
  import {
15
  registerBlockType,
18
  InspectorControls,
19
  RichText,
20
  ColorPalette,
21
+ omit,
22
+ merge,
23
  } from '../../wp-imports'
24
 
25
  export const edit = ( props ) => {
29
 
30
  const { isSelected, setAttributes, className } = props
31
 
32
+ const { color, text, quoteColor } = props.attributes
33
 
34
 
35
  return [
36
  <blockquote
37
  key={ 'quote' }
38
  className={ 'ugb-pullquote' }
39
+ style={ { '--quote-color': quoteColor } }>
 
 
 
40
  <RichText
41
  tagName={ 'p' }
42
  className={ 'ugb-pullquote-text' }
62
  label: __( 'Text Color' ),
63
  },
64
  {
65
+ value: quoteColor,
66
+ onChange: ( colorValue ) => setAttributes( { quoteColor: colorValue } ),
67
+ label: __( 'Quote Color' ),
68
  },
69
  ] }
70
  >
76
 
77
  export const save = ( props ) => {
78
 
79
+ const { color, text, quoteColor } = props.attributes
80
 
81
  return (
82
  <blockquote
83
  className={ 'ugb-pullquote' }
84
+ style={ { '--quote-color': quoteColor } }>
 
 
 
85
  <p style={ { color: color } }>{ text }</p>
86
  </blockquote>
87
  );
88
  }
89
 
90
+ export const schema = {
91
+ text: {
92
+ type: 'array',
93
+ source: 'children',
94
+ selector: 'p',
95
+ default: __( '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.' )
96
+ },
97
+ color: {
98
+ type: 'string',
99
+ default: '',
100
+ },
101
+ quoteColor: {
102
+ type: 'string',
103
+ default: '',
104
+ }
105
+ }
106
+
107
 
108
  /**
109
  * Register: Gutenberg Block.
126
  __( 'Pullquote' ),
127
  __( 'Stackable' ),
128
  ],
129
+ attributes: schema,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
130
 
131
+ deprecated: [
132
+ {
133
+ attributes: deprecatedSchema_0_7,
134
+ migrate: attributes => {
135
+ return omit( merge( attributes, { quoteColor: attributes.borderColor } ), ['borderColor'] )
136
+ },
137
+ save: deprecatedSave_0_7,
138
+ }
139
+ ],
140
 
141
+ edit,
142
+ save,
143
  } );
src/block/pullquote/style.scss CHANGED
@@ -4,24 +4,43 @@
4
  * CSS for both Frontend+Backend.
5
  */
6
  blockquote.ugb-pullquote {
7
- border-top: 8px solid #2091e1;
8
- border-bottom: 8px solid #2091e1;
9
- border-left: none !important;
10
- border-right: none !important;
 
 
 
11
  text-align: center;
12
- padding: 2rem;
13
- margin: 1rem 0;
14
- opacity: .5;
15
- color: #2091e1;
16
- font-size: 1.5em;
17
- font-style: normal;
18
- p {
19
- margin: 0;
20
- text-align: center;
21
- }
 
 
 
22
  &, p {
23
  &:after, &:before {
24
  display: none;
25
  }
26
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
27
  }
4
  * CSS for both Frontend+Backend.
5
  */
6
  blockquote.ugb-pullquote {
7
+ border: 0 !important;
8
+ @include baseBlock();
9
+ @include box();
10
+ // border-top: 8px solid #2091e1;
11
+ // border-bottom: 8px solid #2091e1;
12
+ // border-left: none !important;
13
+ // border-right: none !important;
14
  text-align: center;
15
+ padding: $box-vert-padding;
16
+ // margin: 1rem 0;
17
+ // opacity: .5;
18
+ // color: #2091e1;
19
+ // font-size: 1.5em;
20
+ // font-style: normal;
21
+ // p {
22
+ // margin: 0;
23
+ // text-align: center;
24
+ // }
25
+ position: relative;
26
+ overflow: hidden;
27
+ --quote-color: rgba(129, 141, 165, .08);
28
  &, p {
29
  &:after, &:before {
30
  display: none;
31
  }
32
  }
33
+ &:before {
34
+ content: "❛❛";
35
+ display: block;
36
+ position: absolute;
37
+ font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
38
+ font-style: normal;
39
+ font-size: 200px;
40
+ line-height: 1em;
41
+ left: -35px;
42
+ top: -15px;
43
+ opacity: 1;
44
+ color: var(--quote-color);
45
+ }
46
  }
src/block/team-member/style.scss CHANGED
@@ -4,6 +4,10 @@
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-team-member {
 
 
 
 
7
  .team-member-image {
8
  width: 300px;
9
  height: 300px;
@@ -28,10 +32,16 @@
28
  }
29
  > div {
30
  text-align: center;
31
- padding: 1rem 0;
 
32
  p {
33
  text-align: center;
34
  }
 
 
 
 
 
35
  }
36
  h4 {
37
  margin: 0 0 .5rem !important;
@@ -65,47 +75,47 @@
65
  }
66
  }
67
  .ugb-team-member.column-2 {
68
- display: flex;
69
- .ugb-team-member-column-one {
70
- padding-right: 1rem;
71
- }
72
- .ugb-team-member-column-two {
73
- padding-left: 1rem;
74
- }
75
- .ugb-team-member-column-one,
76
- .ugb-team-member-column-two {
77
- width: 50%;
78
- }
79
  .ugb-team-member-column-three {
80
  display: none;
81
  }
82
- .team-member-image img {
83
- height: 200px;
84
- width: 250px
85
- }
86
- }
87
- .ugb-team-member.column-3 {
88
- display: flex;
89
- .ugb-team-member-column-one,
90
- .ugb-team-member-column-two,
91
- .ugb-team-member-column-three {
92
- width: 33.33%;
93
- }
94
- .ugb-team-member-column-one {
95
- padding-right: 1rem;
96
- }
97
- .ugb-team-member-column-two {
98
- padding-left: 1rem;
99
- padding-right: 1rem;
100
- }
101
- .ugb-team-member-column-three {
102
- padding-left: 1rem;
103
- }
104
- .team-member-image img {
105
- height: 200px;
106
- width: 200px
107
- }
108
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
109
 
110
  .team-member-social a {
111
  color: #000000;
@@ -115,4 +125,4 @@
115
  /**
116
  * Frontend Styles.
117
  */
118
- .wp-block-ugb-team-member {}
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-team-member {
7
+ @include baseBlock();
8
+ display: flex;
9
+ flex-wrap: wrap;
10
+ margin: 0 (-$box-hori-padding / 2);
11
  .team-member-image {
12
  width: 300px;
13
  height: 300px;
32
  }
33
  > div {
34
  text-align: center;
35
+ // padding: 1rem 0;
36
+ @include baseBlock();
37
  p {
38
  text-align: center;
39
  }
40
+ flex: 1;
41
+ min-width: 250px;
42
+ &, &:first-child, &:last-child {
43
+ margin: ($box-hori-padding / 2) !important;
44
+ }
45
  }
46
  h4 {
47
  margin: 0 0 .5rem !important;
75
  }
76
  }
77
  .ugb-team-member.column-2 {
78
+ // display: flex;
79
+ // .ugb-team-member-column-one {
80
+ // padding-right: 1rem;
81
+ // }
82
+ // .ugb-team-member-column-two {
83
+ // padding-left: 1rem;
84
+ // }
85
+ // .ugb-team-member-column-one,
86
+ // .ugb-team-member-column-two {
87
+ // width: 50%;
88
+ // }
89
  .ugb-team-member-column-three {
90
  display: none;
91
  }
92
+ // .team-member-image img {
93
+ // height: 200px;
94
+ // width: 250px
95
+ // }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
96
  }
97
+ // .ugb-team-member.column-3 {
98
+ // display: flex;
99
+ // .ugb-team-member-column-one,
100
+ // .ugb-team-member-column-two,
101
+ // .ugb-team-member-column-three {
102
+ // width: 33.33%;
103
+ // }
104
+ // .ugb-team-member-column-one {
105
+ // padding-right: 1rem;
106
+ // }
107
+ // .ugb-team-member-column-two {
108
+ // padding-left: 1rem;
109
+ // padding-right: 1rem;
110
+ // }
111
+ // .ugb-team-member-column-three {
112
+ // padding-left: 1rem;
113
+ // }
114
+ // .team-member-image img {
115
+ // height: 200px;
116
+ // width: 200px
117
+ // }
118
+ // }
119
 
120
  .team-member-social a {
121
  color: #000000;
125
  /**
126
  * Frontend Styles.
127
  */
128
+ // .wp-block-ugb-team-member {}
src/block/testimonial/style.scss CHANGED
@@ -4,7 +4,11 @@
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-testimonial {
 
 
7
  display: flex;
 
 
8
  .testimonial-image {
9
  height: 75px;
10
  width: 75px;
@@ -26,11 +30,18 @@
26
  }
27
  > div {
28
  text-align: center;
29
- padding: 1rem 0;
30
- margin: 0 auto;
 
 
31
  p {
32
  text-align: center;
33
  }
 
 
 
 
 
34
  }
35
  h4 {
36
  margin: 0 0 .5rem !important;
@@ -62,49 +73,49 @@
62
  }
63
  }
64
  .ugb-testimonial.column-2 {
65
- .ugb-testimonial-column-one {
66
- margin-right: 1rem;
67
- }
68
- .ugb-testimonial-column-two {
69
- margin-left: 1rem;
70
- }
71
- > div {
72
- width: 50%;
73
- }
74
  .ugb-testimonial-column-three {
75
  display: none;
76
  }
77
  }
78
- .ugb-testimonial.column-3 {
79
- > div {
80
- width: 33.2%;
81
- margin-left: 1rem;
82
- margin-right: 1rem;
83
- }
84
- > div:first-child {
85
- margin-left: 0;
86
- }
87
- > div:last-child {
88
- margin-right: 0;
89
- }
90
- }
91
 
92
- @media screen and (max-width: 800px) {
93
- .ugb-testimonial.column-3.column-3 {
94
- display: block;
95
- > div {
96
- width: 100%;
97
- margin: 0;
98
- }
99
- }
100
- }
101
 
102
- @media screen and (max-width: 600px) {
103
- .ugb-testimonial.column-2.column-2 {
104
- display: block;
105
- > div {
106
- width: 100%;
107
- margin: 0;
108
- }
109
- }
110
- }
4
  * CSS for both Frontend+Backend.
5
  */
6
  .ugb-testimonial {
7
+ @include baseBlock();
8
+ // display: flex;
9
  display: flex;
10
+ flex-wrap: wrap;
11
+ margin: 0 (-$box-hori-padding / 2);
12
  .testimonial-image {
13
  height: 75px;
14
  width: 75px;
30
  }
31
  > div {
32
  text-align: center;
33
+ // padding: 1rem 0;
34
+ // margin: 0 auto;
35
+ @include baseBlock();
36
+ // @include box();
37
  p {
38
  text-align: center;
39
  }
40
+ flex: 1;
41
+ min-width: 250px;
42
+ &, &:first-child, &:last-child {
43
+ margin: ($box-hori-padding / 2) !important;
44
+ }
45
  }
46
  h4 {
47
  margin: 0 0 .5rem !important;
73
  }
74
  }
75
  .ugb-testimonial.column-2 {
76
+ // .ugb-testimonial-column-one {
77
+ // margin-right: 1rem;
78
+ // }
79
+ // .ugb-testimonial-column-two {
80
+ // margin-left: 1rem;
81
+ // }
82
+ // > div {
83
+ // width: 50%;
84
+ // }
85
  .ugb-testimonial-column-three {
86
  display: none;
87
  }
88
  }
89
+ // .ugb-testimonial.column-3 {
90
+ // > div {
91
+ // width: 33.2%;
92
+ // margin-left: 1rem;
93
+ // margin-right: 1rem;
94
+ // }
95
+ // > div:first-child {
96
+ // margin-left: 0;
97
+ // }
98
+ // > div:last-child {
99
+ // margin-right: 0;
100
+ // }
101
+ // }
102
 
103
+ // @media screen and (max-width: 800px) {
104
+ // .ugb-testimonial.column-3.column-3 {
105
+ // display: block;
106
+ // > div {
107
+ // width: 100%;
108
+ // margin: 0;
109
+ // }
110
+ // }
111
+ // }
112
 
113
+ // @media screen and (max-width: 600px) {
114
+ // .ugb-testimonial.column-2.column-2 {
115
+ // display: block;
116
+ // > div {
117
+ // width: 100%;
118
+ // margin: 0;
119
+ // }
120
+ // }
121
+ // }
src/block/video-popup/style.scss CHANGED
@@ -13,9 +13,14 @@
13
 
14
  .ugb-video-popup {
15
  position: relative;
16
- margin: 0 auto;
17
  width: 100%;
18
  max-width: 600px;
 
 
 
 
 
 
19
  .ugb-video-preview, a, .ugb-video-overlay, .ugb-play-button {
20
  position: absolute;
21
  top: 0;
@@ -24,6 +29,7 @@
24
  bottom: 0;
25
  }
26
  .ugb-video-preview {
 
27
  background-size: cover;
28
  background-position: center;
29
  opacity: .4;
13
 
14
  .ugb-video-popup {
15
  position: relative;
 
16
  width: 100%;
17
  max-width: 600px;
18
+ @include baseBlock();
19
+ @include box();
20
+ margin-left: auto;
21
+ margin-right: auto;
22
+ padding: 0;
23
+ overflow: hidden;
24
  .ugb-video-preview, a, .ugb-video-overlay, .ugb-play-button {
25
  position: absolute;
26
  top: 0;
29
  bottom: 0;
30
  }
31
  .ugb-video-preview {
32
+ margin: 0 !important;
33
  background-size: cover;
34
  background-position: center;
35
  opacity: .4;
src/common.scss CHANGED
@@ -28,3 +28,50 @@
28
  justify-content: center;
29
  align-items: center;
30
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  justify-content: center;
29
  align-items: center;
30
  }
31
+
32
+ // Box
33
+ // :root {
34
+ $box-radius: 12px;
35
+ $box-hori-padding: 35px;
36
+ $box-vert-padding: 60px;
37
+
38
+ @mixin box() {
39
+ box-shadow: 0 5px 5px 0 rgba(233,240,243,0.5), 0 0 0 1px rgba(176, 181, 193, 0.2);
40
+ border-radius: $box-radius;
41
+ padding: $box-vert-padding $box-hori-padding;
42
+ }
43
+
44
+ @mixin baseBlock() {
45
+ @include blockContentReset();
46
+ margin-top: 1.5em;
47
+ margin-bottom: 1.5em;
48
+ }
49
+
50
+ @mixin blockContentReset() {
51
+ > * {
52
+ margin-top: 0 !important;
53
+ margin-bottom: 1rem !important;
54
+ &:first-child {
55
+ margin-top: 0 !important;
56
+ }
57
+ &:last-child {
58
+ margin-bottom: 0 !important;
59
+ }
60
+ }
61
+ }
62
+
63
+ @mixin baseButton() {
64
+ padding-bottom: calc(.375em - 1px);
65
+ padding-left: .75em;
66
+ padding-right: .75em;
67
+ padding-top: calc(.375em - 1px);
68
+ // display: inline-flex;
69
+ font-size: 1em;
70
+ // height: 2.25em;
71
+ line-height: 1.5 !important;
72
+ align-items: center;
73
+ }
74
+
75
+ [class*="ugb-"].alignfull {
76
+ border-radius: 0 !important;
77
+ }
src/wp-imports.js CHANGED
@@ -26,4 +26,10 @@ export const {
26
 
27
  export const {
28
  PanelColorSettings,
29
- } = wp.editor
 
 
 
 
 
 
26
 
27
  export const {
28
  PanelColorSettings,
29
+ BlockAlignmentToolbar,
30
+ } = wp.editor
31
+
32
+ export const {
33
+ omit,
34
+ merge,
35
+ } = lodash