Version Description
- New: Persistent responsive controls across blocks
- New: Filter all HTML attributes
- New: Filter Container tagNames
- New: Add containerAfterElementTag filter
- New: Add option to apply background image as pseudo element
- New: Add support for alignwide/alignfull in Container block
- New: Display color palette by default in Color component
- New: Add option to choose default view in Color component
- New: Add aria-label option for Buttons into advanced panel
- Tweak: Deprecate background image overlay option
- Tweak: Move hexToRGBA to utils
- Tweak: Fix repeated common CSS
- Tweak: Re-design normal/hover state buttons
- Tweak: Filter default background image size
- Tweak: Cache parsed blocks on front-end
- Tweak: Better display of admin notices in Dashboard
- Tweak: Change Container Width label to Contained Width
- Tweak: Add future framework for migrating/updating old options
- Tweak: Don't allow single button to be saved as reusable
- Tweak: Don't allow element tagName to be filtered
- Tweak: Allow all standard richText formats in Headline block
- Tweak: Better iconSize responsive placeholders
- Tweak: Allow decimal values in gradient start/stop
- Tweak: Move block name to the end of editor.desktopCSS filter args
- Tweak: Add buttonColorsHover to editor.controls filter
- Tweak: Change editor.insideContainerWrapper filter to frontend.insideContainer
- Tweak: Pass attributes to frontend.insideContainer instead of props
- Fix: gridId value in nested grids
- Fix: Use inline-block for inline headlines with no icon
- Fix: Missing text domains
- Fix: Display Headline highlight option in Headline block only
- Fix: Headline icon center alignment in IE
- Fix: Headline highlight background color in IE
- Fix: Mobile selector for width in min-height container
- Fix: Add box-sizing to min-height container on tablet/mobile
- Fix: Headline text alignment when using an icon
- Fix: Allow 0 as iconSize value
Download this release
Release Info
| Developer | edge22 |
| Plugin |  GenerateBlocks |
| Version | 1.1.0 |
| Comparing to | |
| See all releases | |
Code changes from version 1.0.2 to 1.1.0
- .gitattributes +0 -2
- .gitignore +0 -11
- assets/css/dashboard.css +7 -3
- dist/blocks.build.js +1 -1
- dist/blocks.editor.build.css +13 -12
- dist/blocks.style.build.css +1 -2
- includes/class-plugin-update.php +79 -0
- includes/class-settings.php +44 -5
- includes/dashboard.php +10 -8
- includes/defaults.php +4 -0
- includes/functions.php +111 -29
- includes/general.php +3 -1
- includes/generate-css.php +59 -64
- phpcs.xml +49 -0
- plugin.php +4 -3
- readme.txt +40 -1
- src/blocks.js +1 -0
- src/blocks/button-container/css/desktop.js +1 -1
- src/blocks/button-container/edit.js +23 -14
- src/blocks/button-container/save.js +16 -6
- src/blocks/button/block.js +1 -0
- src/blocks/button/css/desktop.js +2 -2
- src/blocks/button/edit.js +62 -43
- src/blocks/button/save.js +20 -10
- src/blocks/container/attributes.js +6 -0
- src/blocks/container/block-controls.js +28 -1
- src/blocks/container/css/desktop.js +60 -43
- src/blocks/container/edit.js +275 -144
- src/blocks/container/editor.scss +15 -0
- src/blocks/container/save.js +4 -1
- src/blocks/container/section-tag.js +9 -6
- src/blocks/grid/css/desktop.js +1 -1
- src/blocks/grid/edit.js +32 -29
- src/blocks/grid/save.js +16 -6
- src/blocks/headline/attributes.js +1 -1
- src/blocks/headline/css/desktop.js +7 -5
- src/blocks/headline/edit.js +59 -47
- src/blocks/headline/editor.scss +1 -1
- src/blocks/headline/markformat.js +50 -22
- src/blocks/headline/save.js +16 -6
- src/common.scss +0 -88
- src/components/color-picker/index.js +20 -3
- src/components/dimensions/index.js +2 -3
- src/components/gradient/index.js +22 -4
- src/components/icon-picker/index.js +0 -14
- src/components/icon-picker/svgs-general.js +45 -45
- src/components/icon-picker/svgs-social.js +22 -22
- src/components/responsive-tabs/index.js +2 -2
- src/components/typography/index.js +3 -4
- src/shared/editor.scss +99 -0
- src/shared/style-imports.js +1 -0
- src/utils/get-background-image/index.js +39 -0
- src/utils/get-selected-device/index.js +10 -0
- src/{components/color-picker/hex-to-rgba.js → utils/hex-to-rgba/index.js} +0 -0
.gitattributes
DELETED
|
@@ -1,2 +0,0 @@
|
|
| 1 |
-
# Auto detect text files and perform LF normalization
|
| 2 |
-
* text=auto
|
|
|
|
|
|
.gitignore
DELETED
|
@@ -1,11 +0,0 @@
|
|
| 1 |
-
node_modules
|
| 2 |
-
.DS_Store
|
| 3 |
-
.editorconfig
|
| 4 |
-
.eslintignore
|
| 5 |
-
.eslintrc.json
|
| 6 |
-
package-lock.json
|
| 7 |
-
package.json
|
| 8 |
-
phpcs.xml
|
| 9 |
-
## Uncomment line below if you prefer to
|
| 10 |
-
## keep compiled files out of version control
|
| 11 |
-
# dist/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
assets/css/dashboard.css
CHANGED
|
@@ -17,11 +17,10 @@
|
|
| 17 |
margin-bottom: 20px;
|
| 18 |
}
|
| 19 |
|
| 20 |
-
.gblocks-logo {
|
| 21 |
-
margin-bottom: 20px;
|
| 22 |
display: flex;
|
| 23 |
align-items: center;
|
| 24 |
-
|
| 25 |
}
|
| 26 |
|
| 27 |
.gblocks-version {
|
|
@@ -35,6 +34,11 @@
|
|
| 35 |
border-radius: 2px;
|
| 36 |
}
|
| 37 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
.gblocks-navigation {
|
| 39 |
background: #fff;
|
| 40 |
display: flex;
|
| 17 |
margin-bottom: 20px;
|
| 18 |
}
|
| 19 |
|
| 20 |
+
h1.gblocks-logo {
|
|
|
|
| 21 |
display: flex;
|
| 22 |
align-items: center;
|
| 23 |
+
justify-content: center;
|
| 24 |
}
|
| 25 |
|
| 26 |
.gblocks-version {
|
| 34 |
border-radius: 2px;
|
| 35 |
}
|
| 36 |
|
| 37 |
+
.gblocks-dashboard-header-content {
|
| 38 |
+
max-width: 700px;
|
| 39 |
+
margin: 0 auto;
|
| 40 |
+
}
|
| 41 |
+
|
| 42 |
.gblocks-navigation {
|
| 43 |
background: #fff;
|
| 44 |
display: flex;
|
dist/blocks.build.js
CHANGED
|
@@ -1 +1 @@
|
|
| 1 |
-
!function(e){function t(l){if(a[l])return a[l].exports;var n=a[l]={i:l,l:!1,exports:{}};return e[l].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var a={};t.m=e,t.c=a,t.d=function(e,a,l){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:l})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=18)}([function(e,t,a){var l,n;!function(){"use strict";function a(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var n=typeof l;if("string"===n||"number"===n)e.push(l);else if(Array.isArray(l)&&l.length){var r=a.apply(null,l);r&&e.push(r)}else if("object"===n)for(var o in l)i.call(l,o)&&l[o]&&e.push(o)}}return e.join(" ")}var i={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(a.default=a,e.exports=a):(l=[],void 0!==(n=function(){return a}.apply(t,l))&&(e.exports=n))}()},function(e,t,a){"use strict";function l(e){return"tabs-desktop"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},n("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):"tabs-tablet"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24"},n("path",{d:"M16.6429 4H7.35714C6.33147 4 5.5 4.71634 5.5 5.6V18.4C5.5 19.2837 6.33147 20 7.35714 20H16.6429C17.6685 20 18.5 19.2837 18.5 18.4V5.6C18.5 4.71634 17.6685 4 16.6429 4Z"}),n("path",{d:"M12 17.5H12.01"})):"tabs-mobile"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24"},n("path",{d:"M15.5714 4H8.42857C7.63959 4 7 4.71634 7 5.6V18.4C7 19.2837 7.63959 20 8.42857 20H15.5714C16.3604 20 17 19.2837 17 18.4V5.6C17 4.71634 16.3604 4 15.5714 4Z"}),n("path",{d:"M12 17.5H12.01"})):"sync"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24"},n("path",{d:"m7.34133533 6.23855964v-1.98499625c-2.17404351.03150788-4.03300825 1.38634659-4.85221305 3.27681921-.31507877.72468117-.44111028 1.51237809-.4096024 2.33158289.06301575 1.13428361.47261815 2.20555141 1.16579145 3.05626411.37809452.4411102.28357089 1.1027757-.18904726 1.4493623-.44111028.3150788-1.07126782.2205551-1.41785447-.1890473-.85071268-1.0397599-1.38634658-2.3315829-1.54388597-3.7179294-.12603151-1.00825211-.03150788-2.01650417.25206302-2.9302326.88222055-3.02475619 3.6864216-5.26181546 6.99474868-5.29332334v-1.98499624c0-.09452363.12603151-.15753939.22055514-.09452363l4.09602403 2.99324831c.0630157.06301575.0630157.15753938 0 .18904726l-4.09602403 2.99324831c-.09452363.06301575-.22055514 0-.22055514-.09452363zm.22055514 13.17029256c.09452363.0630158.22055514 0 .22055514-.0945236v-1.9849963c3.30832709-.0315078 6.11252809-2.2685671 6.99474869-5.2933233.252063-.9137284.3780945-1.8904726.252063-2.93023256-.1575394-1.38634658-.7246812-2.67816954-1.543886-3.71792948-.3465866-.44111028-.9767441-.53563391-1.4178544-.18904726-.4726182.34658665-.5671418 1.00825206-.1890473 1.44936234.6931733.85071268 1.1027757 1.89047262 1.1657915 3.05626407.0315078.81920479-.1260315 1.63840959-.4096024 2.33158289-.787697 1.8904726-2.6466617 3.2453113-4.85221309 3.2768192v-1.9849962c0-.0945237-.12603151-.1575394-.22055514-.0945237l-4.096024 2.9932483c-.06301576.0630158-.06301576.1575394 0 .1890473z",transform:"translate(4 2)"})):"headline"===e?n("svg",{width:24,height:24,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M12.5 4v5.2h-5V4H5v13h2.5v-5.2h5V17H15V4",fill:"#1e72bd"})):"grid"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M20 .6c0-.3-.2-.6-.5-.6H.5C.2 0 0 .3 0 .6v4.6c0 .3.2.6.5.6h19c.3 0 .5-.3.5-.6V.6zM6.7 7.7c0-.3-.2-.6-.5-.6H.5c-.3 0-.5.3-.5.6v4.6c0 .3.2.6.5.6h5.6c.3 0 .5-.3.5-.6l.1-4.6zM19.9 7.7c0-.3-.2-.6-.6-.6H8.6c-.4 0-.6.3-.6.6v4.5c0 .3.2.6.6.6h10.8c.3 0 .6-.3.6-.6l-.1-4.5z",fill:"#1d72ba"}),n("path",{d:"M20 14.8c0-.3-.2-.6-.5-.6h-5.6c-.3 0-.5.2-.5.6v4.6c0 .3.2.6.5.6h5.6c.3 0 .5-.2.5-.6v-4.6zM12 14.8c0-.3-.2-.5-.5-.5H.5c-.3 0-.5.2-.5.5v4.6c0 .4.2.6.5.6h11c.3 0 .5-.2.5-.5v-4.7z",fill:"#1d72ba"})):"container"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M2.8 3.4c0-.4.3-.7.7-.7h1.2V0H3.4C1.5 0 0 1.5 0 3.4v1.2h2.8V3.4zM0 7.4h2.8v5.3H0zM17.2 7.4H20v5.3h-2.8zM17.2 16.6c0 .4-.3.7-.7.7h-1.2V20h1.2c1.9 0 3.4-1.5 3.4-3.4v-1.2h-2.8v1.2h.1zM7.4 0h5.3v2.8H7.4zM3.4 17.2c-.4 0-.7-.3-.7-.7v-1.2H0v1.2c0 2 1.5 3.5 3.4 3.5h1.2v-2.8H3.4zM7.4 17.2h5.3V20H7.4zM16.6 2.8c.4 0 .7.3.7.7v1.2H20V3.4C20 1.5 18.5 0 16.6 0h-1.2v2.8h1.2z",fill:"#1e72bd"})):"button"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M19.2 0H.8C.4 0 0 .4 0 .8v6.4c0 .4.4.8.8.8h18.4c.4 0 .8-.4.8-.8V.8c0-.4-.4-.8-.8-.8zM18.4 12H1.6c-.9 0-1.6.7-1.6 1.6v4.8c0 .9.7 1.6 1.6 1.6h16.8c.9 0 1.6-.7 1.6-1.6v-4.8c0-.9-.7-1.6-1.6-1.6zm.4 6.4c0 .2-.2.4-.4.4H1.6c-.2 0-.4-.2-.4-.4v-4.8c0-.2.2-.4.4-.4h16.8c.2 0 .4.2.4.4v4.8z",fill:"#1e72bd"})):"paragraph"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20"},n("path",{d:"M15 2H7.54c-.83 0-1.59.2-2.28.6-.7.41-1.25.96-1.65 1.65C3.2 4.94 3 5.7 3 6.52s.2 1.58.61 2.27c.4.69.95 1.24 1.65 1.64.69.41 1.45.61 2.28.61h.43V17c0 .27.1.51.29.71.2.19.44.29.71.29.28 0 .51-.1.71-.29.2-.2.3-.44.3-.71V5c0-.27.09-.51.29-.71.2-.19.44-.29.71-.29s.51.1.71.29c.19.2.29.44.29.71v12c0 .27.1.51.3.71.2.19.43.29.71.29.27 0 .51-.1.71-.29.19-.2.29-.44.29-.71V4H15c.27 0 .5-.1.7-.3.2-.19.3-.43.3-.7s-.1-.51-.3-.71A.984.984 0 0 0 15 2z"})):"spacing"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-10.007,10.007c6.632,6.632 6.632,73.42 0,80.052c-6.632,6.632 -73.42,6.632 -80.052,0c-6.632,-6.632 -6.632,-73.42 0,-80.052c6.632,-6.632 73.42,-6.632 80.052,0Z"}),n("path",{d:"M40.452,77.705c7.802,1.393 23.794,1.393 31.596,0l13.635,13.635c-12.215,3.213 -46.652,3.213 -58.866,0l13.635,-13.635Zm50.888,-50.888c3.213,12.215 3.213,46.653 0,58.866l-13.635,-13.635c1.393,-7.801 1.393,-23.794 0,-31.596l13.635,-13.635Zm-70.18,0l13.635,13.635c-1.393,7.802 -1.393,23.794 0,31.596l-13.635,13.635c-3.213,-12.213 -3.213,-46.651 0,-58.866Zm5.657,-5.657c12.214,-3.213 46.652,-3.213 58.866,0l-13.635,13.635c-7.801,-1.393 -23.795,-1.393 -31.596,0l-13.635,-13.635Z"})):"advanced"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-10.007,37.215c6.632,2.124 6.632,23.512 0,25.636c-6.632,2.124 -73.42,2.124 -80.052,0c-6.632,-2.124 -6.632,-23.512 0,-25.636c6.632,-2.124 73.42,-2.124 80.052,0Z"}),n("path",{d:"M48.61,51.916c2.243,0.718 2.243,7.95 0,8.668c-2.242,0.718 -24.823,0.718 -27.065,0c-2.243,-0.718 -2.243,-7.95 0,-8.668c2.242,-0.718 24.823,-0.718 27.065,0Z"}),n("path",{d:"M90.955,51.916c2.243,0.718 2.243,7.95 0,8.668c-2.242,0.718 -24.823,0.718 -27.065,0c-2.243,-0.718 -2.243,-7.95 0,-8.668c2.242,-0.718 24.823,-0.718 27.065,0Z"})):"backgrounds"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M1.491,87.777l37.79,-37.79l31.352,31.352c2.412,2.171 5.656,0 5.656,0l17.248,-17.247l13.186,13.186l4.796,4.797c-0.971,12.199 -2.726,21.685 -5.249,24.208c-8.29,8.289 -91.776,8.289 -100.066,0c-2.113,-2.113 -3.687,-9.113 -4.713,-18.506Z"}),n("path",{d:"M0.631,77.323c-1.742,-27.728 0.125,-65.658 5.573,-71.106c8.29,-8.289 91.776,-8.289 100.066,0c5.07,5.07 7.039,38.265 5.89,65.185l-15.795,-15.795c-2.412,-2.172 -5.657,0 -5.657,0l-17.247,17.246l-31.351,-31.351c-0.731,-0.658 -1.036,-1 -2.619,-1.166c-0.263,0 -0.477,-0.075 -1.245,0.131c-0.912,0.244 -1.793,1.035 -1.793,1.035l-35.822,35.821Zm76.434,-59.584c7.115,0 12.891,5.776 12.891,12.89c0,7.114 -5.776,12.89 -12.891,12.89c-7.114,0 -12.89,-5.776 -12.89,-12.89c0,-7.114 5.776,-12.89 12.89,-12.89Z"})):"colors"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-50.033,12.818c-20.551,0 -37.215,16.664 -37.215,37.215c0,20.551 16.664,37.215 37.215,37.215c3.432,0 6.202,-2.77 6.202,-6.203c0,-1.612 -0.62,-3.059 -1.612,-4.176c-0.951,-1.075 -1.571,-2.522 -1.571,-4.094c0,-3.432 2.77,-6.202 6.202,-6.202l7.319,0c11.413,0 20.675,-9.262 20.675,-20.675c0,-18.277 -16.664,-33.08 -37.215,-33.08Zm-22.742,37.215c-3.433,0 -6.203,-2.77 -6.203,-6.202c0,-3.433 2.77,-6.203 6.203,-6.203c3.432,0 6.202,2.77 6.202,6.203c0,3.432 -2.77,6.202 -6.202,6.202Zm45.484,0c-3.432,0 -6.202,-2.77 -6.202,-6.202c0,-3.433 2.77,-6.203 6.202,-6.203c3.433,0 6.203,2.77 6.203,6.203c0,3.432 -2.77,6.202 -6.203,6.202Zm-33.079,-16.54c-3.433,0 -6.203,-2.77 -6.203,-6.202c0,-3.433 2.77,-6.203 6.203,-6.203c3.432,0 6.202,2.77 6.202,6.203c0,3.432 -2.77,6.202 -6.202,6.202Zm20.674,0c-3.432,0 -6.202,-2.77 -6.202,-6.202c0,-3.433 2.77,-6.203 6.202,-6.203c3.433,0 6.203,2.77 6.203,6.203c0,3.432 -2.77,6.202 -6.203,6.202Z"})):"gradients"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M112.426,48.746c0.503,25.204 -1.545,52.939 -6.143,57.537c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.289,-8.288 91.748,-8.289 100.061,-0.004c0,0 0.005,0.004 0.005,0.004c3.691,3.692 5.739,22.295 6.143,42.529Zm-16.154,-32.526c-6.656,-6.628 -73.418,-6.627 -80.048,0.004c-6.631,6.63 -6.632,73.392 -0.004,80.048l80.052,-80.052Z"})):"icons"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-10.007,10.007c6.632,6.632 6.632,73.42 0,80.052c-6.632,6.632 -73.42,6.632 -80.052,0c-6.632,-6.632 -6.632,-73.42 0,-80.052c6.632,-6.632 73.42,-6.632 80.052,0Z"}),n("path",{d:"M89.605,22.895c5.527,5.526 5.527,61.184 0,66.71c-5.526,5.527 -61.184,5.527 -66.71,0c-5.527,-5.526 -5.527,-61.184 0,-66.71c5.526,-5.527 61.184,-5.527 66.71,0Zm-21.066,62.31l0,-2.731c-0.648,-0.074 -1.272,-0.199 -1.87,-0.374c-0.599,-0.174 -1.148,-0.374 -1.646,-0.598c-0.699,-0.299 -1.235,-0.755 -1.609,-1.366c-0.374,-0.611 -0.561,-1.353 -0.561,-2.226l0,-29.703l-0.561,-0.561l-18.331,0.972l0,2.731c0.748,0.075 1.577,0.25 2.488,0.524c0.91,0.274 1.589,0.561 2.038,0.86c0.599,0.399 1.098,0.929 1.497,1.59c0.399,0.661 0.598,1.428 0.598,2.301l0,21.773c0,0.923 -0.162,1.665 -0.486,2.226c-0.324,0.561 -0.885,0.991 -1.683,1.29c-0.449,0.175 -0.986,0.3 -1.609,0.374c-0.624,0.075 -1.26,0.138 -1.908,0.187l0,2.731l23.643,0Zm-12.978,-59.459c4.76,0 8.625,3.864 8.625,8.625c0,4.76 -3.865,8.625 -8.625,8.625c-4.76,0 -8.625,-3.865 -8.625,-8.625c0,-4.761 3.865,-8.625 8.625,-8.625Z"})):"typography"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-8.783,78.583l0,-2.817c-0.661,-0.026 -1.481,-0.165 -2.46,-0.417c-0.979,-0.251 -1.773,-0.562 -2.381,-0.932c-0.9,-0.609 -1.601,-1.23 -2.103,-1.865c-0.503,-0.635 -0.953,-1.468 -1.349,-2.5l-18.769,-48.569l-3.175,0c-2.672,6.878 -5.714,14.721 -9.126,23.53c-3.266,8.43 -6.265,16.06 -8.998,22.891l-11.672,-28.684l-2.304,0c-1.939,4.742 -4.148,10.149 -6.625,16.222c-2.477,6.072 -4.743,11.543 -6.798,16.412c-0.403,0.949 -0.816,1.692 -1.238,2.23c-0.423,0.538 -1.018,1.053 -1.786,1.545c-0.48,0.292 -1.095,0.524 -1.844,0.698c-0.749,0.173 -1.373,0.278 -1.872,0.314l0,1.942l15.382,0l0,-1.942c-1.518,-0.073 -2.881,-0.31 -4.091,-0.711c-1.209,-0.401 -1.814,-0.966 -1.814,-1.696c0,-0.31 0.048,-0.711 0.144,-1.204c0.096,-0.492 0.268,-1.13 0.518,-1.914c0.269,-0.803 0.571,-1.678 0.907,-2.626c0.336,-0.948 0.773,-2.061 1.311,-3.338l14.316,0l3.399,8.699c0.012,0.03 0.024,0.06 0.036,0.092c-0.161,0.119 -0.329,0.237 -0.503,0.355c-0.661,0.423 -1.508,0.76 -2.539,1.012c-1.032,0.251 -1.892,0.403 -2.58,0.456l0,2.817l21.19,0l0,-2.817c-2.09,-0.106 -3.968,-0.45 -5.635,-1.032c-1.666,-0.582 -2.499,-1.402 -2.499,-2.46c0,-0.45 0.066,-1.032 0.198,-1.746c0.132,-0.714 0.37,-1.64 0.714,-2.777c0.371,-1.164 0.787,-2.434 1.25,-3.81c0.463,-1.375 1.065,-2.989 1.806,-4.841l19.721,0l4.682,12.619c0.106,0.264 0.186,0.568 0.238,0.912c0.053,0.344 0.08,0.635 0.08,0.873c0,0.582 -0.681,1.072 -2.044,1.468c-1.362,0.397 -3.075,0.662 -5.138,0.794l0,2.817l23.451,0Zm-56.864,-15.865l-6.193,-15.045l-6.078,15.045l12.271,0Zm34.167,-7.15l-8.532,-21.824l-8.373,21.824l16.905,0Z"})):"addContainer"===e?n("svg",{width:20,height:20,viewBox:"0 0 64 64",fillRule:"evenodd"},n("path",{d:"M41.454,57.126l0,6.409c-6.088,0.286 -12.82,0.286 -18.908,0l0,-6.409c5.957,0.366 12.951,0.366 18.908,0Zm-33.93,-8.899c0.458,3.226 1.086,5.568 1.883,6.366c0.798,0.797 3.14,1.425 6.366,1.883l0,6.592c-6.084,-0.578 -10.706,-1.519 -12.015,-2.826c-1.307,-1.309 -2.248,-5.931 -2.826,-12.015l6.592,0Zm55.544,0c-0.578,6.084 -1.519,10.706 -2.826,12.015c-1.309,1.307 -5.931,2.248 -12.015,2.826l0,-6.592c3.226,-0.458 5.568,-1.086 6.366,-1.883c0.797,-0.798 1.425,-3.14 1.883,-6.366l6.592,0Zm0.467,-25.681c0.286,6.088 0.286,12.82 0,18.908l-6.409,0c0.366,-5.957 0.366,-12.951 0,-18.908l6.409,0Zm-56.661,0c-0.366,5.957 -0.366,12.951 0,18.908l-6.409,0c-0.286,-6.088 -0.286,-12.82 0,-18.908l6.409,0Zm41.353,-21.614c6.084,0.578 10.706,1.519 12.015,2.826c1.307,1.309 2.248,5.931 2.826,12.015l-6.592,0c-0.458,-3.226 -1.086,-5.568 -1.883,-6.366c-0.798,-0.797 -3.14,-1.425 -6.366,-1.883l0,-6.592Zm-32.454,0l0,6.592c-3.226,0.458 -5.568,1.086 -6.366,1.883c-0.797,0.798 -1.425,3.14 -1.883,6.366l-6.592,0c0.578,-6.084 1.519,-10.706 2.826,-12.015c1.309,-1.307 5.931,-2.248 12.015,-2.826Zm6.773,-0.467c6.088,-0.286 12.82,-0.286 18.908,0l0,6.409c-5.957,-0.366 -12.951,-0.366 -18.908,0l0,-6.409Z"}),n("path",{d:"M18.03,29.037l11.007,0l0,-11.007l6.773,0l0,11.007l11.007,0l0,6.773l-11.007,0l0,11.007l-6.773,0l0,-11.007l-11.007,0l0,-6.773Z"})):"gradient"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24",fillRule:"evenodd"},n("path",{d:"M17.66 8L12 2.35L6.34 8A8.02 8.02 0 0 0 4 13.64c0 2 .78 4.11 2.34 5.67a7.99 7.99 0 0 0 11.32 0c1.56-1.56 2.34-3.67 2.34-5.67S19.22 9.56 17.66 8zM6 14c.01-2 .62-3.27 1.76-4.4L12 5.27l4.24 4.38C17.38 10.77 17.99 12 18 14H6z"})):"documentation"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.755 6.245c8.327 8.326 8.327 92.184 0 100.51-8.326 8.327-92.184 8.327-100.51 0-8.327-8.326-8.327-92.184 0-100.51 8.326-8.327 92.184-8.327 100.51 0zm-92.661 93.896C9.279 84 9.781 23.714 15.834 17.661c2.491-2.491 19.588-4.132 26.354-4.712 4.748-.408 10.115.671 14.243 1.23 4.128-.559 9.495-1.638 14.243-1.23 6.766.58 23.863 2.221 26.354 4.712 6.053 6.053 6.791 66.339 1.976 82.48-4.729-1.977-19.708-3.436-26.784-3.853-5.234-.308-11.129.739-15.671 1.354-4.543-.615-10.437-1.662-15.672-1.354-7.075.417-22.054 1.876-26.783 3.853z"}),n("path",{d:"M50.188 32.738c2.252.536 2.252 5.927 0 6.463-2.252.535-24.934.535-27.186 0-2.252-.536-2.252-5.927 0-6.463 2.252-.535 24.934-.535 27.186 0zM50.277 46.846c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0zM50.277 60.037c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0zM50.277 73.799c2.252.536 2.252 5.927 0 6.463-2.252.535-24.934.535-27.186 0-2.252-.536-2.252-5.927 0-6.463 2.252-.535 24.934-.535 27.186 0z"}),n("path",{d:"M89.909 32.738c2.252.536 2.252 5.927 0 6.463-2.252.535-24.934.535-27.186 0-2.252-.536-2.252-5.927 0-6.463 2.252-.535 24.934-.535 27.186 0zM89.998 46.846c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0zM89.998 60.037c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0z"})):"layout"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.719 6.238c8.362 8.362 8.362 92.208 0 100.57-8.362 8.287-92.208 8.287-100.495 0-8.362-8.362-8.362-92.208 0-100.57 8.287-8.286 92.133-8.286 100.495 0zm-9.417 9.417c6.78 6.78 6.78 74.957 0 81.737-6.78 6.78-74.956 6.78-81.661 0-6.78-6.78-6.78-74.957 0-81.737 6.705-6.78 74.881-6.78 81.661 0z"}),n("path",{d:"M93.988 48.877c.602 17.477-.754 37.893-3.993 41.132-3.164 3.164-22.75 4.52-40.002 4.068v-45.2h43.995zm-75.108 0h23.58v44.899c-9.718-.603-17.553-1.808-19.512-3.767-3.24-3.24-4.595-23.655-4.068-41.132zm.377-7.533c.678-9.19 1.883-16.498 3.691-18.306 5.575-5.575 61.472-5.575 67.047 0 1.808 1.808 3.013 9.115 3.691 18.306h-74.43z"})):void 0}t.a=l;var n=wp.element.createElement},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(22),o=(a.n(r),function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}()),c=wp.element.Component,__=wp.i18n.__,s=wp.components,g=s.Tooltip,u=s.Button,p=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),o(t,[{key:"render",value:function(){var e=this.props,t=e.onClick,a=e.selectedDevice;return wp.element.createElement("div",{className:"gb-responsive-tabs"},wp.element.createElement(g,{text:__("Show options for all devices","generateblocks")},wp.element.createElement(u,{isLarge:!0,isPressed:"desktop"===a,onClick:function(){t("desktop")}},__("Desktop","generateblocks"))),wp.element.createElement(g,{text:__("Show options for tablet devices")},wp.element.createElement(u,{isLarge:!0,isPressed:"tablet"===a,onClick:function(){t("tablet")}},__("Tablet","generateblocks"))),wp.element.createElement(g,{text:__("Show options for mobile devices")},wp.element.createElement(u,{isLarge:!0,isPressed:"mobile"===a,onClick:function(){t("mobile")}},__("Mobile","generateblocks"))))}}]),t}(c);t.a=p},function(e,t,a){"use strict";function l(e){var t="",a=!0,l=!1,i=void 0;try{for(var r,o=Object.entries(e)[Symbol.iterator]();!(a=(r=o.next()).done);a=!0){var c=r.value,s=n(c,2),g=s[0],u=s[1];if(!(u.length<1)){var p=g+"{",b=0,d=!0,f=!1,m=void 0;try{for(var h,w=Object.entries(u)[Symbol.iterator]();!(d=(h=w.next()).done);d=!0){var k=h.value,y=n(k,2),v=(y[0],y[1]),C=!0,B=!1,S=void 0;try{for(var E,T=Object.entries(v)[Symbol.iterator]();!(C=(E=T.next()).done);C=!0){var O=E.value,z=n(O,2),M=z[0],D=z[1];(D||0===D)&&(b++,p+=M+": "+D+";")}}catch(e){B=!0,S=e}finally{try{!C&&T.return&&T.return()}finally{if(B)throw S}}}}catch(e){f=!0,m=e}finally{try{!d&&w.return&&w.return()}finally{if(f)throw m}}p+="}",b>0&&(t+=p)}}}catch(e){l=!0,i=e}finally{try{!a&&o.return&&o.return()}finally{if(l)throw i}}return t}t.a=l;var n=function(){function e(e,t){var a=[],_n=!0,l=!1,n=void 0;try{for(var i,r=e[Symbol.iterator]();!(_n=(i=r.next()).done)&&(a.push(i.value),!t||a.length!==t);_n=!0);}catch(e){l=!0,n=e}finally{try{!_n&&r.return&&r.return()}finally{if(l)throw n}}return a}return function(t,a){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,a);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(24),o=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),c=wp.components.PanelBody,s=wp.element.Component,g=wp.hooks.applyFilters,u=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),o(t,[{key:"render",value:function(){var e=this.props,t=e.title,a=void 0!==t&&t,l=e.initialOpen,n=void 0!==l&&l,i=e.icon,o=e.className,s=e.id,u=e.state,p=e.showPanel,b=void 0===p||p,d=e.children;return g("generateblocks.editor.showPanel",b,s,this.props)?wp.element.createElement(r.a,{name:"generateblocks.panel."+s,props:this.props,state:u},a?wp.element.createElement(c,{title:a,initialOpen:n,icon:i,className:o},d):wp.element.createElement(c,null,d)):null}}]),t}(s);t.a=u},function(e,t,a){"use strict";function l(e){return DOMPurify.sanitize(e,{USE_PROFILES:{svg:!0,svgFilters:!0}})}t.a=l},function(e,t,a){"use strict";function l(e,t){return!(!e&&0!==e)&&e+t}t.a=l},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(0),o=a.n(r),c=a(8),s=a(1),g=a(32),u=(a.n(g),function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}()),p=wp.element.Component,__=wp.i18n.__,b=wp.components,d=b.Tooltip,f=b.BaseControl,m=b.Button,h=b.ColorPicker,w=b.RangeControl,k=wp.blockEditor.ColorPalette,y=function(e){function t(){l(this,t);var e=n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={showPicker:!1,showPalette:!1,colorKey:!1},e}return i(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.value,l=t.onChange,n=t.onOpacityChange,i=t.label,r=t.alpha,g=void 0!==r&&r,u=t.valueOpacity,p=this.state,b=p.showPicker,y=p.showPalette,v=p.colorKey;return wp.element.createElement(f,{className:o()({"gblocks-color-picker-container":!0,"gblocks-color-picker-is-open":b})},wp.element.createElement(f,{className:"gblocks-component-color-picker-wrapper"},wp.element.createElement("span",{className:"components-base-control__label",role:"button",tabIndex:"0",onClick:function(){e.setState({showPicker:!b})},onKeyDown:function(){e.setState({showPicker:!b})}},i),wp.element.createElement("div",{className:o()("components-color-palette__item-wrapper components-circular-option-picker__option-wrapper",a?"":"components-color-palette__custom-color")},wp.element.createElement(d,{text:__("Choose Color","generateblocks")},wp.element.createElement("button",{type:"button","aria-expanded":b,className:"components-color-palette__item components-circular-option-picker__option",onClick:function(){e.setState({showPicker:!b})},"aria-label":__("Custom color picker","generateblocks"),style:{color:a?Object(c.a)(a,u):"transparent"}},wp.element.createElement("span",{className:"components-color-palette__custom-color-gradient"}))))),b&&wp.element.createElement("div",{className:o()({"gblocks-component-color-picker":!0})},!y&&wp.element.createElement(f,{key:v},wp.element.createElement(h,{key:v,color:a||"",onChangeComplete:function(e){l(e.hex)},disableAlpha:!0}),wp.element.createElement("div",{className:"gblocks-color-controls"},wp.element.createElement(m,{isSmall:!0,isSecondary:!0,className:"components-color-clear-color",onClick:function(){l("")}},__("Clear Color","generateblocks")),wp.element.createElement(m,{isSmall:!0,isSecondary:!0,"aria-expanded":y,className:"components-color-show-palette",onClick:function(){e.setState({showPalette:!y})}},__("Show Color Palette","generateblocks")))),!y&&g&&wp.element.createElement("div",{className:"gblocks-component-color-opacity"},wp.element.createElement(d,{text:__("Opacity","generateblocks")},Object(s.a)("gradient")),wp.element.createElement(w,{value:u||0,onChange:function(e){return n(e)},min:0,max:1,step:.01,initialPosition:1})),y&&wp.element.createElement("div",null,wp.element.createElement(m,{isSmall:!0,isSecondary:!0,"aria-expanded":y,className:"components-color-show-palette",onClick:function(){e.setState({showPalette:!y})}},__("Hide Color Palette","generateblocks")),wp.element.createElement(f,{label:!1,className:"gblocks-component-color-picker-palette"},wp.element.createElement(k,{value:a,onChange:function(t){l(t),e.setState({colorKey:t})},disableCustomColors:!0})))))}}]),t}(p);t.a=y},function(e,t,a){"use strict";function l(e,t){return e?t||0===t?(e=e.replace("#",""),"rgba("+parseInt(3===e.length?e.slice(0,1).repeat(2):e.slice(0,2),16)+", "+parseInt(3===e.length?e.slice(1,2).repeat(2):e.slice(2,4),16)+", "+parseInt(3===e.length?e.slice(2,3).repeat(2):e.slice(4,6),16)+", "+t+")"):e:""}t.a=l},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(33),g=(a.n(s),a(1)),u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),p=wp.i18n,__=p.__,_x=p._x,b=p.sprintf,d=wp.element,f=d.Component,m=d.Fragment,h=wp.components,w=h.Button,k=h.Tooltip,y=h.ButtonGroup,v=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.onChangeTop=e.onChangeTop.bind(e),e.onChangeRight=e.onChangeRight.bind(e),e.onChangeBottom=e.onChangeBottom.bind(e),e.onChangeLeft=e.onChangeLeft.bind(e),e.onChangeAll=e.onChangeAll.bind(e),e.syncUnits=e.syncUnits.bind(e),e.onChangeUnits=e.onChangeUnits.bind(e),e}return r(t,e),u(t,[{key:"onReset",value:function(e){this.props.setAttributes(l({},this.props[e],""))}},{key:"onChangeTop",value:function(e){this.props.setAttributes(l({},this.props.attrTop,e))}},{key:"onChangeRight",value:function(e){this.props.setAttributes(l({},this.props.attrRight,e))}},{key:"onChangeBottom",value:function(e){this.props.setAttributes(l({},this.props.attrBottom,e))}},{key:"onChangeLeft",value:function(e){this.props.setAttributes(l({},this.props.attrLeft,e))}},{key:"onChangeAll",value:function(e){var t;this.props.setAttributes((t={},l(t,this.props.attrTop,e),l(t,this.props.attrRight,e),l(t,this.props.attrBottom,e),l(t,this.props.attrLeft,e),t))}},{key:"syncUnits",value:function(){var e,t=[this.props.attributes[this.props.attrTop],this.props.attributes[this.props.attrRight],this.props.attributes[this.props.attrBottom],this.props.attributes[this.props.attrLeft]],a=Math.max.apply(null,t);this.props.setAttributes((e={},l(e,this.props.attrSyncUnits,!this.props.attributes[this.props.attrSyncUnits]),l(e,this.props.attrTop,a.toString()),l(e,this.props.attrRight,a.toString()),l(e,this.props.attrBottom,a.toString()),l(e,this.props.attrLeft,a.toString()),e))}},{key:"onChangeUnits",value:function(e){this.props.setAttributes(l({},this.props.attrUnit,e))}},{key:"render",value:function(){var e=this,t=this.props,a=t.attributes,l=t.label,n=void 0===l?__("Margin","generateblocks"):l,i=t.type,r=void 0===i?"margin":i,o=t.attrTop,s=t.attrRight,u=t.attrBottom,p=t.attrLeft,d=t.attrSyncUnits,f=t.attrUnit,h=t.labelTop,v=void 0===h?__("Top","generateblocks"):h,C=t.labelRight,B=void 0===C?__("Right","generateblocks"):C,S=t.labelBottom,E=void 0===S?__("Bottom","generateblocks"):S,T=t.labelLeft,O=void 0===T?__("Left","generateblocks"):T,z=t.displayUnit,M=t.device,D=t.block,_=t.defaults,L=c()("components-base-control","components-gblocks-dimensions-control"),R=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrTop");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeTop(a)},x=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrRight");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeRight(a)},P=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrBottom");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeBottom(a)},U=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrLeft");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeLeft(a)},N=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"},{name:_x("Percentage","A size unit for CSS markup","generateblocks"),unitValue:"%"}],A="",F="",j="",H="";if("headline"===D&&u.includes("marginBottom")&&"undefined"!==typeof generateBlocksStyling.headline&&"undefined"!==typeof generateBlocksStyling.headline[a.element].marginBottom&&generateBlocksStyling.headline[a.element].marginUnit===a.marginUnit&&(j=generateBlocksStyling.headline[a.element].marginBottom),"tablet"===M){var I=o.replace("Tablet",""),V=s.replace("Tablet",""),G=u.replace("Tablet",""),q=p.replace("Tablet","");A=a[I]?a[I]:A,F=a[V]?a[V]:F,j=a[G]?a[G]:j,H=a[q]?a[q]:H}if("mobile"===M){var W=o.replace("Mobile",""),Z=s.replace("Mobile",""),K=u.replace("Mobile",""),J=p.replace("Mobile","");a[W+"Tablet"]?A=a[W+"Tablet"]:a[W]&&(A=a[W]),a[Z+"Tablet"]?F=a[Z+"Tablet"]:a[Z]&&(F=a[Z]),a[K+"Tablet"]?j=a[K+"Tablet"]:a[K]&&(j=a[K]),a[J+"Tablet"]?H=a[J+"Tablet"]:a[J]&&(H=a[J])}return wp.element.createElement(m,null,wp.element.createElement("div",{className:L},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},n),"undefined"!==typeof a[f]?wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(y,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units","generateblocks")},N.map(function(t){return wp.element.createElement(k,{text:b(__("%s Units","generateblocks"),t.name),key:t.unitValue},wp.element.createElement(w,{key:t.unitValue,className:"components-gblocks-dimensions-control__units--"+t.name,isSmall:!0,isPrimary:a[f]===t.unitValue,"aria-pressed":a[f]===t.unitValue,"aria-label":b(__("%s Units","generateblocks"),t.name),onClick:function(){return e.onChangeUnits(t.unitValue)}},t.unitValue))}))):null,"undefined"!==typeof z&&wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(k,{text:__("Pixel Units"),key:"px-unit"},wp.element.createElement(w,{key:"px-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},z)))),wp.element.createElement("div",{className:"components-gblocks-dimensions-control__inputs"},wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:A,type:"number",onChange:R,onBlur:function(){""===a[o]&&""!==_[o]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeTop("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Top","generateblocks"),n),value:a[o]?a[o]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:F,type:"number",onChange:x,onBlur:function(){""===a[s]&&""!==_[s]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeRight("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Right","generateblocks"),n),value:a[s]?a[s]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:j,type:"number",onChange:P,onBlur:function(){""===a[u]&&""!==_[u]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeBottom("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Bottom","generateblocks"),n),value:a[u]?a[u]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:H,type:"number",onChange:U,onBlur:function(){""===a[p]&&""!==_[p]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeLeft("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Left","generateblocks"),n),value:a[p]?a[p]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement(k,{text:a[d]?__("Unsync","generateblocks"):__("Sync","generateblocks")},wp.element.createElement(w,{className:"components-gblocks-dimensions-control_sync","aria-label":__("Sync Units","generateblocks"),isPrimary:!!a[d]&&a[d],"aria-pressed":!!a[d]&&a[d],onClick:function(t){return e.syncUnits(t,"")},isSmall:!0},(a[d],Object(g.a)("sync"))))),wp.element.createElement("div",{className:"components-gblocks-dimensions-control__input-labels"},wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},v),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},B),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},E),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},O),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"}))))}}]),t}(f);t.a=v},function(e,t,a){"use strict";function l(e,t,a,l,n){if(""!==e||""!==t||""!==a||""!==l){e=0!=parseFloat(e)&&""!==e?parseFloat(e)+n+" ":"0 ",t=0!=parseFloat(t)&&""!==t?parseFloat(t)+n+" ":"0 ",a=0!=parseFloat(a)&&""!==a?parseFloat(a)+n+" ":"0 ",l=0!=parseFloat(l)&&""!==l?parseFloat(l)+n+" ":"0 ",t===l&&(l="",e===a&&(a="",e===t&&(t="")));return(e+t+a+l).trim()}}t.a=l},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(34),c=(a.n(o),a(35)),s=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),g=wp.i18n,__=g.__,_x=g._x,u=g.sprintf,p=wp.element,b=p.Component,d=p.Fragment,f=wp.components,m=f.BaseControl,h=f.SelectControl,w=f.ToggleControl,k=f.TextControl,y=f.ButtonGroup,v=f.Tooltip,C=f.Button,B=function(e){function t(){return n(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),s(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.setAttributes,n=t.attributes,i=t.device,r=void 0===i?"":i,o=t.showFontSize,s=void 0!==o&&o,g=t.showFontFamily,p=void 0!==g&&g,b=t.showFontWeight,f=void 0!==b&&b,B=t.showTextTransform,S=void 0!==B&&B,E=t.showLineHeight,T=void 0!==E&&E,O=t.showLetterSpacing,z=void 0!==O&&O,M=t.disableAdvancedToggle,D=void 0!==M&&M,_=t.fontSizePlaceholder,L=void 0===_?"17":_,R=[{value:"",label:__("Select font...")},{value:"Arial",label:"Arial"},{value:"Helvetica",label:"Helvetica"},{value:"Times New Roman",label:"Times New Roman"},{value:"Georgia",label:"Georgia"}];Object.keys(c.a).slice(0,20).map(function(e){R.push({value:e,label:e})}),R.push({value:"other",label:__("Other","generateblocks")});var x=[{value:"",label:__("Default","generateblocks")},{value:"normal",label:__("Normal","generateblocks")},{value:"bold",label:__("Bold","generateblocks")},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],P=[{value:"",label:__("Default","generateblocks")},{value:"uppercase",label:__("Uppercase","generateblocks")},{value:"lowercase",label:__("Lowercase","generateblocks")},{value:"capitalize",label:__("Capitalize","generateblocks")},{value:"initial",label:__("Normal","generateblocks")}];"undefined"!==typeof c.a[n.fontFamily]&&"undefined"!==typeof c.a[n.fontFamily].weight&&(x=[{value:"",label:__("Default","generateblocks")},{value:"normal",label:__("Normal","generateblocks")},{value:"bold",label:__("Bold","generateblocks")}],c.a[n.fontFamily].weight.filter(function(e){var t=e.match(/[a-z]/g),a=e.match(/[0-9]/g);return!(t&&a||"italic"===e)}).map(function(e){x.push({value:e,label:e})}));var U=function(e){"other"===e&&(e="");n.fontWeight;a({fontFamily:e}),n.fontWeight&&Object.values(x).indexOf(n.fontWeight),a("undefined"!==typeof c.a[e]?{googleFont:!0,fontFamilyFallback:c.a[e].fallback,googleFontVariants:c.a[e].weight.join(", ")}:{googleFont:!1,fontFamilyFallback:"",googleFontVariants:""})},N=function(e){a({fontFamily:e.target.value}),U(e.target.value)},A=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"},{name:_x("Percentage","A size unit for CSS markup","generateblocks"),unitValue:"%"}],F=function(e,t){return n[e+t]},j=function(e,t){return e+t},H=n.showAdvancedTypography;D&&(H=!0);var I=L;return"Tablet"===r&&n.fontSize&&(I=n.fontSize),"Mobile"===r&&(n.fontSizeTablet?I=n.fontSizeTablet:n.fontSize&&(I=n.fontSize)),wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-weight-transform"},f&&wp.element.createElement(h,{label:__("Weight","generateblocks"),value:n.fontWeight,options:x,onChange:function(e){a({fontWeight:e})},className:"components-base-control"}),S&&wp.element.createElement(h,{label:__("Transform","generateblocks"),value:n.textTransform,options:P,onChange:function(e){a({textTransform:e})},className:"components-base-control"})),!D&&wp.element.createElement(w,{label:__("Show Advanced Typography","generateblocks"),checked:!!n.showAdvancedTypography,onChange:function(e){a({showAdvancedTypography:e})}}),p&&H&&wp.element.createElement(m,{className:"gblocks-font-family-shortcuts",label:__("Font Family","generateblocks")},wp.element.createElement("select",{className:"components-select-control__input components-select-control__input--gblocks-fontfamily",onChange:N,onBlur:N},R.map(function(e,t){return wp.element.createElement("option",{key:e.label+"-"+e.value+"-"+t,value:e.value},e.label)}))),p&&H&&wp.element.createElement(k,{value:n.fontFamily,placeholder:__("Enter font name...","generateblocks"),onChange:function(e){return U(e)}}),p&&""!==n.fontFamily&&H&&wp.element.createElement(d,null,wp.element.createElement(w,{label:__("Google Font","generateblocks"),checked:!!n.googleFont,onChange:function(e){a({googleFont:e}),e&&"undefined"!==typeof c.a[n.fontFamily]&&a({fontFamilyFallback:c.a[n.fontFamily].fallback,googleFontVariants:c.a[n.fontFamily].weight.join(", ")})}}),!!n.googleFont&&wp.element.createElement(k,{label:__("Variants","generateblocks"),value:n.googleFontVariants,placeholder:__("300, 400, 400i","generateblocks"),onChange:function(e){a({googleFontVariants:e})}})),p&&H&&wp.element.createElement(k,{label:__("Font Family Fallback","generateblocks"),value:n.fontFamilyFallback,placeholder:__("sans-serif","generateblocks"),onChange:function(e){a({fontFamilyFallback:e})}}),s&&H&&wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Font Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(y,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},A.map(function(e){return wp.element.createElement(v,{text:u(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(C,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:n.fontSizeUnit===e.unitValue,"aria-pressed":n.fontSizeUnit===e.unitValue,"aria-label":u(__("%s Units","generateblocks"),e.name),onClick:function(){return a({fontSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-gblocks-typography-control__inputs"},wp.element.createElement(k,{type:"number",value:F("fontSize",r)||"",placeholder:I,onChange:function(e){var t=j("fontSize",r);a(l({},t,parseFloat(e)))},min:1,autoComplete:"off"}),wp.element.createElement(C,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){var t=j("fontSize",r);a(l({},t,e.props.defaultFontSize))}},__("Reset","generateblocks")))),T&&H&&wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Line Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(y,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},A.map(function(e){return wp.element.createElement(v,{text:u(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(C,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:n.lineHeightUnit===e.unitValue,"aria-pressed":n.lineHeightUnit===e.unitValue,"aria-label":u(__("%s Units","generateblocks"),e.name),onClick:function(){return a({lineHeightUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-gblocks-typography-control__inputs"},wp.element.createElement(k,{type:"number",value:F("lineHeight",r)||0===F("lineHeight",r)?F("lineHeight",r):"",placeholder:"1.5",onChange:function(e){var t=j("lineHeight",r);a(l({},t,e))},onBlur:function(){var e=j("lineHeight",r);a(l({},e,parseFloat(F("lineHeight",r))))},onClick:function(e){e.currentTarget.focus()},min:0,step:.1,autoComplete:"off"}),wp.element.createElement(C,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){var t=j("lineHeight",r);a(l({},t,e.props.defaultLineHeight))}},__("Reset","generateblocks")))),z&&H&&wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Letter Spacing","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(v,{text:__("Em Units"),key:"letter-spacing-unit"},wp.element.createElement(C,{key:"letter-spacing-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Em Units")},"em")))),wp.element.createElement("div",{className:"components-gblocks-typography-control__inputs"},wp.element.createElement(k,{type:"number",value:F("letterSpacing",r)||"",placeholder:"0.01",onChange:function(e){var t=j("letterSpacing",r);a(l({},t,e))},onBlur:function(){var e=j("letterSpacing",r);a(l({},e,parseFloat(F("letterSpacing",r))))},onClick:function(e){e.currentTarget.focus()},min:-1,step:.01,autoComplete:"off"}),wp.element.createElement(C,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){var t=j("letterSpacing",r);a(l({},t,e.props.defaultLetterSpacing))}},__("Reset","generateblocks")))))}}]),t}(b);t.a=B},function(e,t,a){"use strict";function l(e){var t=e.tagName,a=e.id,l=e.className,i=e.style,r=e.children;return a||(a=null),n(t,{id:a,className:l,style:i},r)}t.a=l;var n=wp.element.createElement},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(36),c=(a.n(o),a(7)),s=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,g=wp.element,u=g.Component,p=g.Fragment,b=wp.components,d=b.BaseControl,f=b.ToggleControl,m=b.TextControl,h=b.RangeControl,w=function(e){function t(){return n(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),s(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.attributes,n=t.setAttributes,i=t.attrGradient,r=t.attrGradientDirection,o=t.attrGradientColorOne,s=t.attrGradientColorOneOpacity,g=t.attrGradientColorStopOne,u=t.attrGradientColorTwo,b=t.attrGradientColorTwoOpacity,w=t.attrGradientColorStopTwo,k=t.defaultColorOne,y=t.defaultColorTwo;return wp.element.createElement(p,null,wp.element.createElement(f,{label:__("Use Gradient","generateblocks"),checked:!!a[i],onChange:function(t){n(l({},e.props.attrGradient,t))}}),!!a[i]&&wp.element.createElement(p,null,wp.element.createElement(d,{label:__("Direction","generateblocks")},wp.element.createElement(h,{value:a[r]?a[r]:1,onChange:function(e){n(l({},r,e))},min:0,max:360,step:1,initialPosition:90})),wp.element.createElement(d,{label:__("Color One","generateblocks")},wp.element.createElement("div",{className:"gblocks-component-gradient-control"},wp.element.createElement(c.a,{value:a[o],alpha:!0,valueOpacity:a[s],attrOpacity:"gradientColorOneOpacity",onChange:function(e){return n(l({},o,e))},onOpacityChange:function(e){return n(l({},s,e))},onClear:function(){return n(l({},o,k))}}),wp.element.createElement(m,{className:"gblocks-component-gradient-stop-value",type:"text",value:a[g]?parseFloat(a[g]):"",placeholder:__("Stop position (%)","generateblocks"),onChange:function(e){n(l({},g,parseFloat(e)))}}))),wp.element.createElement(d,{label:__("Color Two","generateblocks")},wp.element.createElement("div",{className:"gblocks-component-gradient-control"},wp.element.createElement(c.a,{value:a[u],alpha:!0,valueOpacity:a[b],attrOpacity:"gradientColorTwoOpacity",onChange:function(e){return n(l({},u,e))},onOpacityChange:function(e){return n(l({},b,e))},onClear:function(){return n(l({},u,y))}}),wp.element.createElement(m,{className:"gblocks-component-gradient-stop-value",type:"text",value:a[w]?parseFloat(a[w]):"",placeholder:__("Stop position (%)","generateblocks"),onChange:function(e){n(l({},w,parseFloat(e)))}})))))}}]),t}(u);t.a=w},function(e,t,a){"use strict";function l(e){return"left"===e||"top"===e?"flex-start":"right"===e||"bottom"===e?"flex-end":e}t.a=l},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(50),c=(a.n(o),a(51)),s=a(52),g=a(5),u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,p=wp.element,b=p.Component,d=p.Fragment,f=p.renderToString,m=wp.components,h=m.BaseControl,w=m.SelectControl,k=m.ToggleControl,y=m.TextControl,v=m.Tooltip,C=m.Button,B=m.PanelBody,S=m.PanelRow,E=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={showIcons:!1,showGeneralIcons:!1,showSocialIcons:!1},e}return r(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.attributes,n=t.setAttributes,i=t.attrIcon,r=t.attrIconLocation,o=t.locationOptions,u=t.attrRemoveText,p=t.attrAriaLabel;return wp.element.createElement(d,null,wp.element.createElement(h,{className:"gb-svg-html"},wp.element.createElement(y,{label:__("Icon SVG HTML","generateblocks"),value:a[i],onChange:function(t){n(l({},e.props.attrIcon,Object(g.a)(t))),n(""!==t?{hasIcon:!0}:{hasIcon:!1})}}),wp.element.createElement("div",{className:"gb-icon-preview"},wp.element.createElement("span",{dangerouslySetInnerHTML:{__html:Object(g.a)(a[i])}}),wp.element.createElement(C,{isSmall:!0,className:"reset-icon is-secondary",onClick:function(){var t;n((t={},l(t,e.props.attrIcon,""),l(t,"hasIcon",!1),t))}},wp.element.createElement("span",{className:"editor-block-types-list__item-icon"},__("Clear","generateblocks"))))),wp.element.createElement(h,{className:"gb-icon-chooser"},wp.element.createElement(B,{title:__("General Icons","generateblocks"),initialOpen:!1},wp.element.createElement(S,null,wp.element.createElement(h,null,wp.element.createElement("ul",{className:"gblocks-icon-chooser"},Object.keys(s.a).map(function(t,a){return wp.element.createElement("li",{key:"editor-pblock-types-list-item-"+a},wp.element.createElement(v,{text:s.a[t].label},wp.element.createElement(C,{isLarge:!0,className:"editor-block-list-item-button",onClick:function(){var a;n((a={},l(a,e.props.attrIcon,f(s.a[t].icon)),l(a,"hasIcon",!0),a))}},wp.element.createElement("span",{className:"editor-block-types-list__item-icon"},s.a[t].icon))))}))))),wp.element.createElement(B,{title:__("Social Icons","generateblocks"),initialOpen:!1},wp.element.createElement(S,null,wp.element.createElement(h,null,wp.element.createElement("ul",{className:"gblocks-icon-chooser"},Object.keys(c.a).map(function(t,a){return wp.element.createElement("li",{key:"editor-pblock-types-list-item-"+a},wp.element.createElement(v,{text:c.a[t].label},wp.element.createElement(C,{isLarge:!0,className:"editor-block-list-item-button",onClick:function(){var a;n((a={},l(a,e.props.attrIcon,f(c.a[t].icon)),l(a,"hasIcon",!0),a))}},wp.element.createElement("span",{className:"editor-block-types-list__item-icon"},c.a[t].icon))))})))))),"undefined"!==typeof a[r]&&!a[u]&&!!a[i]&&wp.element.createElement(w,{label:__("Icon Location","generateblocks"),value:a[r],options:o,onChange:function(t){var i=a.iconPaddingLeft,r=a.iconPaddingRight,o=a.iconPaddingRightTablet,c=a.iconPaddingLeftTablet,s=a.iconPaddingRightMobile,g=a.iconPaddingLeftMobile;"right"===t&&(!i&&r&&n({iconPaddingLeft:r,iconPaddingRight:""}),!c&&o&&n({iconPaddingLeftTablet:o,iconPaddingRightTablet:""}),!g&&s&&n({iconPaddingLeftMobile:s,iconPaddingRightMobile:""})),"left"===t&&(!r&&i&&n({iconPaddingRight:i,iconPaddingLeft:""}),!o&&c&&n({iconPaddingRightTablet:c,iconPaddingLeftTablet:""}),!s&&g&&n({iconPaddingRightMobile:g,iconPaddingLeftMobile:""})),n(l({},e.props.attrIconLocation,t))}}),"undefined"!==typeof a[u]&&!!a[i]&&wp.element.createElement(k,{label:__("Remove Text","generateblocks"),checked:!!a[u],onChange:function(t){n(l({},e.props.attrRemoveText,t))}}),"undefined"!==typeof a[p]&&!!a[u]&&!!a[i]&&wp.element.createElement(y,{label:__("ARIA Label","generateblocks"),help:__("Helpful to people using screen readers.","generateblocks"),value:a[p],onChange:function(t){n(l({},e.props.attrAriaLabel,t))}}))}}]),t}(b);t.a=E},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=a(5),o=wp.blockEditor.RichText;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,c=a.elementId,s=a.cssClasses,g=a.element,u=a.content,p=a.icon,b=a.removeText,d=a.ariaLabel,f=function(e){var t=e.condition,a=e.wrap,l=e.children;return t?a(l):l};return wp.element.createElement(f,{condition:p,wrap:function(e){return wp.element.createElement("div",{className:i()(l({"gb-headline-wrapper":!0},"gb-headline-wrapper-"+n,!0))},e)}},p&&wp.element.createElement("span",{className:"gb-icon","aria-label":b&&d?d:void 0,dangerouslySetInnerHTML:{__html:Object(r.a)(p)}}),!b&&wp.element.createElement(o.Content,{tagName:g,id:c||void 0,className:i()((t={"gb-headline":!0},l(t,"gb-headline-"+n,!0),l(t,""+s,""!==s),t)),value:u}))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},content:{type:"array",source:"children",selector:"p,h1,h2,h3,h4,h5,h6"},element:{type:"string",default:generateBlocksDefaults.headline.element},alignment:{type:"string",default:generateBlocksDefaults.headline.alignment},alignmentTablet:{type:"string",default:generateBlocksDefaults.headline.alignmentTablet},alignmentMobile:{type:"string",default:generateBlocksDefaults.headline.alignmentMobile},backgroundColor:{type:"string",default:generateBlocksDefaults.headline.backgroundColor},backgroundColorOpacity:{type:"number",default:generateBlocksDefaults.headline.backgroundColorOpacity},textColor:{type:"string",default:generateBlocksDefaults.headline.textColor},linkColor:{type:"string",default:generateBlocksDefaults.headline.linkColor},linkColorHover:{type:"string",default:generateBlocksDefaults.headline.linkColorHover},borderColor:{type:"string",default:generateBlocksDefaults.headline.borderColor},borderColorOpacity:{type:"number",default:generateBlocksDefaults.headline.borderColorOpacity},highlightTextColor:{type:"string",default:generateBlocksDefaults.headline.highlightTextColor},showAdvancedTypography:{type:"boolean",default:generateBlocksDefaults.headline.showAdvancedTypography},fontFamily:{type:"string",default:generateBlocksDefaults.headline.fontFamily},fontFamilyFallback:{type:"string",default:generateBlocksDefaults.headline.fontFamilyFallback},googleFont:{type:"boolean",default:generateBlocksDefaults.headline.googleFont},googleFontVariants:{type:"string",default:generateBlocksDefaults.headline.googleFontVariants},fontWeight:{type:"string",default:generateBlocksDefaults.headline.fontWeight},fontSize:{type:"number",default:generateBlocksDefaults.headline.fontSize},fontSizeTablet:{type:"number",default:generateBlocksDefaults.headline.fontSizeTablet},fontSizeMobile:{type:"number",default:generateBlocksDefaults.headline.fontSizeMobile},fontSizeUnit:{type:"string",default:generateBlocksDefaults.headline.fontSizeUnit},textTransform:{type:"string",default:""},lineHeight:{type:"number",default:generateBlocksDefaults.headline.lineHeight},lineHeightTablet:{type:"number",default:generateBlocksDefaults.headline.lineHeightTablet},lineHeightMobile:{type:"number",default:generateBlocksDefaults.headline.lineHeightMobile},lineHeightUnit:{type:"string",default:generateBlocksDefaults.headline.lineHeightUnit},letterSpacing:{type:"number",default:generateBlocksDefaults.headline.letterSpacing},letterSpacingTablet:{type:"number",default:generateBlocksDefaults.headline.letterSpacingTablet},letterSpacingMobile:{type:"number",default:generateBlocksDefaults.headline.letterSpacingMobile},marginTop:{type:"string",default:generateBlocksDefaults.headline.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.headline.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.headline.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.headline.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.headline.marginUnit},marginSyncUnits:{type:"boolean",default:!1},marginTopTablet:{type:"string",default:generateBlocksDefaults.headline.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.headline.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.headline.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.headline.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.headline.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.headline.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.headline.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.headline.marginLeftMobile},paddingTop:{type:"string",default:generateBlocksDefaults.headline.paddingTop},paddingRight:{type:"string",default:generateBlocksDefaults.headline.paddingRight},paddingBottom:{type:"string",default:generateBlocksDefaults.headline.paddingBottom},paddingLeft:{type:"string",default:generateBlocksDefaults.headline.paddingLeft},paddingTopTablet:{type:"string",default:generateBlocksDefaults.headline.paddingTopTablet},paddingRightTablet:{type:"string",default:generateBlocksDefaults.headline.paddingRightTablet},paddingBottomTablet:{type:"string",default:generateBlocksDefaults.headline.paddingBottomTablet},paddingLeftTablet:{type:"string",default:generateBlocksDefaults.headline.paddingLeftTablet},paddingTopMobile:{type:"string",default:generateBlocksDefaults.headline.paddingTopMobile},paddingRightMobile:{type:"string",default:generateBlocksDefaults.headline.paddingRightMobile},paddingBottomMobile:{type:"string",default:generateBlocksDefaults.headline.paddingBottomMobile},paddingLeftMobile:{type:"string",default:generateBlocksDefaults.headline.paddingLeftMobile},paddingUnit:{type:"string",default:generateBlocksDefaults.headline.paddingUnit},paddingSyncUnits:{type:"boolean",default:!1},borderSizeTop:{type:"string",default:generateBlocksDefaults.headline.borderSizeTop},borderSizeRight:{type:"string",default:generateBlocksDefaults.headline.borderSizeRight},borderSizeBottom:{type:"string",default:generateBlocksDefaults.headline.borderSizeBottom},borderSizeLeft:{type:"string",default:generateBlocksDefaults.headline.borderSizeLeft},borderSizeTopTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeTopTablet},borderSizeRightTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeRightTablet},borderSizeBottomTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeBottomTablet},borderSizeLeftTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeLeftTablet},borderSizeTopMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeTopMobile},borderSizeRightMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeRightMobile},borderSizeBottomMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeBottomMobile},borderSizeLeftMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeLeftMobile},icon:{type:"string",source:"html",selector:".gb-icon"},hasIcon:{type:"boolean",default:!1},iconColor:{type:"string",default:generateBlocksDefaults.headline.iconColor},iconColorOpacity:{type:"number",default:generateBlocksDefaults.headline.iconColorOpacity},customIcon:{type:"boolean",default:!1},iconLocation:{type:"string",default:generateBlocksDefaults.headline.iconLocation},iconLocationTablet:{type:"string",default:generateBlocksDefaults.headline.iconLocationTablet},iconLocationMobile:{type:"string",default:generateBlocksDefaults.headline.iconLocationMobile},iconVerticalAlignment:{type:"string",default:generateBlocksDefaults.headline.iconVerticalAlignment},iconVerticalAlignmentTablet:{type:"string",default:generateBlocksDefaults.headline.iconVerticalAlignmentTablet},iconVerticalAlignmentMobile:{type:"string",default:generateBlocksDefaults.headline.iconVerticalAlignmentMobile},iconPaddingTop:{type:"string",default:generateBlocksDefaults.headline.iconPaddingTop},iconPaddingRight:{type:"string",default:generateBlocksDefaults.headline.iconPaddingRight},iconPaddingBottom:{type:"string",default:generateBlocksDefaults.headline.iconPaddingBottom},iconPaddingLeft:{type:"string",default:generateBlocksDefaults.headline.iconPaddingLeft},iconPaddingTopTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingTopTablet},iconPaddingRightTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingRightTablet},iconPaddingBottomTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingBottomTablet},iconPaddingLeftTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingLeftTablet},iconPaddingTopMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingTopMobile},iconPaddingRightMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingRightMobile},iconPaddingBottomMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingBottomMobile},iconPaddingLeftMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingLeftMobile},iconPaddingUnit:{type:"string",default:generateBlocksDefaults.headline.iconPaddingUnit},iconPaddingSyncUnits:{type:"boolean",default:!1},iconSize:{type:"number",default:generateBlocksDefaults.headline.iconSize},iconSizeTablet:{type:"number",default:generateBlocksDefaults.headline.iconSizeTablet},iconSizeMobile:{type:"number",default:generateBlocksDefaults.headline.iconSizeMobile},iconSizeUnit:{type:"string",default:generateBlocksDefaults.headline.iconSizeUnit},inlineWidth:{type:"boolean",default:generateBlocksDefaults.headline.inlineWidth},inlineWidthTablet:{type:"boolean",default:generateBlocksDefaults.headline.inlineWidthTablet},inlineWidthMobile:{type:"boolean",default:generateBlocksDefaults.headline.inlineWidthMobile},removeText:{type:"boolean",default:generateBlocksDefaults.headline.removeText},ariaLabel:{type:"string",default:generateBlocksDefaults.headline.ariaLabel}}},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});a(19),a(27),a(40),a(46),a(58)},function(e,t,a){"use strict";var l=a(20),n=(a.n(l),a(21)),i=a(25),r=a(26),o=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/grid",{title:__("Grid","generateblocks"),description:__("Create advanced layouts with flexible grids.","generateblocks"),icon:Object(o.a)("grid"),category:"generateblocks",keywords:[__("grid"),__("column"),__("generate")],attributes:r.a,supports:{anchor:!1,className:!1,customClassName:!1},edit:n.a,save:i.a})},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(1),g=a(2),u=a(23),p=a(4),b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},d=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,f=wp.components,m=f.TextControl,h=f.SelectControl,w=f.Tooltip,k=f.Placeholder,y=f.Button,v=f.Toolbar,C=wp.element,B=C.Fragment,S=C.Component,E=wp.blockEditor,T=E.InspectorControls,O=E.InnerBlocks,z=E.BlockControls,M=wp.blocks.createBlock,D=wp.hooks.applyFilters,_=/[\s#]/g,L=[],R=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={selectedLayout:!1,selectedDevice:"desktop"},e.onLayoutSelect=e.onLayoutSelect.bind(e),e.getColumnsFromLayout=e.getColumnsFromLayout.bind(e),e.getLayoutsSelector=e.getLayoutsSelector.bind(e),e}return r(t,e),d(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?L.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),L.push(e)):L.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),L.push(e))}},{key:"componentDidUpdate",value:function(){var e=this.props,t=e.attributes,a=e.setAttributes,l=e.clientId,n=t.columns;if(this.state.selectedLayout){var i=this.getColumnsFromLayout(this.state.selectedLayout);i.forEach(function(e){wp.data.dispatch("core/block-editor").insertBlocks(M("generateblocks/container",e),void 0,l,!1)}),n=i.length,a({columns:n}),this.setState({selectedLayout:!1})}else{var r=wp.data.select("core/block-editor").getBlocksByClientId(l)[0];if(r){n=r.innerBlocks.length,a({columns:n})}}}},{key:"getColumnsFromLayout",value:function(e){var t=this,a=[],l=e.split("-"),n=0;return l.forEach(function(){var e={isGrid:!0,gridId:t.props.attributes.uniqueId,paddingTop:generateBlocksStyling.container.gridItemPaddingTop||"0",paddingRight:generateBlocksStyling.container.gridItemPaddingRight||"0",paddingBottom:generateBlocksStyling.container.gridItemPaddingBottom||"0",paddingLeft:generateBlocksStyling.container.gridItemPaddingLeft||"0"};e.width=Number(l[n]),n++,a.push(e)}),a}},{key:"getLayoutsSelector",value:function(){var e=this,t=["100","50-50","33.33-33.33-33.33","25-25-25-25","25-75","75-25","25-25-50","25-50-25","50-25-25","20-60-20","20-20-20-20-20","16.66-16.66-16.66-16.66-16.66-16.66"];return wp.element.createElement(k,{label:__("Grid","generateblocks"),instructions:__("Select one layout to get started.","generateblocks"),className:"gb-select-layout"},wp.element.createElement("div",{className:"gb-grid-wrapper-layout-preview"},t.map(function(t){var a=e.getColumnsFromLayout(t);return wp.element.createElement("button",{key:"layout-"+t,className:"gb-grid-wrapper-layout-preview-btn",onClick:function(){return e.onLayoutSelect(t)}},a.map(function(e,a){return wp.element.createElement("div",{key:"layout-"+t+"-col-"+a,className:c()("gb-col","gb-col-"+e.width)})}))})))}},{key:"onLayoutSelect",value:function(e){this.setState({selectedLayout:e})}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.attributes,i=a.setAttributes,r=a.clientId,o=this.state.selectedDevice,d=n.uniqueId,f=n.elementId,k=n.cssClasses,C=n.columns,S=n.horizontalGap,E=n.verticalGap,L=n.verticalAlignment,R=n.horizontalGapTablet,x=n.verticalGapTablet,P=n.verticalAlignmentTablet,U=n.horizontalGapMobile,N=n.verticalGapMobile,A=n.verticalAlignmentMobile,F=n.horizontalAlignment,j=n.horizontalAlignmentTablet,H=n.horizontalAlignmentMobile,I=S||0===S?S:"",V=E||0===E?E:"",G=S||0===S?S:"",q=E||0===E?E:"";return R&&(G=R),x&&(q=x),wp.element.createElement(B,null,wp.element.createElement(z,null,wp.element.createElement(v,null,wp.element.createElement(w,{text:__("Add Grid Item","generateblocks")},wp.element.createElement(y,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:Object(s.a)("addContainer"),onClick:function(){wp.data.dispatch("core/block-editor").insertBlocks(M("generateblocks/container",{isGrid:!0,gridId:d,paddingTop:generateBlocksStyling.container.gridItemPaddingTop||"0",paddingRight:generateBlocksStyling.container.gridItemPaddingRight||"0",paddingBottom:generateBlocksStyling.container.gridItemPaddingBottom||"0",paddingLeft:generateBlocksStyling.container.gridItemPaddingLeft||"0"}),void 0,r)}})))),wp.element.createElement(T,null,wp.element.createElement(g.a,b({},this.props,{selectedDevice:o,onClick:function(e){t.setState({selectedDevice:e})}})),wp.element.createElement(p.a,b({},this.props,{id:"gridLayout",state:this.state}),"desktop"===o&&wp.element.createElement(B,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Horizontal Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units"),key:"h-gap-unit"},wp.element.createElement(y,{key:"h-gap-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(m,{type:"number",value:S||0===S?S:"",min:"0",onChange:function(e){e=e.toString().replace(/-/g,""),i({horizontalGap:e})},onBlur:function(){i(!S&&generateBlocksDefaults.gridContainer.horizontalGap?{horizontalGap:0}:{horizontalGap:parseFloat(S)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(y,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({horizontalGap:generateBlocksDefaults.gridContainer.horizontalGap})}},__("Reset","generateblocks"))),wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Vertical Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units"),key:"v-gap-unit"},wp.element.createElement(y,{key:"v-gap-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(m,{type:"number",value:E||0===E?E:"",min:"0",onChange:function(e){e=e.toString().replace(/-/g,""),i({verticalGap:e})},onBlur:function(){i(!E&&generateBlocksDefaults.gridContainer.verticalGap?{verticalGap:0}:{verticalGap:parseFloat(E)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(y,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({verticalGap:generateBlocksDefaults.gridContainer.verticalGap})}},__("Reset","generateblocks"))),wp.element.createElement(h,{label:__("Vertical Alignment","generateblocks"),value:L,help:__("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),options:[{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){i({verticalAlignment:e})}}),wp.element.createElement(h,{label:__("Horizontal Alignment","generateblocks"),value:F,options:[{label:__("Default","generateblocks"),value:""},{label:__("Left","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Right","generateblocks"),value:"flex-end"}],onChange:function(e){i({horizontalAlignment:e})}})),"tablet"===o&&wp.element.createElement(B,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Horizontal Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units"),key:"h-gap-tablet-unit"},wp.element.createElement(y,{key:"h-gap-tablet-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(m,{type:"number",value:R||0===R?R:"",min:"0",placeholder:I,onChange:function(e){e=e.toString().replace(/-/g,""),i({horizontalGapTablet:e})},onBlur:function(){i(!R&&generateBlocksDefaults.gridContainer.horizontalGapTablet?{horizontalGapTablet:0}:{horizontalGapTablet:parseFloat(R)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(y,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({horizontalGapTablet:generateBlocksDefaults.gridContainer.horizontalGapTablet})}},__("Reset","generateblocks"))),wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Vertical Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units"),key:"v-gap-tablet-unit"},wp.element.createElement(y,{key:"v-gap-tablet-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(m,{type:"number",value:x||0===x?x:"",min:"0",placeholder:V,onChange:function(e){e=e.toString().replace(/-/g,""),i({verticalGapTablet:e})},onBlur:function(){i(!x&&generateBlocksDefaults.gridContainer.verticalGapTablet?{verticalGapTablet:0}:{verticalGapTablet:parseFloat(x)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(y,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({verticalGapTablet:generateBlocksDefaults.gridContainer.verticalGapTablet})}},__("Reset","generateblocks"))),wp.element.createElement(h,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:P,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){i({verticalAlignmentTablet:e})}}),wp.element.createElement(h,{label:__("Horizontal Alignment","generateblocks"),value:j,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Left","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Right","generateblocks"),value:"flex-end"}],onChange:function(e){i({horizontalAlignmentTablet:e})}})),"mobile"===o&&wp.element.createElement(B,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Horizontal Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units"),key:"h-gap-mobile-unit"},wp.element.createElement(y,{key:"h-gap-mobile-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(m,{type:"number",value:U||0===U?U:"",min:"0",placeholder:G,onChange:function(e){e=e.toString().replace(/-/g,""),i({horizontalGapMobile:e})},onBlur:function(){i(!U&&generateBlocksDefaults.gridContainer.horizontalGapMobile?{horizontalGapMobile:0}:{horizontalGapMobile:parseFloat(U)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(y,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({horizontalGapMobile:generateBlocksDefaults.gridContainer.horizontalGapMobile})}},__("Reset","generateblocks"))),wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Vertical Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units"),key:"v-gap-mobile-unit"},wp.element.createElement(y,{key:"v-gap-mobile-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(m,{type:"number",value:N||0===N?N:"",min:"0",placeholder:q,onChange:function(e){e=e.toString().replace(/-/g,""),i({verticalGapMobile:e})},onBlur:function(){i(!N&&generateBlocksDefaults.gridContainer.verticalGapMobile?{verticalGapMobile:0}:{verticalGapMobile:parseFloat(N)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(y,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({verticalGapMobile:generateBlocksDefaults.gridContainer.verticalGapMobile})}},__("Reset","generateblocks"))),wp.element.createElement(h,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:A,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){i({verticalAlignmentMobile:e})}}),wp.element.createElement(h,{label:__("Horizontal Alignment","generateblocks"),value:H,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Left","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Right","generateblocks"),value:"flex-end"}],onChange:function(e){i({horizontalAlignmentMobile:e})}})),D("generateblocks.editor.controls","","gridLayout",this.props,this.state)),wp.element.createElement(p.a,b({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(s.a)("advanced"),className:"gblocks-panel-label",id:"gridAdvanced",state:this.state,showPanel:"desktop"===o||!1}),wp.element.createElement(m,{label:__("Element ID","generateblocks"),value:f,onChange:function(e){var t=e.replace(_,"-");i({elementId:t})}}),wp.element.createElement(m,{label:__("CSS Classes","generateblocks"),value:k,onChange:function(e){i({cssClasses:e})}}),D("generateblocks.editor.controls","","gridAdvanced",this.props,this.state)),wp.element.createElement(p.a,b({},this.props,{title:__("Documentation","generateblocks"),icon:Object(s.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"gridDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/grid/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),D("generateblocks.editor.controls","","gridDocumentation",this.props,this.state))),wp.element.createElement(u.a,this.props),wp.element.createElement("div",{id:f||void 0,className:c()((e={"gb-grid-wrapper":!0},l(e,"gb-grid-wrapper-"+d,!0),l(e,""+k,""!==k),e))},C>0||this.state.selectedLayout?wp.element.createElement(B,null,wp.element.createElement(O,{allowedBlocks:["generateblocks/container"],renderAppender:!1})):this.getLayoutsSelector()))}}]),t}(S);t.a=R},function(e,t){},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(3),o=a(6),c=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),s=wp.element.Component,g=wp.hooks.applyFilters,u=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),c(t,[{key:"render",value:function(){var e=this.props.attributes,t=e.uniqueId,a=e.horizontalGap,l=e.verticalGap,n=e.verticalAlignment,i=e.horizontalAlignment,c=[];return c[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":n,"justify-content":i,"margin-left":"-"+a/2+"px","margin-right":"-"+a/2+"px"}],c[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{"padding-left":a/2+"px","padding-right":a/2+"px","margin-bottom":Object(o.a)(l,"px")}],c=g("generateblocks.editor.desktopCSS",c,"grid",this.props),wp.element.createElement("style",null,Object(r.a)(c))}}]),t}(s);t.a=u},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),o=wp.hooks.applyFilters,c=wp.element.Component,s=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),r(t,[{key:"render",value:function(){var e=this.props,t=e.name,a=e.children;return o(t,a||"",this.props)}}]),t}(c);t.a=s},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=wp.blockEditor.InnerBlocks;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,o=a.elementId,c=a.cssClasses;return wp.element.createElement("div",{id:o||void 0,className:i()((t={"gb-grid-wrapper":!0},l(t,"gb-grid-wrapper-"+n,!0),l(t,""+c,""!==c),t))},wp.element.createElement(r.Content,null))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},columns:{type:"number",default:""},horizontalGap:{type:"number",default:generateBlocksDefaults.gridContainer.horizontalGap},verticalGap:{type:"number",default:generateBlocksDefaults.gridContainer.verticalGap},verticalAlignment:{type:"string",default:generateBlocksDefaults.gridContainer.verticalAlignment},horizontalGapTablet:{type:"number",default:generateBlocksDefaults.gridContainer.horizontalGapTablet},verticalGapTablet:{type:"number",default:generateBlocksDefaults.gridContainer.verticalGapTablet},verticalAlignmentTablet:{type:"string",default:generateBlocksDefaults.gridContainer.verticalAlignmentTablet},horizontalGapMobile:{type:"number",default:generateBlocksDefaults.gridContainer.horizontalGapMobile},verticalGapMobile:{type:"number",default:generateBlocksDefaults.gridContainer.verticalGapMobile},verticalAlignmentMobile:{type:"string",default:generateBlocksDefaults.gridContainer.verticalAlignmentMobile},horizontalAlignment:{type:"string",default:generateBlocksDefaults.gridContainer.horizontalAlignment},horizontalAlignmentTablet:{type:"string",default:generateBlocksDefaults.gridContainer.horizontalAlignmentTablet},horizontalAlignmentMobile:{type:"string",default:generateBlocksDefaults.gridContainer.horizontalAlignmentMobile}}},function(e,t,a){"use strict";var l=a(28),n=(a.n(l),a(29)),i=(a.n(n),a(30),a(31)),r=a(38),o=a(39),c=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/container",{title:__("Container","generateblocks"),description:__("Organize your content into rows and sections.","generateblocks"),icon:Object(c.a)("container"),category:"generateblocks",keywords:[__("section"),__("container"),__("generate")],attributes:o.a,supports:{align:!1,anchor:!1,className:!1,customClassName:!1},edit:i.a,save:r.a})},function(e,t){},function(e,t){},function(e,t,a){"use strict";var l=a(1),__=wp.i18n.__,n=wp.hooks.addFilter,i=wp.element.Fragment,r=wp.blockEditor.BlockControls,o=wp.components,c=o.Toolbar,s=o.Tooltip,g=o.Button,u=wp.compose.createHigherOrderComponent,p=wp.blocks.cloneBlock;n("editor.BlockEdit","generateblocks/container-block-controls",u(function(e){return function(t){var a=t.name,n=t.attributes,o=t.isSelected,u=t.clientId,b=n.isGrid,d=!1;return d="function"===typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(u,"generateblocks/grid",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(u),wp.element.createElement(i,null,o&&b&&d&&"generateblocks/container"===a&&wp.element.createElement(r,null,wp.element.createElement(c,null,wp.element.createElement(s,{text:__("Duplicate Grid Item","generateblocks")},wp.element.createElement(g,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:Object(l.a)("addContainer"),onClick:function(){var e=wp.data.select("core/block-editor").getBlocksByClientId(u)[0],t=p(e);wp.data.dispatch("core/block-editor").insertBlocks(t,void 0,d)}}))),wp.element.createElement(c,null,wp.element.createElement(s,{text:__("Select Parent Grid","generateblocks")},wp.element.createElement(g,{className:"gblocks-block-control-icon",icon:Object(l.a)("grid"),onClick:function(){wp.data.dispatch("core/block-editor").selectBlock(d)}})))),wp.element.createElement(e,t))}},"withAdvancedControls"))},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(12),c=a(7),s=a(1),g=a(0),u=a.n(g),p=a(9),b=a(4),d=a(11),f=a(13),m=a(2),h=a(37),w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},k=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),y=wp.i18n,__=y.__,_x=y._x,v=y.sprintf,C=wp.components,B=C.RangeControl,S=C.Button,E=C.ButtonGroup,T=C.ResponsiveWrapper,O=C.ToggleControl,z=C.SelectControl,M=C.TextControl,D=C.Tooltip,_=C.BaseControl,L=wp.element,R=L.Fragment,x=L.Component,P=wp.blockEditor,U=P.InspectorControls,N=P.InnerBlocks,A=P.MediaUpload,F=P.AlignmentToolbar,j=wp.hooks.applyFilters,H=/[\s#]/g,I=[],V=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={selectedDevice:"desktop"},e}return r(t,e),k(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?I.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),I.push(e)):I.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),I.push(e))}},{key:"render",value:function(){var e,t,a=this,n=this.props,i=n.attributes,r=n.setAttributes,g=n.hasChildBlocks,k=n.clientId,y=this.state.selectedDevice,C=function(e){r({bgImage:{id:e.id,image:e.sizes.full}})},L=function(){r({bgImage:null})},x=i.uniqueId,P=i.tagName,I=i.elementId,V=i.cssClasses,G=i.isGrid,q=i.width,W=i.widthTablet,Z=i.widthMobile,K=i.outerContainer,J=i.innerContainer,Y=i.containerWidth,Q=i.minHeight,X=i.minHeightUnit,$=i.minHeightTablet,ee=i.minHeightUnitTablet,te=i.minHeightMobile,ae=i.minHeightUnitMobile,le=i.borderColor,ne=i.borderColorOpacity,ie=i.backgroundColor,re=i.backgroundColorOpacity,oe=i.textColor,ce=i.linkColor,se=i.linkColorHover,ge=i.bgImage,ue=i.bgOptions,pe=i.verticalAlignment,be=i.verticalAlignmentTablet,de=i.verticalAlignmentMobile,fe=i.zindex,me=i.removeVerticalGap,he=i.removeVerticalGapTablet,we=i.removeVerticalGapMobile,ke=i.orderTablet,ye=i.orderMobile,ve=i.alignment,Ce=i.alignmentTablet,Be=i.alignmentMobile,Se=i.fontFamily,Ee=i.googleFont,Te=i.googleFontVariants,Oe=i.fullWidthContent,ze=[{name:_x("Pixel","A size unit for CSS markup"),unitValue:"px"},{name:_x("VH","A size unit for CSS markup"),unitValue:"vh"},{name:_x("VW","A size unit for CSS markup"),unitValue:"vw"}],Me=document.getElementById("_generate-full-width-content"),De=new Event("change"),_e=wp.data.select("core/block-editor").getBlockHierarchyRootClientId(k),Le=_e===k,Re="";Te&&(Re=":"+Te);var xe=!1,Pe=!1,Ue=!1,Ne="";return"function"===typeof wp.data.select("core/block-editor").getBlockParents&&(xe=wp.data.select("core/block-editor").getBlockParents(k,!0)[0])&&(Pe=wp.data.select("core/block-editor").getBlocksByClientId(xe))&&"generateblocks/grid"===Pe[0].name&&(Ue=!0,Ne=Pe[0].attributes.uniqueId),wp.element.createElement(R,null,wp.element.createElement(U,null,wp.element.createElement(m.a,w({},this.props,{selectedDevice:y,onClick:function(e){a.setState({selectedDevice:e})}})),!G&&wp.element.createElement(b.a,w({},this.props,{title:__("Layout","generateblocks"),initialOpen:!0,icon:Object(s.a)("layout"),className:"gblocks-panel-label",id:"containerLayout",state:this.state,showPanel:"desktop"===y||!1}),wp.element.createElement(R,null,Ue&&wp.element.createElement(O,{label:__("Grid Item","generateblocks"),help:__("This Container is inside a Grid Block but is not set as a grid item. Enable this option for optimal results.","generateblocks"),checked:!!G,onChange:function(e){r({isGrid:e,gridId:Ne})}}),function(){return wp.element.createElement("div",null,generateBlocksInfo.isGeneratePress&&Le&&Me&&wp.element.createElement(O,{label:__("Set Full Width Content","generateblocks"),help:__("This option tells the content container that contains all of the blocks on this page to be full width.","generateblocks"),checked:!!Oe,onChange:function(e){e?(Me.checked=!0,Me.setAttribute("value","true"),Me.dispatchEvent(De),r({fullWidthContent:"true"})):(Me.checked=!1,Me.setAttribute("value",""),document.querySelector('input[name="_generate-full-width-content"]#default-content').checked=!0,Me.dispatchEvent(De),r({fullWidthContent:""}))}}))}(),wp.element.createElement(z,{label:__("Container","generateblocks"),value:K,options:[{label:__("Full width","generateblocks"),value:"full"},{label:__("Contained","generateblocks"),value:"contained"}],onChange:function(e){r({outerContainer:e})}}),!generateBlocksInfo.isGeneratePress&&"full"===K&&wp.element.createElement(_,{label:__("Full width containers will only work if your theme allows you to set your content to be full width.","generateblocks")}),wp.element.createElement(z,{label:__("Inner Container","generateblocks"),value:J,options:[{label:__("Full width","generateblocks"),value:"full"},{label:__("Contained","generateblocks"),value:"contained"}],onChange:function(e){r({innerContainer:e})}}),wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Container Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(D,{text:__("Pixel Units"),key:"container-width-unit"},wp.element.createElement(S,{key:"container-width-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units")},"px")))),wp.element.createElement(M,{type:"number",value:parseFloat(Y)||"",placeholder:generateBlocksDefaults.container.containerWidth,onChange:function(e){r({containerWidth:""!==e?parseFloat(e):void 0})}})),j("generateblocks.editor.controls","","containerLayout",this.props,this.state)),G&&wp.element.createElement(b.a,w({},this.props,{title:__("Layout","generateblocks"),initialOpen:!0,icon:Object(s.a)("layout"),className:"gblocks-panel-label",id:"containerGridLayout",state:this.state}),!Ue&&wp.element.createElement(O,{label:__("Grid Item","generateblocks"),help:__("This container is set as a grid item but is not inside a grid block. Deactivate this option for optimal results.","generateblocks"),checked:!!G,onChange:function(e){r({isGrid:e,gridId:""})}}),"desktop"===y&&wp.element.createElement(R,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Container Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(D,{text:__("Percentage Units"),key:"percentage-unit"},wp.element.createElement(S,{key:"percentage-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Percentage Units")},"%")))),wp.element.createElement(E,{className:"widthButtons"},wp.element.createElement(S,{isLarge:!0,isPrimary:25===q,onClick:function(){return r({width:25})}},"25"),wp.element.createElement(S,{isLarge:!0,isPrimary:33.33===q,onClick:function(){return r({width:33.33})}},"33"),wp.element.createElement(S,{isLarge:!0,isPrimary:50===q,onClick:function(){return r({width:50})}},"50"),wp.element.createElement(S,{isLarge:!0,isPrimary:66.66===q,onClick:function(){return r({width:66.66})}},"66"),wp.element.createElement(S,{isLarge:!0,isPrimary:75===q,onClick:function(){return r({width:75})}},"75"),wp.element.createElement(S,{isLarge:!0,isPrimary:100===q,onClick:function(){return r({width:100})}},"100")),wp.element.createElement(B,{className:"gblocks-column-width-control",value:q||"",onChange:function(e){r({width:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.width}),wp.element.createElement(z,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:pe,options:[{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignment:e})}}),wp.element.createElement(O,{label:__("Remove Vertical Gap","generateblocks"),checked:!!me,onChange:function(e){r({removeVerticalGap:e})}})),"tablet"===y&&wp.element.createElement(R,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Container Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(D,{text:__("Percentage Units"),key:"percentage-unit"},wp.element.createElement(S,{key:"percentage-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Percentage Units")},"%")))),wp.element.createElement(E,{className:"widthButtons"},wp.element.createElement(S,{isLarge:!0,isPrimary:25===W,onClick:function(){return r({widthTablet:25})}},"25"),wp.element.createElement(S,{isLarge:!0,isPrimary:33.33===W,onClick:function(){return r({widthTablet:33.33})}},"33"),wp.element.createElement(S,{isLarge:!0,isPrimary:50===W,onClick:function(){return r({widthTablet:50})}},"50"),wp.element.createElement(S,{isLarge:!0,isPrimary:66.66===W,onClick:function(){return r({widthTablet:66.66})}},"66"),wp.element.createElement(S,{isLarge:!0,isPrimary:75===W,onClick:function(){return r({widthTablet:75})}},"75"),wp.element.createElement(S,{isLarge:!0,isPrimary:100===W,onClick:function(){return r({widthTablet:100})}},"100")),wp.element.createElement(B,{className:"gblocks-column-width-control",value:W||"",onChange:function(e){r({widthTablet:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.widthTablet}),wp.element.createElement(z,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:be,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentTablet:e})}}),wp.element.createElement(O,{label:__("Remove Vertical Gap","generateblocks"),checked:!!he,onChange:function(e){r({removeVerticalGapTablet:e})}}),wp.element.createElement(M,{type:"number",label:__("Order","generateblocks"),value:ke||0===ke?ke:"",onChange:function(e){r({orderTablet:parseFloat(e)})}})),"mobile"===y&&wp.element.createElement(R,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Container Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(D,{text:__("Percentage Units"),key:"percentage-unit"},wp.element.createElement(S,{key:"percentage-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Percentage Units")},"%")))),wp.element.createElement(E,{className:"widthButtons"},wp.element.createElement(S,{isLarge:!0,isPrimary:25===Z,onClick:function(){return r({widthMobile:25})}},"25"),wp.element.createElement(S,{isLarge:!0,isPrimary:33.33===Z,onClick:function(){return r({widthMobile:33.33})}},"33"),wp.element.createElement(S,{isLarge:!0,isPrimary:50===Z,onClick:function(){return r({widthMobile:50})}},"50"),wp.element.createElement(S,{isLarge:!0,isPrimary:66.66===Z,onClick:function(){return r({widthMobile:66.66})}},"66"),wp.element.createElement(S,{isLarge:!0,isPrimary:75===Z,onClick:function(){return r({widthMobile:75})}},"75"),wp.element.createElement(S,{isLarge:!0,isPrimary:100===Z,onClick:function(){return r({widthMobile:100})}},"100")),wp.element.createElement(B,{className:"gblocks-column-width-control",value:Z||"",onChange:function(e){r({widthMobile:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.widthMobile}),wp.element.createElement(z,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:de,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentMobile:e})}}),wp.element.createElement(O,{label:__("Remove Vertical Gap","generateblocks"),checked:!!we,onChange:function(e){r({removeVerticalGapMobile:e})}}),wp.element.createElement(M,{type:"number",label:__("Order","generateblocks"),value:ye||0===ye?ye:"",onChange:function(e){r({orderMobile:parseFloat(e)})}})),j("generateblocks.editor.controls","","containerGridLayout",this.props,this.state)),wp.element.createElement(b.a,w({},this.props,{title:__("Typography","generateblocks"),initialOpen:!1,icon:Object(s.a)("typography"),className:"gblocks-panel-label",id:"containerTypography",state:this.state}),"desktop"===y&&wp.element.createElement(R,null,wp.element.createElement(_,{label:__("Text Alignment","generateblocks")},wp.element.createElement(F,{isCollapsed:!1,value:ve,onChange:function(e){r({alignment:e})}})),wp.element.createElement(d.a,w({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSize,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeight,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacing}))),"tablet"===y&&wp.element.createElement(R,null,wp.element.createElement(_,{label:__("Text Alignment","generateblocks")},wp.element.createElement(F,{isCollapsed:!1,value:Ce,onChange:function(e){r({alignmentTablet:e})}})),wp.element.createElement(d.a,w({},this.props,{showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightTablet,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingTablet}))),"mobile"===y&&wp.element.createElement(R,null,wp.element.createElement(_,{label:__("Text Alignment","generateblocks")},wp.element.createElement(F,{isCollapsed:!1,value:Be,onChange:function(e){r({alignmentMobile:e})}})),wp.element.createElement(d.a,w({},this.props,{showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightMobile,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingMobile}))),j("generateblocks.editor.controls","","containerTypography",this.props,this.state)),wp.element.createElement(b.a,w({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!1,icon:Object(s.a)("spacing"),className:"gblocks-panel-label",id:"containerSpacing",state:this.state}),"desktop"===y&&wp.element.createElement(R,null,wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},__("Minimum Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(E,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units")},ze.map(function(e){return wp.element.createElement(D,{text:v(__("%s Units"),e.name),key:e.unitValue},wp.element.createElement(S,{key:e.unitValue,className:"components-gblocks-dimensions-control__units--"+e.name,isSmall:!0,isPrimary:X===e.unitValue,"aria-pressed":X===e.unitValue,"aria-label":v(__("%s Units"),e.name),onClick:function(){return r({minHeightUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement(M,{type:"number",value:Q||"",onChange:function(e){r({minHeight:parseFloat(e)})}}),!!Q&&!G&&wp.element.createElement(z,{label:__("Vertical Alignment","generateblocks"),value:pe,options:[{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignment:e})}}),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.container}))),"tablet"===y&&wp.element.createElement(R,null,wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},__("Minimum Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(E,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units")},ze.map(function(e){return wp.element.createElement(D,{text:v(__("%s Units"),e.name),key:e.unitValue},wp.element.createElement(S,{key:e.unitValue,className:"components-gblocks-dimensions-control__units--"+e.name,isSmall:!0,isPrimary:ee===e.unitValue,"aria-pressed":ee===e.unitValue,"aria-label":v(__("%s Units"),e.name),onClick:function(){return r({minHeightUnitTablet:e.unitValue})}},e.unitValue))})))),wp.element.createElement(M,{type:"number",value:$||"",onChange:function(e){r({minHeightTablet:parseFloat(e)})}}),(!!Q||!!$)&&!G&&wp.element.createElement(z,{label:__("Vertical Alignment","generateblocks"),value:be,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentTablet:e})}}),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.container}))),"mobile"===y&&wp.element.createElement(R,null,wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},__("Minimum Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(E,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units")},ze.map(function(e){return wp.element.createElement(D,{text:v(__("%s Units"),e.name),key:e.unitValue},wp.element.createElement(S,{key:e.unitValue,className:"components-gblocks-dimensions-control__units--"+e.name,isSmall:!0,isPrimary:ae===e.unitValue,"aria-pressed":ae===e.unitValue,"aria-label":v(__("%s Units"),e.name),onClick:function(){return r({minHeightUnitMobile:e.unitValue})}},e.unitValue))})))),wp.element.createElement(M,{type:"number",value:te||"",onChange:function(e){r({minHeightMobile:parseFloat(e)})}}),(!!Q||!!$||!!te)&&!G&&wp.element.createElement(z,{label:__("Vertical Alignment","generateblocks"),value:de,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentMobile:e})}}),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.container})),wp.element.createElement(p.a,w({},this.props,{device:y,type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.container}))),j("generateblocks.editor.controls","","containerSpacing",this.props,this.state)),wp.element.createElement(b.a,w({},this.props,{title:__("Colors","generateblocks"),initialOpen:!1,icon:Object(s.a)("colors"),className:"gblocks-panel-label",id:"containerColors",state:this.state,showPanel:"desktop"===y||!1}),wp.element.createElement(R,null,wp.element.createElement(c.a,{label:__("Background Color","generateblocks"),value:ie,alpha:!0,valueOpacity:re,attrOpacity:"backgroundColorOpacity",onChange:function(e){return r({backgroundColor:e})},onOpacityChange:function(e){return r({backgroundColorOpacity:e})}}),wp.element.createElement(c.a,{label:__("Text Color","generateblocks"),value:oe,alpha:!1,onChange:function(e){return r({textColor:e})}}),wp.element.createElement(c.a,{label:__("Link Color","generateblocks"),value:ce,alpha:!1,onChange:function(e){return r({linkColor:e})}}),wp.element.createElement(c.a,{label:__("Link Color Hover","generateblocks"),value:se,alpha:!1,onChange:function(e){return r({linkColorHover:e})}}),wp.element.createElement(c.a,{label:__("Border Color","generateblocks"),value:le,alpha:!0,valueOpacity:ne,attrOpacity:"borderColorOpacity",onChange:function(e){return r({borderColor:e})},onOpacityChange:function(e){return r({borderColorOpacity:e})}})),j("generateblocks.editor.controls","","containerColors",this.props,this.state)),wp.element.createElement(b.a,w({},this.props,{title:__("Background Gradient","generateblocks"),initialOpen:!1,icon:Object(s.a)("gradients"),className:"gblocks-panel-label",id:"containerBackgroundGradient",state:this.state,showPanel:"desktop"===y||!1}),wp.element.createElement(f.a,w({},this.props,{attrGradient:"gradient",attrGradientDirection:"gradientDirection",attrGradientColorOne:"gradientColorOne",attrGradientColorStopOne:"gradientColorStopOne",attrGradientColorTwo:"gradientColorTwo",attrGradientColorStopTwo:"gradientColorStopTwo",attrGradientColorOneOpacity:"gradientColorOneOpacity",attrGradientColorTwoOpacity:"gradientColorTwoOpacity",defaultColorOne:generateBlocksDefaults.container.gradientColorOne,defaultColorTwo:generateBlocksDefaults.container.gradientColorTwo})),j("generateblocks.editor.controls","","containerBackgroundGradient",this.props,this.state)),wp.element.createElement(b.a,w({},this.props,{title:__("Background Image","generateblocks"),initialOpen:!1,icon:Object(s.a)("backgrounds"),className:"gblocks-panel-label",id:"containerBackgroundImage",state:this.state,showPanel:"desktop"===y||!1}),!ge&&wp.element.createElement("div",null,wp.element.createElement(A,{title:__("Set background image","generateblocks"),onSelect:C,allowedTypes:["image"],modalClass:"editor-post-featured-image__media-modal",render:function(e){var t=e.open;return wp.element.createElement(S,{className:"editor-post-featured-image__toggle",onClick:t},__("Set background image","generateblocks"))}})),!!ge&&wp.element.createElement(A,{title:__("Set background image","generateblocks"),onSelect:C,allowedTypes:["image"],value:ge.id,modalClass:"editor-post-featured-image__media-modal",render:function(e){var t=e.open;return wp.element.createElement("div",{className:"editor-bg-image"},wp.element.createElement(S,{className:"editor-post-featured-image__preview",onClick:t},wp.element.createElement(T,{naturalWidth:ge.image.width,naturalHeight:ge.image.height},wp.element.createElement("img",{src:ge.image.url,alt:__("BG Image")}))),wp.element.createElement("div",{className:"edit-bg-buttons"},wp.element.createElement(S,{onClick:t,isDefault:!0,isLarge:!0},__("Replace image")),wp.element.createElement(S,{onClick:L,isLink:!0,isDestructive:!0},__("Remove background image","generateblocks"))))}}),!!ge&&wp.element.createElement("div",{className:"section-bg-settings"},wp.element.createElement(O,{label:__("Background Color Overlay","generateblocks"),checked:!!ue.overlay,onChange:function(e){r({bgOptions:Object.assign({},ue,{overlay:e})})}}),!!ue.overlay&&wp.element.createElement("div",{className:"gblocks-notice"},__("Your background color must have transparency for the image to show.","generateblocks")),wp.element.createElement(M,{label:__("Size","generateblocks"),value:ue.size,onChange:function(e){r({bgOptions:Object.assign({},ue,{size:e})})}}),wp.element.createElement(M,{label:__("Position","generateblocks"),value:ue.position,onChange:function(e){r({bgOptions:Object.assign({},ue,{position:e})})}}),wp.element.createElement(z,{label:__("Repeat","generateblocks"),value:ue.repeat,options:[{label:"no-repeat",value:"no-repeat"},{label:"repeat",value:"repeat"},{label:"repeat-x",value:"repeat-x"},{label:"repeat-y",value:"repeat-y"}],onChange:function(e){r({bgOptions:Object.assign({},ue,{repeat:e})})}}),wp.element.createElement(z,{label:__("Attachment","generateblocks"),value:ue.attachment,options:[{label:"scroll",value:""},{label:"fixed",value:"fixed"},{label:"local",value:"local"}],onChange:function(e){r({bgOptions:Object.assign({},ue,{attachment:e})})}})),j("generateblocks.editor.controls","","containerBackgroundImage",this.props,this.state)),wp.element.createElement(b.a,w({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(s.a)("advanced"),className:"gblocks-panel-label",id:"containerAdvanced",state:this.state,showPanel:"desktop"===y||!1}),wp.element.createElement(z,{label:__("Element Tag","generateblocks"),value:P,options:[{label:"div",value:"div"},{label:"section",value:"section"},{label:"header",value:"header"},{label:"footer",value:"footer"}],onChange:function(e){r({tagName:e})}}),wp.element.createElement(M,{label:__("Element ID","generateblocks"),value:I,onChange:function(e){var t=e.replace(H,"-");r({elementId:t})}}),wp.element.createElement(M,{label:__("CSS Classes","generateblocks"),value:V,onChange:function(e){r({cssClasses:e})}}),wp.element.createElement(M,{label:__("z-index","generateblocks"),type:"number",value:fe||0===fe?fe:"",onChange:function(e){r({zindex:e})},onBlur:function(){r({zindex:parseFloat(fe)})},onClick:function(e){e.currentTarget.focus()}}),j("generateblocks.editor.controls","","containerAdvanced",this.props,this.state)),wp.element.createElement(b.a,w({},this.props,{title:__("Documentation","generateblocks"),initialOpen:!1,icon:Object(s.a)("documentation"),className:"gblocks-panel-label",id:"containerDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/container/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),j("generateblocks.editor.controls","","containerDocumentation",this.props,this.state))),wp.element.createElement(h.a,this.props),Se&&Ee&&wp.element.createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+Se.replace(/ /g,"+")+Re}),!!G&&wp.element.createElement("div",{className:u()(l({"gb-grid-column":!0},"gb-grid-column-"+x,!0))},wp.element.createElement(o.a,{tagName:P,id:I,className:u()((e={"gb-container":!0},l(e,"gb-container-"+x,!0),l(e,""+V,""!==V),e))},j("generateblocks.editor.insideContainerWrapper","",this.props),wp.element.createElement("div",{className:u()({"gb-inside-container":!0})},wp.element.createElement(N,{templateLock:!1,renderAppender:g?void 0:function(){return wp.element.createElement(N.ButtonBlockAppender,null)}})))),!G&&wp.element.createElement(o.a,{tagName:P,id:I,className:u()((t={"gb-container":!0},l(t,"gb-container-"+x,!0),l(t,""+V,""!==V),t))},j("generateblocks.editor.insideContainerWrapper","",this.props),wp.element.createElement("div",{className:u()({"gb-inside-container":!0})},wp.element.createElement(N,{templateLock:!1,renderAppender:g?void 0:function(){return wp.element.createElement(N.ButtonBlockAppender,null)}}))))}}]),t}(x);t.a=V},function(e,t){},function(e,t){},function(e,t){},function(e,t,a){"use strict";var l={Roboto:{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","900","900italic"],fallback:"sans-serif"},"Open Sans":{weight:["300","300italic","regular","italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},Lato:{weight:["100","100italic","300","300italic","regular","italic","700","700italic","900","900italic"],fallback:"sans-serif"},Montserrat:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Source Sans Pro":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900","900italic"],fallback:"sans-serif"},"Roboto Condensed":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"sans-serif"},Oswald:{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},"Roboto Mono":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic"],fallback:"monospace"},Raleway:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Poppins:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Noto Sans":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Roboto Slab":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"serif"},Merriweather:{weight:["300","300italic","regular","italic","700","700italic","900","900italic"],fallback:"serif"},"PT Sans":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Ubuntu:{weight:["300","300italic","regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},"Playfair Display":{weight:["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"serif"},Muli:{weight:["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},"Open Sans Condensed":{weight:["300","300italic","700"],fallback:"sans-serif"},"PT Serif":{weight:["regular","italic","700","700italic"],fallback:"serif"},Lora:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},"Slabo 27px":{weight:["regular"],fallback:"serif"},Nunito:{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Noto Sans JP":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Work Sans":{weight:["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},Rubik:{weight:["300","300italic","regular","italic","500","500italic","700","700italic","900","900italic"],fallback:"sans-serif"},"Noto Serif":{weight:["regular","italic","700","700italic"],fallback:"serif"},"Fira Sans":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Titillium Web":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900"],fallback:"sans-serif"},Quicksand:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Noto Sans KR":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Nanum Gothic":{weight:["regular","700","800"],fallback:"sans-serif"},Mukta:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},"Noto Sans TC":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Nunito Sans":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Heebo:{weight:["100","300","regular","500","700","800","900"],fallback:"sans-serif"},"PT Sans Narrow":{weight:["regular","700"],fallback:"sans-serif"},Arimo:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Inconsolata:{weight:["regular","700"],fallback:"monospace"},Barlow:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Oxygen:{weight:["300","regular","700"],fallback:"sans-serif"},Dosis:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Bitter:{weight:["regular","italic","700"],fallback:"serif"},"Libre Baskerville":{weight:["regular","italic","700"],fallback:"serif"},"Crimson Text":{weight:["regular","italic","600","600italic","700","700italic"],fallback:"serif"},"Libre Franklin":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Karla:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Josefin Sans":{weight:["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],fallback:"sans-serif"},Cabin:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Anton:{weight:["regular"],fallback:"sans-serif"},"Source Code Pro":{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],fallback:"monospace"},Hind:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Abel:{weight:["regular"],fallback:"sans-serif"},Amiri:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Fjalla One":{weight:["regular"],fallback:"sans-serif"},Lobster:{weight:["regular"],fallback:"display"},Pacifico:{weight:["regular"],fallback:"handwriting"},"Indie Flower":{weight:["regular"],fallback:"handwriting"},"Exo 2":{weight:["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},"Dancing Script":{weight:["regular","500","600","700"],fallback:"handwriting"},"Source Serif Pro":{weight:["regular","600","700"],fallback:"serif"},Arvo:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Hind Siliguri":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Varela Round":{weight:["regular"],fallback:"sans-serif"},"Merriweather Sans":{weight:["300","300italic","regular","italic","700","700italic","800","800italic"],fallback:"sans-serif"},Cairo:{weight:["200","300","regular","600","700","900"],fallback:"sans-serif"},"Yanone Kaffeesatz":{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},Overpass:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Shadows Into Light":{weight:["regular"],fallback:"handwriting"},"Barlow Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"IBM Plex Sans":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Comfortaa:{weight:["300","regular","500","600","700"],fallback:"display"},Asap:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Prompt:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Kanit:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Questrial:{weight:["regular"],fallback:"sans-serif"},Martel:{weight:["200","300","regular","600","700","800","900"],fallback:"serif"},"Archivo Narrow":{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Abril Fatface":{weight:["regular"],fallback:"display"},"Amatic SC":{weight:["regular","700"],fallback:"handwriting"},Acme:{weight:["regular"],fallback:"sans-serif"},Catamaran:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Fira Sans Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"EB Garamond":{weight:["regular","500","600","700","800","italic","500italic","600italic","700italic","800italic"],fallback:"serif"},"Bree Serif":{weight:["regular"],fallback:"serif"},"Zilla Slab":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Noto Sans SC":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Cormorant Garamond":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Hind Madurai":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Teko:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Righteous:{weight:["regular"],fallback:"display"},Signika:{weight:["300","regular","600","700"],fallback:"sans-serif"},Play:{weight:["regular","700"],fallback:"sans-serif"},Domine:{weight:["regular","700"],fallback:"serif"},Exo:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Russo One":{weight:["regular"],fallback:"sans-serif"},Cinzel:{weight:["regular","700","900"],fallback:"serif"},"PT Sans Caption":{weight:["regular","700"],fallback:"sans-serif"},Rajdhani:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Maven Pro":{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},"Fredoka One":{weight:["regular"],fallback:"display"},"IBM Plex Serif":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Ubuntu Condensed":{weight:["regular"],fallback:"sans-serif"},"Patua One":{weight:["regular"],fallback:"display"},Caveat:{weight:["regular","700"],fallback:"handwriting"},"Permanent Marker":{weight:["regular"],fallback:"handwriting"},Assistant:{weight:["200","300","regular","600","700","800"],fallback:"sans-serif"},ABeeZee:{weight:["regular","italic"],fallback:"sans-serif"},Vollkorn:{weight:["regular","italic","600","600italic","700","700italic","900","900italic"],fallback:"serif"},"Crete Round":{weight:["regular","italic"],fallback:"serif"},"Special Elite":{weight:["regular"],fallback:"display"},Rokkitt:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"serif"},Bangers:{weight:["regular"],fallback:"display"},"Francois One":{weight:["regular"],fallback:"sans-serif"},"Barlow Semi Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Alegreya Sans":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Satisfy:{weight:["regular"],fallback:"handwriting"},Tajawal:{weight:["200","300","regular","500","700","800","900"],fallback:"sans-serif"},"Bebas Neue":{weight:["regular"],fallback:"display"},"Patrick Hand":{weight:["regular"],fallback:"handwriting"},Cuprum:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Viga:{weight:["regular"],fallback:"sans-serif"},Courgette:{weight:["regular"],fallback:"handwriting"},"Ropa Sans":{weight:["regular","italic"],fallback:"sans-serif"},"Noto Serif JP":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},"Gochi Hand":{weight:["regular"],fallback:"handwriting"},Alegreya:{weight:["regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Luckiest Guy":{weight:["regular"],fallback:"display"},"Noticia Text":{weight:["regular","italic","700","700italic"],fallback:"serif"},Tinos:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Passion One":{weight:["regular","700","900"],fallback:"display"},"Alfa Slab One":{weight:["regular"],fallback:"display"},"Nanum Myeongjo":{weight:["regular","700","800"],fallback:"serif"},Monda:{weight:["regular","700"],fallback:"sans-serif"},"Lobster Two":{weight:["regular","italic","700","700italic"],fallback:"display"},Kalam:{weight:["300","regular","700"],fallback:"handwriting"},"Kaushan Script":{weight:["regular"],fallback:"handwriting"},"Archivo Black":{weight:["regular"],fallback:"sans-serif"},Cardo:{weight:["regular","italic","700"],fallback:"serif"},Archivo:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Great Vibes":{weight:["regular"],fallback:"handwriting"},Volkhov:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Quattrocento Sans":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"News Cycle":{weight:["regular","700"],fallback:"sans-serif"},"Pathway Gothic One":{weight:["regular"],fallback:"sans-serif"},Sacramento:{weight:["regular"],fallback:"handwriting"},"Frank Ruhl Libre":{weight:["300","regular","500","700","900"],fallback:"serif"},Yantramanav:{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},Cantarell:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Istok Web":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Didact Gothic":{weight:["regular"],fallback:"sans-serif"},"Concert One":{weight:["regular"],fallback:"display"},Taviraj:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Old Standard TT":{weight:["regular","italic","700"],fallback:"serif"},"Montserrat Alternates":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Economica:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Changa:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},"Fira Sans Extra Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Gloria Hallelujah":{weight:["regular"],fallback:"handwriting"},Parisienne:{weight:["regular"],fallback:"handwriting"},Orbitron:{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},"Asap Condensed":{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Playfair Display SC":{weight:["regular","italic","700","700italic","900","900italic"],fallback:"serif"},Chivo:{weight:["300","300italic","regular","italic","700","700italic","900","900italic"],fallback:"sans-serif"},Sriracha:{weight:["regular"],fallback:"handwriting"},"Hind Vadodara":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"DM Sans":{weight:["regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},Prata:{weight:["regular"],fallback:"serif"},Quattrocento:{weight:["regular","700"],fallback:"serif"},Cookie:{weight:["regular"],fallback:"handwriting"},"Poiret One":{weight:["regular"],fallback:"display"},Handlee:{weight:["regular"],fallback:"handwriting"},Sarabun:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},BenchNine:{weight:["300","regular","700"],fallback:"sans-serif"},Merienda:{weight:["regular","700"],fallback:"handwriting"},"M PLUS 1p":{weight:["100","300","regular","500","700","800","900"],fallback:"sans-serif"},"PT Mono":{weight:["regular"],fallback:"monospace"},Lalezar:{weight:["regular"],fallback:"display"},Sanchez:{weight:["regular","italic"],fallback:"serif"},Lemonada:{weight:["300","regular","500","600","700"],fallback:"display"},"Markazi Text":{weight:["regular","500","600","700"],fallback:"serif"},Neuton:{weight:["200","300","regular","italic","700","800"],fallback:"serif"},"Hind Guntur":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Josefin Slab":{weight:["100","100italic","300","300italic","regular","italic","600","600italic","700","700italic"],fallback:"serif"},Philosopher:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Advent Pro":{weight:["100","200","300","regular","500","600","700"],fallback:"sans-serif"},"Do Hyeon":{weight:["regular"],fallback:"sans-serif"},"Sawarabi Mincho":{weight:["regular"],fallback:"sans-serif"},Ruda:{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},Vidaloka:{weight:["regular"],fallback:"serif"},Ultra:{weight:["regular"],fallback:"serif"},Neucha:{weight:["regular"],fallback:"handwriting"},Arapey:{weight:["regular","italic"],fallback:"serif"},Gudea:{weight:["regular","italic","700"],fallback:"sans-serif"},"Paytone One":{weight:["regular"],fallback:"sans-serif"},Kreon:{weight:["300","regular","500","600","700"],fallback:"serif"},"M PLUS Rounded 1c":{weight:["100","300","regular","500","700","800","900"],fallback:"sans-serif"},"Pragati Narrow":{weight:["regular","700"],fallback:"sans-serif"},"Press Start 2P":{weight:["regular"],fallback:"display"},"Hammersmith One":{weight:["regular"],fallback:"sans-serif"},"Gentium Basic":{weight:["regular","italic","700","700italic"],fallback:"serif"},Monoton:{weight:["regular"],fallback:"display"},Alef:{weight:["regular","700"],fallback:"sans-serif"},Alice:{weight:["regular"],fallback:"serif"},Aclonica:{weight:["regular"],fallback:"sans-serif"},"Sigmar One":{weight:["regular"],fallback:"display"},Spectral:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"serif"},"Marck Script":{weight:["regular"],fallback:"handwriting"},Electrolize:{weight:["regular"],fallback:"sans-serif"},Actor:{weight:["regular"],fallback:"sans-serif"},"Architects Daughter":{weight:["regular"],fallback:"handwriting"},Adamina:{weight:["regular"],fallback:"serif"},"Pontano Sans":{weight:["regular"],fallback:"sans-serif"},Audiowide:{weight:["regular"],fallback:"display"},Inter:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Cabin Condensed":{weight:["regular","500","600","700"],fallback:"sans-serif"},"Unica One":{weight:["regular"],fallback:"display"},Yellowtail:{weight:["regular"],fallback:"handwriting"},"El Messiri":{weight:["regular","500","600","700"],fallback:"sans-serif"},"Squada One":{weight:["regular"],fallback:"display"},Staatliches:{weight:["regular"],fallback:"display"},Amaranth:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Enriqueta:{weight:["regular","500","600","700"],fallback:"serif"},Mitr:{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},Glegoo:{weight:["regular","700"],fallback:"serif"},"Bowlby One SC":{weight:["regular"],fallback:"display"},Basic:{weight:["regular"],fallback:"sans-serif"},"Nanum Gothic Coding":{weight:["regular","700"],fallback:"monospace"},Sarala:{weight:["regular","700"],fallback:"sans-serif"},"Bad Script":{weight:["regular"],fallback:"handwriting"},"Homemade Apple":{weight:["regular"],fallback:"handwriting"},Tangerine:{weight:["regular","700"],fallback:"handwriting"},Cormorant:{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Oleo Script":{weight:["regular","700"],fallback:"display"},Karma:{weight:["300","regular","500","600","700"],fallback:"serif"},"Julius Sans One":{weight:["regular"],fallback:"sans-serif"},"Carter One":{weight:["regular"],fallback:"display"},Khand:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Nanum Pen Script":{weight:["regular"],fallback:"handwriting"},Cambay:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Fugaz One":{weight:["regular"],fallback:"display"},"Shadows Into Light Two":{weight:["regular"],fallback:"handwriting"},Coda:{weight:["regular","800"],fallback:"display"},"Signika Negative":{weight:["300","regular","600","700"],fallback:"sans-serif"},Pridi:{weight:["200","300","regular","500","600","700"],fallback:"serif"},Playball:{weight:["regular"],fallback:"display"},Saira:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Rock Salt":{weight:["regular"],fallback:"handwriting"},"Gothic A1":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Gentium Book Basic":{weight:["regular","italic","700","700italic"],fallback:"serif"},Allura:{weight:["regular"],fallback:"handwriting"},"Yeseva One":{weight:["regular"],fallback:"display"},"DM Serif Text":{weight:["regular","italic"],fallback:"serif"},Lusitana:{weight:["regular","700"],fallback:"serif"},Jura:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Average:{weight:["regular"],fallback:"serif"},Yrsa:{weight:["300","regular","500","600","700"],fallback:"serif"},"Sorts Mill Goudy":{weight:["regular","italic"],fallback:"serif"},"Cantata One":{weight:["regular"],fallback:"serif"},Armata:{weight:["regular"],fallback:"sans-serif"},Scada:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Abhaya Libre":{weight:["regular","500","600","700","800"],fallback:"serif"},Damion:{weight:["regular"],fallback:"handwriting"},Marmelad:{weight:["regular"],fallback:"sans-serif"},Varela:{weight:["regular"],fallback:"sans-serif"},Quantico:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Covered By Your Grace":{weight:["regular"],fallback:"handwriting"},"PT Serif Caption":{weight:["regular","italic"],fallback:"serif"},Ramabhadra:{weight:["regular"],fallback:"sans-serif"},Unna:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Encode Sans":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Arsenal:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Black Han Sans":{weight:["regular"],fallback:"sans-serif"},"Sawarabi Gothic":{weight:["regular"],fallback:"sans-serif"},"Ubuntu Mono":{weight:["regular","italic","700","700italic"],fallback:"monospace"},"Pinyon Script":{weight:["regular"],fallback:"handwriting"},"Black Ops One":{weight:["regular"],fallback:"display"},Marcellus:{weight:["regular"],fallback:"serif"},"Fauna One":{weight:["regular"],fallback:"serif"},"Lilita One":{weight:["regular"],fallback:"display"},Sintony:{weight:["regular","700"],fallback:"sans-serif"},Khula:{weight:["300","regular","600","700","800"],fallback:"sans-serif"},Jaldi:{weight:["regular","700"],fallback:"sans-serif"},"Rubik Mono One":{weight:["regular"],fallback:"sans-serif"},Allan:{weight:["regular","700"],fallback:"display"},"Reenie Beanie":{weight:["regular"],fallback:"handwriting"},"Alex Brush":{weight:["regular"],fallback:"handwriting"},"Mr Dafoe":{weight:["regular"],fallback:"handwriting"},Palanquin:{weight:["100","200","300","regular","500","600","700"],fallback:"sans-serif"},"Encode Sans Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Antic:{weight:["regular"],fallback:"sans-serif"},Knewave:{weight:["regular"],fallback:"display"},"Caveat Brush":{weight:["regular"],fallback:"handwriting"},Rambla:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Spinnaker:{weight:["regular"],fallback:"sans-serif"},"IBM Plex Mono":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"monospace"},Michroma:{weight:["regular"],fallback:"sans-serif"},"Nothing You Could Do":{weight:["regular"],fallback:"handwriting"},"Kelly Slab":{weight:["regular"],fallback:"display"},Boogaloo:{weight:["regular"],fallback:"display"},Chewy:{weight:["regular"],fallback:"display"},"ZCOOL XiaoWei":{weight:["regular"],fallback:"serif"},Rancho:{weight:["regular"],fallback:"handwriting"},"Noto Serif SC":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},Pangolin:{weight:["regular"],fallback:"handwriting"},"Fira Mono":{weight:["regular","500","700"],fallback:"monospace"},Forum:{weight:["regular"],fallback:"display"},"Antic Slab":{weight:["regular"],fallback:"serif"},"Alegreya Sans SC":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Anonymous Pro":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Lateef:{weight:["regular"],fallback:"handwriting"},"Annie Use Your Telescope":{weight:["regular"],fallback:"handwriting"},"Noto Sans HK":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Martel Sans":{weight:["200","300","regular","600","700","800","900"],fallback:"sans-serif"},"Chakra Petch":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Rufina:{weight:["regular","700"],fallback:"serif"},"Bai Jamjuree":{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Scheherazade:{weight:["regular","700"],fallback:"serif"},Share:{weight:["regular","italic","700","700italic"],fallback:"display"},"Tenor Sans":{weight:["regular"],fallback:"sans-serif"},"DM Serif Display":{weight:["regular","italic"],fallback:"serif"},VT323:{weight:["regular"],fallback:"monospace"},"Share Tech Mono":{weight:["regular"],fallback:"monospace"},Mali:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"handwriting"},Cousine:{weight:["regular","italic","700","700italic"],fallback:"monospace"},"Cinzel Decorative":{weight:["regular","700","900"],fallback:"display"},Overlock:{weight:["regular","italic","700","700italic","900","900italic"],fallback:"display"},"Arbutus Slab":{weight:["regular"],fallback:"serif"},"Reem Kufi":{weight:["regular"],fallback:"sans-serif"},"Cabin Sketch":{weight:["regular","700"],fallback:"display"},"Saira Extra Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Eczar:{weight:["regular","500","600","700","800"],fallback:"serif"},"Leckerli One":{weight:["regular"],fallback:"handwriting"},Krub:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Berkshire Swash":{weight:["regular"],fallback:"handwriting"},"Fredericka the Great":{weight:["regular"],fallback:"display"},"Saira Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Overpass Mono":{weight:["300","regular","600","700"],fallback:"monospace"},Itim:{weight:["regular"],fallback:"handwriting"},Rasa:{weight:["300","regular","500","600","700"],fallback:"serif"},Bevan:{weight:["regular"],fallback:"display"},"Arima Madurai":{weight:["100","200","300","regular","500","700","800","900"],fallback:"display"},Italianno:{weight:["regular"],fallback:"handwriting"},"Coda Caption":{weight:["800"],fallback:"sans-serif"},Shrikhand:{weight:["regular"],fallback:"display"},"Just Another Hand":{weight:["regular"],fallback:"handwriting"},"Saira Semi Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Almarai:{weight:["300","regular","700","800"],fallback:"sans-serif"},"Mukta Malar":{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Oranienbaum:{weight:["regular"],fallback:"serif"},Nobile:{weight:["regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},Candal:{weight:["regular"],fallback:"sans-serif"},"Six Caps":{weight:["regular"],fallback:"sans-serif"},"Space Mono":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Capriola:{weight:["regular"],fallback:"sans-serif"},Biryani:{weight:["200","300","regular","600","700","800","900"],fallback:"sans-serif"},Halant:{weight:["300","regular","500","600","700"],fallback:"serif"},Allerta:{weight:["regular"],fallback:"sans-serif"},Trirong:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},Mallanna:{weight:["regular"],fallback:"sans-serif"},Aldrich:{weight:["regular"],fallback:"sans-serif"},Aleo:{weight:["300","300italic","regular","italic","700","700italic"],fallback:"serif"},"Suez One":{weight:["regular"],fallback:"serif"},Caudex:{weight:["regular","italic","700","700italic"],fallback:"serif"},Niconne:{weight:["regular"],fallback:"handwriting"},"Mrs Saint Delafield":{weight:["regular"],fallback:"handwriting"},Gruppo:{weight:["regular"],fallback:"display"},"Miriam Libre":{weight:["regular","700"],fallback:"sans-serif"},"Contrail One":{weight:["regular"],fallback:"display"},"Days One":{weight:["regular"],fallback:"sans-serif"},"Allerta Stencil":{weight:["regular"],fallback:"sans-serif"},"Average Sans":{weight:["regular"],fallback:"sans-serif"},"Coming Soon":{weight:["regular"],fallback:"handwriting"},Pattaya:{weight:["regular"],fallback:"sans-serif"},"Londrina Solid":{weight:["100","300","regular","900"],fallback:"display"},Bungee:{weight:["regular"],fallback:"display"},Coustard:{weight:["regular","900"],fallback:"serif"},"Marcellus SC":{weight:["regular"],fallback:"serif"},"Racing Sans One":{weight:["regular"],fallback:"display"},Bentham:{weight:["regular"],fallback:"serif"},"Bungee Inline":{weight:["regular"],fallback:"display"},Magra:{weight:["regular","700"],fallback:"sans-serif"},Judson:{weight:["regular","italic","700"],fallback:"serif"},Rochester:{weight:["regular"],fallback:"handwriting"},"Grand Hotel":{weight:["regular"],fallback:"handwriting"},Gelasio:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},Yesteryear:{weight:["regular"],fallback:"handwriting"},Syncopate:{weight:["regular","700"],fallback:"sans-serif"},Hanuman:{weight:["regular","700"],fallback:"serif"},"Kosugi Maru":{weight:["regular"],fallback:"sans-serif"},Copse:{weight:["regular"],fallback:"serif"},Mada:{weight:["200","300","regular","500","600","700","900"],fallback:"sans-serif"},"Titan One":{weight:["regular"],fallback:"display"},"Noto Serif TC":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},Kameron:{weight:["regular","700"],fallback:"serif"},Telex:{weight:["regular"],fallback:"sans-serif"},Norican:{weight:["regular"],fallback:"handwriting"},Maitree:{weight:["200","300","regular","500","600","700"],fallback:"serif"},"IM Fell Double Pica":{weight:["regular","italic"],fallback:"serif"},Molengo:{weight:["regular"],fallback:"sans-serif"},Sunflower:{weight:["300","500","700"],fallback:"sans-serif"},"Alegreya SC":{weight:["regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Red Hat Display":{weight:["regular","italic","500","500italic","700","700italic","900","900italic"],fallback:"sans-serif"},Jua:{weight:["regular"],fallback:"sans-serif"},Ovo:{weight:["regular"],fallback:"serif"},"IBM Plex Sans Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Nixie One":{weight:["regular"],fallback:"display"},Aladin:{weight:["regular"],fallback:"handwriting"},Arizonia:{weight:["regular"],fallback:"handwriting"},"Bubblegum Sans":{weight:["regular"],fallback:"display"},"Changa One":{weight:["regular","italic"],fallback:"display"},"Lexend Deca":{weight:["regular"],fallback:"sans-serif"},Sofia:{weight:["regular"],fallback:"handwriting"},"Jockey One":{weight:["regular"],fallback:"sans-serif"},Suranna:{weight:["regular"],fallback:"serif"},Amethysta:{weight:["regular"],fallback:"serif"},Schoolbell:{weight:["regular"],fallback:"handwriting"},"Nanum Brush Script":{weight:["regular"],fallback:"handwriting"},"Cedarville Cursive":{weight:["regular"],fallback:"handwriting"},"Cutive Mono":{weight:["regular"],fallback:"monospace"},Delius:{weight:["regular"],fallback:"handwriting"},"Raleway Dots":{weight:["regular"],fallback:"display"},Graduate:{weight:["regular"],fallback:"display"},Lustria:{weight:["regular"],fallback:"serif"},"Mukta Vaani":{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Kadwa:{weight:["regular","700"],fallback:"serif"},"Rozha One":{weight:["regular"],fallback:"serif"},Buenard:{weight:["regular","700"],fallback:"serif"},Cambo:{weight:["regular"],fallback:"serif"},Marvel:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Krona One":{weight:["regular"],fallback:"sans-serif"},"Carrois Gothic":{weight:["regular"],fallback:"sans-serif"},Carme:{weight:["regular"],fallback:"sans-serif"},"Slabo 13px":{weight:["regular"],fallback:"serif"},Lemon:{weight:["regular"],fallback:"display"},"Love Ya Like A Sister":{weight:["regular"],fallback:"display"},Rosario:{weight:["300","regular","500","600","700","300italic","italic","500italic","600italic","700italic"],fallback:"sans-serif"},"Merienda One":{weight:["regular"],fallback:"handwriting"},"Public Sans":{weight:["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},"Petit Formal Script":{weight:["regular"],fallback:"handwriting"},"Ceviche One":{weight:["regular"],fallback:"display"},Voltaire:{weight:["regular"],fallback:"sans-serif"},Fresca:{weight:["regular"],fallback:"sans-serif"},"Averia Serif Libre":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},Rye:{weight:["regular"],fallback:"display"},"Noto Serif KR":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},"Chelsea Market":{weight:["regular"],fallback:"display"},Calligraffitti:{weight:["regular"],fallback:"handwriting"},"Freckle Face":{weight:["regular"],fallback:"display"},"Duru Sans":{weight:["regular"],fallback:"sans-serif"},Trocchi:{weight:["regular"],fallback:"serif"},Metrophobic:{weight:["regular"],fallback:"sans-serif"},Mate:{weight:["regular","italic"],fallback:"serif"},Harmattan:{weight:["regular"],fallback:"sans-serif"},"Gilda Display":{weight:["regular"],fallback:"serif"},"Cormorant Infant":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},Spartan:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Oxygen Mono":{weight:["regular"],fallback:"monospace"},Chonburi:{weight:["regular"],fallback:"display"},"Goudy Bookletter 1911":{weight:["regular"],fallback:"serif"},Sansita:{weight:["regular","italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Emilys Candy":{weight:["regular"],fallback:"display"},Amiko:{weight:["regular","600","700"],fallback:"sans-serif"},Kristi:{weight:["regular"],fallback:"handwriting"},"Palanquin Dark":{weight:["regular","500","600","700"],fallback:"sans-serif"},Lekton:{weight:["regular","italic","700"],fallback:"sans-serif"},Cutive:{weight:["regular"],fallback:"serif"},"Herr Von Muellerhoff":{weight:["regular"],fallback:"handwriting"},"GFS Didot":{weight:["regular"],fallback:"serif"},Radley:{weight:["regular","italic"],fallback:"serif"},"Sue Ellen Francisco":{weight:["regular"],fallback:"handwriting"},Pompiere:{weight:["regular"],fallback:"display"},Gabriela:{weight:["regular"],fallback:"serif"},Niramit:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Seaweed Script":{weight:["regular"],fallback:"display"},"Sedgwick Ave":{weight:["regular"],fallback:"handwriting"},Federo:{weight:["regular"],fallback:"sans-serif"},McLaren:{weight:["regular"],fallback:"display"},"IM Fell DW Pica":{weight:["regular","italic"],fallback:"serif"},Sniglet:{weight:["regular","800"],fallback:"display"},"Mr De Haviland":{weight:["regular"],fallback:"handwriting"},Shojumaru:{weight:["regular"],fallback:"display"},Poly:{weight:["regular","italic"],fallback:"serif"},Belleza:{weight:["regular"],fallback:"sans-serif"},Faustina:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},"IM Fell English":{weight:["regular","italic"],fallback:"serif"},"Rammetto One":{weight:["regular"],fallback:"display"},Amita:{weight:["regular","700"],fallback:"handwriting"},Inder:{weight:["regular"],fallback:"sans-serif"},"Antic Didone":{weight:["regular"],fallback:"serif"},"Alike Angular":{weight:["regular"],fallback:"serif"},Montez:{weight:["regular"],fallback:"handwriting"},K2D:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},UnifrakturMaguntia:{weight:["regular"],fallback:"display"},Gurajada:{weight:["regular"],fallback:"serif"},"Proza Libre":{weight:["regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},Athiti:{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},Andada:{weight:["regular"],fallback:"serif"},"Liu Jian Mao Cao":{weight:["regular"],fallback:"handwriting"},Megrim:{weight:["regular"],fallback:"display"},"Vast Shadow":{weight:["regular"],fallback:"display"},Wallpoet:{weight:["regular"],fallback:"display"},Unkempt:{weight:["regular","700"],fallback:"display"},"Fanwood Text":{weight:["regular","italic"],fallback:"serif"},"Doppio One":{weight:["regular"],fallback:"sans-serif"},"Comic Neue":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"handwriting"},Corben:{weight:["regular","700"],fallback:"display"},Frijole:{weight:["regular"],fallback:"display"},Balthazar:{weight:["regular"],fallback:"serif"},Mirza:{weight:["regular","500","600","700"],fallback:"display"},"IM Fell French Canon SC":{weight:["regular"],fallback:"serif"},Brawler:{weight:["regular"],fallback:"serif"},"Oleo Script Swash Caps":{weight:["regular","700"],fallback:"display"},Mandali:{weight:["regular"],fallback:"sans-serif"},Convergence:{weight:["regular"],fallback:"sans-serif"},Fondamento:{weight:["regular","italic"],fallback:"handwriting"},Alike:{weight:["regular"],fallback:"serif"},Baumans:{weight:["regular"],fallback:"display"},Esteban:{weight:["regular"],fallback:"serif"},"Gravitas One":{weight:["regular"],fallback:"display"},Anaheim:{weight:["regular"],fallback:"sans-serif"},"Wendy One":{weight:["regular"],fallback:"sans-serif"},"Stardos Stencil":{weight:["regular","700"],fallback:"display"},"Spicy Rice":{weight:["regular"],fallback:"display"},Rakkas:{weight:["regular"],fallback:"display"},"La Belle Aurore":{weight:["regular"],fallback:"handwriting"},"Secular One":{weight:["regular"],fallback:"sans-serif"},Belgrano:{weight:["regular"],fallback:"serif"},"Bungee Shade":{weight:["regular"],fallback:"display"},"Crafty Girls":{weight:["regular"],fallback:"handwriting"},Battambang:{weight:["regular","700"],fallback:"display"},Quando:{weight:["regular"],fallback:"serif"},"Mouse Memoirs":{weight:["regular"],fallback:"sans-serif"},Gugi:{weight:["regular"],fallback:"display"},"Faster One":{weight:["regular"],fallback:"display"},"B612 Mono":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Limelight:{weight:["regular"],fallback:"display"},"Short Stack":{weight:["regular"],fallback:"handwriting"},"Mountains of Christmas":{weight:["regular","700"],fallback:"display"},"Share Tech":{weight:["regular"],fallback:"sans-serif"},Laila:{weight:["300","regular","500","600","700"],fallback:"serif"},Literata:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},"Cormorant SC":{weight:["300","regular","500","600","700"],fallback:"serif"},"Fjord One":{weight:["regular"],fallback:"serif"},Podkova:{weight:["regular","500","600","700","800"],fallback:"serif"},Homenaje:{weight:["regular"],fallback:"sans-serif"},"Walter Turncoat":{weight:["regular"],fallback:"handwriting"},Sen:{weight:["regular","700","800"],fallback:"sans-serif"},"Patrick Hand SC":{weight:["regular"],fallback:"handwriting"},Voces:{weight:["regular"],fallback:"display"},Qwigley:{weight:["regular"],fallback:"handwriting"},"Happy Monkey":{weight:["regular"],fallback:"display"},"Rouge Script":{weight:["regular"],fallback:"handwriting"},"Baloo Chettan 2":{weight:["regular","500","600","700","800"],fallback:"display"},NTR:{weight:["regular"],fallback:"sans-serif"},Skranji:{weight:["regular","700"],fallback:"display"},Strait:{weight:["regular"],fallback:"sans-serif"},"Dawning of a New Day":{weight:["regular"],fallback:"handwriting"},Iceland:{weight:["regular"],fallback:"display"},"Expletus Sans":{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"display"},"Montserrat Subrayada":{weight:["regular","700"],fallback:"sans-serif"},Oregano:{weight:["regular","italic"],fallback:"display"},"Give You Glory":{weight:["regular"],fallback:"handwriting"},Alata:{weight:["regular"],fallback:"sans-serif"},Puritan:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Mako:{weight:["regular"],fallback:"sans-serif"},Andika:{weight:["regular"],fallback:"sans-serif"},"Cormorant Upright":{weight:["300","regular","500","600","700"],fallback:"serif"},Zeyada:{weight:["regular"],fallback:"handwriting"},"Bowlby One":{weight:["regular"],fallback:"display"},"Aref Ruqaa":{weight:["regular","700"],fallback:"serif"},Numans:{weight:["regular"],fallback:"sans-serif"},Kurale:{weight:["regular"],fallback:"serif"},Spirax:{weight:["regular"],fallback:"display"},"Clicker Script":{weight:["regular"],fallback:"handwriting"},"Waiting for the Sunrise":{weight:["regular"],fallback:"handwriting"},"Holtwood One SC":{weight:["regular"],fallback:"serif"},Katibeh:{weight:["regular"],fallback:"display"},"Carrois Gothic SC":{weight:["regular"],fallback:"sans-serif"},Livvic:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],fallback:"sans-serif"},Eater:{weight:["regular"],fallback:"display"},"Fontdiner Swanky":{weight:["regular"],fallback:"display"},"Finger Paint":{weight:["regular"],fallback:"display"},Bellefair:{weight:["regular"],fallback:"serif"},"Wire One":{weight:["regular"],fallback:"sans-serif"},Kosugi:{weight:["regular"],fallback:"sans-serif"},Charm:{weight:["regular","700"],fallback:"handwriting"},"Delius Swash Caps":{weight:["regular"],fallback:"handwriting"},"Vesper Libre":{weight:["regular","500","700","900"],fallback:"serif"},"Red Hat Text":{weight:["regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},Gafata:{weight:["regular"],fallback:"sans-serif"},"Averia Sans Libre":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},"Denk One":{weight:["regular"],fallback:"sans-serif"},Geo:{weight:["regular","italic"],fallback:"sans-serif"},Tauri:{weight:["regular"],fallback:"sans-serif"},"Cherry Swash":{weight:["regular","700"],fallback:"display"},Codystar:{weight:["300","regular"],fallback:"display"},"Cantora One":{weight:["regular"],fallback:"sans-serif"},"Encode Sans Semi Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Nova Square":{weight:["regular"],fallback:"display"},BioRhyme:{weight:["200","300","regular","700","800"],fallback:"serif"},Timmana:{weight:["regular"],fallback:"sans-serif"},Atma:{weight:["300","regular","500","600","700"],fallback:"display"},Tienne:{weight:["regular","700","900"],fallback:"serif"},Meddon:{weight:["regular"],fallback:"handwriting"},Galada:{weight:["regular"],fallback:"display"},Padauk:{weight:["regular","700"],fallback:"sans-serif"},"Loved by the King":{weight:["regular"],fallback:"handwriting"},"The Girl Next Door":{weight:["regular"],fallback:"handwriting"},"Darker Grotesque":{weight:["300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Life Savers":{weight:["regular","700","800"],fallback:"display"},Bilbo:{weight:["regular"],fallback:"handwriting"},Shanti:{weight:["regular"],fallback:"sans-serif"},"Headland One":{weight:["regular"],fallback:"serif"},"Euphoria Script":{weight:["regular"],fallback:"handwriting"},Imprima:{weight:["regular"],fallback:"sans-serif"},"Aguafina Script":{weight:["regular"],fallback:"handwriting"},"Baloo 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Over the Rainbow":{weight:["regular"],fallback:"handwriting"},Sarpanch:{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},Orienta:{weight:["regular"],fallback:"sans-serif"},"Spectral SC":{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"serif"},"Port Lligat Sans":{weight:["regular"],fallback:"sans-serif"},Artifika:{weight:["regular"],fallback:"serif"},Ledger:{weight:["regular"],fallback:"serif"},Ruluko:{weight:["regular"],fallback:"sans-serif"},Sail:{weight:["regular"],fallback:"display"},Alatsi:{weight:["regular"],fallback:"sans-serif"},"Sonsie One":{weight:["regular"],fallback:"display"},"Bilbo Swash Caps":{weight:["regular"],fallback:"handwriting"},Slackey:{weight:["regular"],fallback:"display"},Salsa:{weight:["regular"],fallback:"display"},Rationale:{weight:["regular"],fallback:"sans-serif"},"Hepta Slab":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"serif"},Nosifer:{weight:["regular"],fallback:"display"},Dekko:{weight:["regular"],fallback:"handwriting"},"Encode Sans Expanded":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Lily Script One":{weight:["regular"],fallback:"display"},"Zilla Slab Highlight":{weight:["regular","700"],fallback:"display"},Dokdo:{weight:["regular"],fallback:"handwriting"},"Kotta One":{weight:["regular"],fallback:"serif"},"Macondo Swash Caps":{weight:["regular"],fallback:"display"},"Encode Sans Semi Expanded":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Prosto One":{weight:["regular"],fallback:"display"},"Trade Winds":{weight:["regular"],fallback:"display"},Farsan:{weight:["regular"],fallback:"display"},Manuale:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},Creepster:{weight:["regular"],fallback:"display"},"Medula One":{weight:["regular"],fallback:"display"},Ranchers:{weight:["regular"],fallback:"display"},"David Libre":{weight:["regular","500","700"],fallback:"serif"},"Libre Barcode 39":{weight:["regular"],fallback:"display"},"Vampiro One":{weight:["regular"],fallback:"display"},Metamorphous:{weight:["regular"],fallback:"display"},"Bubbler One":{weight:["regular"],fallback:"sans-serif"},"Nova Mono":{weight:["regular"],fallback:"monospace"},"Princess Sofia":{weight:["regular"],fallback:"handwriting"},"Just Me Again Down Here":{weight:["regular"],fallback:"handwriting"},Notable:{weight:["regular"],fallback:"sans-serif"},"Fascinate Inline":{weight:["regular"],fallback:"display"},Vibur:{weight:["regular"],fallback:"handwriting"},"Vollkorn SC":{weight:["regular","600","700","900"],fallback:"serif"},Crushed:{weight:["regular"],fallback:"display"},Sumana:{weight:["regular","700"],fallback:"serif"},Elsie:{weight:["regular","900"],fallback:"display"},Ranga:{weight:["regular","700"],fallback:"display"},"Port Lligat Slab":{weight:["regular"],fallback:"serif"},Amarante:{weight:["regular"],fallback:"display"},"Ruslan Display":{weight:["regular"],fallback:"display"},"Germania One":{weight:["regular"],fallback:"display"},"Sirin Stencil":{weight:["regular"],fallback:"display"},Pavanam:{weight:["regular"],fallback:"sans-serif"},Peralta:{weight:["regular"],fallback:"display"},"Scope One":{weight:["regular"],fallback:"serif"},Jomolhari:{weight:["regular"],fallback:"serif"},Kranky:{weight:["regular"],fallback:"display"},"Yatra One":{weight:["regular"],fallback:"display"},"Jacques Francois Shadow":{weight:["regular"],fallback:"display"},Ribeye:{weight:["regular"],fallback:"display"},"Averia Libre":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},"Saira Stencil One":{weight:["regular"],fallback:"display"},"Cherry Cream Soda":{weight:["regular"],fallback:"display"},"Mukta Mahee":{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Srisakdi:{weight:["regular","700"],fallback:"display"},Trochut:{weight:["regular","italic","700"],fallback:"display"},Coiny:{weight:["regular"],fallback:"display"},"Ma Shan Zheng":{weight:["regular"],fallback:"handwriting"},Asul:{weight:["regular","700"],fallback:"sans-serif"},Ewert:{weight:["regular"],fallback:"display"},Arya:{weight:["regular","700"],fallback:"sans-serif"},"Hanalei Fill":{weight:["regular"],fallback:"display"},Grenze:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Ribeye Marrow":{weight:["regular"],fallback:"display"},"IM Fell English SC":{weight:["regular"],fallback:"serif"},"Chau Philomene One":{weight:["regular","italic"],fallback:"sans-serif"},Sarina:{weight:["regular"],fallback:"display"},Chicle:{weight:["regular"],fallback:"display"},Manjari:{weight:["100","regular","700"],fallback:"sans-serif"},Montaga:{weight:["regular"],fallback:"serif"},Italiana:{weight:["regular"],fallback:"serif"},Akronim:{weight:["regular"],fallback:"display"},Habibi:{weight:["regular"],fallback:"serif"},Englebert:{weight:["regular"],fallback:"sans-serif"},Dynalight:{weight:["regular"],fallback:"display"},"Mate SC":{weight:["regular"],fallback:"serif"},"Henny Penny":{weight:["regular"],fallback:"display"},"Sree Krushnadevaraya":{weight:["regular"],fallback:"serif"},Engagement:{weight:["regular"],fallback:"handwriting"},Girassol:{weight:["regular"],fallback:"display"},"Kite One":{weight:["regular"],fallback:"sans-serif"},"Ibarra Real Nova":{weight:["regular","italic","600","600italic","700","700italic"],fallback:"serif"},Gaegu:{weight:["300","regular","700"],fallback:"handwriting"},Fenix:{weight:["regular"],fallback:"serif"},"Pirata One":{weight:["regular"],fallback:"display"},"Tulpen One":{weight:["regular"],fallback:"display"},"IM Fell Great Primer":{weight:["regular","italic"],fallback:"serif"},Chathura:{weight:["100","300","regular","700","800"],fallback:"sans-serif"},Unlock:{weight:["regular"],fallback:"display"},"Nova Round":{weight:["regular"],fallback:"display"},Sura:{weight:["regular","700"],fallback:"serif"},"Kumar One":{weight:["regular"],fallback:"display"},Baskervville:{weight:["regular","italic"],fallback:"serif"},Quintessential:{weight:["regular"],fallback:"handwriting"},Milonga:{weight:["regular"],fallback:"display"},Bayon:{weight:["regular"],fallback:"display"},"Be Vietnam":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},"Crimson Pro":{weight:["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"serif"},B612:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"League Script":{weight:["regular"],fallback:"handwriting"},"Inknut Antiqua":{weight:["300","regular","500","600","700","800","900"],fallback:"serif"},Mogra:{weight:["regular"],fallback:"display"},"Mystery Quest":{weight:["regular"],fallback:"display"},"Monsieur La Doulaise":{weight:["regular"],fallback:"handwriting"},Vibes:{weight:["regular"],fallback:"display"},Rosarivo:{weight:["regular","italic"],fallback:"serif"},"Uncial Antiqua":{weight:["regular"],fallback:"display"},Dorsa:{weight:["regular"],fallback:"sans-serif"},Almendra:{weight:["regular","italic","700","700italic"],fallback:"serif"},Diplomata:{weight:["regular"],fallback:"display"},Simonetta:{weight:["regular","italic","900","900italic"],fallback:"display"},"New Rocker":{weight:["regular"],fallback:"display"},Snippet:{weight:["regular"],fallback:"sans-serif"},Petrona:{weight:["regular"],fallback:"serif"},Ramaraja:{weight:["regular"],fallback:"serif"},"Averia Gruesa Libre":{weight:["regular"],fallback:"display"},"Baloo Bhaina 2":{weight:["regular","500","600","700","800"],fallback:"display"},Kodchasan:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Meera Inimai":{weight:["regular"],fallback:"sans-serif"},Flamenco:{weight:["300","regular"],fallback:"display"},Khmer:{weight:["regular"],fallback:"display"},Paprika:{weight:["regular"],fallback:"display"},Koulen:{weight:["regular"],fallback:"display"},Mansalva:{weight:["regular"],fallback:"handwriting"},"Lovers Quarrel":{weight:["regular"],fallback:"handwriting"},Condiment:{weight:["regular"],fallback:"handwriting"},"Baloo Thambi 2":{weight:["regular","500","600","700","800"],fallback:"display"},Stoke:{weight:["300","regular"],fallback:"serif"},Barrio:{weight:["regular"],fallback:"display"},Barriecito:{weight:["regular"],fallback:"display"},"Donegal One":{weight:["regular"],fallback:"serif"},Kavoon:{weight:["regular"],fallback:"display"},"Big Shoulders Display":{weight:["100","300","regular","500","600","700","800","900"],fallback:"display"},Mina:{weight:["regular","700"],fallback:"sans-serif"},"Big Shoulders Text":{weight:["100","300","regular","500","600","700","800","900"],fallback:"display"},Prociono:{weight:["regular"],fallback:"serif"},"Text Me One":{weight:["regular"],fallback:"sans-serif"},"IM Fell French Canon":{weight:["regular","italic"],fallback:"serif"},"Overlock SC":{weight:["regular"],fallback:"display"},Cagliostro:{weight:["regular"],fallback:"sans-serif"},"Marko One":{weight:["regular"],fallback:"serif"},"Swanky and Moo Moo":{weight:["regular"],fallback:"handwriting"},"Maiden Orange":{weight:["regular"],fallback:"display"},Blinker:{weight:["100","200","300","regular","600","700","800","900"],fallback:"sans-serif"},Miniver:{weight:["regular"],fallback:"display"},Angkor:{weight:["regular"],fallback:"display"},Chango:{weight:["regular"],fallback:"display"},Thasadith:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Modak:{weight:["regular"],fallback:"display"},Junge:{weight:["regular"],fallback:"serif"},"Stint Ultra Condensed":{weight:["regular"],fallback:"display"},Stalemate:{weight:["regular"],fallback:"handwriting"},Tillana:{weight:["regular","500","600","700","800"],fallback:"handwriting"},UnifrakturCook:{weight:["700"],fallback:"display"},"Rum Raisin":{weight:["regular"],fallback:"sans-serif"},Farro:{weight:["300","regular","500","700"],fallback:"sans-serif"},"Delius Unicase":{weight:["regular","700"],fallback:"handwriting"},Sancreek:{weight:["regular"],fallback:"display"},Julee:{weight:["regular"],fallback:"handwriting"},Margarine:{weight:["regular"],fallback:"display"},"Lakki Reddy":{weight:["regular"],fallback:"handwriting"},"Stint Ultra Expanded":{weight:["regular"],fallback:"display"},"Bigshot One":{weight:["regular"],fallback:"display"},Griffy:{weight:["regular"],fallback:"display"},Moul:{weight:["regular"],fallback:"display"},"Diplomata SC":{weight:["regular"],fallback:"display"},Oxanium:{weight:["200","300","regular","500","600","700","800"],fallback:"display"},Offside:{weight:["regular"],fallback:"display"},"Fira Code":{weight:["300","regular","500","600","700"],fallback:"monospace"},"Eagle Lake":{weight:["regular"],fallback:"handwriting"},Flavors:{weight:["regular"],fallback:"display"},"Londrina Outline":{weight:["regular"],fallback:"display"},Tomorrow:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Nokora:{weight:["regular","700"],fallback:"serif"},Calistoga:{weight:["regular"],fallback:"display"},Gotu:{weight:["regular"],fallback:"sans-serif"},"Della Respira":{weight:["regular"],fallback:"serif"},"Cormorant Unicase":{weight:["300","regular","500","600","700"],fallback:"serif"},"Libre Caslon Text":{weight:["regular","italic","700"],fallback:"serif"},Buda:{weight:["300"],fallback:"display"},Asar:{weight:["regular"],fallback:"serif"},"Poller One":{weight:["regular"],fallback:"display"},"Autour One":{weight:["regular"],fallback:"display"},"Nova Slim":{weight:["regular"],fallback:"display"},Underdog:{weight:["regular"],fallback:"display"},Redressed:{weight:["regular"],fallback:"handwriting"},"Yeon Sung":{weight:["regular"],fallback:"display"},Content:{weight:["regular","700"],fallback:"display"},Kantumruy:{weight:["300","regular","700"],fallback:"sans-serif"},"Baloo Paaji 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Jim Nightshade":{weight:["regular"],fallback:"handwriting"},"Glass Antiqua":{weight:["regular"],fallback:"display"},"Snowburst One":{weight:["regular"],fallback:"display"},"Gamja Flower":{weight:["regular"],fallback:"handwriting"},Revalia:{weight:["regular"],fallback:"display"},"Metal Mania":{weight:["regular"],fallback:"display"},Charmonman:{weight:["regular","700"],fallback:"handwriting"},"IM Fell DW Pica SC":{weight:["regular"],fallback:"serif"},Inika:{weight:["regular","700"],fallback:"serif"},"Elsie Swash Caps":{weight:["regular","900"],fallback:"display"},Wellfleet:{weight:["regular"],fallback:"display"},"Chela One":{weight:["regular"],fallback:"display"},"Rhodium Libre":{weight:["regular"],fallback:"serif"},"Mrs Sheppards":{weight:["regular"],fallback:"handwriting"},"Sedgwick Ave Display":{weight:["regular"],fallback:"handwriting"},"Modern Antiqua":{weight:["regular"],fallback:"display"},"Ravi Prakash":{weight:["regular"],fallback:"display"},Galdeano:{weight:["regular"],fallback:"sans-serif"},Oldenburg:{weight:["regular"],fallback:"display"},Arbutus:{weight:["regular"],fallback:"display"},"Poor Story":{weight:["regular"],fallback:"display"},"Hi Melody":{weight:["regular"],fallback:"handwriting"},"Joti One":{weight:["regular"],fallback:"display"},"Nova Flat":{weight:["regular"],fallback:"display"},"ZCOOL QingKe HuangYou":{weight:["regular"],fallback:"display"},"Linden Hill":{weight:["regular","italic"],fallback:"serif"},Bokor:{weight:["regular"],fallback:"display"},"Courier Prime":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Trykker:{weight:["regular"],fallback:"serif"},KoHo:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Song Myung":{weight:["regular"],fallback:"serif"},Ruthie:{weight:["regular"],fallback:"handwriting"},"Libre Barcode 39 Extended Text":{weight:["regular"],fallback:"display"},Chilanka:{weight:["regular"],fallback:"handwriting"},Fahkwang:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Felipa:{weight:["regular"],fallback:"handwriting"},Monofett:{weight:["regular"],fallback:"display"},"Odibee Sans":{weight:["regular"],fallback:"display"},Smythe:{weight:["regular"],fallback:"display"},"Major Mono Display":{weight:["regular"],fallback:"monospace"},Jomhuria:{weight:["regular"],fallback:"display"},"Croissant One":{weight:["regular"],fallback:"display"},Dangrek:{weight:["regular"],fallback:"display"},"Original Surfer":{weight:["regular"],fallback:"display"},Bahiana:{weight:["regular"],fallback:"display"},Gorditas:{weight:["regular","700"],fallback:"display"},"Odor Mean Chey":{weight:["regular"],fallback:"display"},Iceberg:{weight:["regular"],fallback:"display"},MedievalSharp:{weight:["regular"],fallback:"display"},"Caesar Dressing":{weight:["regular"],fallback:"display"},Sahitya:{weight:["regular","700"],fallback:"serif"},Stylish:{weight:["regular"],fallback:"sans-serif"},"Nova Cut":{weight:["regular"],fallback:"display"},"Purple Purse":{weight:["regular"],fallback:"display"},Devonshire:{weight:["regular"],fallback:"handwriting"},Smokum:{weight:["regular"],fallback:"display"},"Almendra Display":{weight:["regular"],fallback:"display"},Galindo:{weight:["regular"],fallback:"display"},Preahvihear:{weight:["regular"],fallback:"display"},Siemreap:{weight:["regular"],fallback:"display"},"Irish Grover":{weight:["regular"],fallback:"display"},Gupter:{weight:["regular","500","700"],fallback:"serif"},"Meie Script":{weight:["regular"],fallback:"handwriting"},"Libre Barcode 128":{weight:["regular"],fallback:"display"},"Keania One":{weight:["regular"],fallback:"display"},"GFS Neohellenic":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Cute Font":{weight:["regular"],fallback:"display"},"Londrina Shadow":{weight:["regular"],fallback:"display"},"East Sea Dokdo":{weight:["regular"],fallback:"handwriting"},"Libre Barcode 39 Extended":{weight:["regular"],fallback:"display"},Risque:{weight:["regular"],fallback:"display"},Lancelot:{weight:["regular"],fallback:"display"},"Libre Caslon Display":{weight:["regular"],fallback:"serif"},Plaster:{weight:["regular"],fallback:"display"},"Goblin One":{weight:["regular"],fallback:"display"},Asset:{weight:["regular"],fallback:"display"},"Almendra SC":{weight:["regular"],fallback:"serif"},"Jacques Francois":{weight:["regular"],fallback:"serif"},"Jolly Lodger":{weight:["regular"],fallback:"display"},"Lexend Exa":{weight:["regular"],fallback:"sans-serif"},Molle:{weight:["italic"],fallback:"handwriting"},Kavivanar:{weight:["regular"],fallback:"handwriting"},"Kirang Haerang":{weight:["regular"],fallback:"display"},Piedra:{weight:["regular"],fallback:"display"},"Atomic Age":{weight:["regular"],fallback:"display"},"Kulim Park":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Libre Barcode 39 Text":{weight:["regular"],fallback:"display"},"IM Fell Great Primer SC":{weight:["regular"],fallback:"serif"},"Tenali Ramakrishna":{weight:["regular"],fallback:"sans-serif"},Butcherman:{weight:["regular"],fallback:"display"},"Dr Sugiyama":{weight:["regular"],fallback:"handwriting"},"Geostar Fill":{weight:["regular"],fallback:"display"},Romanesco:{weight:["regular"],fallback:"handwriting"},"Libre Barcode 128 Text":{weight:["regular"],fallback:"display"},Sunshiney:{weight:["regular"],fallback:"handwriting"},"Kumar One Outline":{weight:["regular"],fallback:"display"},Peddana:{weight:["regular"],fallback:"serif"},"Baloo Bhai 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Kdam Thmor":{weight:["regular"],fallback:"display"},"Ruge Boogie":{weight:["regular"],fallback:"handwriting"},Freehand:{weight:["regular"],fallback:"display"},Bonbon:{weight:["regular"],fallback:"handwriting"},Caladea:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Single Day":{weight:["regular"],fallback:"display"},"Baloo Tamma 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Inria Sans":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"sans-serif"},Hanalei:{weight:["regular"],fallback:"display"},"Emblema One":{weight:["regular"],fallback:"display"},"Seymour One":{weight:["regular"],fallback:"sans-serif"},"Miss Fajardose":{weight:["regular"],fallback:"handwriting"},Sevillana:{weight:["regular"],fallback:"display"},"Inria Serif":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"serif"},"Bungee Outline":{weight:["regular"],fallback:"display"},Metal:{weight:["regular"],fallback:"display"},"IM Fell Double Pica SC":{weight:["regular"],fallback:"serif"},"Lexend Giga":{weight:["regular"],fallback:"sans-serif"},"ZCOOL KuaiLe":{weight:["regular"],fallback:"display"},Astloch:{weight:["regular","700"],fallback:"display"},"Mr Bedfort":{weight:["regular"],fallback:"handwriting"},Macondo:{weight:["regular"],fallback:"display"},"Butterfly Kids":{weight:["regular"],fallback:"handwriting"},"Supermercado One":{weight:["regular"],fallback:"display"},Fruktur:{weight:["regular"],fallback:"display"},Taprom:{weight:["regular"],fallback:"display"},Lacquer:{weight:["regular"],fallback:"display"},"Black And White Picture":{weight:["regular"],fallback:"sans-serif"},"Bigelow Rules":{weight:["regular"],fallback:"display"},"Beth Ellen":{weight:["regular"],fallback:"handwriting"},"Sofadi One":{weight:["regular"],fallback:"display"},Combo:{weight:["regular"],fallback:"display"},Bellota:{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},Federant:{weight:["regular"],fallback:"display"},"Miltonian Tattoo":{weight:["regular"],fallback:"display"},"Londrina Sketch":{weight:["regular"],fallback:"display"},Suwannaphum:{weight:["regular"],fallback:"display"},"Bungee Hairline":{weight:["regular"],fallback:"display"},Fascinate:{weight:["regular"],fallback:"display"},"Erica One":{weight:["regular"],fallback:"display"},"Nova Oval":{weight:["regular"],fallback:"display"},"Baloo Da 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Sulphur Point":{weight:["300","regular","700"],fallback:"sans-serif"},Aubrey:{weight:["regular"],fallback:"display"},Gidugu:{weight:["regular"],fallback:"sans-serif"},"Bellota Text":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},"Nova Script":{weight:["regular"],fallback:"display"},Miltonian:{weight:["regular"],fallback:"display"},Gayathri:{weight:["100","regular","700"],fallback:"sans-serif"},Geostar:{weight:["regular"],fallback:"display"},Moulpali:{weight:["regular"],fallback:"display"},"Passero One":{weight:["regular"],fallback:"display"},"Stalinist One":{weight:["regular"],fallback:"display"},"Long Cang":{weight:["regular"],fallback:"handwriting"},Solway:{weight:["300","regular","500","700","800"],fallback:"serif"},"Zhi Mang Xing":{weight:["regular"],fallback:"handwriting"},"Baloo Tammudu 2":{weight:["regular","500","600","700","800"],fallback:"display"},Chenla:{weight:["regular"],fallback:"display"},Suravaram:{weight:["regular"],fallback:"serif"},Fasthand:{weight:["regular"],fallback:"serif"},Kenia:{weight:["regular"],fallback:"display"},Dhurjati:{weight:["regular"],fallback:"sans-serif"},"Lexend Tera":{weight:["regular"],fallback:"sans-serif"},"BioRhyme Expanded":{weight:["200","300","regular","700","800"],fallback:"serif"},"Turret Road":{weight:["200","300","regular","500","700","800"],fallback:"display"},Warnes:{weight:["regular"],fallback:"display"},"Viaoda Libre":{weight:["regular"],fallback:"display"},"Lexend Mega":{weight:["regular"],fallback:"sans-serif"},Bahianita:{weight:["regular"],fallback:"display"},Manrope:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},"Lexend Zetta":{weight:["regular"],fallback:"sans-serif"},"Lexend Peta":{weight:["regular"],fallback:"sans-serif"}};t.a=l},function(e,t){},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(3),o=a(10),c=a(8),s=a(6),g=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),u=wp.element.Component,p=wp.hooks.applyFilters,b=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),g(t,[{key:"render",value:function(){var e=this.props,t=e.attributes,a=e.clientId,l=t.uniqueId,n=t.isGrid,i=t.width,g=t.outerContainer,u=t.innerContainer,b=t.containerWidth,d=t.minHeight,f=t.minHeightUnit,m=t.paddingTop,h=t.paddingRight,w=t.paddingBottom,k=t.paddingLeft,y=t.paddingUnit,v=t.marginTop,C=t.marginRight,B=t.marginBottom,S=t.marginLeft,E=t.marginUnit,T=t.borderSizeTop,O=t.borderSizeRight,z=t.borderSizeBottom,M=t.borderSizeLeft,D=t.borderRadiusTopRight,_=t.borderRadiusBottomRight,L=t.borderRadiusBottomLeft,R=t.borderRadiusTopLeft,x=t.borderRadiusUnit,P=t.borderColor,U=t.borderColorOpacity,N=t.backgroundColor,A=t.backgroundColorOpacity,F=t.gradient,j=t.gradientDirection,H=t.gradientColorOne,I=t.gradientColorOneOpacity,V=t.gradientColorStopOne,G=t.gradientColorTwo,q=t.gradientColorTwoOpacity,W=t.gradientColorStopTwo,Z=t.textColor,K=t.linkColor,J=t.linkColorHover,Y=t.bgImage,Q=t.bgOptions,X=t.verticalAlignment,$=t.zindex,ee=t.removeVerticalGap,te=t.alignment,ae=t.fontFamily,le=t.fontFamilyFallback,ne=t.fontWeight,ie=t.fontSize,re=t.fontSizeUnit,oe=t.textTransform,ce=void 0,se="",ge="";F&&(H&&""!==V&&(se=" "+V+"%"),G&&""!==W&&(ge=" "+W+"%")),Y?(ce="url("+Y.image.url+")",Q.overlay&&(ce=F?"linear-gradient("+j+"deg, "+Object(c.a)(H,I)+se+", "+Object(c.a)(G,q)+ge+"), url("+Y.image.url+")":"linear-gradient(0deg, "+Object(c.a)(N,A)+", "+Object(c.a)(N,A)+"), url("+Y.image.url+")")):F&&(ce="linear-gradient("+j+"deg, "+Object(c.a)(H,I)+se+", "+Object(c.a)(G,q)+ge+");");var ue=b;ue||(ue=generateBlocksDefaults.container.containerWidth);var pe="";ae&&le&&(pe=", "+le);var be=[];return be[".gb-container-"+l]=[{"background-color":Object(c.a)(N,A),color:Z,"background-image":ce,"background-size":Q.size,"background-position":Q.position,"background-repeat":Q.repeat,"background-attachment":Q.attachment,"border-radius":Object(o.a)(R,D,_,L,x),margin:Object(o.a)(v,C,B,S,E),"z-index":$,position:!!$&&"relative","text-align":te,"font-family":ae+pe,"font-weight":ne,"text-transform":oe,"font-size":Object(s.a)(ie,re),"min-height":Object(s.a)(d,f)}],be[".editor-styles-wrapper .gb-container-"+l+" h1,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h2,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h3,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h4,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h5,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h6"]=[{color:Z}],(T||O||z||M)&&be[".gb-container-"+l].push({"border-width":Object(o.a)(T,O,z,M,"px"),"border-style":"solid","border-color":Object(c.a)(P,U)}),d&&!n&&be[".gb-container-"+l].push({display:"flex","flex-direction":"row","align-items":X}),be[".gb-container-"+l+" a, .gb-container-"+l+" a:visited"]=[{color:K}],be[".gb-container-"+l+" a:hover"]=[{color:J}],be[".gb-container-"+l+" > .gb-inside-container"]=[{padding:Object(o.a)(m,h,w,k,y),width:!(!d||n)&&"100%"}],"contained"!==u||n||be[".gb-container-"+l+" > .gb-inside-container"].push({"max-width":Object(s.a)(ue,"px"),"margin-left":"auto","margin-right":"auto"}),be[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a]=[{width:Object(s.a)(i,"%"),display:"flex","flex-direction":"column","margin-left":"0px","margin-right":"0px"}],be[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a+" > .gb-grid-column"]=[{height:"100%"}],be[".block-editor-block-list__layout > #block-"+a]=[{"max-width":"contained"===g&&!n&&Object(s.a)(ue,"px"),"margin-bottom":!!ee&&"0px !important"}],be[".gb-grid-column > .gb-container-"+l]=[{display:"flex","flex-direction":"column",height:"100%","justify-content":X}],be[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a+" > .block-editor-block-list__block-edit,\n\t\t.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a+' > .block-editor-block-list__block-edit > [data-block="'+a+'"],\n\t\t.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-'+a+' > .block-editor-block-list__block-edit > [data-block="'+a+'"] > .gb-grid-column']=[{height:"100%"}],be["#block-"+a+":not(.has-child-selected):not(.is-selected) .block-list-appender:not(:first-child),\n\t\t#block-"+a+":not(.has-child-selected):not(.is-selected) .block-editor-block-list__layout > div:not(:first-child) > .block-list-appender"]=[{display:"none"}],be=p("generateblocks.editor.desktopCSS",be,"container",this.props),wp.element.createElement("style",null,Object(r.a)(be))}}]),t}(u);t.a=b},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(12),i=a(0),r=a.n(i),o=this,c=wp.blockEditor.InnerBlocks,s=wp.hooks.applyFilters;t.a=function(e){var t,a=e.attributes,i=a.uniqueId,g=a.tagName,u=a.elementId,p=a.cssClasses,b=a.isGrid,d=function(e){var t=e.condition,a=e.wrap,l=e.children;return t?a(l):l};return wp.element.createElement(d,{condition:b,wrap:function(e){return wp.element.createElement("div",{className:r()(l({"gb-grid-column":!0},"gb-grid-column-"+i,!0))},e)}},wp.element.createElement(n.a,{tagName:g,id:u,className:r()((t={"gb-container":!0},l(t,"gb-container-"+i,!0),l(t,""+p,""!==p),t))},s("generateblocks.editor.insideContainerWrapper","",o.props),wp.element.createElement("div",{className:r()({"gb-inside-container":!0})},wp.element.createElement(c.Content,null))))}},function(e,t,a){"use strict";var l={uniqueId:{type:"string",default:""},tagName:{type:"string",default:"div"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},isGrid:{type:"boolean",default:!1},gridId:{type:"string",default:""},width:{type:"number",default:generateBlocksDefaults.container.width},widthTablet:{type:"number",default:generateBlocksDefaults.container.widthTablet},widthMobile:{type:"number",default:generateBlocksDefaults.container.widthMobile},orderTablet:{type:"number",default:generateBlocksDefaults.container.orderTablet},orderMobile:{type:"number",default:generateBlocksDefaults.container.orderMobile},outerContainer:{type:"string",default:generateBlocksDefaults.container.outerContainer},innerContainer:{type:"string",default:generateBlocksDefaults.container.innerContainer},containerWidth:{type:"number",default:generateBlocksDefaults.container.containerWidth},minHeight:{type:"number",default:generateBlocksDefaults.container.minHeight},minHeightUnit:{type:"string",default:generateBlocksDefaults.container.minHeightUnit},minHeightTablet:{type:"number",default:generateBlocksDefaults.container.minHeightTablet},minHeightUnitTablet:{type:"string",default:generateBlocksDefaults.container.minHeightUnitTablet},minHeightMobile:{type:"number",default:generateBlocksDefaults.container.minHeightMobile},minHeightUnitMobile:{type:"string",default:generateBlocksDefaults.container.minHeightUnitMobile},paddingTop:{type:"string",default:generateBlocksDefaults.container.paddingTop},paddingRight:{type:"string",default:generateBlocksDefaults.container.paddingRight},paddingBottom:{type:"string",default:generateBlocksDefaults.container.paddingBottom},paddingLeft:{type:"string",default:generateBlocksDefaults.container.paddingLeft},paddingUnit:{type:"string",default:generateBlocksDefaults.container.paddingUnit},paddingSyncUnits:{type:"boolean",default:!1},paddingTopTablet:{type:"string",default:generateBlocksDefaults.container.paddingTopTablet},paddingRightTablet:{type:"string",default:generateBlocksDefaults.container.paddingRightTablet},paddingBottomTablet:{type:"string",default:generateBlocksDefaults.container.paddingBottomTablet},paddingLeftTablet:{type:"string",default:generateBlocksDefaults.container.paddingLeftTablet},paddingTopMobile:{type:"string",default:generateBlocksDefaults.container.paddingTopMobile},paddingRightMobile:{type:"string",default:generateBlocksDefaults.container.paddingRightMobile},paddingBottomMobile:{type:"string",default:generateBlocksDefaults.container.paddingBottomMobile},paddingLeftMobile:{type:"string",default:generateBlocksDefaults.container.paddingLeftMobile},marginTop:{type:"string",default:generateBlocksDefaults.container.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.container.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.container.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.container.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.container.marginUnit},marginSyncUnits:{type:"boolean",default:!1},marginTopTablet:{type:"string",default:generateBlocksDefaults.container.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.container.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.container.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.container.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.container.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.container.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.container.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.container.marginLeftMobile},borderSizeTop:{type:"string",default:generateBlocksDefaults.container.borderSizeTop},borderSizeRight:{type:"string",default:generateBlocksDefaults.container.borderSizeRight},borderSizeBottom:{type:"string",default:generateBlocksDefaults.container.borderSizeBottom},borderSizeLeft:{type:"string",default:generateBlocksDefaults.container.borderSizeLeft},borderSizeTopTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeTopTablet},borderSizeRightTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeRightTablet},borderSizeBottomTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeBottomTablet},borderSizeLeftTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeLeftTablet},borderSizeTopMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeTopMobile},borderSizeRightMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeRightMobile},borderSizeBottomMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeBottomMobile},borderSizeLeftMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeLeftMobile},borderRadiusTopRight:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopRight},borderRadiusBottomRight:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomRight},borderRadiusBottomLeft:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomLeft},borderRadiusTopLeft:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopLeft},borderRadiusUnit:{type:"string",default:generateBlocksDefaults.container.borderRadiusUnit},borderRadiusTopRightTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopRightTablet},borderRadiusBottomRightTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomRightTablet},borderRadiusBottomLeftTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomLeftTablet},borderRadiusTopLeftTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopLeftTablet},borderRadiusTopRightMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopRightMobile},borderRadiusBottomRightMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomRightMobile},borderRadiusBottomLeftMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomLeftMobile},borderRadiusTopLeftMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopLeftMobile},borderColor:{type:"string",default:generateBlocksDefaults.container.borderColor},borderColorOpacity:{type:"number",default:generateBlocksDefaults.container.borderColorOpacity},backgroundColor:{type:"string",default:generateBlocksDefaults.container.backgroundColor},backgroundColorOpacity:{type:"number",default:generateBlocksDefaults.container.backgroundColorOpacity},gradient:{type:"boolean",default:generateBlocksDefaults.container.gradient},gradientDirection:{type:"number",default:generateBlocksDefaults.container.gradientDirection},gradientColorOne:{type:"string",default:generateBlocksDefaults.container.gradientColorOne},gradientColorOneOpacity:{type:"number",default:generateBlocksDefaults.container.gradientColorOneOpacity},gradientColorStopOne:{type:"number",default:generateBlocksDefaults.container.gradientColorStopOne},gradientColorTwo:{type:"string",default:generateBlocksDefaults.container.gradientColorTwo},gradientColorTwoOpacity:{type:"number",default:generateBlocksDefaults.container.gradientColorTwoOpacity},gradientColorStopTwo:{type:"number",default:generateBlocksDefaults.container.gradientColorStopTwo},textColor:{type:"string",default:generateBlocksDefaults.container.textColor},linkColor:{type:"string",default:generateBlocksDefaults.container.linkColor},linkColorHover:{type:"string",default:generateBlocksDefaults.container.linkColorHover},bgImage:{type:"object",default:generateBlocksDefaults.container.bgImage},bgOptions:{type:"object",default:{overlay:generateBlocksDefaults.container.bgOptions.overlay,position:generateBlocksDefaults.container.bgOptions.position,size:generateBlocksDefaults.container.bgOptions.size,repeat:generateBlocksDefaults.container.bgOptions.repeat,attachment:generateBlocksDefaults.container.bgOptions.attachment}},verticalAlignment:{type:"string",default:generateBlocksDefaults.container.verticalAlignment},verticalAlignmentTablet:{type:"string",default:generateBlocksDefaults.container.verticalAlignmentTablet},verticalAlignmentMobile:{type:"string",default:generateBlocksDefaults.container.verticalAlignmentMobile},zindex:{type:"number",default:generateBlocksDefaults.container.zindex},removeVerticalGap:{type:"boolean",default:generateBlocksDefaults.container.removeVerticalGap},removeVerticalGapTablet:{type:"boolean",default:generateBlocksDefaults.container.removeVerticalGapTablet},removeVerticalGapMobile:{type:"boolean",default:generateBlocksDefaults.container.removeVerticalGapMobile},alignment:{type:"string",default:generateBlocksDefaults.container.alignment},alignmentTablet:{type:"string",default:generateBlocksDefaults.container.alignmentTablet},alignmentMobile:{type:"string",default:generateBlocksDefaults.container.alignmentMobile},showAdvancedTypography:{type:"boolean",default:generateBlocksDefaults.headline.showAdvancedTypography},fontFamily:{type:"string",default:generateBlocksDefaults.container.fontFamily},fontFamilyFallback:{type:"string",default:generateBlocksDefaults.container.fontFamilyFallback},googleFont:{type:"boolean",default:generateBlocksDefaults.container.googleFont},googleFontVariants:{type:"string",default:generateBlocksDefaults.container.googleFontVariants},fontWeight:{type:"string",default:generateBlocksDefaults.container.fontWeight},fontSize:{type:"number",default:generateBlocksDefaults.container.fontSize},fontSizeTablet:{type:"number",default:generateBlocksDefaults.container.fontSizeTablet},fontSizeMobile:{type:"number",default:generateBlocksDefaults.container.fontSizeMobile},fontSizeUnit:{type:"string",default:generateBlocksDefaults.container.fontSizeUnit},textTransform:{type:"string",default:""}};generateBlocksInfo.hasCustomFields&&Object.assign(l,{fullWidthContent:{type:"string",source:"meta",meta:"_generate-full-width-content"}}),t.a=l},function(e,t,a){"use strict";var l=a(41),n=(a.n(l),a(42)),i=a(44),r=a(45),o=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/button-container",{title:__("Buttons","generateblocks"),description:__("Drive conversions with beautiful buttons.","generateblocks"),icon:Object(o.a)("button"),category:"generateblocks",keywords:[__("button"),__("buttons"),__("generate")],attributes:r.a,supports:{anchor:!1,className:!1,customClassName:!1},edit:n.a,save:i.a})},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(9),g=a(2),u=a(1),p=a(43),b=a(4),d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},f=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,m=wp.components,h=m.TextControl,w=m.Tooltip,k=m.Button,y=m.ToggleControl,v=m.Toolbar,C=wp.element,B=C.Fragment,S=C.Component,E=wp.blockEditor,T=E.InspectorControls,O=E.InnerBlocks,z=E.AlignmentToolbar,M=E.BlockControls,D=wp.blocks,_=D.createBlock,L=D.cloneBlock,R=wp.hooks.applyFilters,x=/[\s#]/g,P=[],U=[{icon:"editor-alignleft",title:__("Align Buttons Left","generateblocks"),align:"left"},{icon:"editor-aligncenter",title:__("Align Buttons Center","generateblocks"),align:"center"},{icon:"editor-alignright",title:__("Align Buttons Right","generateblocks"),align:"right"}],N=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={selectedDevice:"desktop"},e}return r(t,e),f(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?P.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),P.push(e)):P.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),P.push(e));var t=wp.data.select("core/block-editor").getBlocksByClientId(this.props.clientId)[0];if(t){0===t.innerBlocks.length&&wp.data.dispatch("core/block-editor").insertBlocks(_("generateblocks/button",generateBlocksStyling.button),void 0,this.props.clientId)}}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.attributes,i=a.setAttributes,r=a.clientId,o=this.state.selectedDevice,f=n.uniqueId,m=n.elementId,C=n.cssClasses,S=n.alignment,E=n.alignmentTablet,D=n.alignmentMobile,P=n.stack,N=n.stackTablet,A=n.stackMobile,F=n.fillHorizontalSpace,j=n.fillHorizontalSpaceTablet,H=n.fillHorizontalSpaceMobile;return wp.element.createElement(B,null,wp.element.createElement(M,null,wp.element.createElement(v,null,wp.element.createElement(w,{text:__("Add Button","generateblocks")},wp.element.createElement(k,{className:"gblocks-add-new-button",icon:"insert",onClick:function(){var e=wp.data.select("core/block-editor").getBlocksByClientId(r)[0];if(e){var t=e.innerBlocks,a=Object.keys(t),l=a[a.length-1];if("undefined"!==typeof t[l]){var n=t[l].clientId;if(n){var i=wp.data.select("core/block-editor").getBlocksByClientId(n)[0],o=L(i);wp.data.dispatch("core/block-editor").insertBlocks(o,void 0,r)}}else 0===t.length&&wp.data.dispatch("core/block-editor").insertBlocks(_("generateblocks/button",generateBlocksStyling.button),void 0,r)}}}))),wp.element.createElement(z,{isCollapsed:!1,value:S,alignmentControls:U,onChange:function(e){i({alignment:e})}})),wp.element.createElement(T,null,wp.element.createElement(g.a,d({},this.props,{selectedDevice:o,onClick:function(e){t.setState({selectedDevice:e})}})),wp.element.createElement(b.a,d({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!0,icon:Object(u.a)("spacing"),className:"gblocks-panel-label",id:"buttonContainerSpacing",state:this.state}),"desktop"===o&&wp.element.createElement(B,null,wp.element.createElement(z,{isCollapsed:!1,value:S,alignmentControls:U,onChange:function(e){i({alignment:e})}}),wp.element.createElement(s.a,d({},this.props,{device:o,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer})),wp.element.createElement(y,{label:__("Stack Vertically","generateblocks"),checked:!!P,onChange:function(e){i({stack:e})}}),wp.element.createElement(y,{label:__("Fill Horizontal Space","generateblocks"),checked:!!F,onChange:function(e){i({fillHorizontalSpace:e})}})),"tablet"===o&&wp.element.createElement(B,null,wp.element.createElement(z,{isCollapsed:!1,value:E,alignmentControls:U,onChange:function(e){i({alignmentTablet:e})}}),wp.element.createElement(s.a,d({},this.props,{device:o,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer})),wp.element.createElement(y,{label:__("Stack Vertically","generateblocks"),checked:!!N,onChange:function(e){i({stackTablet:e})}}),wp.element.createElement(y,{label:__("Fill Horizontal Space","generateblocks"),checked:!!j,onChange:function(e){i({fillHorizontalSpaceTablet:e})}})),"mobile"===o&&wp.element.createElement(B,null,wp.element.createElement(z,{isCollapsed:!1,value:D,alignmentControls:U,onChange:function(e){i({alignmentMobile:e})}}),wp.element.createElement(s.a,d({},this.props,{device:o,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer})),wp.element.createElement(y,{label:__("Stack Vertically","generateblocks"),checked:!!A,onChange:function(e){i({stackMobile:e})}}),wp.element.createElement(y,{label:__("Fill Horizontal Space","generateblocks"),checked:!!H,onChange:function(e){i({fillHorizontalSpaceMobile:e})}})),R("generateblocks.editor.controls","","buttonContainerSpacing",this.props,this.state)),wp.element.createElement(b.a,d({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(u.a)("advanced"),className:"gblocks-panel-label",id:"buttonContainerAdvanced",state:this.state,showPanel:"desktop"===o||!1}),wp.element.createElement(h,{label:__("Element ID","generateblocks"),value:m,onChange:function(e){var t=e.replace(x,"-");i({elementId:t})}}),wp.element.createElement(h,{label:__("CSS Classes","generateblocks"),value:C,onChange:function(e){i({cssClasses:e})}}),R("generateblocks.editor.controls","","buttonContainerAdvanced",this.props,this.state)),wp.element.createElement(b.a,d({},this.props,{title:__("Documentation","generateblocks"),icon:Object(u.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonContainerDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),R("generateblocks.editor.controls","","buttonContainerDocumentation",this.props,this.state))),wp.element.createElement(p.a,this.props),wp.element.createElement("div",{id:m||void 0,className:c()((e={"gb-button-wrapper":!0},l(e,"gb-button-wrapper-"+f,!0),l(e,""+C,""!==C),e))},wp.element.createElement(O,{allowedBlocks:["generateblocks/button"],renderAppender:function(){return wp.element.createElement(w,{text:__("Add Button","generateblocks")},wp.element.createElement(k,{className:"gblocks-add-new-button gblocks-button-container-appender",icon:"insert",onClick:function(){wp.data.dispatch("core/block-editor").insertBlocks(_("generateblocks/button",generateBlocksStyling.button),void 0,r)}}))}})))}}]),t}(S);t.a=N},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(3),o=a(10),c=a(14),s=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),g=wp.element.Component,u=wp.hooks.applyFilters,p=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),s(t,[{key:"render",value:function(){var e=this.props.attributes,t=e.uniqueId,a=e.alignment,l=e.marginTop,n=e.marginRight,i=e.marginBottom,s=e.marginLeft,g=e.marginUnit,p=e.stack,b=e.fillHorizontalSpace,d=[];return d[".gb-button-wrapper-"+t]=[{display:!!b&&"block",margin:Object(o.a)(l,n,i,s,g),"justify-content":Object(c.a)(a),"flex-direction":!!p&&"column","align-items":!!p&&Object(c.a)(a)}],d[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!p&&"column"}],b&&(d[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],d[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),p&&b&&(d[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),d=u("generateblocks.editor.desktopCSS",d,"button-container",this.props),wp.element.createElement("style",null,Object(r.a)(d))}}]),t}(g);t.a=p},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=wp.blockEditor.InnerBlocks;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,o=a.elementId,c=a.cssClasses;return wp.element.createElement("div",{id:o||void 0,className:i()((t={"gb-button-wrapper":!0},l(t,"gb-button-wrapper-"+n,!0),l(t,""+c,""!==c),t))},wp.element.createElement(r.Content,null))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},alignment:{type:"string",default:generateBlocksDefaults.buttonContainer.alignment},alignmentTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.alignment},alignmentMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.alignment},marginTop:{type:"string",default:generateBlocksDefaults.buttonContainer.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.buttonContainer.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.buttonContainer.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.buttonContainer.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.buttonContainer.marginUnit},marginTopTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginLeftMobile},stack:{type:"boolean",default:generateBlocksDefaults.buttonContainer.stack},stackTablet:{type:"boolean",default:generateBlocksDefaults.buttonContainer.stackTablet},stackMobile:{type:"boolean",default:generateBlocksDefaults.buttonContainer.stackMobile},fillHorizontalSpace:{type:"boolean",default:generateBlocksDefaults.buttonContainer.fillHorizontalSpace},fillHorizontalSpaceTablet:{type:"boolean",default:generateBlocksDefaults.buttonContainer.fillHorizontalSpaceTablet},fillHorizontalSpaceMobile:{type:"boolean",default:generateBlocksDefaults.buttonContainer.fillHorizontalSpaceMobile}}},function(e,t,a){"use strict";var l=a(47),n=(a.n(l),a(48)),i=(a.n(n),a(49)),r=a(56),o=a(57),c=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/button",{title:__("Button","generateblocks"),description:__("Drive conversions with beautiful buttons.","generateblocks"),parent:["generateblocks/button-container"],icon:Object(c.a)("button"),category:"generateblocks",keywords:[__("button"),__("buttons"),__("generate")],attributes:o.a,supports:{anchor:!1,className:!1,customClassName:!1,inserter:!1},edit:i.a,save:r.a})},function(e,t){},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(7),g=a(15),u=a(53),p=a(9),b=a(11),d=a(13),f=a(2),m=a(4),h=a(1),w=a(55),k=a(5),y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},v=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),C=wp.i18n,__=C.__,_x=C._x,B=C.sprintf,S=wp.components,E=S.TabPanel,T=S.TextControl,O=S.Toolbar,z=S.Tooltip,M=S.Button,D=S.ButtonGroup,_=wp.element,L=_.Fragment,R=_.Component,x=wp.blockEditor,P=x.InspectorControls,U=x.RichText,N=x.BlockControls,A=wp.blocks.cloneBlock,F=wp.hooks.applyFilters,j=/[\s#]/g,H=[],I=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.getFontSizePlaceholder=e.getFontSizePlaceholder.bind(e),e.state={selectedDevice:"desktop",fontSizePlaceholder:"17"},e}return r(t,e),v(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?H.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),H.push(e)):H.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),H.push(e));var t=this.getFontSizePlaceholder();t!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:t}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0})}},{key:"componentDidUpdate",value:function(){var e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}},{key:"getFontSizePlaceholder",value:function(){var e="17",t=document.querySelector(".gb-button-"+this.props.attributes.uniqueId);return t&&(e=parseFloat(window.getComputedStyle(t).fontSize)),e}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.attributes,i=a.setAttributes,r=a.isSelected,o=a.clientId,v=this.state,C=v.selectedDevice,S=v.fontSizePlaceholder,_=n.uniqueId,R=n.elementId,x=n.cssClasses,H=n.text,I=n.url,V=n.target,G=n.relNoFollow,q=n.relSponsored,W=n.icon,Z=n.iconLocation,K=n.removeText,J=n.ariaLabel,Y=n.backgroundColor,Q=n.backgroundColorOpacity,X=n.textColor,$=n.backgroundColorHover,ee=n.backgroundColorHoverOpacity,te=n.textColorHover,ae=n.fontFamily,le=n.googleFont,ne=n.googleFontVariants,ie=n.borderColor,re=n.borderColorOpacity,oe=n.borderColorHover,ce=n.borderColorHoverOpacity,se=n.iconSize,ge=n.iconSizeTablet,ue=n.iconSizeMobile,pe=n.iconSizeUnit;jQuery(".gb-button").on("click",function(e){e.preventDefault()});var be=[];G&&be.push("nofollow"),V&&be.push("noopener","noreferrer"),q&&be.push("sponsored");var de="";ne&&(de=":"+ne);var fe=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"}];return wp.element.createElement(L,null,wp.element.createElement(N,null,wp.element.createElement(O,null,wp.element.createElement(z,{text:__("Add Button","generateblocks")},wp.element.createElement(M,{className:"gblocks-add-new-button",icon:"insert",onClick:function(){var e=!1;e="function"===typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(o,"generateblocks/button-container",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(o);var t=wp.data.select("core/block-editor").getBlocksByClientId(o)[0],a=A(t);wp.data.dispatch("core/block-editor").insertBlocks(a,void 0,e)}})))),wp.element.createElement(P,null,wp.element.createElement(f.a,y({},this.props,{selectedDevice:C,onClick:function(e){t.setState({selectedDevice:e})}})),wp.element.createElement(m.a,y({},this.props,{title:__("Typography","generateblocks"),initialOpen:!1,icon:Object(h.a)("typography"),className:"gblocks-panel-label",id:"buttonTypography",state:this.state,showPanel:!K||!1}),"desktop"===C&&wp.element.createElement(L,null,wp.element.createElement(b.a,y({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLetterSpacing:!0,fontSizePlaceholder:S,defaultFontSize:generateBlocksDefaults.button.fontSize,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacing}))),"tablet"===C&&wp.element.createElement(L,null,wp.element.createElement(b.a,y({},this.props,{device:"Tablet",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingTablet}))),"mobile"===C&&wp.element.createElement(L,null,wp.element.createElement(b.a,y({},this.props,{device:"Mobile",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingMobile}))),F("generateblocks.editor.controls","","buttonTypography",this.props,this.state)),wp.element.createElement(m.a,y({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!1,icon:Object(h.a)("spacing"),className:"gblocks-panel-label",id:"buttonSpacing",state:this.state}),"desktop"===C&&wp.element.createElement(L,null,wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.button}))),"tablet"===C&&wp.element.createElement(L,null,wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.button}))),"mobile"===C&&wp.element.createElement(L,null,wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.button}))),F("generateblocks.editor.controls","","buttonSpacing",this.props,this.state)),wp.element.createElement(m.a,y({},this.props,{title:__("Colors","generateblocks"),initialOpen:!1,icon:Object(h.a)("colors"),className:"gblocks-panel-label",id:"buttonColors",state:this.state,showPanel:"desktop"===C||!1}),wp.element.createElement(E,{className:"layout-tab-panel gblocks-control-tabs",activeClass:"active-tab",tabs:[{name:"button-colors",title:__("Normal","generateblocks"),className:"button-colors"},{name:"button-colors-hover",title:__("Hover","generateblocks"),className:"button-colors-hover"}]},function(e){var a="button-colors"===e.name;return wp.element.createElement("div",null,a?wp.element.createElement(L,null,wp.element.createElement(s.a,{label:__("Background Color","generateblocks"),value:Y,alpha:!0,valueOpacity:Q,attrOpacity:"backgroundColorOpacity",key:"buttonBackgroundColor",onChange:function(e){return i({backgroundColor:e})},onOpacityChange:function(e){return i({backgroundColorOpacity:e})}}),wp.element.createElement(s.a,{label:__("Text Color","generateblocks"),value:X,alpha:!1,key:"buttonTextColor",onChange:function(e){return i({textColor:e})}}),wp.element.createElement(s.a,{label:__("Border Color","generateblocks"),value:ie,alpha:!0,valueOpacity:re,attrOpacity:"borderColorOpacity",key:"buttonBorderColor",onChange:function(e){return i({borderColor:e})},onOpacityChange:function(e){return i({borderColorOpacity:e})}}),F("generateblocks.editor.controls","","buttonColorsNormal",t.props,t.state)):wp.element.createElement(L,null,wp.element.createElement(s.a,{label:__("Background Color","generateblocks"),value:$,alpha:!0,valueOpacity:ee,attrOpacity:"backgroundColorHoverOpacity",key:"buttonBackgroundColorHover",onChange:function(e){return i({backgroundColorHover:e})},onOpacityChange:function(e){return i({backgroundColorHoverOpacity:e})}}),wp.element.createElement(s.a,{label:__("Text Color","generateblocks"),value:te,alpha:!1,key:"buttonTextColorHover",onChange:function(e){return i({textColorHover:e})}}),wp.element.createElement(s.a,{label:__("Border Color","generateblocks"),value:oe,alpha:!0,valueOpacity:ce,attrOpacity:"borderColorHoverOpacity",key:"buttonBorderColorHover",onChange:function(e){return i({borderColorHover:e})},onOpacityChange:function(e){return i({borderColorHoverOpacity:e})}}),F("generateblocks.editor.controls","","buttonColorsNormal",t.props,t.state)))}),F("generateblocks.editor.controls","","buttonColors",this.props,this.state)),wp.element.createElement(m.a,y({},this.props,{title:__("Background Gradient"),initialOpen:!1,icon:Object(h.a)("gradients"),className:"gblocks-panel-label",id:"buttonBackgroundGradient",state:this.state,showPanel:"desktop"===C||!1}),wp.element.createElement(d.a,y({},this.props,{attrGradient:"gradient",attrGradientDirection:"gradientDirection",attrGradientColorOne:"gradientColorOne",attrGradientColorOneOpacity:"gradientColorOneOpacity",attrGradientColorStopOne:"gradientColorStopOne",attrGradientColorTwo:"gradientColorTwo",attrGradientColorTwoOpacity:"gradientColorTwoOpacity",attrGradientColorStopTwo:"gradientColorStopTwo",defaultColorOne:generateBlocksDefaults.button.gradientColorOne,defaultColorTwo:generateBlocksDefaults.button.gradientColorTwo})),F("generateblocks.editor.controls","","buttonBackgroundGradient",this.props,this.state)),wp.element.createElement(m.a,y({},this.props,{title:__("Icon","generateblocks"),initialOpen:!1,icon:Object(h.a)("icons"),className:"gblocks-panel-label",id:"buttonIcon",state:this.state,showPanel:!("desktop"!==C&&!W)}),"desktop"===C&&wp.element.createElement(g.a,y({},this.props,{attrIcon:"icon",attrIconLocation:"iconLocation",attrRemoveText:"removeText",attrAriaLabel:"ariaLabel",locationOptions:[{label:__("Left","generateblocks"),value:"left"},{label:__("Right","generateblocks"),value:"right"}]})),"desktop"===C&&!!W&&wp.element.createElement(L,null,!K&&wp.element.createElement(L,null,wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(D,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},fe.map(function(e){return wp.element.createElement(z,{text:B(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(M,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:pe===e.unitValue,"aria-pressed":pe===e.unitValue,"aria-label":B(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(T,{type:"number",value:se||"",step:"em"===pe?.1:1,onChange:function(e){i({iconSize:e})},onBlur:function(){i({iconSize:parseFloat(se)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(M,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSize:generateBlocksDefaults.button.iconSize})}},__("Reset","generateblocks")))),"tablet"===C&&!!W&&wp.element.createElement(L,null,!K&&wp.element.createElement(L,null,wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(D,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},fe.map(function(e){return wp.element.createElement(z,{text:B(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(M,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:pe===e.unitValue,"aria-pressed":pe===e.unitValue,"aria-label":B(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(T,{type:"number",value:ge||"",step:"em"===pe?.1:1,placeholder:"1",onChange:function(e){i({iconSizeTablet:e})},onBlur:function(){i({iconSizeTablet:parseFloat(ge)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(M,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSizeTablet:generateBlocksDefaults.button.iconSizeTablet})}},__("Reset","generateblocks")))),"mobile"===C&&!!W&&wp.element.createElement(L,null,!K&&wp.element.createElement(L,null,wp.element.createElement(p.a,y({},this.props,{device:C,type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(D,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},fe.map(function(e){return wp.element.createElement(z,{text:B(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(M,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:pe===e.unitValue,"aria-pressed":pe===e.unitValue,"aria-label":B(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(T,{type:"number",value:ue||"",step:"em"===pe?.1:1,placeholder:"1",onChange:function(e){i({iconSizeMobile:e})},onBlur:function(){i({iconSizeMobile:parseFloat(ue)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(M,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSizeMobile:generateBlocksDefaults.button.iconSizeMobile})}},__("Reset","generateblocks")))),F("generateblocks.editor.controls","","buttonIcon",this.props,this.state)),wp.element.createElement(m.a,y({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(h.a)("advanced"),className:"gblocks-panel-label",id:"buttonAdvanced",state:this.state,showPanel:"desktop"===C||!1}),wp.element.createElement(T,{label:__("Element ID","generateblocks"),value:R,onChange:function(e){var t=e.replace(j,"-");i({elementId:t})}}),wp.element.createElement(T,{label:__("CSS Classes","generateblocks"),value:x,onChange:function(e){i({cssClasses:e})}}),F("generateblocks.editor.controls","","buttonAdvanced",this.props,this.state)),wp.element.createElement(m.a,y({},this.props,{title:__("Documentation","generateblocks"),icon:Object(h.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),F("generateblocks.editor.controls","","buttonDocumentation",this.props,this.state))),wp.element.createElement(w.a,this.props),ae&&le&&wp.element.createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+ae.replace(/ /g,"+")+de}),wp.element.createElement("a",{id:R||void 0,className:c()((e={"gb-button":!0},l(e,"gb-button-"+_,!0),l(e,""+x,""!==x),e)),href:I||void 0,target:V?"_blank":void 0,rel:be&&be.length>0?be.join(" "):void 0,"aria-label":K&&J?J:void 0},W&&"left"===Z&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(k.a)(W)}}),!K&&wp.element.createElement("span",{className:"button-text"},wp.element.createElement(U,{placeholder:__("Add text\u2026","generateblocks"),value:H,onChange:function(e){return i({text:e})},allowedFormats:["core/bold","core/italic","core/strikethrough"],isSelected:r,keepPlaceholderOnFocus:!0})),W&&"right"===Z&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(k.a)(W)}})),r&&wp.element.createElement(u.a,{url:I,target:V,relNoFollow:G,relSponsored:q,onChange:function(e){i(e)},autoFocus:!1,className:"gblocks-component-url-input-float"}))}}]),t}(R);t.a=I},function(e,t){},function(e,t,a){"use strict";var _x=wp.i18n._x,l={facebook:{label:_x("Facebook","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"}))},facebookCircle:{label:_x("Facebook - Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"}))},facebookSquare:{label:_x("Facebook - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"}))},instagram:{label:_x("Instagram","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"}))},linkedin:{label:_x("LinkedIn","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"}))},linkedinSquare:{label:_x("LinkedIn - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"}))},pinterest:{label:_x("Pinterest","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"}))},pinterestCircle:{label:_x("Pinterest - Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"}))},pinterestSquare:{label:_x("Pinterest - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"}))},reddit:{label:_x("Reddit","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z"}))},redditCircle:{label:_x("Reddit - Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"}))},redditSquare:{label:_x("Reddit - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z"}))},snapchat:{label:_x("Snapchat","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M510.846 392.673c-5.211 12.157-27.239 21.089-67.36 27.318-2.064 2.786-3.775 14.686-6.507 23.956-1.625 5.566-5.623 8.869-12.128 8.869l-.297-.005c-9.395 0-19.203-4.323-38.852-4.323-26.521 0-35.662 6.043-56.254 20.588-21.832 15.438-42.771 28.764-74.027 27.399-31.646 2.334-58.025-16.908-72.871-27.404-20.714-14.643-29.828-20.582-56.241-20.582-18.864 0-30.736 4.72-38.852 4.72-8.073 0-11.213-4.922-12.422-9.04-2.703-9.189-4.404-21.263-6.523-24.13-20.679-3.209-67.31-11.344-68.498-32.15a10.627 10.627 0 0 1 8.877-11.069c69.583-11.455 100.924-82.901 102.227-85.934.074-.176.155-.344.237-.515 3.713-7.537 4.544-13.849 2.463-18.753-5.05-11.896-26.872-16.164-36.053-19.796-23.715-9.366-27.015-20.128-25.612-27.504 2.437-12.836 21.725-20.735 33.002-15.453 8.919 4.181 16.843 6.297 23.547 6.297 5.022 0 8.212-1.204 9.96-2.171-2.043-35.936-7.101-87.29 5.687-115.969C158.122 21.304 229.705 15.42 250.826 15.42c.944 0 9.141-.089 10.11-.089 52.148 0 102.254 26.78 126.723 81.643 12.777 28.65 7.749 79.792 5.695 116.009 1.582.872 4.357 1.942 8.599 2.139 6.397-.286 13.815-2.389 22.069-6.257 6.085-2.846 14.406-2.461 20.48.058l.029.01c9.476 3.385 15.439 10.215 15.589 17.87.184 9.747-8.522 18.165-25.878 25.018-2.118.835-4.694 1.655-7.434 2.525-9.797 3.106-24.6 7.805-28.616 17.271-2.079 4.904-1.256 11.211 2.46 18.748.087.168.166.342.239.515 1.301 3.03 32.615 74.46 102.23 85.934 6.427 1.058 11.163 7.877 7.725 15.859z"}))},soundcloud:{label:_x("Soundcloud","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"}))},twitch:{label:_x("Twitch","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M40.1 32L10 108.9v314.3h107V480h60.2l56.8-56.8h87l117-117V32H40.1zm357.8 254.1L331 353H224l-56.8 56.8V353H76.9V72.1h321v214zM331 149v116.9h-40.1V149H331zm-107 0v116.9h-40.1V149H224z"}))},twitter:{label:_x("Twitter","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"}))},twitterSquare:{label:_x("Twitter - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"}))},vimeo:{label:_x("Vimeo","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z"}))},vimeoSquare:{label:_x("Vimeo - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M403.2 32H44.8C20.1 32 0 52.1 0 76.8v358.4C0 459.9 20.1 480 44.8 480h358.4c24.7 0 44.8-20.1 44.8-44.8V76.8c0-24.7-20.1-44.8-44.8-44.8zM377 180.8c-1.4 31.5-23.4 74.7-66 129.4-44 57.2-81.3 85.8-111.7 85.8-18.9 0-34.8-17.4-47.9-52.3-25.5-93.3-36.4-148-57.4-148-2.4 0-10.9 5.1-25.4 15.2l-15.2-19.6c37.3-32.8 72.9-69.2 95.2-71.2 25.2-2.4 40.7 14.8 46.5 51.7 20.7 131.2 29.9 151 67.6 91.6 13.5-21.4 20.8-37.7 21.8-48.9 3.5-33.2-25.9-30.9-45.8-22.4 15.9-52.1 46.3-77.4 91.2-76 33.3.9 49 22.5 47.1 64.7z"}))},whatsapp:{label:_x("WhatsApp","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"}))},whatsappSquare:{label:_x("WhatsApp - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"}))},youtube:{label:_x("YouTube","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"}))}};t.a=l},function(e,t,a){"use strict";var _x=wp.i18n._x,l={clock:{label:_x("Clock","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm92.49 313l-20 25a16 16 0 01-22.49 2.5l-67-49.72a40 40 0 01-15-31.23V112a16 16 0 0116-16h32a16 16 0 0116 16v144l58 42.5a16 16 0 012.49 22.5z"}))},clockAlt:{label:_x("Clock Outline","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"}))},asterisk:{label:_x("Asterisk","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z"}))},at:{label:_x("At","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z"}))},award:{label:_x("Award","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z"}))},ban:{label:_x("Ban","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"}))},bars:{label:_x("Bars","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"}))},beer:{label:_x("Beer","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M368 96h-48V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56v400c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-42.11l80.606-35.977C429.396 365.063 448 336.388 448 304.86V176c0-44.112-35.888-80-80-80zm16 208.86a16.018 16.018 0 0 1-9.479 14.611L320 343.805V160h48c8.822 0 16 7.178 16 16v128.86zM208 384c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16zm-96 0c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16z"}))},bolt:{label:_x("Bolt","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"}))},book:{label:_x("Book","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"}))},boxOpen:{label:_x("Box - Open","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M425.7 256c-16.9 0-32.8-9-41.4-23.4L320 126l-64.2 106.6c-8.7 14.5-24.6 23.5-41.5 23.5-4.5 0-9-.6-13.3-1.9L64 215v178c0 14.7 10 27.5 24.2 31l216.2 54.1c10.2 2.5 20.9 2.5 31 0L551.8 424c14.2-3.6 24.2-16.4 24.2-31V215l-137 39.1c-4.3 1.3-8.8 1.9-13.3 1.9zm212.6-112.2L586.8 41c-3.1-6.2-9.8-9.8-16.7-8.9L320 64l91.7 152.1c3.8 6.3 11.4 9.3 18.5 7.3l197.9-56.5c9.9-2.9 14.7-13.9 10.2-23.1zM53.2 41L1.7 143.8c-4.6 9.2.3 20.2 10.1 23l197.9 56.5c7.1 2 14.7-1 18.5-7.3L320 64 69.8 32.1c-6.9-.8-13.5 2.7-16.6 8.9z"}))},bullhorn:{label:_x("Bullhorn","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"}))},bullseye:{label:_x("Bullseye","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm0 432c-101.69 0-184-82.29-184-184 0-101.69 82.29-184 184-184 101.69 0 184 82.29 184 184 0 101.69-82.29 184-184 184zm0-312c-70.69 0-128 57.31-128 128s57.31 128 128 128 128-57.31 128-128-57.31-128-128-128zm0 192c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z"}))},burn:{label:_x("Burn","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M192 0C79.7 101.3 0 220.9 0 300.5 0 425 79 512 192 512s192-87 192-211.5c0-79.9-80.2-199.6-192-300.5zm0 448c-56.5 0-96-39-96-94.8 0-13.5 4.6-61.5 96-161.2 91.4 99.7 96 147.7 96 161.2 0 55.8-39.5 94.8-96 94.8z"}))},calendarAlt:{label:_x("Calender","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"}))},check:{label:_x("Check","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))},checkCircle:{label:_x("Check - Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"}))},checkCircleOutline:{label:_x("Check - Circle Outline","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"}))},checkSquare:{label:_x("Check - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z"}))},checkSquareOutline:{label:_x("Check - Square Outline","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z"}))},chevronDown:{label:_x("Chevron - Down","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"}))},chevronLeft:{label:_x("Chevron - Left","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"}))},chevronRight:{label:_x("Chevron - Right","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"}))},chevronUp:{label:_x("Chevron - Up","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"}))},circle:{label:_x("Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"}))},circleOutline:{label:_x("Circle - Outline","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"}))},coffee:{label:_x("Coffee","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z"}))},dotCircle:{label:_x("Dot - Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"}))},dotCircleOutline:{label:_x("Dot - Circle Outline","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"}))},ellipsesH:{label:_x("Ellipses - Horizontal","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"}))},ellipsesV:{label:_x("Ellipses - Vertical","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 192 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"}))},envelope:{label:_x("Envelope","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"}))},fireAlt:{label:_x("Fire","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z"}))},heart:{label:_x("Heart","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"}))},mapMarkerAlt:{label:_x("Map Marker","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"}))},paperPlane:{label:_x("Paper Plane","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"}))},phone:{label:_x("Phone","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"}))},plus:{label:_x("Plus","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"}))},plusCircle:{label:_x("Plus - Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"}))},plusSquare:{label:_x("Plus - Square","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-32 252c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92H92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"}))},plusSquareOutline:{label:_x("Plus - Square Outline","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M352 240v32c0 6.6-5.4 12-12 12h-88v88c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-88h-88c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h88v-88c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v88h88c6.6 0 12 5.4 12 12zm96-160v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"}))},shield:{label:_x("Shield","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z"}))},star:{label:_x("Star","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"}))},tags:{label:_x("Tags","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"}))},userCircle:{label:_x("User - Circle","label"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"}))}};t.a=l},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(0),o=a.n(r),c=a(54),s=(a.n(c),function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}()),__=wp.i18n.__,g=wp.element.Component,u=wp.components,p=u.Button,b=u.ToggleControl,d=wp.blockEditor.URLInput,f=function(e){function t(){l(this,t);var e=n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={moreOptions:!1},e.onChange=e.onChange.bind(e),e}return i(t,e),s(t,[{key:"onChange",value:function(e){var t=this.props,a=t.url,l=t.target,n=t.relNoFollow,i=t.relSponsored;this.props.onChange(Object.assign({url:a,target:l,relNoFollow:n,relSponsored:i},e))}},{key:"render",value:function(){var e=this,t=this.props,a=t.url,l=t.target,n=t.relNoFollow,i=t.relSponsored,r=t.className,c=t.autoFocus,s=this.onChange,g=this.state.moreOptions;return wp.element.createElement("form",{className:o()("gblocks-component-url-input",r),onSubmit:function(e){return e.preventDefault()}},wp.element.createElement("div",{className:"gblocks-component-url-input-flex"},wp.element.createElement(d,{value:a,onChange:function(e){s({url:e})},autoFocus:c}),wp.element.createElement(p,{icon:"ellipsis",label:g?__("Hide More Options","generateblocks"):__("Show More Options","generateblocks"),onClick:function(){e.setState({moreOptions:!g})}})),g&&wp.element.createElement("div",{className:"gblocks-component-url-input-more-options"},wp.element.createElement(b,{label:__("Open link in a new tab","generateblocks"),checked:l||"",onChange:function(e){s({target:e})}}),wp.element.createElement(b,{label:__('Add rel="nofollow"',"generateblocks"),checked:n||"",onChange:function(e){s({relNoFollow:e})}}),wp.element.createElement(b,{label:__('Add rel="sponsored"',"generateblocks"),checked:i||"",onChange:function(e){s({relSponsored:e})}})))}}]),t}(g);t.a=f},function(e,t){},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(3),o=a(6),c=a(10),s=a(8),g=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),u=wp.element.Component,p=wp.hooks.applyFilters,b=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),g(t,[{key:"render",value:function(){var e=this.props.attributes,t=e.uniqueId,a=e.removeText,l=e.backgroundColor,n=e.backgroundColorOpacity,i=e.textColor,g=e.backgroundColorHover,u=e.backgroundColorHoverOpacity,b=e.textColorHover,d=e.fontFamily,f=e.fontFamilyFallback,m=e.fontWeight,h=e.textTransform,w=e.letterSpacing,k=e.fontSize,y=e.fontSizeUnit,v=e.marginTop,C=e.marginRight,B=e.marginBottom,S=e.marginLeft,E=e.marginUnit,T=e.paddingTop,O=e.paddingRight,z=e.paddingBottom,M=e.paddingLeft,D=e.paddingUnit,_=e.borderSizeTop,L=e.borderSizeRight,R=e.borderSizeBottom,x=e.borderSizeLeft,P=e.borderRadiusTopRight,U=e.borderRadiusBottomRight,N=e.borderRadiusBottomLeft,A=e.borderRadiusTopLeft,F=e.borderRadiusUnit,j=e.borderColor,H=e.borderColorOpacity,I=e.borderColorHover,V=e.borderColorHoverOpacity,G=e.gradient,q=e.gradientDirection,W=e.gradientColorOne,Z=e.gradientColorOneOpacity,K=e.gradientColorStopOne,J=e.gradientColorTwo,Y=e.gradientColorTwoOpacity,Q=e.gradientColorStopTwo,X=e.iconPaddingTop,$=e.iconPaddingRight,ee=e.iconPaddingBottom,te=e.iconPaddingLeft,ae=e.iconPaddingUnit,le=e.iconSize,ne=e.iconSizeUnit,ie="",re=void 0,oe="",ce="";G&&(W&&""!==K&&(oe=" "+K+"%"),J&&""!==Q&&(ce=" "+Q+"%")),G&&(re="linear-gradient("+q+"deg, "+Object(s.a)(W,Z)+oe+", "+Object(s.a)(J,Y)+ce+");"),d&&f&&(ie=", "+f);var se=[];return se[".block-editor-block-list__block a.gb-button-"+t]=[{"background-color":Object(s.a)(l,n),"background-image":re,color:i,padding:Object(c.a)(T,O,z,M,D),"border-radius":Object(c.a)(A,P,U,N,F),"font-family":d+ie,"font-weight":m,"text-transform":h,"font-size":Object(o.a)(k,y),"letter-spacing":Object(o.a)(w,"em"),margin:Object(c.a)(v,C,B,S,E)}],(_||L||R||x)&&se[".block-editor-block-list__block a.gb-button-"+t].push({"border-width":Object(c.a)(_,L,R,x,"px"),"border-style":"solid","border-color":Object(s.a)(j,H)}),se[".block-editor-block-list__block a.gb-button-"+t+":hover,\n\t\t.block-editor-block-list__block a.gb-button-"+t+":focus,\n\t\t.block-editor-block-list__block a.gb-button-"+t+":active"]=[{"background-color":Object(s.a)(g,u),color:b,"border-color":Object(s.a)(I,V)}],se[".block-editor-block-list__block a.gb-button-"+t+" .gb-icon"]=[{padding:!a&&Object(c.a)(X,$,ee,te,ae),"font-size":Object(o.a)(le,ne)}],se=p("generateblocks.editor.desktopCSS",se,"button",this.props),wp.element.createElement("style",null,Object(r.a)(se))}}]),t}(u);t.a=b},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=a(5),o=wp.blockEditor.RichText;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,c=a.elementId,s=a.cssClasses,g=a.text,u=a.url,p=a.target,b=a.relNoFollow,d=a.relSponsored,f=a.icon,m=a.iconLocation,h=a.removeText,w=a.ariaLabel,k=[];return b&&k.push("nofollow"),p&&k.push("noopener","noreferrer"),d&&k.push("sponsored"),wp.element.createElement("a",{id:c||void 0,className:i()((t={"gb-button":!0},l(t,"gb-button-"+n,!0),l(t,""+s,""!==s),t)),href:u||void 0,target:p?"_blank":void 0,rel:k&&k.length>0?k.join(" "):void 0,"aria-label":h&&w?w:void 0},f&&"left"===m&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(r.a)(f)}}),!h&&wp.element.createElement(o.Content,{tagName:"span",className:"button-text",value:g,key:"button-text"}),f&&"right"===m&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(r.a)(f)}}))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},url:{type:"string",source:"attribute",selector:"a.gb-button",attribute:"href"},target:{type:"boolean"},relNoFollow:{type:"boolean"},relSponsored:{type:"boolean"},text:{type:"array",source:"children",selector:".gb-button .button-text",default:"Button"},icon:{type:"string",source:"html",selector:".gb-icon"},hasIcon:{type:"boolean",default:!1},iconLocation:{type:"string",default:generateBlocksDefaults.button.iconLocation},customIcon:{type:"boolean",default:!1},removeText:{type:"boolean",default:generateBlocksDefaults.button.removeText},ariaLabel:{type:"string",default:generateBlocksDefaults.button.ariaLabel},backgroundColor:{type:"string",default:generateBlocksDefaults.button.backgroundColor},backgroundColorOpacity:{type:"number",default:generateBlocksDefaults.button.backgroundColorOpacity},textColor:{type:"string",default:generateBlocksDefaults.button.textColor},backgroundColorHover:{type:"string",default:generateBlocksDefaults.button.backgroundColorHover},backgroundColorHoverOpacity:{type:"number",default:generateBlocksDefaults.button.backgroundColorHoverOpacity},textColorHover:{type:"string",default:generateBlocksDefaults.button.textColorHover},borderColor:{type:"string",default:generateBlocksDefaults.button.borderColor},borderColorOpacity:{type:"number",default:generateBlocksDefaults.button.borderColorOpacity},borderColorHover:{type:"string",default:generateBlocksDefaults.button.borderColorHover},borderColorHoverOpacity:{type:"number",default:generateBlocksDefaults.button.borderColorHoverOpacity},showAdvancedTypography:{type:"boolean",default:generateBlocksDefaults.button.showAdvancedTypography},fontFamily:{type:"string",default:generateBlocksDefaults.button.fontFamily},fontFamilyFallback:{type:"string",default:generateBlocksDefaults.button.fontFamilyFallback},googleFont:{type:"boolean",default:generateBlocksDefaults.button.googleFont},googleFontVariants:{type:"string",default:generateBlocksDefaults.button.googleFontVariants},fontWeight:{type:"string",default:generateBlocksDefaults.button.fontWeight},fontSize:{type:"number",default:generateBlocksDefaults.button.fontSize},fontSizeTablet:{type:"number",default:generateBlocksDefaults.button.fontSizeTablet},fontSizeMobile:{type:"number",default:generateBlocksDefaults.button.fontSizeMobile},fontSizeUnit:{type:"string",default:generateBlocksDefaults.button.fontSizeUnit},textTransform:{type:"string",default:generateBlocksDefaults.button.textTransform},letterSpacing:{type:"number",default:generateBlocksDefaults.button.letterSpacing},letterSpacingTablet:{type:"number",default:generateBlocksDefaults.button.letterSpacingTablet},letterSpacingMobile:{type:"number",default:generateBlocksDefaults.button.letterSpacingMobile},marginTop:{type:"string",default:generateBlocksDefaults.button.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.button.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.button.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.button.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.button.marginUnit},marginTopTablet:{type:"string",default:generateBlocksDefaults.button.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.button.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.button.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.button.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.button.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.button.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.button.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.button.marginLeftMobile},paddingTop:{type:"string",default:generateBlocksDefaults.button.paddingTop},paddingRight:{type:"string",default:generateBlocksDefaults.button.paddingRight},paddingBottom:{type:"string",default:generateBlocksDefaults.button.paddingBottom},paddingLeft:{type:"string",default:generateBlocksDefaults.button.paddingLeft},paddingUnit:{type:"string",default:generateBlocksDefaults.button.paddingUnit},paddingTopTablet:{type:"string",default:generateBlocksDefaults.button.paddingTopTablet},paddingRightTablet:{type:"string",default:generateBlocksDefaults.button.paddingRightTablet},paddingBottomTablet:{type:"string",default:generateBlocksDefaults.button.paddingBottomTablet},paddingLeftTablet:{type:"string",default:generateBlocksDefaults.button.paddingLeftTablet},paddingTopMobile:{type:"string",default:generateBlocksDefaults.button.paddingTopMobile},paddingRightMobile:{type:"string",default:generateBlocksDefaults.button.paddingRightMobile},paddingBottomMobile:{type:"string",default:generateBlocksDefaults.button.paddingBottomMobile},paddingLeftMobile:{type:"string",default:generateBlocksDefaults.button.paddingLeftMobile},borderSizeTop:{type:"string",default:generateBlocksDefaults.button.borderSizeTop},borderSizeRight:{type:"string",default:generateBlocksDefaults.button.borderSizeRight},borderSizeBottom:{type:"string",default:generateBlocksDefaults.button.borderSizeBottom},borderSizeLeft:{type:"string",default:generateBlocksDefaults.button.borderSizeLeft},borderSizeTopTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeTopTablet},borderSizeRightTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeRightTablet},borderSizeBottomTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeBottomTablet},borderSizeLeftTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeLeftTablet},borderSizeTopMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeTopMobile},borderSizeRightMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeRightMobile},borderSizeBottomMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeBottomMobile},borderSizeLeftMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeLeftMobile},borderRadiusTopRight:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopRight},borderRadiusBottomRight:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomRight},borderRadiusBottomLeft:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomLeft},borderRadiusTopLeft:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopLeft},borderRadiusUnit:{type:"string",default:generateBlocksDefaults.button.borderRadiusUnit},borderRadiusTopRightTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopRightTablet},borderRadiusBottomRightTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomRightTablet},borderRadiusBottomLeftTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomLeftTablet},borderRadiusTopLeftTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopLeftTablet},borderRadiusTopRightMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopRightMobile},borderRadiusBottomRightMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomRightMobile},borderRadiusBottomLeftMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomLeftMobile},borderRadiusTopLeftMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopLeftMobile},gradient:{type:"boolean",default:generateBlocksDefaults.button.gradient},gradientDirection:{type:"number",default:generateBlocksDefaults.button.gradientDirection},gradientColorOne:{type:"string",default:generateBlocksDefaults.button.gradientColorOne},gradientColorOneOpacity:{type:"number",default:generateBlocksDefaults.button.gradientColorOneOpacity},gradientColorStopOne:{type:"number",default:generateBlocksDefaults.button.gradientColorStopOne},gradientColorTwo:{type:"string",default:generateBlocksDefaults.button.gradientColorTwo},gradientColorTwoOpacity:{type:"number",default:generateBlocksDefaults.button.gradientColorTwoOpacity},gradientColorStopTwo:{type:"number",default:generateBlocksDefaults.button.gradientColorStopTwo},iconPaddingTop:{type:"string",default:generateBlocksDefaults.button.iconPaddingTop},iconPaddingRight:{type:"string",default:generateBlocksDefaults.button.iconPaddingRight},iconPaddingBottom:{type:"string",default:generateBlocksDefaults.button.iconPaddingBottom},iconPaddingLeft:{type:"string",default:generateBlocksDefaults.button.iconPaddingLeft},iconPaddingTopTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingTopTablet},iconPaddingRightTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingRightTablet},iconPaddingBottomTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingBottomTablet},iconPaddingLeftTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingLeftTablet},iconPaddingTopMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingTopMobile},iconPaddingRightMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingRightMobile},iconPaddingBottomMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingBottomMobile},iconPaddingLeftMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingLeftMobile},iconPaddingUnit:{type:"string",default:generateBlocksDefaults.button.iconPaddingUnit},iconPaddingSyncUnits:{type:"boolean",default:!1},iconSize:{type:"number",default:generateBlocksDefaults.button.iconSize},iconSizeTablet:{type:"number",default:generateBlocksDefaults.button.iconSizeTablet},iconSizeMobile:{type:"number",default:generateBlocksDefaults.button.iconSizeMobile},iconSizeUnit:{type:"string",default:generateBlocksDefaults.button.iconSizeUnit}}},function(e,t,a){"use strict";var l=a(59),n=(a.n(l),a(60)),i=a(16),r=a(17),o=a(63),c=a(64),s=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/headline",{title:__("Headline","generateblocks"),description:__("Craft text-rich content with advanced typography.","generateblocks"),icon:Object(s.a)("headline"),category:"generateblocks",keywords:[__("heading"),__("headline"),__("title"),__("generate")],attributes:r.a,supports:{anchor:!1,className:!1,customClassName:!1},edit:n.a,save:i.a,transforms:o.a,deprecated:c.a})},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(7),g=a(15),u=a(11),p=a(9),b=a(2),d=a(1),f=a(5),m=a(61),h=a(4),w=a(62),k=(a.n(w),Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}),y=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),v=wp.i18n,__=v.__,_x=v._x,C=v.sprintf,B=wp.components,S=B.TextControl,E=B.Toolbar,T=B.SelectControl,O=B.DropdownMenu,z=B.ToggleControl,M=B.Tooltip,D=B.Button,_=B.ButtonGroup,L=wp.element,R=L.Fragment,x=L.Component,P=wp.blockEditor,U=P.InspectorControls,N=P.RichText,A=P.BlockControls,F=P.AlignmentToolbar,j=wp.hooks.applyFilters,H=/[\s#]/g,I=[],V=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.getFontSizePlaceholder=e.getFontSizePlaceholder.bind(e),e.state={selectedDevice:"desktop",fontSizePlaceholder:"17"},e}return r(t,e),y(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?I.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),I.push(e)):I.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),I.push(e));var t=this.getFontSizePlaceholder();t!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:t}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0})}},{key:"componentDidUpdate",value:function(){var e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}},{key:"getFontSizePlaceholder",value:function(){var e="25";if("em"===this.props.attributes.fontSizeUnit)e="1";else if("%"===this.props.attributes.fontSizeUnit)e="100";else{var t=document.querySelector(".gb-headline-"+this.props.attributes.uniqueId);t&&(e=parseFloat(window.getComputedStyle(t).fontSize))}return e}},{key:"render",value:function(){var e,t,a=this,n=this.props,i=n.attributes,r=n.setAttributes,o=this.state,w=o.selectedDevice,y=o.fontSizePlaceholder,v=i.uniqueId,B=i.elementId,L=i.cssClasses,x=i.content,P=i.element,I=i.alignment,V=i.alignmentTablet,G=i.alignmentMobile,q=i.backgroundColor,W=i.backgroundColorOpacity,Z=i.textColor,K=i.linkColor,J=i.linkColorHover,Y=i.borderColor,Q=i.borderColorOpacity,X=i.highlightTextColor,$=i.fontFamily,ee=i.googleFont,te=i.googleFontVariants,ae=i.marginTop,le=i.marginRight,ne=i.marginBottom,ie=i.marginLeft,re=i.icon,oe=i.iconColor,ce=i.iconColorOpacity,se=i.iconLocation,ge=i.iconLocationTablet,ue=i.iconLocationMobile,pe=i.iconVerticalAlignment,be=i.iconVerticalAlignmentTablet,de=i.iconVerticalAlignmentMobile,fe=i.iconSize,me=i.iconSizeTablet,he=i.iconSizeMobile,we=i.iconSizeUnit,ke=i.inlineWidth,ye=i.inlineWidthTablet,ve=i.inlineWidthMobile,Ce=i.removeText,Be=i.ariaLabel,Se="";te&&(Se=":"+te);var Ee=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"}];return wp.element.createElement(R,null,wp.element.createElement(A,null,wp.element.createElement(E,null,wp.element.createElement(O,{icon:Object(d.a)("paragraph"),label:__("Element"),controls:[{title:"paragraph",onClick:function(){r({element:"p"}),ae||le||ne||ie||r({marginUnit:"em"})}},{title:"h1",onClick:function(){r({element:"h1"}),ae||le||ne||ie||r({marginUnit:generateBlocksDefaults.headline.marginUnit})}},{title:"h2",onClick:function(){r({element:"h2"}),ae||le||ne||ie||r({marginUnit:generateBlocksDefaults.headline.marginUnit})}},{title:"h3",onClick:function(){r({element:"h3"}),ae||le||ne||ie||r({marginUnit:generateBlocksDefaults.headline.marginUnit})}},{title:"h4",onClick:function(){r({element:"h4"}),ae||le||ne||ie||r({marginUnit:generateBlocksDefaults.headline.marginUnit})}}]})),!ke&&wp.element.createElement(F,{isCollapsed:!1,value:I,onChange:function(e){r({alignment:e})}})),wp.element.createElement(U,null,wp.element.createElement(b.a,k({},this.props,{selectedDevice:w,onClick:function(e){a.setState({selectedDevice:e})}})),wp.element.createElement(h.a,k({},this.props,{id:"headlineElement",state:this.state,showPanel:"desktop"===w&&!Ce}),wp.element.createElement(T,{label:__("Element","generateblocks"),value:P,options:[{label:"paragraph",value:"p"},{label:"h1",value:"h1"},{label:"h2",value:"h2"},{label:"h3",value:"h3"},{label:"h4",value:"h4"},{label:"h5",value:"h5"},{label:"h6",value:"h6"}],onChange:function(e){r({element:e}),ae||le||ne||ie||r("p"===P?{marginUnit:"em"}:{marginUnit:generateBlocksDefaults.headline.marginUnit})}}),j("generateblocks.editor.controls","","headlineElement",this.props,this.state)),wp.element.createElement(h.a,k({},this.props,{title:__("Typography","generateblocks"),initialOpen:!1,icon:Object(d.a)("typography"),className:"gblocks-panel-label",id:"headlineTypography",state:this.state,showPanel:!Ce||!1}),"desktop"===w&&wp.element.createElement(R,null,!ke&&wp.element.createElement(F,{isCollapsed:!1,value:I,onChange:function(e){r({alignment:e})}}),wp.element.createElement(u.a,k({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,fontSizePlaceholder:y,defaultFontSize:generateBlocksDefaults.headline.fontSize,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeight,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacing}))),"tablet"===w&&wp.element.createElement(R,null,!ye&&wp.element.createElement(F,{isCollapsed:!1,value:V,onChange:function(e){r({alignmentTablet:e})}}),wp.element.createElement(u.a,k({},this.props,{device:"Tablet",showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,defaultFontSize:generateBlocksDefaults.headline.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeightTablet,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacingTablet}))),"mobile"===w&&wp.element.createElement(R,null,!ve&&wp.element.createElement(F,{isCollapsed:!1,value:G,onChange:function(e){r({alignmentMobile:e})}}),wp.element.createElement(u.a,k({},this.props,{device:"Mobile",showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,defaultFontSize:generateBlocksDefaults.headline.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeightMobile,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacingMobile}))),j("generateblocks.editor.controls","","headlineTypography",this.props,this.state)),wp.element.createElement(h.a,k({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!1,icon:Object(d.a)("spacing"),className:"gblocks-panel-label",id:"headlineSpacing",state:this.state}),"desktop"===w&&wp.element.createElement(R,null,wp.element.createElement(z,{label:__("Inline Width","generateblocks"),checked:!!ke,onChange:function(e){r({inlineWidth:e})}}),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,k({},this.props,{device:w,type:"margin",block:"headline",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.headline}))),"tablet"===w&&wp.element.createElement(R,null,wp.element.createElement(z,{label:__("Inline Width","generateblocks"),checked:!!ye,onChange:function(e){r({inlineWidthTablet:e})}}),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,k({},this.props,{device:w,type:"margin",block:"headline",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.headline}))),"mobile"===w&&wp.element.createElement(R,null,wp.element.createElement(z,{label:__("Inline Width","generateblocks"),checked:!!ve,onChange:function(e){r({inlineWidthMobile:e})}}),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,k({},this.props,{device:w,type:"margin",block:"headline",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.headline}))),j("generateblocks.editor.controls","","headlineSpacing",this.props,this.state)),wp.element.createElement(h.a,k({},this.props,{title:__("Colors","generateblocks"),initialOpen:!1,icon:Object(d.a)("colors"),className:"gblocks-panel-label",id:"headlineColors",state:this.state,showPanel:"desktop"===w||!1}),wp.element.createElement(s.a,{label:__("Background Color","generateblocks"),value:q,alpha:!0,valueOpacity:W,attrOpacity:"backgroundColorOpacity",onChange:function(e){return r({backgroundColor:e})},onOpacityChange:function(e){return r({backgroundColorOpacity:e})}}),wp.element.createElement(s.a,{label:__("Text Color","generateblocks"),value:Z,alpha:!1,onChange:function(e){return r({textColor:e})}}),wp.element.createElement(s.a,{label:__("Link Color","generateblocks"),value:K,alpha:!1,onChange:function(e){return r({linkColor:e})}}),wp.element.createElement(s.a,{label:__("Link Color Hover","generateblocks"),value:J,alpha:!1,onChange:function(e){return r({linkColorHover:e})}}),wp.element.createElement(s.a,{label:__("Border Color","generateblocks"),value:Y,alpha:!0,valueOpacity:Q,attrOpacity:"borderColorOpacity",onChange:function(e){return r({borderColor:e})},onOpacityChange:function(e){return r({borderColorOpacity:e})}}),re&&wp.element.createElement(s.a,{label:__("Icon Color","generateblocks"),value:oe,alpha:!0,valueOpacity:ce,attrOpacity:"iconColorOpacity",onChange:function(e){return r({iconColor:e})},onOpacityChange:function(e){return r({iconColorOpacity:e})}}),wp.element.createElement(s.a,{label:__("Highlight Text","generateblocks"),value:X,alpha:!1,onChange:function(e){return r({highlightTextColor:e})}})),wp.element.createElement(h.a,k({},this.props,{title:__("Icon","generateblocks"),initialOpen:!1,icon:Object(d.a)("icons"),className:"gblocks-panel-label",id:"headlineIcon",state:this.state,showPanel:!("desktop"!==w&&!re)}),"desktop"===w&&wp.element.createElement(g.a,k({},this.props,{attrIcon:"icon",attrRemoveText:"removeText",attrAriaLabel:"ariaLabel"})),"desktop"===w&&!!re&&wp.element.createElement(R,null,!Ce&&wp.element.createElement(R,null,wp.element.createElement(T,{label:__("Icon Location","generateblocks"),value:se,options:[{label:__("Inline","generateblocks"),value:"inline"},{label:__("Above","generateblocks"),value:"above"}],onChange:function(e){r({iconLocation:e,iconPaddingRight:"inline"===e?"0.5":"",iconPaddingBottom:"above"===e?"0.5":""})}}),"inline"===se&&wp.element.createElement(T,{label:__("Icon Alignment","generateblocks"),value:pe,options:[{label:__("Top","generateblocks"),value:"top"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"bottom"}],onChange:function(e){r({iconVerticalAlignment:e})}}),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},Ee.map(function(e){return wp.element.createElement(M,{text:C(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(D,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:we===e.unitValue,"aria-pressed":we===e.unitValue,"aria-label":C(__("%s Units","generateblocks"),e.name),onClick:function(){return r({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(S,{type:"number",value:fe||"",step:"em"===we?.1:1,onChange:function(e){r({iconSize:e})},onBlur:function(){r({iconSize:parseFloat(fe)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(D,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){r({iconSize:generateBlocksDefaults.headline.iconSize})}},__("Reset","generateblocks")))),"tablet"===w&&!!re&&wp.element.createElement(R,null,!Ce&&wp.element.createElement(R,null,wp.element.createElement(T,{label:__("Icon Location","generateblocks"),value:ge,options:[{label:__("Inherit","generateblocks"),value:""},{label:__("Inline","generateblocks"),value:"inline"},{label:__("Above","generateblocks"),value:"above"}],onChange:function(e){r({iconLocationTablet:e,iconPaddingRightTablet:"inline"===e?"0.5":"",iconPaddingBottomTablet:"above"===e?"0.5":""})}}),"inline"===ge&&wp.element.createElement(T,{label:__("Icon Alignment","generateblocks"),value:be,options:[{label:__("Top","generateblocks"),value:"top"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"bottom"}],onChange:function(e){r({iconVerticalAlignmentTablet:e})}}),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},Ee.map(function(e){return wp.element.createElement(M,{text:C(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(D,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:we===e.unitValue,"aria-pressed":we===e.unitValue,"aria-label":C(__("%s Units","generateblocks"),e.name),onClick:function(){return r({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(S,{type:"number",value:me||"",step:"em"===we?.1:1,placeholder:"1",onChange:function(e){r({iconSizeTablet:e})},onBlur:function(){r({iconSizeTablet:parseFloat(me)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(D,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){r({iconSizeTablet:generateBlocksDefaults.headline.iconSizeTablet})}},__("Reset","generateblocks")))),"mobile"===w&&!!re&&wp.element.createElement(R,null,!Ce&&wp.element.createElement(R,null,wp.element.createElement(T,{label:__("Icon Location","generateblocks"),value:ue,options:[{label:__("Inherit","generateblocks"),value:""},{label:__("Inline","generateblocks"),value:"inline"},{label:__("Above","generateblocks"),value:"above"}],onChange:function(e){r({iconLocationMobile:e,iconPaddingRightMobile:"inline"===e?"0.5":"",iconPaddingBottomMobile:"above"===e?"0.5":""})}}),"inline"===ue&&wp.element.createElement(T,{label:__("Icon Alignment","generateblocks"),value:de,options:[{label:__("Top","generateblocks"),value:"top"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"bottom"}],onChange:function(e){r({iconVerticalAlignmentMobile:e})}}),wp.element.createElement(p.a,k({},this.props,{device:w,type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},Ee.map(function(e){return wp.element.createElement(M,{text:C(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(D,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:we===e.unitValue,"aria-pressed":we===e.unitValue,"aria-label":C(__("%s Units","generateblocks"),e.name),onClick:function(){return r({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(S,{type:"number",value:he||"",step:"em"===we?.1:1,placeholder:"1",onChange:function(e){r({iconSizeMobile:e})},onBlur:function(){r({iconSizeMobile:parseFloat(he)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(D,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){r({iconSizeMobile:generateBlocksDefaults.headline.iconSizeMobile})}},__("Reset","generateblocks")))),j("generateblocks.editor.controls","","headlineIcon",this.props,this.state)),wp.element.createElement(h.a,k({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(d.a)("advanced"),className:"gblocks-panel-label",id:"headlineAdvanced",state:this.state,showPanel:"desktop"===w||!1}),wp.element.createElement(S,{label:__("Element ID","generateblocks"),value:B,onChange:function(e){var t=e.replace(H,"-");r({elementId:t})}}),wp.element.createElement(S,{label:__("CSS Classes","generateblocks"),value:L,onChange:function(e){r({cssClasses:e})}}),j("generateblocks.editor.controls","","headlineAdvanced",this.props,this.state)),wp.element.createElement(h.a,k({},this.props,{title:__("Documentation","generateblocks"),icon:Object(d.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"headlineDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/headline/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),j("generateblocks.editor.controls","","headlineDocumentation",this.props,this.state))),wp.element.createElement(m.a,this.props),$&&ee&&wp.element.createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+$.replace(/ /g,"+")+Se}),re?wp.element.createElement("div",{className:c()(l({"gb-headline-wrapper":!0},"gb-headline-wrapper-"+v,!0))},re&&wp.element.createElement("span",{className:"gb-icon","aria-label":Ce&&Be?Be:void 0,dangerouslySetInnerHTML:{__html:Object(f.a)(re)}}),!Ce&&wp.element.createElement(N,{allowedFormats:["core/bold","core/italic","core/link","core/underline","generateblocks/mark"],tagName:P,value:x,onChange:function(e){return r({content:e})},id:B||void 0,className:c()((e={"gb-headline":!0},l(e,"gb-headline-"+v,!0),l(e,""+L,""!==L),e)),placeholder:__("Write headline\u2026","generateblocks"),keepPlaceholderOnFocus:!0})):wp.element.createElement(N,{allowedFormats:["core/bold","core/italic","core/link","core/underline","generateblocks/mark"],tagName:P,value:x,onChange:function(e){return r({content:e})},id:B||void 0,className:c()((t={"gb-headline":!0},l(t,"gb-headline-"+v,!0),l(t,""+L,""!==L),t)),placeholder:__("Write headline\u2026","generateblocks"),keepPlaceholderOnFocus:!0}))}}]),t}(x);t.a=V},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(3),o=a(14),c=a(6),s=a(10),g=a(8),u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),p=wp.element.Component,b=wp.hooks.applyFilters,d=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.attributes,a=e.clientId,l=t.uniqueId,n=t.element,i=t.alignment,u=t.backgroundColor,p=t.backgroundColorOpacity,d=t.textColor,f=t.linkColor,m=t.borderColor,h=t.borderColorOpacity,w=t.highlightTextColor,k=t.fontFamily,y=t.fontFamilyFallback,v=t.fontWeight,C=t.fontSize,B=t.fontSizeUnit,S=t.textTransform,E=t.lineHeight,T=t.lineHeightUnit,O=t.letterSpacing,z=t.marginTop,M=t.marginRight,D=t.marginBottom,_=t.marginLeft,L=t.marginUnit,R=t.paddingTop,x=t.paddingRight,P=t.paddingBottom,U=t.paddingLeft,N=t.paddingUnit,A=t.borderSizeTop,F=t.borderSizeRight,j=t.borderSizeBottom,H=t.borderSizeLeft,I=t.icon,V=t.iconColor,G=t.iconColorOpacity,q=t.iconLocation,W=t.iconVerticalAlignment,Z=t.iconPaddingTop,K=t.iconPaddingRight,J=t.iconPaddingBottom,Y=t.iconPaddingLeft,Q=t.iconPaddingUnit,X=t.iconSize,$=t.iconSizeUnit,ee=t.inlineWidth,te=t.removeText,ae="",le="",ne="";k&&y&&(ae=", "+y),D?le=D+L:"undefined"===typeof generateBlocksStyling.headline||te||"undefined"===typeof generateBlocksStyling.headline[t.element].marginBottom||isNaN(generateBlocksStyling.headline[t.element].marginBottom)||(le=generateBlocksStyling.headline[n].marginBottom+generateBlocksStyling.headline[n].marginUnit),C?ne=C+B:"undefined"===typeof generateBlocksStyling.headline||te||"undefined"!==typeof generateBlocksStyling.headline[t.element].fontSize&&generateBlocksStyling.headline[t.element].fontSize&&(ne=generateBlocksStyling.headline[n].fontSize+generateBlocksStyling.headline[n].fontSizeUnit);var ie=[];ie[".editor-styles-wrapper .gb-headline-"+l]=[{color:d,"font-family":k+ae,"font-weight":v,"text-transform":S,"text-align":i,"font-size":ne,"line-height":Object(c.a)(E,T),"letter-spacing":Object(c.a)(O,"em")}],ie[".editor-styles-wrapper .gb-container .gb-headline-"+l]=[{color:d}],ie[".gb-headline-wrapper-"+l]=[{"flex-direction":!(!I||"above"!==q)&&"column","justify-content":Object(o.a)(i),"text-align":i,"align-items":"inline"===q?Object(o.a)(W):Object(o.a)(i),"font-size":ne}];var re=".editor-styles-wrapper .gb-headline-"+l;return I&&(re=".gb-headline-wrapper-"+l),ie[re].push({"background-color":Object(g.a)(u,p),color:d,display:!!ee&&"inline-flex",margin:Object(s.a)(z,M,le,_,L)+" !important","margin-bottom":le+" !important",padding:Object(s.a)(R,x,P,U,N)}),(A||F||j||H)&&ie[re].push({"border-width":Object(s.a)(A,F,j,H,"px"),"border-style":"solid","border-color":Object(g.a)(m,h)}),ie[".editor-styles-wrapper .gb-headline-"+l+" a"]=[{color:f}],ie[".gb-headline-wrapper-"+l+" .gb-icon"]=[{padding:!te&&Object(s.a)(Z,K,J,Y,Q),"align-self":!(!I||"above"!==q)&&Object(o.a)(i),color:Object(g.a)(V,G),display:!(!I||"above"!==q)&&"unset"}],ie[".gb-headline-wrapper-"+l+" .gb-icon svg"]=[{width:Object(c.a)(X,$),height:Object(c.a)(X,$)}],ie[".gb-headline-"+l+" .gb-highlight"]=[{color:w}],ie["#block-"+a]=[{display:!!ee&&"inline-flex"}],ie=b("generateblocks.editor.desktopCSS",ie,"headline",this.props),wp.element.createElement("style",null,Object(r.a)(ie))}}]),t}(p);t.a=d},function(e,t){var __=wp.i18n.__,a=wp.element.Fragment,l=wp.richText,n=l.toggleFormat,i=l.registerFormatType,r=wp.blockEditor,o=r.RichTextToolbarButton,c=r.RichTextShortcut,s=wp.element.createElement("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"1.414"},wp.element.createElement("path",{d:"M4.331,15.598l2.193,1.693c0,0 -0.813,1.215 -0.992,1.215c-1.129,0.003 -1.424,0.008 -2.603,-0.001c-0.741,-0.006 -0.04,-0.955 0.187,-1.269c0.502,-0.694 1.215,-1.638 1.215,-1.638Zm7.632,-14.107c0.364,-0.061 5.412,3.896 5.439,4.272c0.031,0.438 -4.887,8.469 -5.635,9.648c-0.251,0.397 -1.185,0.206 -2.064,0.472c-0.801,0.243 -1.89,1.336 -2.193,1.105c-1.047,-0.796 -2.217,-1.646 -3.117,-2.49c-0.367,-0.343 0.388,-1.241 0.405,-2.188c0.015,-0.811 -0.644,-2.029 -0.196,-2.575c0.836,-1.019 6.931,-8.172 7.361,-8.244Zm0.144,1.454l3.95,3.105l-4.972,8.1l-5.197,-4.053l6.219,-7.152Z"})),g="generateblocks/mark",u={title:__("Highlight","generateblocks"),tagName:"mark",className:"gb-highlight",edit:function(e){var t=e.isActive,l=e.value,i=e.onChange,r=function(){return i(n(l,{type:g}))};return wp.element.createElement(a,null,wp.element.createElement(c,{type:"primary",character:"m",onUse:r}),wp.element.createElement(o,{icon:s,title:__("Highlight"),onClick:r,isActive:t,shortcutType:"access",shortcutCharacter:"m",className:"toolbar-button-with-text toolbar-button__"+g}))}};i(g,u)},function(e,t,a){"use strict";var l=wp.blocks.createBlock,n={from:[{type:"block",blocks:["core/paragraph"],transform:function(e){var t=e.content;return l("generateblocks/headline",{content:t})}},{type:"block",blocks:["core/heading"],transform:function(e){var t=e.content;return l("generateblocks/headline",{content:t})}}],to:[{type:"block",blocks:["core/paragraph"],transform:function(e){var t=e.content;return l("core/paragraph",{content:t})}},{type:"block",blocks:["core/heading"],transform:function(e){var t=e.content;return l("core/heading",{content:t})}}]};t.a=n},function(e,t,a){"use strict";var l=a(16),n=a(17),i=[{attributes:Object.assign({},n.a,{element:{type:"string",default:"p"}}),save:l.a}];t.a=i}]);
|
| 1 |
+
!function(e){function t(l){if(a[l])return a[l].exports;var n=a[l]={i:l,l:!1,exports:{}};return e[l].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var a={};t.m=e,t.c=a,t.d=function(e,a,l){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:l})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=19)}([function(e,t,a){var l,n;!function(){"use strict";function a(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var n=typeof l;if("string"===n||"number"===n)e.push(l);else if(Array.isArray(l)&&l.length){var r=a.apply(null,l);r&&e.push(r)}else if("object"===n)for(var o in l)i.call(l,o)&&l[o]&&e.push(o)}}return e.join(" ")}var i={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(a.default=a,e.exports=a):(l=[],void 0!==(n=function(){return a}.apply(t,l))&&(e.exports=n))}()},function(e,t,a){"use strict";function l(e){return"tabs-desktop"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},n("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):"tabs-tablet"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24"},n("path",{d:"M16.6429 4H7.35714C6.33147 4 5.5 4.71634 5.5 5.6V18.4C5.5 19.2837 6.33147 20 7.35714 20H16.6429C17.6685 20 18.5 19.2837 18.5 18.4V5.6C18.5 4.71634 17.6685 4 16.6429 4Z"}),n("path",{d:"M12 17.5H12.01"})):"tabs-mobile"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24"},n("path",{d:"M15.5714 4H8.42857C7.63959 4 7 4.71634 7 5.6V18.4C7 19.2837 7.63959 20 8.42857 20H15.5714C16.3604 20 17 19.2837 17 18.4V5.6C17 4.71634 16.3604 4 15.5714 4Z"}),n("path",{d:"M12 17.5H12.01"})):"sync"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24"},n("path",{d:"m7.34133533 6.23855964v-1.98499625c-2.17404351.03150788-4.03300825 1.38634659-4.85221305 3.27681921-.31507877.72468117-.44111028 1.51237809-.4096024 2.33158289.06301575 1.13428361.47261815 2.20555141 1.16579145 3.05626411.37809452.4411102.28357089 1.1027757-.18904726 1.4493623-.44111028.3150788-1.07126782.2205551-1.41785447-.1890473-.85071268-1.0397599-1.38634658-2.3315829-1.54388597-3.7179294-.12603151-1.00825211-.03150788-2.01650417.25206302-2.9302326.88222055-3.02475619 3.6864216-5.26181546 6.99474868-5.29332334v-1.98499624c0-.09452363.12603151-.15753939.22055514-.09452363l4.09602403 2.99324831c.0630157.06301575.0630157.15753938 0 .18904726l-4.09602403 2.99324831c-.09452363.06301575-.22055514 0-.22055514-.09452363zm.22055514 13.17029256c.09452363.0630158.22055514 0 .22055514-.0945236v-1.9849963c3.30832709-.0315078 6.11252809-2.2685671 6.99474869-5.2933233.252063-.9137284.3780945-1.8904726.252063-2.93023256-.1575394-1.38634658-.7246812-2.67816954-1.543886-3.71792948-.3465866-.44111028-.9767441-.53563391-1.4178544-.18904726-.4726182.34658665-.5671418 1.00825206-.1890473 1.44936234.6931733.85071268 1.1027757 1.89047262 1.1657915 3.05626407.0315078.81920479-.1260315 1.63840959-.4096024 2.33158289-.787697 1.8904726-2.6466617 3.2453113-4.85221309 3.2768192v-1.9849962c0-.0945237-.12603151-.1575394-.22055514-.0945237l-4.096024 2.9932483c-.06301576.0630158-.06301576.1575394 0 .1890473z",transform:"translate(4 2)"})):"headline"===e?n("svg",{width:24,height:24,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M12.5 4v5.2h-5V4H5v13h2.5v-5.2h5V17H15V4",fill:"#1e72bd"})):"grid"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M20 .6c0-.3-.2-.6-.5-.6H.5C.2 0 0 .3 0 .6v4.6c0 .3.2.6.5.6h19c.3 0 .5-.3.5-.6V.6zM6.7 7.7c0-.3-.2-.6-.5-.6H.5c-.3 0-.5.3-.5.6v4.6c0 .3.2.6.5.6h5.6c.3 0 .5-.3.5-.6l.1-4.6zM19.9 7.7c0-.3-.2-.6-.6-.6H8.6c-.4 0-.6.3-.6.6v4.5c0 .3.2.6.6.6h10.8c.3 0 .6-.3.6-.6l-.1-4.5z",fill:"#1d72ba"}),n("path",{d:"M20 14.8c0-.3-.2-.6-.5-.6h-5.6c-.3 0-.5.2-.5.6v4.6c0 .3.2.6.5.6h5.6c.3 0 .5-.2.5-.6v-4.6zM12 14.8c0-.3-.2-.5-.5-.5H.5c-.3 0-.5.2-.5.5v4.6c0 .4.2.6.5.6h11c.3 0 .5-.2.5-.5v-4.7z",fill:"#1d72ba"})):"container"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M2.8 3.4c0-.4.3-.7.7-.7h1.2V0H3.4C1.5 0 0 1.5 0 3.4v1.2h2.8V3.4zM0 7.4h2.8v5.3H0zM17.2 7.4H20v5.3h-2.8zM17.2 16.6c0 .4-.3.7-.7.7h-1.2V20h1.2c1.9 0 3.4-1.5 3.4-3.4v-1.2h-2.8v1.2h.1zM7.4 0h5.3v2.8H7.4zM3.4 17.2c-.4 0-.7-.3-.7-.7v-1.2H0v1.2c0 2 1.5 3.5 3.4 3.5h1.2v-2.8H3.4zM7.4 17.2h5.3V20H7.4zM16.6 2.8c.4 0 .7.3.7.7v1.2H20V3.4C20 1.5 18.5 0 16.6 0h-1.2v2.8h1.2z",fill:"#1e72bd"})):"button"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},n("path",{d:"M19.2 0H.8C.4 0 0 .4 0 .8v6.4c0 .4.4.8.8.8h18.4c.4 0 .8-.4.8-.8V.8c0-.4-.4-.8-.8-.8zM18.4 12H1.6c-.9 0-1.6.7-1.6 1.6v4.8c0 .9.7 1.6 1.6 1.6h16.8c.9 0 1.6-.7 1.6-1.6v-4.8c0-.9-.7-1.6-1.6-1.6zm.4 6.4c0 .2-.2.4-.4.4H1.6c-.2 0-.4-.2-.4-.4v-4.8c0-.2.2-.4.4-.4h16.8c.2 0 .4.2.4.4v4.8z",fill:"#1e72bd"})):"paragraph"===e?n("svg",{width:20,height:20,viewBox:"0 0 20 20"},n("path",{d:"M15 2H7.54c-.83 0-1.59.2-2.28.6-.7.41-1.25.96-1.65 1.65C3.2 4.94 3 5.7 3 6.52s.2 1.58.61 2.27c.4.69.95 1.24 1.65 1.64.69.41 1.45.61 2.28.61h.43V17c0 .27.1.51.29.71.2.19.44.29.71.29.28 0 .51-.1.71-.29.2-.2.3-.44.3-.71V5c0-.27.09-.51.29-.71.2-.19.44-.29.71-.29s.51.1.71.29c.19.2.29.44.29.71v12c0 .27.1.51.3.71.2.19.43.29.71.29.27 0 .51-.1.71-.29.19-.2.29-.44.29-.71V4H15c.27 0 .5-.1.7-.3.2-.19.3-.43.3-.7s-.1-.51-.3-.71A.984.984 0 0 0 15 2z"})):"spacing"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-10.007,10.007c6.632,6.632 6.632,73.42 0,80.052c-6.632,6.632 -73.42,6.632 -80.052,0c-6.632,-6.632 -6.632,-73.42 0,-80.052c6.632,-6.632 73.42,-6.632 80.052,0Z"}),n("path",{d:"M40.452,77.705c7.802,1.393 23.794,1.393 31.596,0l13.635,13.635c-12.215,3.213 -46.652,3.213 -58.866,0l13.635,-13.635Zm50.888,-50.888c3.213,12.215 3.213,46.653 0,58.866l-13.635,-13.635c1.393,-7.801 1.393,-23.794 0,-31.596l13.635,-13.635Zm-70.18,0l13.635,13.635c-1.393,7.802 -1.393,23.794 0,31.596l-13.635,13.635c-3.213,-12.213 -3.213,-46.651 0,-58.866Zm5.657,-5.657c12.214,-3.213 46.652,-3.213 58.866,0l-13.635,13.635c-7.801,-1.393 -23.795,-1.393 -31.596,0l-13.635,-13.635Z"})):"advanced"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-10.007,37.215c6.632,2.124 6.632,23.512 0,25.636c-6.632,2.124 -73.42,2.124 -80.052,0c-6.632,-2.124 -6.632,-23.512 0,-25.636c6.632,-2.124 73.42,-2.124 80.052,0Z"}),n("path",{d:"M48.61,51.916c2.243,0.718 2.243,7.95 0,8.668c-2.242,0.718 -24.823,0.718 -27.065,0c-2.243,-0.718 -2.243,-7.95 0,-8.668c2.242,-0.718 24.823,-0.718 27.065,0Z"}),n("path",{d:"M90.955,51.916c2.243,0.718 2.243,7.95 0,8.668c-2.242,0.718 -24.823,0.718 -27.065,0c-2.243,-0.718 -2.243,-7.95 0,-8.668c2.242,-0.718 24.823,-0.718 27.065,0Z"})):"backgrounds"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M1.491,87.777l37.79,-37.79l31.352,31.352c2.412,2.171 5.656,0 5.656,0l17.248,-17.247l13.186,13.186l4.796,4.797c-0.971,12.199 -2.726,21.685 -5.249,24.208c-8.29,8.289 -91.776,8.289 -100.066,0c-2.113,-2.113 -3.687,-9.113 -4.713,-18.506Z"}),n("path",{d:"M0.631,77.323c-1.742,-27.728 0.125,-65.658 5.573,-71.106c8.29,-8.289 91.776,-8.289 100.066,0c5.07,5.07 7.039,38.265 5.89,65.185l-15.795,-15.795c-2.412,-2.172 -5.657,0 -5.657,0l-17.247,17.246l-31.351,-31.351c-0.731,-0.658 -1.036,-1 -2.619,-1.166c-0.263,0 -0.477,-0.075 -1.245,0.131c-0.912,0.244 -1.793,1.035 -1.793,1.035l-35.822,35.821Zm76.434,-59.584c7.115,0 12.891,5.776 12.891,12.89c0,7.114 -5.776,12.89 -12.891,12.89c-7.114,0 -12.89,-5.776 -12.89,-12.89c0,-7.114 5.776,-12.89 12.89,-12.89Z"})):"colors"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-50.033,12.818c-20.551,0 -37.215,16.664 -37.215,37.215c0,20.551 16.664,37.215 37.215,37.215c3.432,0 6.202,-2.77 6.202,-6.203c0,-1.612 -0.62,-3.059 -1.612,-4.176c-0.951,-1.075 -1.571,-2.522 -1.571,-4.094c0,-3.432 2.77,-6.202 6.202,-6.202l7.319,0c11.413,0 20.675,-9.262 20.675,-20.675c0,-18.277 -16.664,-33.08 -37.215,-33.08Zm-22.742,37.215c-3.433,0 -6.203,-2.77 -6.203,-6.202c0,-3.433 2.77,-6.203 6.203,-6.203c3.432,0 6.202,2.77 6.202,6.203c0,3.432 -2.77,6.202 -6.202,6.202Zm45.484,0c-3.432,0 -6.202,-2.77 -6.202,-6.202c0,-3.433 2.77,-6.203 6.202,-6.203c3.433,0 6.203,2.77 6.203,6.203c0,3.432 -2.77,6.202 -6.203,6.202Zm-33.079,-16.54c-3.433,0 -6.203,-2.77 -6.203,-6.202c0,-3.433 2.77,-6.203 6.203,-6.203c3.432,0 6.202,2.77 6.202,6.203c0,3.432 -2.77,6.202 -6.202,6.202Zm20.674,0c-3.432,0 -6.202,-2.77 -6.202,-6.202c0,-3.433 2.77,-6.203 6.202,-6.203c3.433,0 6.203,2.77 6.203,6.203c0,3.432 -2.77,6.202 -6.203,6.202Z"})):"gradients"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M112.426,48.746c0.503,25.204 -1.545,52.939 -6.143,57.537c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.289,-8.288 91.748,-8.289 100.061,-0.004c0,0 0.005,0.004 0.005,0.004c3.691,3.692 5.739,22.295 6.143,42.529Zm-16.154,-32.526c-6.656,-6.628 -73.418,-6.627 -80.048,0.004c-6.631,6.63 -6.632,73.392 -0.004,80.048l80.052,-80.052Z"})):"icons"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-10.007,10.007c6.632,6.632 6.632,73.42 0,80.052c-6.632,6.632 -73.42,6.632 -80.052,0c-6.632,-6.632 -6.632,-73.42 0,-80.052c6.632,-6.632 73.42,-6.632 80.052,0Z"}),n("path",{d:"M89.605,22.895c5.527,5.526 5.527,61.184 0,66.71c-5.526,5.527 -61.184,5.527 -66.71,0c-5.527,-5.526 -5.527,-61.184 0,-66.71c5.526,-5.527 61.184,-5.527 66.71,0Zm-21.066,62.31l0,-2.731c-0.648,-0.074 -1.272,-0.199 -1.87,-0.374c-0.599,-0.174 -1.148,-0.374 -1.646,-0.598c-0.699,-0.299 -1.235,-0.755 -1.609,-1.366c-0.374,-0.611 -0.561,-1.353 -0.561,-2.226l0,-29.703l-0.561,-0.561l-18.331,0.972l0,2.731c0.748,0.075 1.577,0.25 2.488,0.524c0.91,0.274 1.589,0.561 2.038,0.86c0.599,0.399 1.098,0.929 1.497,1.59c0.399,0.661 0.598,1.428 0.598,2.301l0,21.773c0,0.923 -0.162,1.665 -0.486,2.226c-0.324,0.561 -0.885,0.991 -1.683,1.29c-0.449,0.175 -0.986,0.3 -1.609,0.374c-0.624,0.075 -1.26,0.138 -1.908,0.187l0,2.731l23.643,0Zm-12.978,-59.459c4.76,0 8.625,3.864 8.625,8.625c0,4.76 -3.865,8.625 -8.625,8.625c-4.76,0 -8.625,-3.865 -8.625,-8.625c0,-4.761 3.865,-8.625 8.625,-8.625Z"})):"typography"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.283,6.217c8.289,8.29 8.289,91.776 0,100.066c-8.29,8.289 -91.776,8.289 -100.066,0c-8.289,-8.29 -8.289,-91.776 0,-100.066c8.29,-8.289 91.776,-8.289 100.066,0Zm-8.783,78.583l0,-2.817c-0.661,-0.026 -1.481,-0.165 -2.46,-0.417c-0.979,-0.251 -1.773,-0.562 -2.381,-0.932c-0.9,-0.609 -1.601,-1.23 -2.103,-1.865c-0.503,-0.635 -0.953,-1.468 -1.349,-2.5l-18.769,-48.569l-3.175,0c-2.672,6.878 -5.714,14.721 -9.126,23.53c-3.266,8.43 -6.265,16.06 -8.998,22.891l-11.672,-28.684l-2.304,0c-1.939,4.742 -4.148,10.149 -6.625,16.222c-2.477,6.072 -4.743,11.543 -6.798,16.412c-0.403,0.949 -0.816,1.692 -1.238,2.23c-0.423,0.538 -1.018,1.053 -1.786,1.545c-0.48,0.292 -1.095,0.524 -1.844,0.698c-0.749,0.173 -1.373,0.278 -1.872,0.314l0,1.942l15.382,0l0,-1.942c-1.518,-0.073 -2.881,-0.31 -4.091,-0.711c-1.209,-0.401 -1.814,-0.966 -1.814,-1.696c0,-0.31 0.048,-0.711 0.144,-1.204c0.096,-0.492 0.268,-1.13 0.518,-1.914c0.269,-0.803 0.571,-1.678 0.907,-2.626c0.336,-0.948 0.773,-2.061 1.311,-3.338l14.316,0l3.399,8.699c0.012,0.03 0.024,0.06 0.036,0.092c-0.161,0.119 -0.329,0.237 -0.503,0.355c-0.661,0.423 -1.508,0.76 -2.539,1.012c-1.032,0.251 -1.892,0.403 -2.58,0.456l0,2.817l21.19,0l0,-2.817c-2.09,-0.106 -3.968,-0.45 -5.635,-1.032c-1.666,-0.582 -2.499,-1.402 -2.499,-2.46c0,-0.45 0.066,-1.032 0.198,-1.746c0.132,-0.714 0.37,-1.64 0.714,-2.777c0.371,-1.164 0.787,-2.434 1.25,-3.81c0.463,-1.375 1.065,-2.989 1.806,-4.841l19.721,0l4.682,12.619c0.106,0.264 0.186,0.568 0.238,0.912c0.053,0.344 0.08,0.635 0.08,0.873c0,0.582 -0.681,1.072 -2.044,1.468c-1.362,0.397 -3.075,0.662 -5.138,0.794l0,2.817l23.451,0Zm-56.864,-15.865l-6.193,-15.045l-6.078,15.045l12.271,0Zm34.167,-7.15l-8.532,-21.824l-8.373,21.824l16.905,0Z"})):"addContainer"===e?n("svg",{width:20,height:20,viewBox:"0 0 64 64",fillRule:"evenodd"},n("path",{d:"M41.454,57.126l0,6.409c-6.088,0.286 -12.82,0.286 -18.908,0l0,-6.409c5.957,0.366 12.951,0.366 18.908,0Zm-33.93,-8.899c0.458,3.226 1.086,5.568 1.883,6.366c0.798,0.797 3.14,1.425 6.366,1.883l0,6.592c-6.084,-0.578 -10.706,-1.519 -12.015,-2.826c-1.307,-1.309 -2.248,-5.931 -2.826,-12.015l6.592,0Zm55.544,0c-0.578,6.084 -1.519,10.706 -2.826,12.015c-1.309,1.307 -5.931,2.248 -12.015,2.826l0,-6.592c3.226,-0.458 5.568,-1.086 6.366,-1.883c0.797,-0.798 1.425,-3.14 1.883,-6.366l6.592,0Zm0.467,-25.681c0.286,6.088 0.286,12.82 0,18.908l-6.409,0c0.366,-5.957 0.366,-12.951 0,-18.908l6.409,0Zm-56.661,0c-0.366,5.957 -0.366,12.951 0,18.908l-6.409,0c-0.286,-6.088 -0.286,-12.82 0,-18.908l6.409,0Zm41.353,-21.614c6.084,0.578 10.706,1.519 12.015,2.826c1.307,1.309 2.248,5.931 2.826,12.015l-6.592,0c-0.458,-3.226 -1.086,-5.568 -1.883,-6.366c-0.798,-0.797 -3.14,-1.425 -6.366,-1.883l0,-6.592Zm-32.454,0l0,6.592c-3.226,0.458 -5.568,1.086 -6.366,1.883c-0.797,0.798 -1.425,3.14 -1.883,6.366l-6.592,0c0.578,-6.084 1.519,-10.706 2.826,-12.015c1.309,-1.307 5.931,-2.248 12.015,-2.826Zm6.773,-0.467c6.088,-0.286 12.82,-0.286 18.908,0l0,6.409c-5.957,-0.366 -12.951,-0.366 -18.908,0l0,-6.409Z"}),n("path",{d:"M18.03,29.037l11.007,0l0,-11.007l6.773,0l0,11.007l11.007,0l0,6.773l-11.007,0l0,11.007l-6.773,0l0,-11.007l-11.007,0l0,-6.773Z"})):"gradient"===e?n("svg",{width:24,height:24,viewBox:"0 0 24 24",fillRule:"evenodd"},n("path",{d:"M17.66 8L12 2.35L6.34 8A8.02 8.02 0 0 0 4 13.64c0 2 .78 4.11 2.34 5.67a7.99 7.99 0 0 0 11.32 0c1.56-1.56 2.34-3.67 2.34-5.67S19.22 9.56 17.66 8zM6 14c.01-2 .62-3.27 1.76-4.4L12 5.27l4.24 4.38C17.38 10.77 17.99 12 18 14H6z"})):"documentation"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.755 6.245c8.327 8.326 8.327 92.184 0 100.51-8.326 8.327-92.184 8.327-100.51 0-8.327-8.326-8.327-92.184 0-100.51 8.326-8.327 92.184-8.327 100.51 0zm-92.661 93.896C9.279 84 9.781 23.714 15.834 17.661c2.491-2.491 19.588-4.132 26.354-4.712 4.748-.408 10.115.671 14.243 1.23 4.128-.559 9.495-1.638 14.243-1.23 6.766.58 23.863 2.221 26.354 4.712 6.053 6.053 6.791 66.339 1.976 82.48-4.729-1.977-19.708-3.436-26.784-3.853-5.234-.308-11.129.739-15.671 1.354-4.543-.615-10.437-1.662-15.672-1.354-7.075.417-22.054 1.876-26.783 3.853z"}),n("path",{d:"M50.188 32.738c2.252.536 2.252 5.927 0 6.463-2.252.535-24.934.535-27.186 0-2.252-.536-2.252-5.927 0-6.463 2.252-.535 24.934-.535 27.186 0zM50.277 46.846c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0zM50.277 60.037c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0zM50.277 73.799c2.252.536 2.252 5.927 0 6.463-2.252.535-24.934.535-27.186 0-2.252-.536-2.252-5.927 0-6.463 2.252-.535 24.934-.535 27.186 0z"}),n("path",{d:"M89.909 32.738c2.252.536 2.252 5.927 0 6.463-2.252.535-24.934.535-27.186 0-2.252-.536-2.252-5.927 0-6.463 2.252-.535 24.934-.535 27.186 0zM89.998 46.846c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0zM89.998 60.037c2.252.535 2.252 5.927 0 6.462-2.252.535-24.934.535-27.186 0-2.252-.535-2.252-5.927 0-6.462 2.252-.535 24.934-.535 27.186 0z"})):"layout"===e?n("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},n("path",{d:"M106.719 6.238c8.362 8.362 8.362 92.208 0 100.57-8.362 8.287-92.208 8.287-100.495 0-8.362-8.362-8.362-92.208 0-100.57 8.287-8.286 92.133-8.286 100.495 0zm-9.417 9.417c6.78 6.78 6.78 74.957 0 81.737-6.78 6.78-74.956 6.78-81.661 0-6.78-6.78-6.78-74.957 0-81.737 6.705-6.78 74.881-6.78 81.661 0z"}),n("path",{d:"M93.988 48.877c.602 17.477-.754 37.893-3.993 41.132-3.164 3.164-22.75 4.52-40.002 4.068v-45.2h43.995zm-75.108 0h23.58v44.899c-9.718-.603-17.553-1.808-19.512-3.767-3.24-3.24-4.595-23.655-4.068-41.132zm.377-7.533c.678-9.19 1.883-16.498 3.691-18.306 5.575-5.575 61.472-5.575 67.047 0 1.808 1.808 3.013 9.115 3.691 18.306h-74.43z"})):void 0}t.a=l;var n=wp.element.createElement},function(e,t,a){"use strict";function l(e){var t=window.localStorage.getItem("generateblocksSelectedDevice"),a=e;return t&&(a=t),a}t.a=l},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(23),o=(a.n(r),function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}()),c=wp.element.Component,__=wp.i18n.__,s=wp.components,g=s.Tooltip,u=s.Button,p=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),o(t,[{key:"render",value:function(){var e=this.props,t=e.onClick,a=e.selectedDevice;return wp.element.createElement("div",{className:"gb-responsive-tabs"},wp.element.createElement(g,{text:__("Show options for all devices","generateblocks")},wp.element.createElement(u,{isLarge:!0,isPressed:"desktop"===a,onClick:function(){t("desktop")}},__("Desktop","generateblocks"))),wp.element.createElement(g,{text:__("Show options for tablet devices","generateblocks")},wp.element.createElement(u,{isLarge:!0,isPressed:"tablet"===a,onClick:function(){t("tablet")}},__("Tablet","generateblocks"))),wp.element.createElement(g,{text:__("Show options for mobile devices","generateblocks")},wp.element.createElement(u,{isLarge:!0,isPressed:"mobile"===a,onClick:function(){t("mobile")}},__("Mobile","generateblocks"))))}}]),t}(c);t.a=p},function(e,t,a){"use strict";function l(e){var t="",a=!0,l=!1,i=void 0;try{for(var r,o=Object.entries(e)[Symbol.iterator]();!(a=(r=o.next()).done);a=!0){var c=r.value,s=n(c,2),g=s[0],u=s[1];if(!(u.length<1)){var p=g+"{",b=0,d=!0,f=!1,m=void 0;try{for(var h,k=Object.entries(u)[Symbol.iterator]();!(d=(h=k.next()).done);d=!0){var w=h.value,y=n(w,2),v=(y[0],y[1]),C=!0,S=!1,B=void 0;try{for(var E,T=Object.entries(v)[Symbol.iterator]();!(C=(E=T.next()).done);C=!0){var O=E.value,z=n(O,2),M=z[0],D=z[1];(D||0===D)&&(b++,p+=M+": "+D+";")}}catch(e){S=!0,B=e}finally{try{!C&&T.return&&T.return()}finally{if(S)throw B}}}}catch(e){f=!0,m=e}finally{try{!d&&k.return&&k.return()}finally{if(f)throw m}}p+="}",b>0&&(t+=p)}}}catch(e){l=!0,i=e}finally{try{!a&&o.return&&o.return()}finally{if(l)throw i}}return t}t.a=l;var n=function(){function e(e,t){var a=[],_n=!0,l=!1,n=void 0;try{for(var i,r=e[Symbol.iterator]();!(_n=(i=r.next()).done)&&(a.push(i.value),!t||a.length!==t);_n=!0);}catch(e){l=!0,n=e}finally{try{!_n&&r.return&&r.return()}finally{if(l)throw n}}return a}return function(t,a){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,a);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(25),o=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),c=wp.components.PanelBody,s=wp.element.Component,g=wp.hooks.applyFilters,u=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),o(t,[{key:"render",value:function(){var e=this.props,t=e.title,a=void 0!==t&&t,l=e.initialOpen,n=void 0!==l&&l,i=e.icon,o=e.className,s=e.id,u=e.state,p=e.showPanel,b=void 0===p||p,d=e.children;return g("generateblocks.editor.showPanel",b,s,this.props)?wp.element.createElement(r.a,{name:"generateblocks.panel."+s,props:this.props,state:u},a?wp.element.createElement(c,{title:a,initialOpen:n,icon:i,className:o},d):wp.element.createElement(c,null,d)):null}}]),t}(s);t.a=u},function(e,t,a){"use strict";function l(e,t){return e?t||0===t?(e=e.replace("#",""),"rgba("+parseInt(3===e.length?e.slice(0,1).repeat(2):e.slice(0,2),16)+", "+parseInt(3===e.length?e.slice(1,2).repeat(2):e.slice(2,4),16)+", "+parseInt(3===e.length?e.slice(2,3).repeat(2):e.slice(4,6),16)+", "+t+")"):e:""}t.a=l},function(e,t,a){"use strict";function l(e){return DOMPurify.sanitize(e,{USE_PROFILES:{svg:!0,svgFilters:!0}})}t.a=l},function(e,t,a){"use strict";function l(e,t){return!(!e&&0!==e)&&e+t}t.a=l},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(0),o=a.n(r),c=a(6),s=a(1),g=a(33),u=(a.n(g),function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}()),p=wp.element.Component,__=wp.i18n.__,b=wp.components,d=b.Tooltip,f=b.BaseControl,m=b.Button,h=b.ColorPicker,k=b.RangeControl,w=wp.blockEditor.ColorPalette,y=function(e){function t(){l(this,t);var e=n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={showPicker:!1,showPalette:"palette"===generateBlocksInfo.colorComponentDiplay,colorKey:!1},e}return i(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.value,l=t.onChange,n=t.onOpacityChange,i=t.label,r=t.alpha,g=void 0!==r&&r,u=t.valueOpacity,p=this.state,b=p.showPicker,y=p.showPalette,v=p.colorKey;return wp.element.createElement(f,{className:o()({"gblocks-color-picker-container":!0,"gblocks-color-picker-is-open":b})},wp.element.createElement(f,{className:"gblocks-component-color-picker-wrapper"},wp.element.createElement("span",{className:"components-base-control__label",role:"button",tabIndex:"0",onClick:function(){e.setState({showPicker:!b})},onKeyDown:function(){e.setState({showPicker:!b})}},i),wp.element.createElement("div",{className:o()("components-color-palette__item-wrapper components-circular-option-picker__option-wrapper",a?"":"components-color-palette__custom-color")},wp.element.createElement(d,{text:__("Choose Color","generateblocks")},wp.element.createElement("button",{type:"button","aria-expanded":b,className:"components-color-palette__item components-circular-option-picker__option",onClick:function(){e.setState({showPicker:!b})},"aria-label":__("Custom color picker","generateblocks"),style:{color:a?Object(c.a)(a,u):"transparent"}},wp.element.createElement("span",{className:"components-color-palette__custom-color-gradient"}))))),b&&wp.element.createElement("div",{className:o()({"gblocks-component-color-picker":!0})},!y&&wp.element.createElement(f,{key:v},wp.element.createElement(h,{key:v,color:a||"",onChangeComplete:function(e){l(e.hex)},disableAlpha:!0}),wp.element.createElement("div",{className:"gblocks-color-controls"},wp.element.createElement(m,{isSmall:!0,isSecondary:!0,className:"components-color-clear-color",onClick:function(){l("")}},__("Clear Color","generateblocks")),wp.element.createElement(m,{isSmall:!0,isSecondary:!0,"aria-expanded":y,className:"components-color-show-palette",onClick:function(){e.setState({showPalette:!y})}},__("Show Color Palette","generateblocks")))),!y&&g&&wp.element.createElement("div",{className:"gblocks-component-color-opacity"},wp.element.createElement(d,{text:__("Opacity","generateblocks")},Object(s.a)("gradient")),wp.element.createElement(k,{value:u||0,onChange:function(e){return n(e)},min:0,max:1,step:.01,initialPosition:1})),y&&wp.element.createElement("div",null,wp.element.createElement(m,{isSmall:!0,isSecondary:!0,"aria-expanded":y,className:"components-color-show-palette",onClick:function(){e.setState({showPalette:!y})}},__("Choose Custom Color","generateblocks")),wp.element.createElement(f,{label:!1,className:"gblocks-component-color-picker-palette"},wp.element.createElement(w,{value:a,onChange:function(t){l(t),e.setState({colorKey:t})},disableCustomColors:!0})),g&&wp.element.createElement("div",{className:"gblocks-component-color-opacity"},wp.element.createElement(d,{text:__("Opacity","generateblocks")},Object(s.a)("gradient")),wp.element.createElement(k,{value:u||0,onChange:function(e){return n(e)},min:0,max:1,step:.01,initialPosition:1})))))}}]),t}(p);t.a=y},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(34),g=(a.n(s),a(1)),u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),p=wp.i18n,__=p.__,_x=p._x,b=p.sprintf,d=wp.element,f=d.Component,m=d.Fragment,h=wp.components,k=h.Button,w=h.Tooltip,y=h.ButtonGroup,v=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.onChangeTop=e.onChangeTop.bind(e),e.onChangeRight=e.onChangeRight.bind(e),e.onChangeBottom=e.onChangeBottom.bind(e),e.onChangeLeft=e.onChangeLeft.bind(e),e.onChangeAll=e.onChangeAll.bind(e),e.syncUnits=e.syncUnits.bind(e),e.onChangeUnits=e.onChangeUnits.bind(e),e}return r(t,e),u(t,[{key:"onReset",value:function(e){this.props.setAttributes(l({},this.props[e],""))}},{key:"onChangeTop",value:function(e){this.props.setAttributes(l({},this.props.attrTop,e))}},{key:"onChangeRight",value:function(e){this.props.setAttributes(l({},this.props.attrRight,e))}},{key:"onChangeBottom",value:function(e){this.props.setAttributes(l({},this.props.attrBottom,e))}},{key:"onChangeLeft",value:function(e){this.props.setAttributes(l({},this.props.attrLeft,e))}},{key:"onChangeAll",value:function(e){var t;this.props.setAttributes((t={},l(t,this.props.attrTop,e),l(t,this.props.attrRight,e),l(t,this.props.attrBottom,e),l(t,this.props.attrLeft,e),t))}},{key:"syncUnits",value:function(){var e,t=[this.props.attributes[this.props.attrTop],this.props.attributes[this.props.attrRight],this.props.attributes[this.props.attrBottom],this.props.attributes[this.props.attrLeft]],a=Math.max.apply(null,t);this.props.setAttributes((e={},l(e,this.props.attrSyncUnits,!this.props.attributes[this.props.attrSyncUnits]),l(e,this.props.attrTop,a.toString()),l(e,this.props.attrRight,a.toString()),l(e,this.props.attrBottom,a.toString()),l(e,this.props.attrLeft,a.toString()),e))}},{key:"onChangeUnits",value:function(e){this.props.setAttributes(l({},this.props.attrUnit,e))}},{key:"render",value:function(){var e=this,t=this.props,a=t.attributes,l=t.label,n=void 0===l?__("Margin","generateblocks"):l,i=t.type,r=void 0===i?"margin":i,o=t.attrTop,s=t.attrRight,u=t.attrBottom,p=t.attrLeft,d=t.attrSyncUnits,f=t.attrUnit,h=t.labelTop,v=void 0===h?__("Top","generateblocks"):h,C=t.labelRight,S=void 0===C?__("Right","generateblocks"):C,B=t.labelBottom,E=void 0===B?__("Bottom","generateblocks"):B,T=t.labelLeft,O=void 0===T?__("Left","generateblocks"):T,z=t.displayUnit,M=t.device,D=t.block,_=t.defaults,L=c()("components-base-control","components-gblocks-dimensions-control"),R=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrTop");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeTop(a)},x=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrRight");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeRight(a)},P=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrBottom");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeBottom(a)},U=function(t){var a=t.target.value;if("padding"===r&&(a=a.toString().replace(/-/g,"")),""===a)return void e.onReset("attrLeft");e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll(a):e.onChangeLeft(a)},j=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"},{name:_x("Percentage","A size unit for CSS markup","generateblocks"),unitValue:"%"}],N="",A="",F="",H="";if("headline"===D&&u.includes("marginBottom")&&"undefined"!==typeof generateBlocksStyling.headline&&"undefined"!==typeof generateBlocksStyling.headline[a.element].marginBottom&&generateBlocksStyling.headline[a.element].marginUnit===a.marginUnit&&(F=generateBlocksStyling.headline[a.element].marginBottom),"tablet"===M){var I=o.replace("Tablet",""),V=s.replace("Tablet",""),G=u.replace("Tablet",""),q=p.replace("Tablet","");N=a[I]?a[I]:N,A=a[V]?a[V]:A,F=a[G]?a[G]:F,H=a[q]?a[q]:H}if("mobile"===M){var W=o.replace("Mobile",""),Z=s.replace("Mobile",""),K=u.replace("Mobile",""),J=p.replace("Mobile","");a[W+"Tablet"]?N=a[W+"Tablet"]:a[W]&&(N=a[W]),a[Z+"Tablet"]?A=a[Z+"Tablet"]:a[Z]&&(A=a[Z]),a[K+"Tablet"]?F=a[K+"Tablet"]:a[K]&&(F=a[K]),a[J+"Tablet"]?H=a[J+"Tablet"]:a[J]&&(H=a[J])}return wp.element.createElement(m,null,wp.element.createElement("div",{className:L},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},n),"undefined"!==typeof a[f]?wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(y,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units","generateblocks")},j.map(function(t){return wp.element.createElement(w,{text:b(__("%s Units","generateblocks"),t.name),key:t.unitValue},wp.element.createElement(k,{key:t.unitValue,className:"components-gblocks-dimensions-control__units--"+t.name,isSmall:!0,isPrimary:a[f]===t.unitValue,"aria-pressed":a[f]===t.unitValue,"aria-label":b(__("%s Units","generateblocks"),t.name),onClick:function(){return e.onChangeUnits(t.unitValue)}},t.unitValue))}))):null,"undefined"!==typeof z&&wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units","generateblocks"),key:"px-unit"},wp.element.createElement(k,{key:"px-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},z)))),wp.element.createElement("div",{className:"components-gblocks-dimensions-control__inputs"},wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:N,type:"number",onChange:R,onBlur:function(){""===a[o]&&""!==_[o]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeTop("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Top","generateblocks"),n),value:a[o]?a[o]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:A,type:"number",onChange:x,onBlur:function(){""===a[s]&&""!==_[s]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeRight("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Right","generateblocks"),n),value:a[s]?a[s]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:F,type:"number",onChange:P,onBlur:function(){""===a[u]&&""!==_[u]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeBottom("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Bottom","generateblocks"),n),value:a[u]?a[u]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement("input",{className:"components-gblocks-dimensions-control__number",placeholder:H,type:"number",onChange:U,onBlur:function(){""===a[p]&&""!==_[p]&&(e.props.attributes[e.props.attrSyncUnits]?e.onChangeAll("0"):e.onChangeLeft("0"))},onClick:function(e){e.currentTarget.focus()},"aria-label":b(__("%s Left","generateblocks"),n),value:a[p]?a[p]:"",min:"padding"===r?0:void 0,"data-attribute":r}),wp.element.createElement(w,{text:a[d]?__("Unsync","generateblocks"):__("Sync","generateblocks")},wp.element.createElement(k,{className:"components-gblocks-dimensions-control_sync","aria-label":__("Sync Units","generateblocks"),isPrimary:!!a[d]&&a[d],"aria-pressed":!!a[d]&&a[d],onClick:function(t){return e.syncUnits(t,"")},isSmall:!0},(a[d],Object(g.a)("sync"))))),wp.element.createElement("div",{className:"components-gblocks-dimensions-control__input-labels"},wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},v),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},S),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},E),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"},O),wp.element.createElement("span",{className:"components-gblocks-dimensions-control__number-label"}))))}}]),t}(f);t.a=v},function(e,t,a){"use strict";function l(e,t,a,l,n){if(""!==e||""!==t||""!==a||""!==l){e=0!=parseFloat(e)&&""!==e?parseFloat(e)+n+" ":"0 ",t=0!=parseFloat(t)&&""!==t?parseFloat(t)+n+" ":"0 ",a=0!=parseFloat(a)&&""!==a?parseFloat(a)+n+" ":"0 ",l=0!=parseFloat(l)&&""!==l?parseFloat(l)+n+" ":"0 ",t===l&&(l="",e===a&&(a="",e===t&&(t="")));return(e+t+a+l).trim()}}t.a=l},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(35),c=(a.n(o),a(36)),s=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),g=wp.i18n,__=g.__,_x=g._x,u=g.sprintf,p=wp.element,b=p.Component,d=p.Fragment,f=wp.components,m=f.BaseControl,h=f.SelectControl,k=f.ToggleControl,w=f.TextControl,y=f.ButtonGroup,v=f.Tooltip,C=f.Button,S=function(e){function t(){return n(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),s(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.setAttributes,n=t.attributes,i=t.device,r=void 0===i?"":i,o=t.showFontSize,s=void 0!==o&&o,g=t.showFontFamily,p=void 0!==g&&g,b=t.showFontWeight,f=void 0!==b&&b,S=t.showTextTransform,B=void 0!==S&&S,E=t.showLineHeight,T=void 0!==E&&E,O=t.showLetterSpacing,z=void 0!==O&&O,M=t.disableAdvancedToggle,D=void 0!==M&&M,_=t.fontSizePlaceholder,L=void 0===_?"17":_,R=[{value:"",label:__("Select font...","generateblocks")},{value:"Arial",label:"Arial"},{value:"Helvetica",label:"Helvetica"},{value:"Times New Roman",label:"Times New Roman"},{value:"Georgia",label:"Georgia"}];Object.keys(c.a).slice(0,20).map(function(e){R.push({value:e,label:e})}),R.push({value:"other",label:__("Other","generateblocks")});var x=[{value:"",label:__("Default","generateblocks")},{value:"normal",label:__("Normal","generateblocks")},{value:"bold",label:__("Bold","generateblocks")},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],P=[{value:"",label:__("Default","generateblocks")},{value:"uppercase",label:__("Uppercase","generateblocks")},{value:"lowercase",label:__("Lowercase","generateblocks")},{value:"capitalize",label:__("Capitalize","generateblocks")},{value:"initial",label:__("Normal","generateblocks")}];"undefined"!==typeof c.a[n.fontFamily]&&"undefined"!==typeof c.a[n.fontFamily].weight&&(x=[{value:"",label:__("Default","generateblocks")},{value:"normal",label:__("Normal","generateblocks")},{value:"bold",label:__("Bold","generateblocks")}],c.a[n.fontFamily].weight.filter(function(e){var t=e.match(/[a-z]/g),a=e.match(/[0-9]/g);return!(t&&a||"italic"===e)}).map(function(e){x.push({value:e,label:e})}));var U=function(e){"other"===e&&(e="");n.fontWeight;a({fontFamily:e}),n.fontWeight&&Object.values(x).indexOf(n.fontWeight),a("undefined"!==typeof c.a[e]?{googleFont:!0,fontFamilyFallback:c.a[e].fallback,googleFontVariants:c.a[e].weight.join(", ")}:{googleFont:!1,fontFamilyFallback:"",googleFontVariants:""})},j=function(e){a({fontFamily:e.target.value}),U(e.target.value)},N=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"},{name:_x("Percentage","A size unit for CSS markup","generateblocks"),unitValue:"%"}],A=function(e,t){return n[e+t]},F=function(e,t){return e+t},H=n.showAdvancedTypography;D&&(H=!0);var I=L;return"Tablet"===r&&n.fontSize&&(I=n.fontSize),"Mobile"===r&&(n.fontSizeTablet?I=n.fontSizeTablet:n.fontSize&&(I=n.fontSize)),wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-weight-transform"},f&&wp.element.createElement(h,{label:__("Weight","generateblocks"),value:n.fontWeight,options:x,onChange:function(e){a({fontWeight:e})},className:"components-base-control"}),B&&wp.element.createElement(h,{label:__("Transform","generateblocks"),value:n.textTransform,options:P,onChange:function(e){a({textTransform:e})},className:"components-base-control"})),!D&&wp.element.createElement(k,{label:__("Show Advanced Typography","generateblocks"),checked:!!n.showAdvancedTypography,onChange:function(e){a({showAdvancedTypography:e})}}),p&&H&&wp.element.createElement(m,{className:"gblocks-font-family-shortcuts",label:__("Font Family","generateblocks")},wp.element.createElement("select",{className:"components-select-control__input components-select-control__input--gblocks-fontfamily",onChange:j,onBlur:j},R.map(function(e,t){return wp.element.createElement("option",{key:e.label+"-"+e.value+"-"+t,value:e.value},e.label)}))),p&&H&&wp.element.createElement(w,{value:n.fontFamily,placeholder:__("Enter font name...","generateblocks"),onChange:function(e){return U(e)}}),p&&""!==n.fontFamily&&H&&wp.element.createElement(d,null,wp.element.createElement(k,{label:__("Google Font","generateblocks"),checked:!!n.googleFont,onChange:function(e){a({googleFont:e}),e&&"undefined"!==typeof c.a[n.fontFamily]&&a({fontFamilyFallback:c.a[n.fontFamily].fallback,googleFontVariants:c.a[n.fontFamily].weight.join(", ")})}}),!!n.googleFont&&wp.element.createElement(w,{label:__("Variants","generateblocks"),value:n.googleFontVariants,placeholder:__("300, 400, 400i","generateblocks"),onChange:function(e){a({googleFontVariants:e})}})),p&&H&&wp.element.createElement(w,{label:__("Font Family Fallback","generateblocks"),value:n.fontFamilyFallback,placeholder:__("sans-serif","generateblocks"),onChange:function(e){a({fontFamilyFallback:e})}}),s&&H&&wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Font Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(y,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},N.map(function(e){return wp.element.createElement(v,{text:u(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(C,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:n.fontSizeUnit===e.unitValue,"aria-pressed":n.fontSizeUnit===e.unitValue,"aria-label":u(__("%s Units","generateblocks"),e.name),onClick:function(){return a({fontSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-gblocks-typography-control__inputs"},wp.element.createElement(w,{type:"number",value:A("fontSize",r)||"",placeholder:I,onChange:function(e){var t=F("fontSize",r);a(l({},t,parseFloat(e)))},min:1,autoComplete:"off"}),wp.element.createElement(C,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){var t=F("fontSize",r);a(l({},t,e.props.defaultFontSize))}},__("Reset","generateblocks")))),T&&H&&wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Line Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(y,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},N.map(function(e){return wp.element.createElement(v,{text:u(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(C,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:n.lineHeightUnit===e.unitValue,"aria-pressed":n.lineHeightUnit===e.unitValue,"aria-label":u(__("%s Units","generateblocks"),e.name),onClick:function(){return a({lineHeightUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-gblocks-typography-control__inputs"},wp.element.createElement(w,{type:"number",value:A("lineHeight",r)||0===A("lineHeight",r)?A("lineHeight",r):"",placeholder:"1.5",onChange:function(e){var t=F("lineHeight",r);a(l({},t,e))},onBlur:function(){var e=F("lineHeight",r);a(l({},e,parseFloat(A("lineHeight",r))))},onClick:function(e){e.currentTarget.focus()},min:0,step:.1,autoComplete:"off"}),wp.element.createElement(C,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){var t=F("lineHeight",r);a(l({},t,e.props.defaultLineHeight))}},__("Reset","generateblocks")))),z&&H&&wp.element.createElement(d,null,wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Letter Spacing","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(v,{text:__("Em Units","generateblocks"),key:"letter-spacing-unit"},wp.element.createElement(C,{key:"letter-spacing-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Em Units","generateblocks")},"em")))),wp.element.createElement("div",{className:"components-gblocks-typography-control__inputs"},wp.element.createElement(w,{type:"number",value:A("letterSpacing",r)||"",placeholder:"0.01",onChange:function(e){var t=F("letterSpacing",r);a(l({},t,e))},onBlur:function(){var e=F("letterSpacing",r);a(l({},e,parseFloat(A("letterSpacing",r))))},onClick:function(e){e.currentTarget.focus()},min:-1,step:.01,autoComplete:"off"}),wp.element.createElement(C,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){var t=F("letterSpacing",r);a(l({},t,e.props.defaultLetterSpacing))}},__("Reset","generateblocks")))))}}]),t}(b);t.a=S},function(e,t,a){"use strict";function l(e){var t=e.attributes,a=e.tagName,l=e.id,r=e.className,o=e.style,c=e.children;return l||(l=null),n(a,i("generateblocks.frontend.htmlAttributes",{id:l,className:r,style:o},"generateblocks/container",t),c)}t.a=l;var n=wp.element.createElement,i=wp.hooks.applyFilters},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(37),c=(a.n(o),a(9)),s=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,g=wp.element,u=g.Component,p=g.Fragment,b=wp.components,d=b.BaseControl,f=b.ToggleControl,m=b.TextControl,h=b.RangeControl,k=function(e){function t(){return n(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),s(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.attributes,n=t.setAttributes,i=t.attrGradient,r=t.attrGradientDirection,o=t.attrGradientColorOne,s=t.attrGradientColorOneOpacity,g=t.attrGradientColorStopOne,u=t.attrGradientColorTwo,b=t.attrGradientColorTwoOpacity,k=t.attrGradientColorStopTwo,w=t.defaultColorOne,y=t.defaultColorTwo;return wp.element.createElement(p,null,wp.element.createElement(f,{label:__("Use Gradient","generateblocks"),checked:!!a[i],onChange:function(t){n(l({},e.props.attrGradient,t))}}),!!a[i]&&wp.element.createElement(p,null,wp.element.createElement(d,{label:__("Direction","generateblocks")},wp.element.createElement(h,{value:a[r]?a[r]:1,onChange:function(e){n(l({},r,e))},min:0,max:360,step:1,initialPosition:90})),wp.element.createElement(d,{label:__("Color One","generateblocks")},wp.element.createElement("div",{className:"gblocks-component-gradient-control"},wp.element.createElement(c.a,{value:a[o],alpha:!0,valueOpacity:a[s],attrOpacity:"gradientColorOneOpacity",onChange:function(e){return n(l({},o,e))},onOpacityChange:function(e){return n(l({},s,e))},onClear:function(){return n(l({},o,w))}}),wp.element.createElement(m,{className:"gblocks-component-gradient-stop-value",type:"text",value:a[g]||0===a[g]?a[g]:"",placeholder:__("Stop position (%)","generateblocks"),onChange:function(e){n(l({},g,e))},onBlur:function(){n(l({},g,parseFloat(a[g])))},onClick:function(e){e.currentTarget.focus()}}))),wp.element.createElement(d,{label:__("Color Two","generateblocks")},wp.element.createElement("div",{className:"gblocks-component-gradient-control"},wp.element.createElement(c.a,{value:a[u],alpha:!0,valueOpacity:a[b],attrOpacity:"gradientColorTwoOpacity",onChange:function(e){return n(l({},u,e))},onOpacityChange:function(e){return n(l({},b,e))},onClear:function(){return n(l({},u,y))}}),wp.element.createElement(m,{className:"gblocks-component-gradient-stop-value",type:"text",value:a[k]||0===a[k]?a[k]:"",placeholder:__("Stop position (%)","generateblocks"),onChange:function(e){n(l({},k,e))},onBlur:function(){n(l({},k,parseFloat(a[k])))},onClick:function(e){e.currentTarget.focus()}})))))}}]),t}(u);t.a=k},function(e,t,a){"use strict";function l(e){return"left"===e||"top"===e?"flex-start":"right"===e||"bottom"===e?"flex-end":e}t.a=l},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(52),c=(a.n(o),a(53)),s=a(54),g=a(7),u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,p=wp.element,b=p.Component,d=p.Fragment,f=p.renderToString,m=wp.components,h=m.BaseControl,k=m.SelectControl,w=m.ToggleControl,y=m.TextControl,v=m.Tooltip,C=m.Button,S=m.PanelBody,B=m.PanelRow,E=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={showIcons:!1,showGeneralIcons:!1,showSocialIcons:!1},e}return r(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.attributes,n=t.setAttributes,i=t.attrIcon,r=t.attrIconLocation,o=t.locationOptions,u=t.attrRemoveText;return wp.element.createElement(d,null,wp.element.createElement(h,{className:"gb-svg-html"},wp.element.createElement(y,{label:__("Icon SVG HTML","generateblocks"),value:a[i],onChange:function(t){n(l({},e.props.attrIcon,Object(g.a)(t))),n(""!==t?{hasIcon:!0}:{hasIcon:!1})}}),wp.element.createElement("div",{className:"gb-icon-preview"},wp.element.createElement("span",{dangerouslySetInnerHTML:{__html:Object(g.a)(a[i])}}),wp.element.createElement(C,{isSmall:!0,className:"reset-icon is-secondary",onClick:function(){var t;n((t={},l(t,e.props.attrIcon,""),l(t,"hasIcon",!1),t))}},wp.element.createElement("span",{className:"editor-block-types-list__item-icon"},__("Clear","generateblocks"))))),wp.element.createElement(h,{className:"gb-icon-chooser"},wp.element.createElement(S,{title:__("General Icons","generateblocks"),initialOpen:!1},wp.element.createElement(B,null,wp.element.createElement(h,null,wp.element.createElement("ul",{className:"gblocks-icon-chooser"},Object.keys(s.a).map(function(t,a){return wp.element.createElement("li",{key:"editor-pblock-types-list-item-"+a},wp.element.createElement(v,{text:s.a[t].label},wp.element.createElement(C,{isLarge:!0,className:"editor-block-list-item-button",onClick:function(){var a;n((a={},l(a,e.props.attrIcon,f(s.a[t].icon)),l(a,"hasIcon",!0),a))}},wp.element.createElement("span",{className:"editor-block-types-list__item-icon"},s.a[t].icon))))}))))),wp.element.createElement(S,{title:__("Social Icons","generateblocks"),initialOpen:!1},wp.element.createElement(B,null,wp.element.createElement(h,null,wp.element.createElement("ul",{className:"gblocks-icon-chooser"},Object.keys(c.a).map(function(t,a){return wp.element.createElement("li",{key:"editor-pblock-types-list-item-"+a},wp.element.createElement(v,{text:c.a[t].label},wp.element.createElement(C,{isLarge:!0,className:"editor-block-list-item-button",onClick:function(){var a;n((a={},l(a,e.props.attrIcon,f(c.a[t].icon)),l(a,"hasIcon",!0),a))}},wp.element.createElement("span",{className:"editor-block-types-list__item-icon"},c.a[t].icon))))})))))),"undefined"!==typeof a[r]&&!a[u]&&!!a[i]&&wp.element.createElement(k,{label:__("Icon Location","generateblocks"),value:a[r],options:o,onChange:function(t){var i=a.iconPaddingLeft,r=a.iconPaddingRight,o=a.iconPaddingRightTablet,c=a.iconPaddingLeftTablet,s=a.iconPaddingRightMobile,g=a.iconPaddingLeftMobile;"right"===t&&(!i&&r&&n({iconPaddingLeft:r,iconPaddingRight:""}),!c&&o&&n({iconPaddingLeftTablet:o,iconPaddingRightTablet:""}),!g&&s&&n({iconPaddingLeftMobile:s,iconPaddingRightMobile:""})),"left"===t&&(!r&&i&&n({iconPaddingRight:i,iconPaddingLeft:""}),!o&&c&&n({iconPaddingRightTablet:c,iconPaddingLeftTablet:""}),!s&&g&&n({iconPaddingRightMobile:g,iconPaddingLeftMobile:""})),n(l({},e.props.attrIconLocation,t))}}),"undefined"!==typeof a[u]&&!!a[i]&&wp.element.createElement(w,{label:__("Remove Text","generateblocks"),checked:!!a[u],onChange:function(t){n(l({},e.props.attrRemoveText,t))}}))}}]),t}(b);t.a=E},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=a(7),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},c=wp.blockEditor.RichText,s=wp.hooks.applyFilters;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,g=a.elementId,u=a.cssClasses,p=a.element,b=a.content,d=a.icon,f=a.removeText,m=a.ariaLabel,h=function(e){var t=e.condition,a=e.wrap,l=e.children;return t?a(l):l},k={id:g||void 0,className:i()((t={"gb-headline":!0},l(t,"gb-headline-"+n,!0),l(t,""+u,""!==u),t))};return k=s("generateblocks.frontend.htmlAttributes",k,"generateblocks/headline",a),wp.element.createElement(h,{condition:d,wrap:function(e){return wp.element.createElement("div",{className:i()(l({"gb-headline-wrapper":!0},"gb-headline-wrapper-"+n,!0))},e)}},d&&wp.element.createElement("span",{className:"gb-icon","aria-label":f&&m?m:void 0,dangerouslySetInnerHTML:{__html:Object(r.a)(d)}}),!f&&wp.element.createElement(c.Content,o({tagName:p,value:b},k)))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},content:{type:"array",source:"children",selector:"p,h1,h2,h3,h4,h5,h6"},element:{type:"string",default:"h2"},alignment:{type:"string",default:generateBlocksDefaults.headline.alignment},alignmentTablet:{type:"string",default:generateBlocksDefaults.headline.alignmentTablet},alignmentMobile:{type:"string",default:generateBlocksDefaults.headline.alignmentMobile},backgroundColor:{type:"string",default:generateBlocksDefaults.headline.backgroundColor},backgroundColorOpacity:{type:"number",default:generateBlocksDefaults.headline.backgroundColorOpacity},textColor:{type:"string",default:generateBlocksDefaults.headline.textColor},linkColor:{type:"string",default:generateBlocksDefaults.headline.linkColor},linkColorHover:{type:"string",default:generateBlocksDefaults.headline.linkColorHover},borderColor:{type:"string",default:generateBlocksDefaults.headline.borderColor},borderColorOpacity:{type:"number",default:generateBlocksDefaults.headline.borderColorOpacity},highlightTextColor:{type:"string",default:generateBlocksDefaults.headline.highlightTextColor},showAdvancedTypography:{type:"boolean",default:generateBlocksDefaults.headline.showAdvancedTypography},fontFamily:{type:"string",default:generateBlocksDefaults.headline.fontFamily},fontFamilyFallback:{type:"string",default:generateBlocksDefaults.headline.fontFamilyFallback},googleFont:{type:"boolean",default:generateBlocksDefaults.headline.googleFont},googleFontVariants:{type:"string",default:generateBlocksDefaults.headline.googleFontVariants},fontWeight:{type:"string",default:generateBlocksDefaults.headline.fontWeight},fontSize:{type:"number",default:generateBlocksDefaults.headline.fontSize},fontSizeTablet:{type:"number",default:generateBlocksDefaults.headline.fontSizeTablet},fontSizeMobile:{type:"number",default:generateBlocksDefaults.headline.fontSizeMobile},fontSizeUnit:{type:"string",default:generateBlocksDefaults.headline.fontSizeUnit},textTransform:{type:"string",default:""},lineHeight:{type:"number",default:generateBlocksDefaults.headline.lineHeight},lineHeightTablet:{type:"number",default:generateBlocksDefaults.headline.lineHeightTablet},lineHeightMobile:{type:"number",default:generateBlocksDefaults.headline.lineHeightMobile},lineHeightUnit:{type:"string",default:generateBlocksDefaults.headline.lineHeightUnit},letterSpacing:{type:"number",default:generateBlocksDefaults.headline.letterSpacing},letterSpacingTablet:{type:"number",default:generateBlocksDefaults.headline.letterSpacingTablet},letterSpacingMobile:{type:"number",default:generateBlocksDefaults.headline.letterSpacingMobile},marginTop:{type:"string",default:generateBlocksDefaults.headline.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.headline.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.headline.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.headline.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.headline.marginUnit},marginSyncUnits:{type:"boolean",default:!1},marginTopTablet:{type:"string",default:generateBlocksDefaults.headline.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.headline.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.headline.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.headline.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.headline.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.headline.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.headline.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.headline.marginLeftMobile},paddingTop:{type:"string",default:generateBlocksDefaults.headline.paddingTop},paddingRight:{type:"string",default:generateBlocksDefaults.headline.paddingRight},paddingBottom:{type:"string",default:generateBlocksDefaults.headline.paddingBottom},paddingLeft:{type:"string",default:generateBlocksDefaults.headline.paddingLeft},paddingTopTablet:{type:"string",default:generateBlocksDefaults.headline.paddingTopTablet},paddingRightTablet:{type:"string",default:generateBlocksDefaults.headline.paddingRightTablet},paddingBottomTablet:{type:"string",default:generateBlocksDefaults.headline.paddingBottomTablet},paddingLeftTablet:{type:"string",default:generateBlocksDefaults.headline.paddingLeftTablet},paddingTopMobile:{type:"string",default:generateBlocksDefaults.headline.paddingTopMobile},paddingRightMobile:{type:"string",default:generateBlocksDefaults.headline.paddingRightMobile},paddingBottomMobile:{type:"string",default:generateBlocksDefaults.headline.paddingBottomMobile},paddingLeftMobile:{type:"string",default:generateBlocksDefaults.headline.paddingLeftMobile},paddingUnit:{type:"string",default:generateBlocksDefaults.headline.paddingUnit},paddingSyncUnits:{type:"boolean",default:!1},borderSizeTop:{type:"string",default:generateBlocksDefaults.headline.borderSizeTop},borderSizeRight:{type:"string",default:generateBlocksDefaults.headline.borderSizeRight},borderSizeBottom:{type:"string",default:generateBlocksDefaults.headline.borderSizeBottom},borderSizeLeft:{type:"string",default:generateBlocksDefaults.headline.borderSizeLeft},borderSizeTopTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeTopTablet},borderSizeRightTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeRightTablet},borderSizeBottomTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeBottomTablet},borderSizeLeftTablet:{type:"string",default:generateBlocksDefaults.headline.borderSizeLeftTablet},borderSizeTopMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeTopMobile},borderSizeRightMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeRightMobile},borderSizeBottomMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeBottomMobile},borderSizeLeftMobile:{type:"string",default:generateBlocksDefaults.headline.borderSizeLeftMobile},icon:{type:"string",source:"html",selector:".gb-icon"},hasIcon:{type:"boolean",default:!1},iconColor:{type:"string",default:generateBlocksDefaults.headline.iconColor},iconColorOpacity:{type:"number",default:generateBlocksDefaults.headline.iconColorOpacity},customIcon:{type:"boolean",default:!1},iconLocation:{type:"string",default:generateBlocksDefaults.headline.iconLocation},iconLocationTablet:{type:"string",default:generateBlocksDefaults.headline.iconLocationTablet},iconLocationMobile:{type:"string",default:generateBlocksDefaults.headline.iconLocationMobile},iconVerticalAlignment:{type:"string",default:generateBlocksDefaults.headline.iconVerticalAlignment},iconVerticalAlignmentTablet:{type:"string",default:generateBlocksDefaults.headline.iconVerticalAlignmentTablet},iconVerticalAlignmentMobile:{type:"string",default:generateBlocksDefaults.headline.iconVerticalAlignmentMobile},iconPaddingTop:{type:"string",default:generateBlocksDefaults.headline.iconPaddingTop},iconPaddingRight:{type:"string",default:generateBlocksDefaults.headline.iconPaddingRight},iconPaddingBottom:{type:"string",default:generateBlocksDefaults.headline.iconPaddingBottom},iconPaddingLeft:{type:"string",default:generateBlocksDefaults.headline.iconPaddingLeft},iconPaddingTopTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingTopTablet},iconPaddingRightTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingRightTablet},iconPaddingBottomTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingBottomTablet},iconPaddingLeftTablet:{type:"string",default:generateBlocksDefaults.headline.iconPaddingLeftTablet},iconPaddingTopMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingTopMobile},iconPaddingRightMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingRightMobile},iconPaddingBottomMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingBottomMobile},iconPaddingLeftMobile:{type:"string",default:generateBlocksDefaults.headline.iconPaddingLeftMobile},iconPaddingUnit:{type:"string",default:generateBlocksDefaults.headline.iconPaddingUnit},iconPaddingSyncUnits:{type:"boolean",default:!1},iconSize:{type:"number",default:generateBlocksDefaults.headline.iconSize},iconSizeTablet:{type:"number",default:generateBlocksDefaults.headline.iconSizeTablet},iconSizeMobile:{type:"number",default:generateBlocksDefaults.headline.iconSizeMobile},iconSizeUnit:{type:"string",default:generateBlocksDefaults.headline.iconSizeUnit},inlineWidth:{type:"boolean",default:generateBlocksDefaults.headline.inlineWidth},inlineWidthTablet:{type:"boolean",default:generateBlocksDefaults.headline.inlineWidthTablet},inlineWidthMobile:{type:"boolean",default:generateBlocksDefaults.headline.inlineWidthMobile},removeText:{type:"boolean",default:generateBlocksDefaults.headline.removeText},ariaLabel:{type:"string",default:generateBlocksDefaults.headline.ariaLabel}}},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});a(20),a(28),a(42),a(48),a(60),a(67)},function(e,t,a){"use strict";var l=a(21),n=(a.n(l),a(22)),i=a(26),r=a(27),o=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/grid",{title:__("Grid","generateblocks"),description:__("Create advanced layouts with flexible grids.","generateblocks"),icon:Object(o.a)("grid"),category:"generateblocks",keywords:[__("grid"),__("column"),__("generate")],attributes:r.a,supports:{anchor:!1,className:!1,customClassName:!1},edit:n.a,save:i.a})},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(1),g=a(2),u=a(3),p=a(24),b=a(5),d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},f=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,m=wp.components,h=m.TextControl,k=m.SelectControl,w=m.Tooltip,y=m.Placeholder,v=m.Button,C=m.Toolbar,S=wp.element,B=S.Fragment,E=S.Component,T=wp.blockEditor,O=T.InspectorControls,z=T.InnerBlocks,M=T.BlockControls,D=wp.blocks.createBlock,_=wp.hooks.applyFilters,L=/[\s#]/g,R=[],x=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={selectedLayout:!1,selectedDevice:"desktop"},e.onLayoutSelect=e.onLayoutSelect.bind(e),e.getColumnsFromLayout=e.getColumnsFromLayout.bind(e),e.getLayoutsSelector=e.getLayoutsSelector.bind(e),e}return r(t,e),f(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?R.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),R.push(e)):R.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),R.push(e))}},{key:"componentDidUpdate",value:function(){var e=this.props,t=e.attributes,a=e.setAttributes,l=e.clientId,n=t.columns;if(this.state.selectedLayout){var i=this.getColumnsFromLayout(this.state.selectedLayout);i.forEach(function(e){wp.data.dispatch("core/block-editor").insertBlocks(D("generateblocks/container",e),void 0,l,!1)}),n=i.length,a({columns:n}),this.setState({selectedLayout:!1})}else{var r=wp.data.select("core/block-editor").getBlocksByClientId(l)[0];if(r){n=r.innerBlocks.length,a({columns:n})}}}},{key:"getColumnsFromLayout",value:function(e){var t=this,a=[],l=e.split("-"),n=0;return l.forEach(function(){var e={isGrid:!0,gridId:t.props.attributes.uniqueId,paddingTop:generateBlocksStyling.container.gridItemPaddingTop||"0",paddingRight:generateBlocksStyling.container.gridItemPaddingRight||"0",paddingBottom:generateBlocksStyling.container.gridItemPaddingBottom||"0",paddingLeft:generateBlocksStyling.container.gridItemPaddingLeft||"0"};e.width=Number(l[n]),n++,a.push(e)}),a}},{key:"getLayoutsSelector",value:function(){var e=this,t=["100","50-50","33.33-33.33-33.33","25-25-25-25","25-75","75-25","25-25-50","25-50-25","50-25-25","20-60-20","20-20-20-20-20","16.66-16.66-16.66-16.66-16.66-16.66"];return wp.element.createElement(y,{label:__("Grid","generateblocks"),instructions:__("Select one layout to get started.","generateblocks"),className:"gb-select-layout"},wp.element.createElement("div",{className:"gb-grid-wrapper-layout-preview"},t.map(function(t){var a=e.getColumnsFromLayout(t);return wp.element.createElement("button",{key:"layout-"+t,className:"gb-grid-wrapper-layout-preview-btn",onClick:function(){return e.onLayoutSelect(t)}},a.map(function(e,a){return wp.element.createElement("div",{key:"layout-"+t+"-col-"+a,className:c()("gb-col","gb-col-"+e.width)})}))})))}},{key:"onLayoutSelect",value:function(e){this.setState({selectedLayout:e})}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.attributes,i=a.setAttributes,r=a.clientId,o=this.state.selectedDevice,f=n.uniqueId,m=n.elementId,y=n.cssClasses,S=n.columns,E=n.horizontalGap,T=n.verticalGap,R=n.verticalAlignment,x=n.horizontalGapTablet,P=n.verticalGapTablet,U=n.verticalAlignmentTablet,j=n.horizontalGapMobile,N=n.verticalGapMobile,A=n.verticalAlignmentMobile,F=n.horizontalAlignment,H=n.horizontalAlignmentTablet,I=n.horizontalAlignmentMobile,V=E||0===E?E:"",G=T||0===T?T:"",q=E||0===E?E:"",W=T||0===T?T:"";x&&(q=x),P&&(W=P);var Z={id:m||void 0,className:c()((e={"gb-grid-wrapper":!0},l(e,"gb-grid-wrapper-"+f,!0),l(e,""+y,""!==y),e))};return Z=_("generateblocks.frontend.htmlAttributes",Z,"generateblocks/grid",n),wp.element.createElement(B,null,wp.element.createElement(M,null,wp.element.createElement(C,null,wp.element.createElement(w,{text:__("Add Grid Item","generateblocks")},wp.element.createElement(v,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:Object(s.a)("addContainer"),onClick:function(){wp.data.dispatch("core/block-editor").insertBlocks(D("generateblocks/container",{isGrid:!0,gridId:f,paddingTop:generateBlocksStyling.container.gridItemPaddingTop||"0",paddingRight:generateBlocksStyling.container.gridItemPaddingRight||"0",paddingBottom:generateBlocksStyling.container.gridItemPaddingBottom||"0",paddingLeft:generateBlocksStyling.container.gridItemPaddingLeft||"0"}),void 0,r)}})))),wp.element.createElement(O,null,wp.element.createElement(u.a,d({},this.props,{selectedDevice:Object(g.a)(o),onClick:function(e){window.localStorage.setItem("generateblocksSelectedDevice",e),t.setState({selectedDevice:e})}})),wp.element.createElement(b.a,d({},this.props,{id:"gridLayout",state:this.state}),"desktop"===Object(g.a)(o)&&wp.element.createElement(B,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Horizontal Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units","generateblocks"),key:"h-gap-unit"},wp.element.createElement(v,{key:"h-gap-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(h,{type:"number",value:E||0===E?E:"",min:"0",onChange:function(e){e=e.toString().replace(/-/g,""),i({horizontalGap:e})},onBlur:function(){i(!E&&generateBlocksDefaults.gridContainer.horizontalGap?{horizontalGap:0}:{horizontalGap:parseFloat(E)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(v,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({horizontalGap:generateBlocksDefaults.gridContainer.horizontalGap})}},__("Reset","generateblocks"))),wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Vertical Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units","generateblocks"),key:"v-gap-unit"},wp.element.createElement(v,{key:"v-gap-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(h,{type:"number",value:T||0===T?T:"",min:"0",onChange:function(e){e=e.toString().replace(/-/g,""),i({verticalGap:e})},onBlur:function(){i(!T&&generateBlocksDefaults.gridContainer.verticalGap?{verticalGap:0}:{verticalGap:parseFloat(T)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(v,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({verticalGap:generateBlocksDefaults.gridContainer.verticalGap})}},__("Reset","generateblocks"))),wp.element.createElement(k,{label:__("Vertical Alignment","generateblocks"),value:R,help:__("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),options:[{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){i({verticalAlignment:e})}}),wp.element.createElement(k,{label:__("Horizontal Alignment","generateblocks"),value:F,options:[{label:__("Default","generateblocks"),value:""},{label:__("Left","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Right","generateblocks"),value:"flex-end"}],onChange:function(e){i({horizontalAlignment:e})}})),"tablet"===Object(g.a)(o)&&wp.element.createElement(B,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Horizontal Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units","generateblocks"),key:"h-gap-tablet-unit"},wp.element.createElement(v,{key:"h-gap-tablet-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(h,{type:"number",value:x||0===x?x:"",min:"0",placeholder:V,onChange:function(e){e=e.toString().replace(/-/g,""),i({horizontalGapTablet:e})},onBlur:function(){i(!x&&generateBlocksDefaults.gridContainer.horizontalGapTablet?{horizontalGapTablet:0}:{horizontalGapTablet:parseFloat(x)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(v,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({horizontalGapTablet:generateBlocksDefaults.gridContainer.horizontalGapTablet})}},__("Reset","generateblocks"))),wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Vertical Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units","generateblocks"),key:"v-gap-tablet-unit"},wp.element.createElement(v,{key:"v-gap-tablet-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(h,{type:"number",value:P||0===P?P:"",min:"0",placeholder:G,onChange:function(e){e=e.toString().replace(/-/g,""),i({verticalGapTablet:e})},onBlur:function(){i(!P&&generateBlocksDefaults.gridContainer.verticalGapTablet?{verticalGapTablet:0}:{verticalGapTablet:parseFloat(P)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(v,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({verticalGapTablet:generateBlocksDefaults.gridContainer.verticalGapTablet})}},__("Reset","generateblocks"))),wp.element.createElement(k,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:U,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){i({verticalAlignmentTablet:e})}}),wp.element.createElement(k,{label:__("Horizontal Alignment","generateblocks"),value:H,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Left","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Right","generateblocks"),value:"flex-end"}],onChange:function(e){i({horizontalAlignmentTablet:e})}})),"mobile"===Object(g.a)(o)&&wp.element.createElement(B,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Horizontal Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units","generateblocks"),key:"h-gap-mobile-unit"},wp.element.createElement(v,{key:"h-gap-mobile-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(h,{type:"number",value:j||0===j?j:"",min:"0",placeholder:q,onChange:function(e){e=e.toString().replace(/-/g,""),i({horizontalGapMobile:e})},onBlur:function(){i(!j&&generateBlocksDefaults.gridContainer.horizontalGapMobile?{horizontalGapMobile:0}:{horizontalGapMobile:parseFloat(j)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(v,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({horizontalGapMobile:generateBlocksDefaults.gridContainer.horizontalGapMobile})}},__("Reset","generateblocks"))),wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Vertical Gap","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(w,{text:__("Pixel Units","generateblocks"),key:"v-gap-mobile-unit"},wp.element.createElement(v,{key:"v-gap-mobile-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},"px")))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(h,{type:"number",value:N||0===N?N:"",min:"0",placeholder:W,onChange:function(e){e=e.toString().replace(/-/g,""),i({verticalGapMobile:e})},onBlur:function(){i(!N&&generateBlocksDefaults.gridContainer.verticalGapMobile?{verticalGapMobile:0}:{verticalGapMobile:parseFloat(N)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(v,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({verticalGapMobile:generateBlocksDefaults.gridContainer.verticalGapMobile})}},__("Reset","generateblocks"))),wp.element.createElement(k,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:A,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){i({verticalAlignmentMobile:e})}}),wp.element.createElement(k,{label:__("Horizontal Alignment","generateblocks"),value:I,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Left","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Right","generateblocks"),value:"flex-end"}],onChange:function(e){i({horizontalAlignmentMobile:e})}})),_("generateblocks.editor.controls","","gridLayout",this.props,this.state)),wp.element.createElement(b.a,d({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(s.a)("advanced"),className:"gblocks-panel-label",id:"gridAdvanced",state:this.state,showPanel:"desktop"===Object(g.a)(o)||!1}),wp.element.createElement(h,{label:__("Element ID","generateblocks"),value:m,onChange:function(e){var t=e.replace(L,"-");i({elementId:t})}}),wp.element.createElement(h,{label:__("CSS Classes","generateblocks"),value:y,onChange:function(e){i({cssClasses:e})}}),_("generateblocks.editor.controls","","gridAdvanced",this.props,this.state)),wp.element.createElement(b.a,d({},this.props,{title:__("Documentation","generateblocks"),icon:Object(s.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"gridDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/grid/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),_("generateblocks.editor.controls","","gridDocumentation",this.props,this.state))),wp.element.createElement(p.a,this.props),wp.element.createElement("div",Z,S>0||this.state.selectedLayout?wp.element.createElement(B,null,wp.element.createElement(z,{allowedBlocks:["generateblocks/container"],renderAppender:!1})):this.getLayoutsSelector()))}}]),t}(E);t.a=x},function(e,t){},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(4),o=a(8),c=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),s=wp.element.Component,g=wp.hooks.applyFilters,u=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),c(t,[{key:"render",value:function(){var e=this.props.attributes,t=e.uniqueId,a=e.horizontalGap,l=e.verticalGap,n=e.verticalAlignment,i=e.horizontalAlignment,c=[];return c[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":n,"justify-content":i,"margin-left":"-"+a/2+"px","margin-right":"-"+a/2+"px"}],c[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{"padding-left":a/2+"px","padding-right":a/2+"px","margin-bottom":Object(o.a)(l,"px")}],c=g("generateblocks.editor.desktopCSS",c,this.props,"grid"),wp.element.createElement("style",null,Object(r.a)(c))}}]),t}(s);t.a=u},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),o=wp.hooks.applyFilters,c=wp.element.Component,s=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),r(t,[{key:"render",value:function(){var e=this.props,t=e.name,a=e.children;return o(t,a||"",this.props)}}]),t}(c);t.a=s},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=wp.blockEditor.InnerBlocks,o=wp.hooks.applyFilters;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,c=a.elementId,s=a.cssClasses,g={id:c||void 0,className:i()((t={"gb-grid-wrapper":!0},l(t,"gb-grid-wrapper-"+n,!0),l(t,""+s,""!==s),t))};return g=o("generateblocks.frontend.htmlAttributes",g,"generateblocks/grid",a),wp.element.createElement("div",g,wp.element.createElement(r.Content,null))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},columns:{type:"number",default:""},horizontalGap:{type:"number",default:generateBlocksDefaults.gridContainer.horizontalGap},verticalGap:{type:"number",default:generateBlocksDefaults.gridContainer.verticalGap},verticalAlignment:{type:"string",default:generateBlocksDefaults.gridContainer.verticalAlignment},horizontalGapTablet:{type:"number",default:generateBlocksDefaults.gridContainer.horizontalGapTablet},verticalGapTablet:{type:"number",default:generateBlocksDefaults.gridContainer.verticalGapTablet},verticalAlignmentTablet:{type:"string",default:generateBlocksDefaults.gridContainer.verticalAlignmentTablet},horizontalGapMobile:{type:"number",default:generateBlocksDefaults.gridContainer.horizontalGapMobile},verticalGapMobile:{type:"number",default:generateBlocksDefaults.gridContainer.verticalGapMobile},verticalAlignmentMobile:{type:"string",default:generateBlocksDefaults.gridContainer.verticalAlignmentMobile},horizontalAlignment:{type:"string",default:generateBlocksDefaults.gridContainer.horizontalAlignment},horizontalAlignmentTablet:{type:"string",default:generateBlocksDefaults.gridContainer.horizontalAlignmentTablet},horizontalAlignmentMobile:{type:"string",default:generateBlocksDefaults.gridContainer.horizontalAlignmentMobile}}},function(e,t,a){"use strict";var l=a(29),n=(a.n(l),a(30)),i=(a.n(n),a(31),a(32)),r=a(40),o=a(41),c=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/container",{title:__("Container","generateblocks"),description:__("Organize your content into rows and sections.","generateblocks"),icon:Object(c.a)("container"),category:"generateblocks",keywords:[__("section"),__("container"),__("generate")],attributes:o.a,supports:{align:!1,anchor:!1,className:!1,customClassName:!1},edit:i.a,save:r.a})},function(e,t){},function(e,t){},function(e,t,a){"use strict";var l=a(1),__=wp.i18n.__,n=wp.hooks.addFilter,i=wp.element.Fragment,r=wp.blockEditor,o=r.BlockControls,c=r.BlockAlignmentToolbar,s=wp.components,g=s.Toolbar,u=s.Tooltip,p=s.Button,b=wp.compose.createHigherOrderComponent,d=wp.blocks.cloneBlock,f=generateBlocksInfo.hasWideAlignSupport,m=["wide","full"];n("editor.BlockEdit","generateblocks/container-block-controls",b(function(e){return function(t){var a=t.name,n=t.attributes,r=t.isSelected,s=t.clientId,b=t.setAttributes,h=n.isGrid,k=n.align,w=!1;return w="function"===typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(s,"generateblocks/grid",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(s),wp.element.createElement(i,null,r&&h&&w&&"generateblocks/container"===a&&wp.element.createElement(o,null,wp.element.createElement(g,null,wp.element.createElement(u,{text:__("Duplicate Grid Item","generateblocks")},wp.element.createElement(p,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:Object(l.a)("addContainer"),onClick:function(){var e=wp.data.select("core/block-editor").getBlocksByClientId(s)[0],t=d(e);wp.data.dispatch("core/block-editor").insertBlocks(t,void 0,w)}}))),wp.element.createElement(g,null,wp.element.createElement(u,{text:__("Select Parent Grid","generateblocks")},wp.element.createElement(p,{className:"gblocks-block-control-icon",icon:Object(l.a)("grid"),onClick:function(){wp.data.dispatch("core/block-editor").selectBlock(w)}})))),r&&f&&!h&&"generateblocks/container"===a&&wp.element.createElement(o,null,wp.element.createElement(c,{value:k,onChange:function(e){b({align:e}),"full"===e&&b({outerContainer:"full"})},controls:m})),wp.element.createElement(e,t))}},"withAdvancedControls"))},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(13),c=a(9),s=a(1),g=a(2),u=a(0),p=a.n(u),b=a(10),d=a(5),f=a(12),m=a(14),h=a(3),k=a(38),w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},y=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),v=wp.i18n,__=v.__,_x=v._x,C=v.sprintf,S=wp.components,B=S.RangeControl,E=S.Button,T=S.ButtonGroup,O=S.ResponsiveWrapper,z=S.ToggleControl,M=S.SelectControl,D=S.TextControl,_=S.Tooltip,L=S.BaseControl,R=S.Notice,x=wp.element,P=x.Fragment,U=x.Component,j=wp.blockEditor,N=j.InspectorControls,A=j.InnerBlocks,F=j.MediaUpload,H=j.AlignmentToolbar,I=wp.hooks.applyFilters,V=/[\s#]/g,G=[],q=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={selectedDevice:"desktop"},e}return r(t,e),y(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?G.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),G.push(e)):G.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),G.push(e));var t=document.getElementById("block-"+this.props.clientId);t&&"full"===this.props.attributes.align&&t.setAttribute("data-align","full")}},{key:"componentDidUpdate",value:function(){var e=document.getElementById("block-"+this.props.clientId);if(e){var t=this.props.attributes.align,a="";e.getAttribute("data-align")&&(a=e.getAttribute("data-align")),t!==a&&(""!==t&&void 0!==t||""===a?e.setAttribute("data-align",t):e.removeAttribute("data-align"))}}},{key:"render",value:function(){var e,t,a=this,n=this.props,i=n.attributes,r=n.setAttributes,u=n.hasChildBlocks,y=n.clientId,v=this.state.selectedDevice,S=function(e){var t=generateBlocksStyling.container.bgImageSize;"undefined"===typeof e.sizes[t]&&(t="full"),r({bgImage:{id:e.id,image:e.sizes[t]}})},x=function(){r({bgImage:null})},U=i.uniqueId,j=i.tagName,G=i.elementId,q=i.cssClasses,W=i.isGrid,Z=i.width,K=i.widthTablet,J=i.widthMobile,Y=i.outerContainer,Q=i.innerContainer,X=i.containerWidth,$=i.minHeight,ee=i.minHeightUnit,te=i.minHeightTablet,ae=i.minHeightUnitTablet,le=i.minHeightMobile,ne=i.minHeightUnitMobile,ie=i.borderColor,re=i.borderColorOpacity,oe=i.backgroundColor,ce=i.backgroundColorOpacity,se=i.textColor,ge=i.linkColor,ue=i.linkColorHover,pe=i.bgImage,be=i.bgOptions,de=i.verticalAlignment,fe=i.verticalAlignmentTablet,me=i.verticalAlignmentMobile,he=i.zindex,ke=i.removeVerticalGap,we=i.removeVerticalGapTablet,ye=i.removeVerticalGapMobile,ve=i.orderTablet,Ce=i.orderMobile,Se=i.alignment,Be=i.alignmentTablet,Ee=i.alignmentMobile,Te=i.fontFamily,Oe=i.googleFont,ze=i.googleFontVariants,Me=i.fullWidthContent,De=i.align,_e=[{name:_x("Pixel","A size unit for CSS markup"),unitValue:"px"},{name:_x("VH","A size unit for CSS markup"),unitValue:"vh"},{name:_x("VW","A size unit for CSS markup"),unitValue:"vw"}],Le=[{label:"div",value:"div"},{label:"section",value:"section"},{label:"header",value:"header"},{label:"footer",value:"footer"}],Re=document.getElementById("_generate-full-width-content"),xe=new Event("change"),Pe=wp.data.select("core/block-editor").getBlockHierarchyRootClientId(y),Ue=Pe===y,je="";ze&&(je=":"+ze);var Ne=!1,Ae=!1,Fe=!1,He="";return"function"===typeof wp.data.select("core/block-editor").getBlockParents&&(Ne=wp.data.select("core/block-editor").getBlockParents(y,!0)[0])&&(Ae=wp.data.select("core/block-editor").getBlocksByClientId(Ne))&&"generateblocks/grid"===Ae[0].name&&(Fe=!0,He=Ae[0].attributes.uniqueId),wp.element.createElement(P,null,wp.element.createElement(N,null,wp.element.createElement(h.a,w({},this.props,{selectedDevice:Object(g.a)(v),onClick:function(e){window.localStorage.setItem("generateblocksSelectedDevice",e),a.setState({selectedDevice:e})}})),!W&&wp.element.createElement(d.a,w({},this.props,{title:__("Layout","generateblocks"),initialOpen:!0,icon:Object(s.a)("layout"),className:"gblocks-panel-label",id:"containerLayout",state:this.state,showPanel:"desktop"===Object(g.a)(v)||!1}),wp.element.createElement(P,null,Fe&&wp.element.createElement(z,{label:__("Grid Item","generateblocks"),help:__("This Container is inside a Grid Block but is not set as a grid item. Enable this option for optimal results.","generateblocks"),checked:!!W,onChange:function(e){r({isGrid:e,gridId:He})}}),wp.element.createElement(M,{label:__("Container","generateblocks"),value:Y,options:[{label:__("Full width","generateblocks"),value:"full"},{label:__("Contained width","generateblocks"),value:"contained"}],onChange:function(e){r({outerContainer:e}),"contained"===e&&"full"===De&&r({align:""})}}),"full"===Y&&wp.element.createElement(M,{label:__("Inner Container","generateblocks"),value:Q,options:[{label:__("Full width","generateblocks"),value:"full"},{label:__("Contained width","generateblocks"),value:"contained"}],onChange:function(e){r({innerContainer:e})}}),("contained"===Y||"contained"===Q)&&wp.element.createElement(P,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Contained Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{text:__("Pixel Units","generateblocks"),key:"container-width-unit"},wp.element.createElement(E,{key:"container-width-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Pixel Units","generateblocks")},"px")))),wp.element.createElement(D,{type:"number",className:"gblocks-container-width",value:parseFloat(X)||"",placeholder:generateBlocksDefaults.container.containerWidth,onChange:function(e){r({containerWidth:""!==e?parseFloat(e):void 0})}})),function(){return wp.element.createElement(P,null,generateBlocksInfo.isGeneratePress&&Ue&&Re&&wp.element.createElement(L,{label:__("If you want to build a full width page, use the option below to remove the page width, margin and padding.","generateblocks"),className:"gblocks-gpress-full-width"},wp.element.createElement(z,{label:__("Make page full-width","generateblocks"),checked:!!Me,onChange:function(e){e?("select"===Re.tagName.toLowerCase()?(Re.value="true",Re.dispatchEvent(xe)):(Re.checked=!0,Re.setAttribute("value","true"),Re.dispatchEvent(xe)),r({fullWidthContent:"true",align:""})):("select"===Re.tagName.toLowerCase()?(Re.value="",Re.dispatchEvent(xe)):(Re.checked=!1,Re.setAttribute("value",""),document.querySelector('input[name="_generate-full-width-content"]#default-content').checked=!0,Re.dispatchEvent(xe)),r({fullWidthContent:""}))}})))}()),I("generateblocks.editor.controls","","containerLayout",this.props,this.state)),W&&wp.element.createElement(d.a,w({},this.props,{title:__("Layout","generateblocks"),initialOpen:!0,icon:Object(s.a)("layout"),className:"gblocks-panel-label",id:"containerGridLayout",state:this.state}),!Fe&&wp.element.createElement(z,{label:__("Grid Item","generateblocks"),help:__("This container is set as a grid item but is not inside a grid block. Deactivate this option for optimal results.","generateblocks"),checked:!!W,onChange:function(e){r({isGrid:e,gridId:""})}}),"desktop"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Container Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{text:__("Percentage Units","generateblocks"),key:"percentage-unit"},wp.element.createElement(E,{key:"percentage-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Percentage Units","generateblocks")},"%")))),wp.element.createElement(T,{className:"widthButtons"},wp.element.createElement(E,{isLarge:!0,isPrimary:25===Z,onClick:function(){return r({width:25})}},"25"),wp.element.createElement(E,{isLarge:!0,isPrimary:33.33===Z,onClick:function(){return r({width:33.33})}},"33"),wp.element.createElement(E,{isLarge:!0,isPrimary:50===Z,onClick:function(){return r({width:50})}},"50"),wp.element.createElement(E,{isLarge:!0,isPrimary:66.66===Z,onClick:function(){return r({width:66.66})}},"66"),wp.element.createElement(E,{isLarge:!0,isPrimary:75===Z,onClick:function(){return r({width:75})}},"75"),wp.element.createElement(E,{isLarge:!0,isPrimary:100===Z,onClick:function(){return r({width:100})}},"100")),wp.element.createElement(B,{className:"gblocks-column-width-control",value:Z||"",onChange:function(e){r({width:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.width}),wp.element.createElement(M,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:de,options:[{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignment:e})}}),wp.element.createElement(z,{label:__("Remove Vertical Gap","generateblocks"),checked:!!ke,onChange:function(e){r({removeVerticalGap:e})}})),"tablet"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Container Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{text:__("Percentage Units","generateblocks"),key:"percentage-unit"},wp.element.createElement(E,{key:"percentage-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Percentage Units","generateblocks")},"%")))),wp.element.createElement(T,{className:"widthButtons"},wp.element.createElement(E,{isLarge:!0,isPrimary:25===K,onClick:function(){return r({widthTablet:25})}},"25"),wp.element.createElement(E,{isLarge:!0,isPrimary:33.33===K,onClick:function(){return r({widthTablet:33.33})}},"33"),wp.element.createElement(E,{isLarge:!0,isPrimary:50===K,onClick:function(){return r({widthTablet:50})}},"50"),wp.element.createElement(E,{isLarge:!0,isPrimary:66.66===K,onClick:function(){return r({widthTablet:66.66})}},"66"),wp.element.createElement(E,{isLarge:!0,isPrimary:75===K,onClick:function(){return r({widthTablet:75})}},"75"),wp.element.createElement(E,{isLarge:!0,isPrimary:100===K,onClick:function(){return r({widthTablet:100})}},"100")),wp.element.createElement(B,{className:"gblocks-column-width-control",value:K||"",onChange:function(e){r({widthTablet:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.widthTablet}),wp.element.createElement(M,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:fe,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentTablet:e})}}),wp.element.createElement(z,{label:__("Remove Vertical Gap","generateblocks"),checked:!!we,onChange:function(e){r({removeVerticalGapTablet:e})}}),wp.element.createElement(D,{type:"number",label:__("Order","generateblocks"),value:ve||0===ve?ve:"",onChange:function(e){r({orderTablet:parseFloat(e)})}})),"mobile"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement("div",{className:"components-gblocks-control__header"},wp.element.createElement("div",{className:"components-gblocks-control__label"},__("Container Width","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{text:__("Percentage Units","generateblocks"),key:"percentage-unit"},wp.element.createElement(E,{key:"percentage-unit",isSmall:!0,isPrimary:!0,"aria-label":__("Percentage Units","generateblocks")},"%")))),wp.element.createElement(T,{className:"widthButtons"},wp.element.createElement(E,{isLarge:!0,isPrimary:25===J,onClick:function(){return r({widthMobile:25})}},"25"),wp.element.createElement(E,{isLarge:!0,isPrimary:33.33===J,onClick:function(){return r({widthMobile:33.33})}},"33"),wp.element.createElement(E,{isLarge:!0,isPrimary:50===J,onClick:function(){return r({widthMobile:50})}},"50"),wp.element.createElement(E,{isLarge:!0,isPrimary:66.66===J,onClick:function(){return r({widthMobile:66.66})}},"66"),wp.element.createElement(E,{isLarge:!0,isPrimary:75===J,onClick:function(){return r({widthMobile:75})}},"75"),wp.element.createElement(E,{isLarge:!0,isPrimary:100===J,onClick:function(){return r({widthMobile:100})}},"100")),wp.element.createElement(B,{className:"gblocks-column-width-control",value:J||"",onChange:function(e){r({widthMobile:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.widthMobile}),wp.element.createElement(M,{label:__("Vertical Alignment","generateblocks"),help:__("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:me,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentMobile:e})}}),wp.element.createElement(z,{label:__("Remove Vertical Gap","generateblocks"),checked:!!ye,onChange:function(e){r({removeVerticalGapMobile:e})}}),wp.element.createElement(D,{type:"number",label:__("Order","generateblocks"),value:Ce||0===Ce?Ce:"",onChange:function(e){r({orderMobile:parseFloat(e)})}})),I("generateblocks.editor.controls","","containerGridLayout",this.props,this.state)),wp.element.createElement(d.a,w({},this.props,{title:__("Typography","generateblocks"),initialOpen:!1,icon:Object(s.a)("typography"),className:"gblocks-panel-label",id:"containerTypography",state:this.state}),"desktop"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement(L,{className:"gblocks-container-text-alignment",label:__("Text Alignment","generateblocks")},wp.element.createElement(H,{isCollapsed:!1,value:Se,onChange:function(e){r({alignment:e})}})),wp.element.createElement(f.a,w({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSize,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeight,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacing}))),"tablet"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement(L,{label:__("Text Alignment","generateblocks")},wp.element.createElement(H,{isCollapsed:!1,value:Be,onChange:function(e){r({alignmentTablet:e})}})),wp.element.createElement(f.a,w({},this.props,{showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightTablet,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingTablet}))),"mobile"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement(L,{label:__("Text Alignment","generateblocks")},wp.element.createElement(H,{isCollapsed:!1,value:Ee,onChange:function(e){r({alignmentMobile:e})}})),wp.element.createElement(f.a,w({},this.props,{showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightMobile,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingMobile}))),I("generateblocks.editor.controls","","containerTypography",this.props,this.state)),wp.element.createElement(d.a,w({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!1,icon:Object(s.a)("spacing"),className:"gblocks-panel-label",id:"containerSpacing",state:this.state}),"desktop"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},__("Minimum Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(T,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units","generateblocks")},_e.map(function(e){return wp.element.createElement(_,{text:C(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(E,{key:e.unitValue,className:"components-gblocks-dimensions-control__units--"+e.name,isSmall:!0,isPrimary:ee===e.unitValue,"aria-pressed":ee===e.unitValue,"aria-label":C(__("%s Units","generateblocks"),e.name),onClick:function(){return r({minHeightUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement(D,{type:"number",value:$||"",onChange:function(e){r({minHeight:parseFloat(e)})}}),!!$&&!W&&wp.element.createElement(M,{label:__("Vertical Alignment","generateblocks"),value:de,options:[{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignment:e})}}),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.container}))),"tablet"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},__("Minimum Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(T,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units","generateblocks")},_e.map(function(e){return wp.element.createElement(_,{text:C(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(E,{key:e.unitValue,className:"components-gblocks-dimensions-control__units--"+e.name,isSmall:!0,isPrimary:ae===e.unitValue,"aria-pressed":ae===e.unitValue,"aria-label":C(__("%s Units","generateblocks"),e.name),onClick:function(){return r({minHeightUnitTablet:e.unitValue})}},e.unitValue))})))),wp.element.createElement(D,{type:"number",value:te||"",onChange:function(e){r({minHeightTablet:parseFloat(e)})}}),(!!$||!!te)&&!W&&wp.element.createElement(M,{label:__("Vertical Alignment","generateblocks"),value:fe,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentTablet:e})}}),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.container}))),"mobile"===Object(g.a)(v)&&wp.element.createElement(P,null,wp.element.createElement("div",{className:"components-gblocks-dimensions-control__header"},wp.element.createElement("div",{className:"components-gblocks-dimensions-control__label"},__("Minimum Height","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(T,{className:"components-gblocks-dimensions-control__units","aria-label":__("Select Units","generateblocks")},_e.map(function(e){return wp.element.createElement(_,{text:C(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(E,{key:e.unitValue,className:"components-gblocks-dimensions-control__units--"+e.name,isSmall:!0,isPrimary:ne===e.unitValue,"aria-pressed":ne===e.unitValue,"aria-label":C(__("%s Units","generateblocks"),e.name),onClick:function(){return r({minHeightUnitMobile:e.unitValue})}},e.unitValue))})))),wp.element.createElement(D,{type:"number",value:le||"",onChange:function(e){r({minHeightMobile:parseFloat(e)})}}),(!!$||!!te||!!le)&&!W&&wp.element.createElement(M,{label:__("Vertical Alignment","generateblocks"),value:me,options:[{label:__("Inherit","generateblocks"),value:"inherit"},{label:__("Default","generateblocks"),value:""},{label:__("Top","generateblocks"),value:"flex-start"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"flex-end"}],onChange:function(e){r({verticalAlignmentMobile:e})}}),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.container})),wp.element.createElement(b.a,w({},this.props,{device:Object(g.a)(v),type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.container}))),I("generateblocks.editor.controls","","containerSpacing",this.props,this.state)),wp.element.createElement(d.a,w({},this.props,{title:__("Colors","generateblocks"),initialOpen:!1,icon:Object(s.a)("colors"),className:"gblocks-panel-label",id:"containerColors",state:this.state,showPanel:"desktop"===Object(g.a)(v)||!1}),wp.element.createElement(P,null,wp.element.createElement(c.a,{label:__("Background Color","generateblocks"),value:oe,alpha:!0,valueOpacity:ce,attrOpacity:"backgroundColorOpacity",onChange:function(e){return r({backgroundColor:e})},onOpacityChange:function(e){return r({backgroundColorOpacity:e})}}),wp.element.createElement(c.a,{label:__("Text Color","generateblocks"),value:se,alpha:!1,onChange:function(e){return r({textColor:e})}}),wp.element.createElement(c.a,{label:__("Link Color","generateblocks"),value:ge,alpha:!1,onChange:function(e){return r({linkColor:e})}}),wp.element.createElement(c.a,{label:__("Link Color Hover","generateblocks"),value:ue,alpha:!1,onChange:function(e){return r({linkColorHover:e})}}),wp.element.createElement(c.a,{label:__("Border Color","generateblocks"),value:ie,alpha:!0,valueOpacity:re,attrOpacity:"borderColorOpacity",onChange:function(e){return r({borderColor:e})},onOpacityChange:function(e){return r({borderColorOpacity:e})}})),I("generateblocks.editor.controls","","containerColors",this.props,this.state)),wp.element.createElement(d.a,w({},this.props,{title:__("Background Gradient","generateblocks"),initialOpen:!1,icon:Object(s.a)("gradients"),className:"gblocks-panel-label",id:"containerBackgroundGradient",state:this.state,showPanel:"desktop"===Object(g.a)(v)||!1}),wp.element.createElement(m.a,w({},this.props,{attrGradient:"gradient",attrGradientDirection:"gradientDirection",attrGradientColorOne:"gradientColorOne",attrGradientColorStopOne:"gradientColorStopOne",attrGradientColorTwo:"gradientColorTwo",attrGradientColorStopTwo:"gradientColorStopTwo",attrGradientColorOneOpacity:"gradientColorOneOpacity",attrGradientColorTwoOpacity:"gradientColorTwoOpacity",defaultColorOne:generateBlocksDefaults.container.gradientColorOne,defaultColorTwo:generateBlocksDefaults.container.gradientColorTwo})),I("generateblocks.editor.controls","","containerBackgroundGradient",this.props,this.state)),wp.element.createElement(d.a,w({},this.props,{title:__("Background Image","generateblocks"),initialOpen:!1,icon:Object(s.a)("backgrounds"),className:"gblocks-panel-label",id:"containerBackgroundImage",state:this.state,showPanel:"desktop"===Object(g.a)(v)||!1}),!pe&&wp.element.createElement("div",null,wp.element.createElement(F,{title:__("Set background image","generateblocks"),onSelect:S,allowedTypes:["image"],modalClass:"editor-post-featured-image__media-modal",render:function(e){var t=e.open;return wp.element.createElement(E,{className:"editor-post-featured-image__toggle",onClick:t},__("Set background image","generateblocks"))}})),!!pe&&wp.element.createElement(F,{title:__("Set background image","generateblocks"),onSelect:S,allowedTypes:["image"],value:pe.id,modalClass:"editor-post-featured-image__media-modal",render:function(e){var t=e.open;return wp.element.createElement("div",{className:"editor-bg-image"},wp.element.createElement(E,{className:"editor-post-featured-image__preview",onClick:t},wp.element.createElement(O,{naturalWidth:pe.image.width,naturalHeight:pe.image.height},wp.element.createElement("img",{src:pe.image.url,alt:__("Background Image","generateblocks")}))),wp.element.createElement("div",{className:"edit-bg-buttons"},wp.element.createElement(E,{onClick:t,isSecondary:!0,isLarge:!0},__("Replace image","generateblocks")),wp.element.createElement(E,{onClick:x,isLink:!0,isDestructive:!0},__("Remove background image","generateblocks"))))}}),!!pe&&wp.element.createElement("div",{className:"section-bg-settings"},be.overlay?wp.element.createElement(P,null,wp.element.createElement(z,{label:__("Background Color Overlay","generateblocks"),checked:!!be.overlay,onChange:function(e){r({bgOptions:Object.assign({},be,{overlay:e})})}}),wp.element.createElement(R,{className:"gblocks-option-notice",status:"info",isDismissible:!1},__("The background color overlay option is deprecated. Toggle this option to use the new method.","generateblocks"))):wp.element.createElement(P,null,wp.element.createElement(M,{label:__("Selector","generateblocks"),value:be.selector,options:[{label:__("Element","generateblocks"),value:"element"},{label:__("Pseudo Element","generateblocks"),value:"pseudo-element"}],onChange:function(e){r({bgOptions:Object.assign({},be,{selector:e})})}}),wp.element.createElement(B,{label:__("Image Opacity","generateblocks"),value:be.opacity,onChange:function(e){r({bgOptions:Object.assign({},be,{opacity:e})}),"pseudo-element"!==be.selector&&r({bgOptions:Object.assign({},be,{selector:"pseudo-element"})})},min:0,max:1,step:.1,initialPosition:generateBlocksDefaults.container.bgOptions.opacity}),"pseudo-element"!==be.selector&&wp.element.createElement(R,{className:"gblocks-option-notice",status:"info",isDismissible:!1},__("Your selector must be set to Pseudo Element to use opacity.","generateblocks"))),wp.element.createElement(D,{label:__("Size","generateblocks"),value:be.size,onChange:function(e){r({bgOptions:Object.assign({},be,{size:e})})}}),wp.element.createElement(D,{label:__("Position","generateblocks"),value:be.position,onChange:function(e){r({bgOptions:Object.assign({},be,{position:e})})}}),wp.element.createElement(M,{label:__("Repeat","generateblocks"),value:be.repeat,options:[{label:"no-repeat",value:"no-repeat"},{label:"repeat",value:"repeat"},{label:"repeat-x",value:"repeat-x"},{label:"repeat-y",value:"repeat-y"}],onChange:function(e){r({bgOptions:Object.assign({},be,{repeat:e})})}}),wp.element.createElement(M,{label:__("Attachment","generateblocks"),value:be.attachment,options:[{label:"scroll",value:""},{label:"fixed",value:"fixed"},{label:"local",value:"local"}],onChange:function(e){r({bgOptions:Object.assign({},be,{attachment:e})})}})),I("generateblocks.editor.controls","","containerBackgroundImage",this.props,this.state)),wp.element.createElement(d.a,w({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(s.a)("advanced"),className:"gblocks-panel-label",id:"containerAdvanced",state:this.state,showPanel:"desktop"===Object(g.a)(v)||!1}),wp.element.createElement(M,{label:__("Element Tag","generateblocks"),value:j,options:I("generateblocks.editor.containerTagNames",Le,this.props,this.state),onChange:function(e){r({tagName:e})}}),I("generateblocks.editor.controls","","containerAfterElementTag",this.props,this.state),wp.element.createElement(D,{label:__("Element ID","generateblocks"),value:G,onChange:function(e){var t=e.replace(V,"-");r({elementId:t})}}),wp.element.createElement(D,{label:__("CSS Classes","generateblocks"),value:q,onChange:function(e){r({cssClasses:e})}}),wp.element.createElement(D,{label:__("z-index","generateblocks"),type:"number",value:he||0===he?he:"",onChange:function(e){r({zindex:e})},onBlur:function(){r({zindex:parseFloat(he)})},onClick:function(e){e.currentTarget.focus()}}),I("generateblocks.editor.controls","","containerAdvanced",this.props,this.state)),wp.element.createElement(d.a,w({},this.props,{title:__("Documentation","generateblocks"),initialOpen:!1,icon:Object(s.a)("documentation"),className:"gblocks-panel-label",id:"containerDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/container/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),I("generateblocks.editor.controls","","containerDocumentation",this.props,this.state))),wp.element.createElement(k.a,this.props),Te&&Oe&&wp.element.createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+Te.replace(/ /g,"+")+je}),!!W&&wp.element.createElement("div",{className:p()(l({"gb-grid-column":!0},"gb-grid-column-"+U,!0))},wp.element.createElement(o.a,{attributes:i,tagName:j,id:G,className:p()((e={"gb-container":!0},l(e,"gb-container-"+U,!0),l(e,""+q,""!==q),e))},I("generateblocks.frontend.insideContainer","",i),wp.element.createElement("div",{className:p()({"gb-inside-container":!0})},wp.element.createElement(A,{templateLock:!1,renderAppender:u?void 0:function(){return wp.element.createElement(A.ButtonBlockAppender,null)}})))),!W&&wp.element.createElement(o.a,{attributes:i,tagName:j,id:G,className:p()((t={"gb-container":!0},l(t,"gb-container-"+U,!0),l(t,""+q,""!==q),l(t,"align"+De,!!De),t))},I("generateblocks.frontend.insideContainer","",i),wp.element.createElement("div",{className:p()({"gb-inside-container":!0})},wp.element.createElement(A,{templateLock:!1,renderAppender:u?void 0:function(){return wp.element.createElement(A.ButtonBlockAppender,null)}}))))}}]),t}(U);t.a=q},function(e,t){},function(e,t){},function(e,t){},function(e,t,a){"use strict";var l={Roboto:{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","900","900italic"],fallback:"sans-serif"},"Open Sans":{weight:["300","300italic","regular","italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},Lato:{weight:["100","100italic","300","300italic","regular","italic","700","700italic","900","900italic"],fallback:"sans-serif"},Montserrat:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Source Sans Pro":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900","900italic"],fallback:"sans-serif"},"Roboto Condensed":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"sans-serif"},Oswald:{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},"Roboto Mono":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic"],fallback:"monospace"},Raleway:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Poppins:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Noto Sans":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Roboto Slab":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"serif"},Merriweather:{weight:["300","300italic","regular","italic","700","700italic","900","900italic"],fallback:"serif"},"PT Sans":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Ubuntu:{weight:["300","300italic","regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},"Playfair Display":{weight:["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"serif"},Muli:{weight:["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},"Open Sans Condensed":{weight:["300","300italic","700"],fallback:"sans-serif"},"PT Serif":{weight:["regular","italic","700","700italic"],fallback:"serif"},Lora:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},"Slabo 27px":{weight:["regular"],fallback:"serif"},Nunito:{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Noto Sans JP":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Work Sans":{weight:["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},Rubik:{weight:["300","300italic","regular","italic","500","500italic","700","700italic","900","900italic"],fallback:"sans-serif"},"Noto Serif":{weight:["regular","italic","700","700italic"],fallback:"serif"},"Fira Sans":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Titillium Web":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900"],fallback:"sans-serif"},Quicksand:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Noto Sans KR":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Nanum Gothic":{weight:["regular","700","800"],fallback:"sans-serif"},Mukta:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},"Noto Sans TC":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Nunito Sans":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Heebo:{weight:["100","300","regular","500","700","800","900"],fallback:"sans-serif"},"PT Sans Narrow":{weight:["regular","700"],fallback:"sans-serif"},Arimo:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Inconsolata:{weight:["regular","700"],fallback:"monospace"},Barlow:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Oxygen:{weight:["300","regular","700"],fallback:"sans-serif"},Dosis:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Bitter:{weight:["regular","italic","700"],fallback:"serif"},"Libre Baskerville":{weight:["regular","italic","700"],fallback:"serif"},"Crimson Text":{weight:["regular","italic","600","600italic","700","700italic"],fallback:"serif"},"Libre Franklin":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Karla:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Josefin Sans":{weight:["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],fallback:"sans-serif"},Cabin:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Anton:{weight:["regular"],fallback:"sans-serif"},"Source Code Pro":{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],fallback:"monospace"},Hind:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Abel:{weight:["regular"],fallback:"sans-serif"},Amiri:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Fjalla One":{weight:["regular"],fallback:"sans-serif"},Lobster:{weight:["regular"],fallback:"display"},Pacifico:{weight:["regular"],fallback:"handwriting"},"Indie Flower":{weight:["regular"],fallback:"handwriting"},"Exo 2":{weight:["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},"Dancing Script":{weight:["regular","500","600","700"],fallback:"handwriting"},"Source Serif Pro":{weight:["regular","600","700"],fallback:"serif"},Arvo:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Hind Siliguri":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Varela Round":{weight:["regular"],fallback:"sans-serif"},"Merriweather Sans":{weight:["300","300italic","regular","italic","700","700italic","800","800italic"],fallback:"sans-serif"},Cairo:{weight:["200","300","regular","600","700","900"],fallback:"sans-serif"},"Yanone Kaffeesatz":{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},Overpass:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Shadows Into Light":{weight:["regular"],fallback:"handwriting"},"Barlow Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"IBM Plex Sans":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Comfortaa:{weight:["300","regular","500","600","700"],fallback:"display"},Asap:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Prompt:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Kanit:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Questrial:{weight:["regular"],fallback:"sans-serif"},Martel:{weight:["200","300","regular","600","700","800","900"],fallback:"serif"},"Archivo Narrow":{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Abril Fatface":{weight:["regular"],fallback:"display"},"Amatic SC":{weight:["regular","700"],fallback:"handwriting"},Acme:{weight:["regular"],fallback:"sans-serif"},Catamaran:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Fira Sans Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"EB Garamond":{weight:["regular","500","600","700","800","italic","500italic","600italic","700italic","800italic"],fallback:"serif"},"Bree Serif":{weight:["regular"],fallback:"serif"},"Zilla Slab":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Noto Sans SC":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Cormorant Garamond":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Hind Madurai":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Teko:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Righteous:{weight:["regular"],fallback:"display"},Signika:{weight:["300","regular","600","700"],fallback:"sans-serif"},Play:{weight:["regular","700"],fallback:"sans-serif"},Domine:{weight:["regular","700"],fallback:"serif"},Exo:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Russo One":{weight:["regular"],fallback:"sans-serif"},Cinzel:{weight:["regular","700","900"],fallback:"serif"},"PT Sans Caption":{weight:["regular","700"],fallback:"sans-serif"},Rajdhani:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Maven Pro":{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},"Fredoka One":{weight:["regular"],fallback:"display"},"IBM Plex Serif":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Ubuntu Condensed":{weight:["regular"],fallback:"sans-serif"},"Patua One":{weight:["regular"],fallback:"display"},Caveat:{weight:["regular","700"],fallback:"handwriting"},"Permanent Marker":{weight:["regular"],fallback:"handwriting"},Assistant:{weight:["200","300","regular","600","700","800"],fallback:"sans-serif"},ABeeZee:{weight:["regular","italic"],fallback:"sans-serif"},Vollkorn:{weight:["regular","italic","600","600italic","700","700italic","900","900italic"],fallback:"serif"},"Crete Round":{weight:["regular","italic"],fallback:"serif"},"Special Elite":{weight:["regular"],fallback:"display"},Rokkitt:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"serif"},Bangers:{weight:["regular"],fallback:"display"},"Francois One":{weight:["regular"],fallback:"sans-serif"},"Barlow Semi Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Alegreya Sans":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Satisfy:{weight:["regular"],fallback:"handwriting"},Tajawal:{weight:["200","300","regular","500","700","800","900"],fallback:"sans-serif"},"Bebas Neue":{weight:["regular"],fallback:"display"},"Patrick Hand":{weight:["regular"],fallback:"handwriting"},Cuprum:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Viga:{weight:["regular"],fallback:"sans-serif"},Courgette:{weight:["regular"],fallback:"handwriting"},"Ropa Sans":{weight:["regular","italic"],fallback:"sans-serif"},"Noto Serif JP":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},"Gochi Hand":{weight:["regular"],fallback:"handwriting"},Alegreya:{weight:["regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Luckiest Guy":{weight:["regular"],fallback:"display"},"Noticia Text":{weight:["regular","italic","700","700italic"],fallback:"serif"},Tinos:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Passion One":{weight:["regular","700","900"],fallback:"display"},"Alfa Slab One":{weight:["regular"],fallback:"display"},"Nanum Myeongjo":{weight:["regular","700","800"],fallback:"serif"},Monda:{weight:["regular","700"],fallback:"sans-serif"},"Lobster Two":{weight:["regular","italic","700","700italic"],fallback:"display"},Kalam:{weight:["300","regular","700"],fallback:"handwriting"},"Kaushan Script":{weight:["regular"],fallback:"handwriting"},"Archivo Black":{weight:["regular"],fallback:"sans-serif"},Cardo:{weight:["regular","italic","700"],fallback:"serif"},Archivo:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Great Vibes":{weight:["regular"],fallback:"handwriting"},Volkhov:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Quattrocento Sans":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"News Cycle":{weight:["regular","700"],fallback:"sans-serif"},"Pathway Gothic One":{weight:["regular"],fallback:"sans-serif"},Sacramento:{weight:["regular"],fallback:"handwriting"},"Frank Ruhl Libre":{weight:["300","regular","500","700","900"],fallback:"serif"},Yantramanav:{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},Cantarell:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Istok Web":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Didact Gothic":{weight:["regular"],fallback:"sans-serif"},"Concert One":{weight:["regular"],fallback:"display"},Taviraj:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Old Standard TT":{weight:["regular","italic","700"],fallback:"serif"},"Montserrat Alternates":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Economica:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Changa:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},"Fira Sans Extra Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Gloria Hallelujah":{weight:["regular"],fallback:"handwriting"},Parisienne:{weight:["regular"],fallback:"handwriting"},Orbitron:{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},"Asap Condensed":{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Playfair Display SC":{weight:["regular","italic","700","700italic","900","900italic"],fallback:"serif"},Chivo:{weight:["300","300italic","regular","italic","700","700italic","900","900italic"],fallback:"sans-serif"},Sriracha:{weight:["regular"],fallback:"handwriting"},"Hind Vadodara":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"DM Sans":{weight:["regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},Prata:{weight:["regular"],fallback:"serif"},Quattrocento:{weight:["regular","700"],fallback:"serif"},Cookie:{weight:["regular"],fallback:"handwriting"},"Poiret One":{weight:["regular"],fallback:"display"},Handlee:{weight:["regular"],fallback:"handwriting"},Sarabun:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},BenchNine:{weight:["300","regular","700"],fallback:"sans-serif"},Merienda:{weight:["regular","700"],fallback:"handwriting"},"M PLUS 1p":{weight:["100","300","regular","500","700","800","900"],fallback:"sans-serif"},"PT Mono":{weight:["regular"],fallback:"monospace"},Lalezar:{weight:["regular"],fallback:"display"},Sanchez:{weight:["regular","italic"],fallback:"serif"},Lemonada:{weight:["300","regular","500","600","700"],fallback:"display"},"Markazi Text":{weight:["regular","500","600","700"],fallback:"serif"},Neuton:{weight:["200","300","regular","italic","700","800"],fallback:"serif"},"Hind Guntur":{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Josefin Slab":{weight:["100","100italic","300","300italic","regular","italic","600","600italic","700","700italic"],fallback:"serif"},Philosopher:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Advent Pro":{weight:["100","200","300","regular","500","600","700"],fallback:"sans-serif"},"Do Hyeon":{weight:["regular"],fallback:"sans-serif"},"Sawarabi Mincho":{weight:["regular"],fallback:"sans-serif"},Ruda:{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},Vidaloka:{weight:["regular"],fallback:"serif"},Ultra:{weight:["regular"],fallback:"serif"},Neucha:{weight:["regular"],fallback:"handwriting"},Arapey:{weight:["regular","italic"],fallback:"serif"},Gudea:{weight:["regular","italic","700"],fallback:"sans-serif"},"Paytone One":{weight:["regular"],fallback:"sans-serif"},Kreon:{weight:["300","regular","500","600","700"],fallback:"serif"},"M PLUS Rounded 1c":{weight:["100","300","regular","500","700","800","900"],fallback:"sans-serif"},"Pragati Narrow":{weight:["regular","700"],fallback:"sans-serif"},"Press Start 2P":{weight:["regular"],fallback:"display"},"Hammersmith One":{weight:["regular"],fallback:"sans-serif"},"Gentium Basic":{weight:["regular","italic","700","700italic"],fallback:"serif"},Monoton:{weight:["regular"],fallback:"display"},Alef:{weight:["regular","700"],fallback:"sans-serif"},Alice:{weight:["regular"],fallback:"serif"},Aclonica:{weight:["regular"],fallback:"sans-serif"},"Sigmar One":{weight:["regular"],fallback:"display"},Spectral:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"serif"},"Marck Script":{weight:["regular"],fallback:"handwriting"},Electrolize:{weight:["regular"],fallback:"sans-serif"},Actor:{weight:["regular"],fallback:"sans-serif"},"Architects Daughter":{weight:["regular"],fallback:"handwriting"},Adamina:{weight:["regular"],fallback:"serif"},"Pontano Sans":{weight:["regular"],fallback:"sans-serif"},Audiowide:{weight:["regular"],fallback:"display"},Inter:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Cabin Condensed":{weight:["regular","500","600","700"],fallback:"sans-serif"},"Unica One":{weight:["regular"],fallback:"display"},Yellowtail:{weight:["regular"],fallback:"handwriting"},"El Messiri":{weight:["regular","500","600","700"],fallback:"sans-serif"},"Squada One":{weight:["regular"],fallback:"display"},Staatliches:{weight:["regular"],fallback:"display"},Amaranth:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Enriqueta:{weight:["regular","500","600","700"],fallback:"serif"},Mitr:{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},Glegoo:{weight:["regular","700"],fallback:"serif"},"Bowlby One SC":{weight:["regular"],fallback:"display"},Basic:{weight:["regular"],fallback:"sans-serif"},"Nanum Gothic Coding":{weight:["regular","700"],fallback:"monospace"},Sarala:{weight:["regular","700"],fallback:"sans-serif"},"Bad Script":{weight:["regular"],fallback:"handwriting"},"Homemade Apple":{weight:["regular"],fallback:"handwriting"},Tangerine:{weight:["regular","700"],fallback:"handwriting"},Cormorant:{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},"Oleo Script":{weight:["regular","700"],fallback:"display"},Karma:{weight:["300","regular","500","600","700"],fallback:"serif"},"Julius Sans One":{weight:["regular"],fallback:"sans-serif"},"Carter One":{weight:["regular"],fallback:"display"},Khand:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},"Nanum Pen Script":{weight:["regular"],fallback:"handwriting"},Cambay:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Fugaz One":{weight:["regular"],fallback:"display"},"Shadows Into Light Two":{weight:["regular"],fallback:"handwriting"},Coda:{weight:["regular","800"],fallback:"display"},"Signika Negative":{weight:["300","regular","600","700"],fallback:"sans-serif"},Pridi:{weight:["200","300","regular","500","600","700"],fallback:"serif"},Playball:{weight:["regular"],fallback:"display"},Saira:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Rock Salt":{weight:["regular"],fallback:"handwriting"},"Gothic A1":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Gentium Book Basic":{weight:["regular","italic","700","700italic"],fallback:"serif"},Allura:{weight:["regular"],fallback:"handwriting"},"Yeseva One":{weight:["regular"],fallback:"display"},"DM Serif Text":{weight:["regular","italic"],fallback:"serif"},Lusitana:{weight:["regular","700"],fallback:"serif"},Jura:{weight:["300","regular","500","600","700"],fallback:"sans-serif"},Average:{weight:["regular"],fallback:"serif"},Yrsa:{weight:["300","regular","500","600","700"],fallback:"serif"},"Sorts Mill Goudy":{weight:["regular","italic"],fallback:"serif"},"Cantata One":{weight:["regular"],fallback:"serif"},Armata:{weight:["regular"],fallback:"sans-serif"},Scada:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Abhaya Libre":{weight:["regular","500","600","700","800"],fallback:"serif"},Damion:{weight:["regular"],fallback:"handwriting"},Marmelad:{weight:["regular"],fallback:"sans-serif"},Varela:{weight:["regular"],fallback:"sans-serif"},Quantico:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Covered By Your Grace":{weight:["regular"],fallback:"handwriting"},"PT Serif Caption":{weight:["regular","italic"],fallback:"serif"},Ramabhadra:{weight:["regular"],fallback:"sans-serif"},Unna:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Encode Sans":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Arsenal:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Black Han Sans":{weight:["regular"],fallback:"sans-serif"},"Sawarabi Gothic":{weight:["regular"],fallback:"sans-serif"},"Ubuntu Mono":{weight:["regular","italic","700","700italic"],fallback:"monospace"},"Pinyon Script":{weight:["regular"],fallback:"handwriting"},"Black Ops One":{weight:["regular"],fallback:"display"},Marcellus:{weight:["regular"],fallback:"serif"},"Fauna One":{weight:["regular"],fallback:"serif"},"Lilita One":{weight:["regular"],fallback:"display"},Sintony:{weight:["regular","700"],fallback:"sans-serif"},Khula:{weight:["300","regular","600","700","800"],fallback:"sans-serif"},Jaldi:{weight:["regular","700"],fallback:"sans-serif"},"Rubik Mono One":{weight:["regular"],fallback:"sans-serif"},Allan:{weight:["regular","700"],fallback:"display"},"Reenie Beanie":{weight:["regular"],fallback:"handwriting"},"Alex Brush":{weight:["regular"],fallback:"handwriting"},"Mr Dafoe":{weight:["regular"],fallback:"handwriting"},Palanquin:{weight:["100","200","300","regular","500","600","700"],fallback:"sans-serif"},"Encode Sans Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Antic:{weight:["regular"],fallback:"sans-serif"},Knewave:{weight:["regular"],fallback:"display"},"Caveat Brush":{weight:["regular"],fallback:"handwriting"},Rambla:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Spinnaker:{weight:["regular"],fallback:"sans-serif"},"IBM Plex Mono":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"monospace"},Michroma:{weight:["regular"],fallback:"sans-serif"},"Nothing You Could Do":{weight:["regular"],fallback:"handwriting"},"Kelly Slab":{weight:["regular"],fallback:"display"},Boogaloo:{weight:["regular"],fallback:"display"},Chewy:{weight:["regular"],fallback:"display"},"ZCOOL XiaoWei":{weight:["regular"],fallback:"serif"},Rancho:{weight:["regular"],fallback:"handwriting"},"Noto Serif SC":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},Pangolin:{weight:["regular"],fallback:"handwriting"},"Fira Mono":{weight:["regular","500","700"],fallback:"monospace"},Forum:{weight:["regular"],fallback:"display"},"Antic Slab":{weight:["regular"],fallback:"serif"},"Alegreya Sans SC":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Anonymous Pro":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Lateef:{weight:["regular"],fallback:"handwriting"},"Annie Use Your Telescope":{weight:["regular"],fallback:"handwriting"},"Noto Sans HK":{weight:["100","300","regular","500","700","900"],fallback:"sans-serif"},"Martel Sans":{weight:["200","300","regular","600","700","800","900"],fallback:"sans-serif"},"Chakra Petch":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Rufina:{weight:["regular","700"],fallback:"serif"},"Bai Jamjuree":{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Scheherazade:{weight:["regular","700"],fallback:"serif"},Share:{weight:["regular","italic","700","700italic"],fallback:"display"},"Tenor Sans":{weight:["regular"],fallback:"sans-serif"},"DM Serif Display":{weight:["regular","italic"],fallback:"serif"},VT323:{weight:["regular"],fallback:"monospace"},"Share Tech Mono":{weight:["regular"],fallback:"monospace"},Mali:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"handwriting"},Cousine:{weight:["regular","italic","700","700italic"],fallback:"monospace"},"Cinzel Decorative":{weight:["regular","700","900"],fallback:"display"},Overlock:{weight:["regular","italic","700","700italic","900","900italic"],fallback:"display"},"Arbutus Slab":{weight:["regular"],fallback:"serif"},"Reem Kufi":{weight:["regular"],fallback:"sans-serif"},"Cabin Sketch":{weight:["regular","700"],fallback:"display"},"Saira Extra Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Eczar:{weight:["regular","500","600","700","800"],fallback:"serif"},"Leckerli One":{weight:["regular"],fallback:"handwriting"},Krub:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Berkshire Swash":{weight:["regular"],fallback:"handwriting"},"Fredericka the Great":{weight:["regular"],fallback:"display"},"Saira Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Overpass Mono":{weight:["300","regular","600","700"],fallback:"monospace"},Itim:{weight:["regular"],fallback:"handwriting"},Rasa:{weight:["300","regular","500","600","700"],fallback:"serif"},Bevan:{weight:["regular"],fallback:"display"},"Arima Madurai":{weight:["100","200","300","regular","500","700","800","900"],fallback:"display"},Italianno:{weight:["regular"],fallback:"handwriting"},"Coda Caption":{weight:["800"],fallback:"sans-serif"},Shrikhand:{weight:["regular"],fallback:"display"},"Just Another Hand":{weight:["regular"],fallback:"handwriting"},"Saira Semi Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},Almarai:{weight:["300","regular","700","800"],fallback:"sans-serif"},"Mukta Malar":{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Oranienbaum:{weight:["regular"],fallback:"serif"},Nobile:{weight:["regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},Candal:{weight:["regular"],fallback:"sans-serif"},"Six Caps":{weight:["regular"],fallback:"sans-serif"},"Space Mono":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Capriola:{weight:["regular"],fallback:"sans-serif"},Biryani:{weight:["200","300","regular","600","700","800","900"],fallback:"sans-serif"},Halant:{weight:["300","regular","500","600","700"],fallback:"serif"},Allerta:{weight:["regular"],fallback:"sans-serif"},Trirong:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},Mallanna:{weight:["regular"],fallback:"sans-serif"},Aldrich:{weight:["regular"],fallback:"sans-serif"},Aleo:{weight:["300","300italic","regular","italic","700","700italic"],fallback:"serif"},"Suez One":{weight:["regular"],fallback:"serif"},Caudex:{weight:["regular","italic","700","700italic"],fallback:"serif"},Niconne:{weight:["regular"],fallback:"handwriting"},"Mrs Saint Delafield":{weight:["regular"],fallback:"handwriting"},Gruppo:{weight:["regular"],fallback:"display"},"Miriam Libre":{weight:["regular","700"],fallback:"sans-serif"},"Contrail One":{weight:["regular"],fallback:"display"},"Days One":{weight:["regular"],fallback:"sans-serif"},"Allerta Stencil":{weight:["regular"],fallback:"sans-serif"},"Average Sans":{weight:["regular"],fallback:"sans-serif"},"Coming Soon":{weight:["regular"],fallback:"handwriting"},Pattaya:{weight:["regular"],fallback:"sans-serif"},"Londrina Solid":{weight:["100","300","regular","900"],fallback:"display"},Bungee:{weight:["regular"],fallback:"display"},Coustard:{weight:["regular","900"],fallback:"serif"},"Marcellus SC":{weight:["regular"],fallback:"serif"},"Racing Sans One":{weight:["regular"],fallback:"display"},Bentham:{weight:["regular"],fallback:"serif"},"Bungee Inline":{weight:["regular"],fallback:"display"},Magra:{weight:["regular","700"],fallback:"sans-serif"},Judson:{weight:["regular","italic","700"],fallback:"serif"},Rochester:{weight:["regular"],fallback:"handwriting"},"Grand Hotel":{weight:["regular"],fallback:"handwriting"},Gelasio:{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},Yesteryear:{weight:["regular"],fallback:"handwriting"},Syncopate:{weight:["regular","700"],fallback:"sans-serif"},Hanuman:{weight:["regular","700"],fallback:"serif"},"Kosugi Maru":{weight:["regular"],fallback:"sans-serif"},Copse:{weight:["regular"],fallback:"serif"},Mada:{weight:["200","300","regular","500","600","700","900"],fallback:"sans-serif"},"Titan One":{weight:["regular"],fallback:"display"},"Noto Serif TC":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},Kameron:{weight:["regular","700"],fallback:"serif"},Telex:{weight:["regular"],fallback:"sans-serif"},Norican:{weight:["regular"],fallback:"handwriting"},Maitree:{weight:["200","300","regular","500","600","700"],fallback:"serif"},"IM Fell Double Pica":{weight:["regular","italic"],fallback:"serif"},Molengo:{weight:["regular"],fallback:"sans-serif"},Sunflower:{weight:["300","500","700"],fallback:"sans-serif"},"Alegreya SC":{weight:["regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Red Hat Display":{weight:["regular","italic","500","500italic","700","700italic","900","900italic"],fallback:"sans-serif"},Jua:{weight:["regular"],fallback:"sans-serif"},Ovo:{weight:["regular"],fallback:"serif"},"IBM Plex Sans Condensed":{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Nixie One":{weight:["regular"],fallback:"display"},Aladin:{weight:["regular"],fallback:"handwriting"},Arizonia:{weight:["regular"],fallback:"handwriting"},"Bubblegum Sans":{weight:["regular"],fallback:"display"},"Changa One":{weight:["regular","italic"],fallback:"display"},"Lexend Deca":{weight:["regular"],fallback:"sans-serif"},Sofia:{weight:["regular"],fallback:"handwriting"},"Jockey One":{weight:["regular"],fallback:"sans-serif"},Suranna:{weight:["regular"],fallback:"serif"},Amethysta:{weight:["regular"],fallback:"serif"},Schoolbell:{weight:["regular"],fallback:"handwriting"},"Nanum Brush Script":{weight:["regular"],fallback:"handwriting"},"Cedarville Cursive":{weight:["regular"],fallback:"handwriting"},"Cutive Mono":{weight:["regular"],fallback:"monospace"},Delius:{weight:["regular"],fallback:"handwriting"},"Raleway Dots":{weight:["regular"],fallback:"display"},Graduate:{weight:["regular"],fallback:"display"},Lustria:{weight:["regular"],fallback:"serif"},"Mukta Vaani":{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Kadwa:{weight:["regular","700"],fallback:"serif"},"Rozha One":{weight:["regular"],fallback:"serif"},Buenard:{weight:["regular","700"],fallback:"serif"},Cambo:{weight:["regular"],fallback:"serif"},Marvel:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Krona One":{weight:["regular"],fallback:"sans-serif"},"Carrois Gothic":{weight:["regular"],fallback:"sans-serif"},Carme:{weight:["regular"],fallback:"sans-serif"},"Slabo 13px":{weight:["regular"],fallback:"serif"},Lemon:{weight:["regular"],fallback:"display"},"Love Ya Like A Sister":{weight:["regular"],fallback:"display"},Rosario:{weight:["300","regular","500","600","700","300italic","italic","500italic","600italic","700italic"],fallback:"sans-serif"},"Merienda One":{weight:["regular"],fallback:"handwriting"},"Public Sans":{weight:["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"sans-serif"},"Petit Formal Script":{weight:["regular"],fallback:"handwriting"},"Ceviche One":{weight:["regular"],fallback:"display"},Voltaire:{weight:["regular"],fallback:"sans-serif"},Fresca:{weight:["regular"],fallback:"sans-serif"},"Averia Serif Libre":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},Rye:{weight:["regular"],fallback:"display"},"Noto Serif KR":{weight:["200","300","regular","500","600","700","900"],fallback:"serif"},"Chelsea Market":{weight:["regular"],fallback:"display"},Calligraffitti:{weight:["regular"],fallback:"handwriting"},"Freckle Face":{weight:["regular"],fallback:"display"},"Duru Sans":{weight:["regular"],fallback:"sans-serif"},Trocchi:{weight:["regular"],fallback:"serif"},Metrophobic:{weight:["regular"],fallback:"sans-serif"},Mate:{weight:["regular","italic"],fallback:"serif"},Harmattan:{weight:["regular"],fallback:"sans-serif"},"Gilda Display":{weight:["regular"],fallback:"serif"},"Cormorant Infant":{weight:["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"serif"},Spartan:{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Oxygen Mono":{weight:["regular"],fallback:"monospace"},Chonburi:{weight:["regular"],fallback:"display"},"Goudy Bookletter 1911":{weight:["regular"],fallback:"serif"},Sansita:{weight:["regular","italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},"Emilys Candy":{weight:["regular"],fallback:"display"},Amiko:{weight:["regular","600","700"],fallback:"sans-serif"},Kristi:{weight:["regular"],fallback:"handwriting"},"Palanquin Dark":{weight:["regular","500","600","700"],fallback:"sans-serif"},Lekton:{weight:["regular","italic","700"],fallback:"sans-serif"},Cutive:{weight:["regular"],fallback:"serif"},"Herr Von Muellerhoff":{weight:["regular"],fallback:"handwriting"},"GFS Didot":{weight:["regular"],fallback:"serif"},Radley:{weight:["regular","italic"],fallback:"serif"},"Sue Ellen Francisco":{weight:["regular"],fallback:"handwriting"},Pompiere:{weight:["regular"],fallback:"display"},Gabriela:{weight:["regular"],fallback:"serif"},Niramit:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Seaweed Script":{weight:["regular"],fallback:"display"},"Sedgwick Ave":{weight:["regular"],fallback:"handwriting"},Federo:{weight:["regular"],fallback:"sans-serif"},McLaren:{weight:["regular"],fallback:"display"},"IM Fell DW Pica":{weight:["regular","italic"],fallback:"serif"},Sniglet:{weight:["regular","800"],fallback:"display"},"Mr De Haviland":{weight:["regular"],fallback:"handwriting"},Shojumaru:{weight:["regular"],fallback:"display"},Poly:{weight:["regular","italic"],fallback:"serif"},Belleza:{weight:["regular"],fallback:"sans-serif"},Faustina:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},"IM Fell English":{weight:["regular","italic"],fallback:"serif"},"Rammetto One":{weight:["regular"],fallback:"display"},Amita:{weight:["regular","700"],fallback:"handwriting"},Inder:{weight:["regular"],fallback:"sans-serif"},"Antic Didone":{weight:["regular"],fallback:"serif"},"Alike Angular":{weight:["regular"],fallback:"serif"},Montez:{weight:["regular"],fallback:"handwriting"},K2D:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},UnifrakturMaguntia:{weight:["regular"],fallback:"display"},Gurajada:{weight:["regular"],fallback:"serif"},"Proza Libre":{weight:["regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},Athiti:{weight:["200","300","regular","500","600","700"],fallback:"sans-serif"},Andada:{weight:["regular"],fallback:"serif"},"Liu Jian Mao Cao":{weight:["regular"],fallback:"handwriting"},Megrim:{weight:["regular"],fallback:"display"},"Vast Shadow":{weight:["regular"],fallback:"display"},Wallpoet:{weight:["regular"],fallback:"display"},Unkempt:{weight:["regular","700"],fallback:"display"},"Fanwood Text":{weight:["regular","italic"],fallback:"serif"},"Doppio One":{weight:["regular"],fallback:"sans-serif"},"Comic Neue":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"handwriting"},Corben:{weight:["regular","700"],fallback:"display"},Frijole:{weight:["regular"],fallback:"display"},Balthazar:{weight:["regular"],fallback:"serif"},Mirza:{weight:["regular","500","600","700"],fallback:"display"},"IM Fell French Canon SC":{weight:["regular"],fallback:"serif"},Brawler:{weight:["regular"],fallback:"serif"},"Oleo Script Swash Caps":{weight:["regular","700"],fallback:"display"},Mandali:{weight:["regular"],fallback:"sans-serif"},Convergence:{weight:["regular"],fallback:"sans-serif"},Fondamento:{weight:["regular","italic"],fallback:"handwriting"},Alike:{weight:["regular"],fallback:"serif"},Baumans:{weight:["regular"],fallback:"display"},Esteban:{weight:["regular"],fallback:"serif"},"Gravitas One":{weight:["regular"],fallback:"display"},Anaheim:{weight:["regular"],fallback:"sans-serif"},"Wendy One":{weight:["regular"],fallback:"sans-serif"},"Stardos Stencil":{weight:["regular","700"],fallback:"display"},"Spicy Rice":{weight:["regular"],fallback:"display"},Rakkas:{weight:["regular"],fallback:"display"},"La Belle Aurore":{weight:["regular"],fallback:"handwriting"},"Secular One":{weight:["regular"],fallback:"sans-serif"},Belgrano:{weight:["regular"],fallback:"serif"},"Bungee Shade":{weight:["regular"],fallback:"display"},"Crafty Girls":{weight:["regular"],fallback:"handwriting"},Battambang:{weight:["regular","700"],fallback:"display"},Quando:{weight:["regular"],fallback:"serif"},"Mouse Memoirs":{weight:["regular"],fallback:"sans-serif"},Gugi:{weight:["regular"],fallback:"display"},"Faster One":{weight:["regular"],fallback:"display"},"B612 Mono":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Limelight:{weight:["regular"],fallback:"display"},"Short Stack":{weight:["regular"],fallback:"handwriting"},"Mountains of Christmas":{weight:["regular","700"],fallback:"display"},"Share Tech":{weight:["regular"],fallback:"sans-serif"},Laila:{weight:["300","regular","500","600","700"],fallback:"serif"},Literata:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},"Cormorant SC":{weight:["300","regular","500","600","700"],fallback:"serif"},"Fjord One":{weight:["regular"],fallback:"serif"},Podkova:{weight:["regular","500","600","700","800"],fallback:"serif"},Homenaje:{weight:["regular"],fallback:"sans-serif"},"Walter Turncoat":{weight:["regular"],fallback:"handwriting"},Sen:{weight:["regular","700","800"],fallback:"sans-serif"},"Patrick Hand SC":{weight:["regular"],fallback:"handwriting"},Voces:{weight:["regular"],fallback:"display"},Qwigley:{weight:["regular"],fallback:"handwriting"},"Happy Monkey":{weight:["regular"],fallback:"display"},"Rouge Script":{weight:["regular"],fallback:"handwriting"},"Baloo Chettan 2":{weight:["regular","500","600","700","800"],fallback:"display"},NTR:{weight:["regular"],fallback:"sans-serif"},Skranji:{weight:["regular","700"],fallback:"display"},Strait:{weight:["regular"],fallback:"sans-serif"},"Dawning of a New Day":{weight:["regular"],fallback:"handwriting"},Iceland:{weight:["regular"],fallback:"display"},"Expletus Sans":{weight:["regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"display"},"Montserrat Subrayada":{weight:["regular","700"],fallback:"sans-serif"},Oregano:{weight:["regular","italic"],fallback:"display"},"Give You Glory":{weight:["regular"],fallback:"handwriting"},Alata:{weight:["regular"],fallback:"sans-serif"},Puritan:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Mako:{weight:["regular"],fallback:"sans-serif"},Andika:{weight:["regular"],fallback:"sans-serif"},"Cormorant Upright":{weight:["300","regular","500","600","700"],fallback:"serif"},Zeyada:{weight:["regular"],fallback:"handwriting"},"Bowlby One":{weight:["regular"],fallback:"display"},"Aref Ruqaa":{weight:["regular","700"],fallback:"serif"},Numans:{weight:["regular"],fallback:"sans-serif"},Kurale:{weight:["regular"],fallback:"serif"},Spirax:{weight:["regular"],fallback:"display"},"Clicker Script":{weight:["regular"],fallback:"handwriting"},"Waiting for the Sunrise":{weight:["regular"],fallback:"handwriting"},"Holtwood One SC":{weight:["regular"],fallback:"serif"},Katibeh:{weight:["regular"],fallback:"display"},"Carrois Gothic SC":{weight:["regular"],fallback:"sans-serif"},Livvic:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],fallback:"sans-serif"},Eater:{weight:["regular"],fallback:"display"},"Fontdiner Swanky":{weight:["regular"],fallback:"display"},"Finger Paint":{weight:["regular"],fallback:"display"},Bellefair:{weight:["regular"],fallback:"serif"},"Wire One":{weight:["regular"],fallback:"sans-serif"},Kosugi:{weight:["regular"],fallback:"sans-serif"},Charm:{weight:["regular","700"],fallback:"handwriting"},"Delius Swash Caps":{weight:["regular"],fallback:"handwriting"},"Vesper Libre":{weight:["regular","500","700","900"],fallback:"serif"},"Red Hat Text":{weight:["regular","italic","500","500italic","700","700italic"],fallback:"sans-serif"},Gafata:{weight:["regular"],fallback:"sans-serif"},"Averia Sans Libre":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},"Denk One":{weight:["regular"],fallback:"sans-serif"},Geo:{weight:["regular","italic"],fallback:"sans-serif"},Tauri:{weight:["regular"],fallback:"sans-serif"},"Cherry Swash":{weight:["regular","700"],fallback:"display"},Codystar:{weight:["300","regular"],fallback:"display"},"Cantora One":{weight:["regular"],fallback:"sans-serif"},"Encode Sans Semi Condensed":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Nova Square":{weight:["regular"],fallback:"display"},BioRhyme:{weight:["200","300","regular","700","800"],fallback:"serif"},Timmana:{weight:["regular"],fallback:"sans-serif"},Atma:{weight:["300","regular","500","600","700"],fallback:"display"},Tienne:{weight:["regular","700","900"],fallback:"serif"},Meddon:{weight:["regular"],fallback:"handwriting"},Galada:{weight:["regular"],fallback:"display"},Padauk:{weight:["regular","700"],fallback:"sans-serif"},"Loved by the King":{weight:["regular"],fallback:"handwriting"},"The Girl Next Door":{weight:["regular"],fallback:"handwriting"},"Darker Grotesque":{weight:["300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Life Savers":{weight:["regular","700","800"],fallback:"display"},Bilbo:{weight:["regular"],fallback:"handwriting"},Shanti:{weight:["regular"],fallback:"sans-serif"},"Headland One":{weight:["regular"],fallback:"serif"},"Euphoria Script":{weight:["regular"],fallback:"handwriting"},Imprima:{weight:["regular"],fallback:"sans-serif"},"Aguafina Script":{weight:["regular"],fallback:"handwriting"},"Baloo 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Over the Rainbow":{weight:["regular"],fallback:"handwriting"},Sarpanch:{weight:["regular","500","600","700","800","900"],fallback:"sans-serif"},Orienta:{weight:["regular"],fallback:"sans-serif"},"Spectral SC":{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"serif"},"Port Lligat Sans":{weight:["regular"],fallback:"sans-serif"},Artifika:{weight:["regular"],fallback:"serif"},Ledger:{weight:["regular"],fallback:"serif"},Ruluko:{weight:["regular"],fallback:"sans-serif"},Sail:{weight:["regular"],fallback:"display"},Alatsi:{weight:["regular"],fallback:"sans-serif"},"Sonsie One":{weight:["regular"],fallback:"display"},"Bilbo Swash Caps":{weight:["regular"],fallback:"handwriting"},Slackey:{weight:["regular"],fallback:"display"},Salsa:{weight:["regular"],fallback:"display"},Rationale:{weight:["regular"],fallback:"sans-serif"},"Hepta Slab":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"serif"},Nosifer:{weight:["regular"],fallback:"display"},Dekko:{weight:["regular"],fallback:"handwriting"},"Encode Sans Expanded":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Lily Script One":{weight:["regular"],fallback:"display"},"Zilla Slab Highlight":{weight:["regular","700"],fallback:"display"},Dokdo:{weight:["regular"],fallback:"handwriting"},"Kotta One":{weight:["regular"],fallback:"serif"},"Macondo Swash Caps":{weight:["regular"],fallback:"display"},"Encode Sans Semi Expanded":{weight:["100","200","300","regular","500","600","700","800","900"],fallback:"sans-serif"},"Prosto One":{weight:["regular"],fallback:"display"},"Trade Winds":{weight:["regular"],fallback:"display"},Farsan:{weight:["regular"],fallback:"display"},Manuale:{weight:["regular","500","600","700","italic","500italic","600italic","700italic"],fallback:"serif"},Creepster:{weight:["regular"],fallback:"display"},"Medula One":{weight:["regular"],fallback:"display"},Ranchers:{weight:["regular"],fallback:"display"},"David Libre":{weight:["regular","500","700"],fallback:"serif"},"Libre Barcode 39":{weight:["regular"],fallback:"display"},"Vampiro One":{weight:["regular"],fallback:"display"},Metamorphous:{weight:["regular"],fallback:"display"},"Bubbler One":{weight:["regular"],fallback:"sans-serif"},"Nova Mono":{weight:["regular"],fallback:"monospace"},"Princess Sofia":{weight:["regular"],fallback:"handwriting"},"Just Me Again Down Here":{weight:["regular"],fallback:"handwriting"},Notable:{weight:["regular"],fallback:"sans-serif"},"Fascinate Inline":{weight:["regular"],fallback:"display"},Vibur:{weight:["regular"],fallback:"handwriting"},"Vollkorn SC":{weight:["regular","600","700","900"],fallback:"serif"},Crushed:{weight:["regular"],fallback:"display"},Sumana:{weight:["regular","700"],fallback:"serif"},Elsie:{weight:["regular","900"],fallback:"display"},Ranga:{weight:["regular","700"],fallback:"display"},"Port Lligat Slab":{weight:["regular"],fallback:"serif"},Amarante:{weight:["regular"],fallback:"display"},"Ruslan Display":{weight:["regular"],fallback:"display"},"Germania One":{weight:["regular"],fallback:"display"},"Sirin Stencil":{weight:["regular"],fallback:"display"},Pavanam:{weight:["regular"],fallback:"sans-serif"},Peralta:{weight:["regular"],fallback:"display"},"Scope One":{weight:["regular"],fallback:"serif"},Jomolhari:{weight:["regular"],fallback:"serif"},Kranky:{weight:["regular"],fallback:"display"},"Yatra One":{weight:["regular"],fallback:"display"},"Jacques Francois Shadow":{weight:["regular"],fallback:"display"},Ribeye:{weight:["regular"],fallback:"display"},"Averia Libre":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},"Saira Stencil One":{weight:["regular"],fallback:"display"},"Cherry Cream Soda":{weight:["regular"],fallback:"display"},"Mukta Mahee":{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},Srisakdi:{weight:["regular","700"],fallback:"display"},Trochut:{weight:["regular","italic","700"],fallback:"display"},Coiny:{weight:["regular"],fallback:"display"},"Ma Shan Zheng":{weight:["regular"],fallback:"handwriting"},Asul:{weight:["regular","700"],fallback:"sans-serif"},Ewert:{weight:["regular"],fallback:"display"},Arya:{weight:["regular","700"],fallback:"sans-serif"},"Hanalei Fill":{weight:["regular"],fallback:"display"},Grenze:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"serif"},"Ribeye Marrow":{weight:["regular"],fallback:"display"},"IM Fell English SC":{weight:["regular"],fallback:"serif"},"Chau Philomene One":{weight:["regular","italic"],fallback:"sans-serif"},Sarina:{weight:["regular"],fallback:"display"},Chicle:{weight:["regular"],fallback:"display"},Manjari:{weight:["100","regular","700"],fallback:"sans-serif"},Montaga:{weight:["regular"],fallback:"serif"},Italiana:{weight:["regular"],fallback:"serif"},Akronim:{weight:["regular"],fallback:"display"},Habibi:{weight:["regular"],fallback:"serif"},Englebert:{weight:["regular"],fallback:"sans-serif"},Dynalight:{weight:["regular"],fallback:"display"},"Mate SC":{weight:["regular"],fallback:"serif"},"Henny Penny":{weight:["regular"],fallback:"display"},"Sree Krushnadevaraya":{weight:["regular"],fallback:"serif"},Engagement:{weight:["regular"],fallback:"handwriting"},Girassol:{weight:["regular"],fallback:"display"},"Kite One":{weight:["regular"],fallback:"sans-serif"},"Ibarra Real Nova":{weight:["regular","italic","600","600italic","700","700italic"],fallback:"serif"},Gaegu:{weight:["300","regular","700"],fallback:"handwriting"},Fenix:{weight:["regular"],fallback:"serif"},"Pirata One":{weight:["regular"],fallback:"display"},"Tulpen One":{weight:["regular"],fallback:"display"},"IM Fell Great Primer":{weight:["regular","italic"],fallback:"serif"},Chathura:{weight:["100","300","regular","700","800"],fallback:"sans-serif"},Unlock:{weight:["regular"],fallback:"display"},"Nova Round":{weight:["regular"],fallback:"display"},Sura:{weight:["regular","700"],fallback:"serif"},"Kumar One":{weight:["regular"],fallback:"display"},Baskervville:{weight:["regular","italic"],fallback:"serif"},Quintessential:{weight:["regular"],fallback:"handwriting"},Milonga:{weight:["regular"],fallback:"display"},Bayon:{weight:["regular"],fallback:"display"},"Be Vietnam":{weight:["100","100italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],fallback:"sans-serif"},"Crimson Pro":{weight:["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],fallback:"serif"},B612:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"League Script":{weight:["regular"],fallback:"handwriting"},"Inknut Antiqua":{weight:["300","regular","500","600","700","800","900"],fallback:"serif"},Mogra:{weight:["regular"],fallback:"display"},"Mystery Quest":{weight:["regular"],fallback:"display"},"Monsieur La Doulaise":{weight:["regular"],fallback:"handwriting"},Vibes:{weight:["regular"],fallback:"display"},Rosarivo:{weight:["regular","italic"],fallback:"serif"},"Uncial Antiqua":{weight:["regular"],fallback:"display"},Dorsa:{weight:["regular"],fallback:"sans-serif"},Almendra:{weight:["regular","italic","700","700italic"],fallback:"serif"},Diplomata:{weight:["regular"],fallback:"display"},Simonetta:{weight:["regular","italic","900","900italic"],fallback:"display"},"New Rocker":{weight:["regular"],fallback:"display"},Snippet:{weight:["regular"],fallback:"sans-serif"},Petrona:{weight:["regular"],fallback:"serif"},Ramaraja:{weight:["regular"],fallback:"serif"},"Averia Gruesa Libre":{weight:["regular"],fallback:"display"},"Baloo Bhaina 2":{weight:["regular","500","600","700","800"],fallback:"display"},Kodchasan:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Meera Inimai":{weight:["regular"],fallback:"sans-serif"},Flamenco:{weight:["300","regular"],fallback:"display"},Khmer:{weight:["regular"],fallback:"display"},Paprika:{weight:["regular"],fallback:"display"},Koulen:{weight:["regular"],fallback:"display"},Mansalva:{weight:["regular"],fallback:"handwriting"},"Lovers Quarrel":{weight:["regular"],fallback:"handwriting"},Condiment:{weight:["regular"],fallback:"handwriting"},"Baloo Thambi 2":{weight:["regular","500","600","700","800"],fallback:"display"},Stoke:{weight:["300","regular"],fallback:"serif"},Barrio:{weight:["regular"],fallback:"display"},Barriecito:{weight:["regular"],fallback:"display"},"Donegal One":{weight:["regular"],fallback:"serif"},Kavoon:{weight:["regular"],fallback:"display"},"Big Shoulders Display":{weight:["100","300","regular","500","600","700","800","900"],fallback:"display"},Mina:{weight:["regular","700"],fallback:"sans-serif"},"Big Shoulders Text":{weight:["100","300","regular","500","600","700","800","900"],fallback:"display"},Prociono:{weight:["regular"],fallback:"serif"},"Text Me One":{weight:["regular"],fallback:"sans-serif"},"IM Fell French Canon":{weight:["regular","italic"],fallback:"serif"},"Overlock SC":{weight:["regular"],fallback:"display"},Cagliostro:{weight:["regular"],fallback:"sans-serif"},"Marko One":{weight:["regular"],fallback:"serif"},"Swanky and Moo Moo":{weight:["regular"],fallback:"handwriting"},"Maiden Orange":{weight:["regular"],fallback:"display"},Blinker:{weight:["100","200","300","regular","600","700","800","900"],fallback:"sans-serif"},Miniver:{weight:["regular"],fallback:"display"},Angkor:{weight:["regular"],fallback:"display"},Chango:{weight:["regular"],fallback:"display"},Thasadith:{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},Modak:{weight:["regular"],fallback:"display"},Junge:{weight:["regular"],fallback:"serif"},"Stint Ultra Condensed":{weight:["regular"],fallback:"display"},Stalemate:{weight:["regular"],fallback:"handwriting"},Tillana:{weight:["regular","500","600","700","800"],fallback:"handwriting"},UnifrakturCook:{weight:["700"],fallback:"display"},"Rum Raisin":{weight:["regular"],fallback:"sans-serif"},Farro:{weight:["300","regular","500","700"],fallback:"sans-serif"},"Delius Unicase":{weight:["regular","700"],fallback:"handwriting"},Sancreek:{weight:["regular"],fallback:"display"},Julee:{weight:["regular"],fallback:"handwriting"},Margarine:{weight:["regular"],fallback:"display"},"Lakki Reddy":{weight:["regular"],fallback:"handwriting"},"Stint Ultra Expanded":{weight:["regular"],fallback:"display"},"Bigshot One":{weight:["regular"],fallback:"display"},Griffy:{weight:["regular"],fallback:"display"},Moul:{weight:["regular"],fallback:"display"},"Diplomata SC":{weight:["regular"],fallback:"display"},Oxanium:{weight:["200","300","regular","500","600","700","800"],fallback:"display"},Offside:{weight:["regular"],fallback:"display"},"Fira Code":{weight:["300","regular","500","600","700"],fallback:"monospace"},"Eagle Lake":{weight:["regular"],fallback:"handwriting"},Flavors:{weight:["regular"],fallback:"display"},"Londrina Outline":{weight:["regular"],fallback:"display"},Tomorrow:{weight:["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],fallback:"sans-serif"},Nokora:{weight:["regular","700"],fallback:"serif"},Calistoga:{weight:["regular"],fallback:"display"},Gotu:{weight:["regular"],fallback:"sans-serif"},"Della Respira":{weight:["regular"],fallback:"serif"},"Cormorant Unicase":{weight:["300","regular","500","600","700"],fallback:"serif"},"Libre Caslon Text":{weight:["regular","italic","700"],fallback:"serif"},Buda:{weight:["300"],fallback:"display"},Asar:{weight:["regular"],fallback:"serif"},"Poller One":{weight:["regular"],fallback:"display"},"Autour One":{weight:["regular"],fallback:"display"},"Nova Slim":{weight:["regular"],fallback:"display"},Underdog:{weight:["regular"],fallback:"display"},Redressed:{weight:["regular"],fallback:"handwriting"},"Yeon Sung":{weight:["regular"],fallback:"display"},Content:{weight:["regular","700"],fallback:"display"},Kantumruy:{weight:["300","regular","700"],fallback:"sans-serif"},"Baloo Paaji 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Jim Nightshade":{weight:["regular"],fallback:"handwriting"},"Glass Antiqua":{weight:["regular"],fallback:"display"},"Snowburst One":{weight:["regular"],fallback:"display"},"Gamja Flower":{weight:["regular"],fallback:"handwriting"},Revalia:{weight:["regular"],fallback:"display"},"Metal Mania":{weight:["regular"],fallback:"display"},Charmonman:{weight:["regular","700"],fallback:"handwriting"},"IM Fell DW Pica SC":{weight:["regular"],fallback:"serif"},Inika:{weight:["regular","700"],fallback:"serif"},"Elsie Swash Caps":{weight:["regular","900"],fallback:"display"},Wellfleet:{weight:["regular"],fallback:"display"},"Chela One":{weight:["regular"],fallback:"display"},"Rhodium Libre":{weight:["regular"],fallback:"serif"},"Mrs Sheppards":{weight:["regular"],fallback:"handwriting"},"Sedgwick Ave Display":{weight:["regular"],fallback:"handwriting"},"Modern Antiqua":{weight:["regular"],fallback:"display"},"Ravi Prakash":{weight:["regular"],fallback:"display"},Galdeano:{weight:["regular"],fallback:"sans-serif"},Oldenburg:{weight:["regular"],fallback:"display"},Arbutus:{weight:["regular"],fallback:"display"},"Poor Story":{weight:["regular"],fallback:"display"},"Hi Melody":{weight:["regular"],fallback:"handwriting"},"Joti One":{weight:["regular"],fallback:"display"},"Nova Flat":{weight:["regular"],fallback:"display"},"ZCOOL QingKe HuangYou":{weight:["regular"],fallback:"display"},"Linden Hill":{weight:["regular","italic"],fallback:"serif"},Bokor:{weight:["regular"],fallback:"display"},"Courier Prime":{weight:["regular","italic","700","700italic"],fallback:"monospace"},Trykker:{weight:["regular"],fallback:"serif"},KoHo:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Song Myung":{weight:["regular"],fallback:"serif"},Ruthie:{weight:["regular"],fallback:"handwriting"},"Libre Barcode 39 Extended Text":{weight:["regular"],fallback:"display"},Chilanka:{weight:["regular"],fallback:"handwriting"},Fahkwang:{weight:["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],fallback:"sans-serif"},Felipa:{weight:["regular"],fallback:"handwriting"},Monofett:{weight:["regular"],fallback:"display"},"Odibee Sans":{weight:["regular"],fallback:"display"},Smythe:{weight:["regular"],fallback:"display"},"Major Mono Display":{weight:["regular"],fallback:"monospace"},Jomhuria:{weight:["regular"],fallback:"display"},"Croissant One":{weight:["regular"],fallback:"display"},Dangrek:{weight:["regular"],fallback:"display"},"Original Surfer":{weight:["regular"],fallback:"display"},Bahiana:{weight:["regular"],fallback:"display"},Gorditas:{weight:["regular","700"],fallback:"display"},"Odor Mean Chey":{weight:["regular"],fallback:"display"},Iceberg:{weight:["regular"],fallback:"display"},MedievalSharp:{weight:["regular"],fallback:"display"},"Caesar Dressing":{weight:["regular"],fallback:"display"},Sahitya:{weight:["regular","700"],fallback:"serif"},Stylish:{weight:["regular"],fallback:"sans-serif"},"Nova Cut":{weight:["regular"],fallback:"display"},"Purple Purse":{weight:["regular"],fallback:"display"},Devonshire:{weight:["regular"],fallback:"handwriting"},Smokum:{weight:["regular"],fallback:"display"},"Almendra Display":{weight:["regular"],fallback:"display"},Galindo:{weight:["regular"],fallback:"display"},Preahvihear:{weight:["regular"],fallback:"display"},Siemreap:{weight:["regular"],fallback:"display"},"Irish Grover":{weight:["regular"],fallback:"display"},Gupter:{weight:["regular","500","700"],fallback:"serif"},"Meie Script":{weight:["regular"],fallback:"handwriting"},"Libre Barcode 128":{weight:["regular"],fallback:"display"},"Keania One":{weight:["regular"],fallback:"display"},"GFS Neohellenic":{weight:["regular","italic","700","700italic"],fallback:"sans-serif"},"Cute Font":{weight:["regular"],fallback:"display"},"Londrina Shadow":{weight:["regular"],fallback:"display"},"East Sea Dokdo":{weight:["regular"],fallback:"handwriting"},"Libre Barcode 39 Extended":{weight:["regular"],fallback:"display"},Risque:{weight:["regular"],fallback:"display"},Lancelot:{weight:["regular"],fallback:"display"},"Libre Caslon Display":{weight:["regular"],fallback:"serif"},Plaster:{weight:["regular"],fallback:"display"},"Goblin One":{weight:["regular"],fallback:"display"},Asset:{weight:["regular"],fallback:"display"},"Almendra SC":{weight:["regular"],fallback:"serif"},"Jacques Francois":{weight:["regular"],fallback:"serif"},"Jolly Lodger":{weight:["regular"],fallback:"display"},"Lexend Exa":{weight:["regular"],fallback:"sans-serif"},Molle:{weight:["italic"],fallback:"handwriting"},Kavivanar:{weight:["regular"],fallback:"handwriting"},"Kirang Haerang":{weight:["regular"],fallback:"display"},Piedra:{weight:["regular"],fallback:"display"},"Atomic Age":{weight:["regular"],fallback:"display"},"Kulim Park":{weight:["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic"],fallback:"sans-serif"},"Libre Barcode 39 Text":{weight:["regular"],fallback:"display"},"IM Fell Great Primer SC":{weight:["regular"],fallback:"serif"},"Tenali Ramakrishna":{weight:["regular"],fallback:"sans-serif"},Butcherman:{weight:["regular"],fallback:"display"},"Dr Sugiyama":{weight:["regular"],fallback:"handwriting"},"Geostar Fill":{weight:["regular"],fallback:"display"},Romanesco:{weight:["regular"],fallback:"handwriting"},"Libre Barcode 128 Text":{weight:["regular"],fallback:"display"},Sunshiney:{weight:["regular"],fallback:"handwriting"},"Kumar One Outline":{weight:["regular"],fallback:"display"},Peddana:{weight:["regular"],fallback:"serif"},"Baloo Bhai 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Kdam Thmor":{weight:["regular"],fallback:"display"},"Ruge Boogie":{weight:["regular"],fallback:"handwriting"},Freehand:{weight:["regular"],fallback:"display"},Bonbon:{weight:["regular"],fallback:"handwriting"},Caladea:{weight:["regular","italic","700","700italic"],fallback:"serif"},"Single Day":{weight:["regular"],fallback:"display"},"Baloo Tamma 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Inria Sans":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"sans-serif"},Hanalei:{weight:["regular"],fallback:"display"},"Emblema One":{weight:["regular"],fallback:"display"},"Seymour One":{weight:["regular"],fallback:"sans-serif"},"Miss Fajardose":{weight:["regular"],fallback:"handwriting"},Sevillana:{weight:["regular"],fallback:"display"},"Inria Serif":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"serif"},"Bungee Outline":{weight:["regular"],fallback:"display"},Metal:{weight:["regular"],fallback:"display"},"IM Fell Double Pica SC":{weight:["regular"],fallback:"serif"},"Lexend Giga":{weight:["regular"],fallback:"sans-serif"},"ZCOOL KuaiLe":{weight:["regular"],fallback:"display"},Astloch:{weight:["regular","700"],fallback:"display"},"Mr Bedfort":{weight:["regular"],fallback:"handwriting"},Macondo:{weight:["regular"],fallback:"display"},"Butterfly Kids":{weight:["regular"],fallback:"handwriting"},"Supermercado One":{weight:["regular"],fallback:"display"},Fruktur:{weight:["regular"],fallback:"display"},Taprom:{weight:["regular"],fallback:"display"},Lacquer:{weight:["regular"],fallback:"display"},"Black And White Picture":{weight:["regular"],fallback:"sans-serif"},"Bigelow Rules":{weight:["regular"],fallback:"display"},"Beth Ellen":{weight:["regular"],fallback:"handwriting"},"Sofadi One":{weight:["regular"],fallback:"display"},Combo:{weight:["regular"],fallback:"display"},Bellota:{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},Federant:{weight:["regular"],fallback:"display"},"Miltonian Tattoo":{weight:["regular"],fallback:"display"},"Londrina Sketch":{weight:["regular"],fallback:"display"},Suwannaphum:{weight:["regular"],fallback:"display"},"Bungee Hairline":{weight:["regular"],fallback:"display"},Fascinate:{weight:["regular"],fallback:"display"},"Erica One":{weight:["regular"],fallback:"display"},"Nova Oval":{weight:["regular"],fallback:"display"},"Baloo Da 2":{weight:["regular","500","600","700","800"],fallback:"display"},"Sulphur Point":{weight:["300","regular","700"],fallback:"sans-serif"},Aubrey:{weight:["regular"],fallback:"display"},Gidugu:{weight:["regular"],fallback:"sans-serif"},"Bellota Text":{weight:["300","300italic","regular","italic","700","700italic"],fallback:"display"},"Nova Script":{weight:["regular"],fallback:"display"},Miltonian:{weight:["regular"],fallback:"display"},Gayathri:{weight:["100","regular","700"],fallback:"sans-serif"},Geostar:{weight:["regular"],fallback:"display"},Moulpali:{weight:["regular"],fallback:"display"},"Passero One":{weight:["regular"],fallback:"display"},"Stalinist One":{weight:["regular"],fallback:"display"},"Long Cang":{weight:["regular"],fallback:"handwriting"},Solway:{weight:["300","regular","500","700","800"],fallback:"serif"},"Zhi Mang Xing":{weight:["regular"],fallback:"handwriting"},"Baloo Tammudu 2":{weight:["regular","500","600","700","800"],fallback:"display"},Chenla:{weight:["regular"],fallback:"display"},Suravaram:{weight:["regular"],fallback:"serif"},Fasthand:{weight:["regular"],fallback:"serif"},Kenia:{weight:["regular"],fallback:"display"},Dhurjati:{weight:["regular"],fallback:"sans-serif"},"Lexend Tera":{weight:["regular"],fallback:"sans-serif"},"BioRhyme Expanded":{weight:["200","300","regular","700","800"],fallback:"serif"},"Turret Road":{weight:["200","300","regular","500","700","800"],fallback:"display"},Warnes:{weight:["regular"],fallback:"display"},"Viaoda Libre":{weight:["regular"],fallback:"display"},"Lexend Mega":{weight:["regular"],fallback:"sans-serif"},Bahianita:{weight:["regular"],fallback:"display"},Manrope:{weight:["200","300","regular","500","600","700","800"],fallback:"sans-serif"},"Lexend Zetta":{weight:["regular"],fallback:"sans-serif"},"Lexend Peta":{weight:["regular"],fallback:"sans-serif"}};t.a=l},function(e,t){},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(4),o=a(11),c=a(6),s=a(8),g=a(39),u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),p=wp.element.Component,b=wp.hooks.applyFilters,d=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.attributes,a=e.clientId,l=t.uniqueId,n=t.isGrid,i=t.width,u=t.outerContainer,p=t.innerContainer,d=t.containerWidth,f=t.minHeight,m=t.minHeightUnit,h=t.paddingTop,k=t.paddingRight,w=t.paddingBottom,y=t.paddingLeft,v=t.paddingUnit,C=t.marginTop,S=t.marginRight,B=t.marginBottom,E=t.marginLeft,T=t.marginUnit,O=t.borderSizeTop,z=t.borderSizeRight,M=t.borderSizeBottom,D=t.borderSizeLeft,_=t.borderRadiusTopRight,L=t.borderRadiusBottomRight,R=t.borderRadiusBottomLeft,x=t.borderRadiusTopLeft,P=t.borderRadiusUnit,U=t.borderColor,j=t.borderColorOpacity,N=t.backgroundColor,A=t.backgroundColorOpacity,F=t.gradient,H=t.textColor,I=t.linkColor,V=t.linkColorHover,G=t.bgImage,q=t.bgOptions,W=t.verticalAlignment,Z=t.zindex,K=t.removeVerticalGap,J=t.alignment,Y=t.fontFamily,Q=t.fontFamilyFallback,X=t.fontWeight,$=t.fontSize,ee=t.fontSizeUnit,te=t.textTransform,ae=Object(g.a)(t),le=d;le||(le=generateBlocksDefaults.container.containerWidth);var ne="";Y&&Q&&(ne=", "+Q);var ie=[];return ie[".gb-container-"+l]=[{"background-color":Object(c.a)(N,A),color:H,"border-radius":Object(o.a)(x,_,L,R,P),margin:Object(o.a)(C,S,B,E,T),"z-index":Z,"text-align":J,"font-family":Y+ne,"font-weight":X,"text-transform":te,"font-size":Object(s.a)($,ee),"min-height":Object(s.a)(f,m)}],G&&"element"===q.selector&&ae?ie[".gb-container-"+l].push({"background-image":ae,"background-size":q.size,"background-position":q.position,"background-repeat":q.repeat,"background-attachment":q.attachment}):F&&ae&&ie[".gb-container-"+l].push({"background-image":ae}),(G&&"pseudo-element"===q.selector||Z)&&ie[".gb-container-"+l].push({position:"relative"}),G&&"pseudo-element"===q.selector&&ie[".gb-container-"+l].push({overflow:"hidden"}),ie[".editor-styles-wrapper .gb-container-"+l+" h1,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h2,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h3,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h4,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h5,\n\t\t\t.editor-styles-wrapper .gb-container-"+l+" h6"]=[{color:H}],(O||z||M||D)&&ie[".gb-container-"+l].push({"border-width":Object(o.a)(O,z,M,D,"px"),"border-style":"solid","border-color":Object(c.a)(U,j)}),f&&!n&&ie[".gb-container-"+l].push({display:"flex","flex-direction":"row","align-items":W}),G&&"pseudo-element"===q.selector&&(ie[".gb-container-"+l+":before"]=[{content:'""',"background-image":"url("+G.image.url+")","background-repeat":q.repeat,"background-position":q.position,"background-size":q.size,"background-attachment":q.attachment,"z-index":"0",position:"absolute",top:"0",right:"0",bottom:"0",left:"0"}],"undefined"!==typeof q.opacity&&1!==q.opacity&&ie[".gb-container-"+l+":before"].push({opacity:q.opacity})),ie[".gb-container-"+l+" a, .gb-container-"+l+" a:visited"]=[{color:I}],ie[".gb-container-"+l+" a:hover"]=[{color:V}],ie[".gb-container-"+l+" > .gb-inside-container"]=[{padding:Object(o.a)(h,k,w,y,v),width:!(!f||n)&&"100%"}],"contained"!==p||n||ie[".gb-container-"+l+" > .gb-inside-container"].push({"max-width":Object(s.a)(le,"px"),"margin-left":"auto","margin-right":"auto"}),G&&"pseudo-element"===q.selector&&ie[".gb-container-"+l+" > .gb-inside-container"].push({"z-index":"1",position:"relative"}),ie[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a]=[{width:Object(s.a)(i,"%"),display:"flex","flex-direction":"column","margin-left":"0px","margin-right":"0px"}],ie[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a+" > .gb-grid-column"]=[{height:"100%"}],ie[".block-editor-block-list__layout > #block-"+a]=[{"max-width":"contained"===u&&!n&&Object(s.a)(le,"px"),"margin-bottom":!!K&&"0px !important"}],ie[".gb-grid-column > .gb-container-"+l]=[{display:"flex","flex-direction":"column",height:"100%","justify-content":W}],ie[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a+" > .block-editor-block-list__block-edit,\n\t\t.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+a+' > .block-editor-block-list__block-edit > [data-block="'+a+'"],\n\t\t.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-'+a+' > .block-editor-block-list__block-edit > [data-block="'+a+'"] > .gb-grid-column']=[{height:"100%"}],ie["#block-"+a+":not(.has-child-selected):not(.is-selected) .block-list-appender:not(:first-child),\n\t\t#block-"+a+":not(.has-child-selected):not(.is-selected) .block-editor-block-list__layout > div:not(:first-child) > .block-list-appender"]=[{display:"none"}],ie=b("generateblocks.editor.desktopCSS",ie,this.props,"container"),wp.element.createElement("style",null,Object(r.a)(ie))}}]),t}(p);t.a=d},function(e,t,a){"use strict";function l(e){var t=!1,a="",l="",i=Object(n.a)(e.backgroundColor,e.backgroundColorOpacity),r=Object(n.a)(e.gradientColorOne,e.gradientColorOneOpacity),o=Object(n.a)(e.gradientColorTwo,e.gradientColorTwoOpacity);if(e.gradient&&(r&&""!==e.gradientColorStopOne&&(a=" "+e.gradientColorStopOne+"%"),o&&""!==e.gradientColorStopTwo&&(l=" "+e.gradientColorStopTwo+"%")),e.bgImage&&"element"===e.bgOptions.selector){var c=e.bgImage.image.url;(i||e.gradient)&&"undefined"!==typeof e.bgOptions.overlay&&e.bgOptions.overlay?e.gradient?t="linear-gradient("+e.gradientDirection+"deg, "+r+a+", "+o+l+"), url("+c+")":i&&(t="linear-gradient(0deg, "+i+", "+i+"), url("+c+")"):t="url("+c+")"}else e.gradient&&(t="linear-gradient("+e.gradientDirection+"deg, "+r+a+", "+o+l+")");return t}t.a=l;var n=a(6)},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(13),i=a(0),r=a.n(i),o=wp.blockEditor.InnerBlocks,c=wp.hooks.applyFilters;t.a=function(e){var t,a=e.attributes,i=a.uniqueId,s=a.tagName,g=a.elementId,u=a.cssClasses,p=a.isGrid,b=a.align,d=function(e){var t=e.condition,a=e.wrap,l=e.children;return t?a(l):l};return wp.element.createElement(d,{condition:p,wrap:function(e){return wp.element.createElement("div",{className:r()(l({"gb-grid-column":!0},"gb-grid-column-"+i,!0))},e)}},wp.element.createElement(n.a,{attributes:a,tagName:s,id:g,className:r()((t={"gb-container":!0},l(t,"gb-container-"+i,!0),l(t,""+u,""!==u),l(t,"align"+b,!!b&&!p),t))},c("generateblocks.frontend.insideContainer","",a),wp.element.createElement("div",{className:r()({"gb-inside-container":!0})},wp.element.createElement(o.Content,null))))}},function(e,t,a){"use strict";var l={uniqueId:{type:"string",default:""},tagName:{type:"string",default:"div"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},isGrid:{type:"boolean",default:!1},gridId:{type:"string",default:""},width:{type:"number",default:generateBlocksDefaults.container.width},widthTablet:{type:"number",default:generateBlocksDefaults.container.widthTablet},widthMobile:{type:"number",default:generateBlocksDefaults.container.widthMobile},orderTablet:{type:"number",default:generateBlocksDefaults.container.orderTablet},orderMobile:{type:"number",default:generateBlocksDefaults.container.orderMobile},outerContainer:{type:"string",default:generateBlocksDefaults.container.outerContainer},innerContainer:{type:"string",default:generateBlocksDefaults.container.innerContainer},containerWidth:{type:"number",default:generateBlocksDefaults.container.containerWidth},minHeight:{type:"number",default:generateBlocksDefaults.container.minHeight},minHeightUnit:{type:"string",default:generateBlocksDefaults.container.minHeightUnit},minHeightTablet:{type:"number",default:generateBlocksDefaults.container.minHeightTablet},minHeightUnitTablet:{type:"string",default:generateBlocksDefaults.container.minHeightUnitTablet},minHeightMobile:{type:"number",default:generateBlocksDefaults.container.minHeightMobile},minHeightUnitMobile:{type:"string",default:generateBlocksDefaults.container.minHeightUnitMobile},paddingTop:{type:"string",default:generateBlocksDefaults.container.paddingTop},paddingRight:{type:"string",default:generateBlocksDefaults.container.paddingRight},paddingBottom:{type:"string",default:generateBlocksDefaults.container.paddingBottom},paddingLeft:{type:"string",default:generateBlocksDefaults.container.paddingLeft},paddingUnit:{type:"string",default:generateBlocksDefaults.container.paddingUnit},paddingSyncUnits:{type:"boolean",default:!1},paddingTopTablet:{type:"string",default:generateBlocksDefaults.container.paddingTopTablet},paddingRightTablet:{type:"string",default:generateBlocksDefaults.container.paddingRightTablet},paddingBottomTablet:{type:"string",default:generateBlocksDefaults.container.paddingBottomTablet},paddingLeftTablet:{type:"string",default:generateBlocksDefaults.container.paddingLeftTablet},paddingTopMobile:{type:"string",default:generateBlocksDefaults.container.paddingTopMobile},paddingRightMobile:{type:"string",default:generateBlocksDefaults.container.paddingRightMobile},paddingBottomMobile:{type:"string",default:generateBlocksDefaults.container.paddingBottomMobile},paddingLeftMobile:{type:"string",default:generateBlocksDefaults.container.paddingLeftMobile},marginTop:{type:"string",default:generateBlocksDefaults.container.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.container.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.container.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.container.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.container.marginUnit},marginSyncUnits:{type:"boolean",default:!1},marginTopTablet:{type:"string",default:generateBlocksDefaults.container.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.container.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.container.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.container.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.container.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.container.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.container.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.container.marginLeftMobile},borderSizeTop:{type:"string",default:generateBlocksDefaults.container.borderSizeTop},borderSizeRight:{type:"string",default:generateBlocksDefaults.container.borderSizeRight},borderSizeBottom:{type:"string",default:generateBlocksDefaults.container.borderSizeBottom},borderSizeLeft:{type:"string",default:generateBlocksDefaults.container.borderSizeLeft},borderSizeTopTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeTopTablet},borderSizeRightTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeRightTablet},borderSizeBottomTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeBottomTablet},borderSizeLeftTablet:{type:"string",default:generateBlocksDefaults.container.borderSizeLeftTablet},borderSizeTopMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeTopMobile},borderSizeRightMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeRightMobile},borderSizeBottomMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeBottomMobile},borderSizeLeftMobile:{type:"string",default:generateBlocksDefaults.container.borderSizeLeftMobile},borderRadiusTopRight:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopRight},borderRadiusBottomRight:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomRight},borderRadiusBottomLeft:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomLeft},borderRadiusTopLeft:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopLeft},borderRadiusUnit:{type:"string",default:generateBlocksDefaults.container.borderRadiusUnit},borderRadiusTopRightTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopRightTablet},borderRadiusBottomRightTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomRightTablet},borderRadiusBottomLeftTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomLeftTablet},borderRadiusTopLeftTablet:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopLeftTablet},borderRadiusTopRightMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopRightMobile},borderRadiusBottomRightMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomRightMobile},borderRadiusBottomLeftMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusBottomLeftMobile},borderRadiusTopLeftMobile:{type:"string",default:generateBlocksDefaults.container.borderRadiusTopLeftMobile},borderColor:{type:"string",default:generateBlocksDefaults.container.borderColor},borderColorOpacity:{type:"number",default:generateBlocksDefaults.container.borderColorOpacity},backgroundColor:{type:"string",default:generateBlocksDefaults.container.backgroundColor},backgroundColorOpacity:{type:"number",default:generateBlocksDefaults.container.backgroundColorOpacity},gradient:{type:"boolean",default:generateBlocksDefaults.container.gradient},gradientDirection:{type:"number",default:generateBlocksDefaults.container.gradientDirection},gradientColorOne:{type:"string",default:generateBlocksDefaults.container.gradientColorOne},gradientColorOneOpacity:{type:"number",default:generateBlocksDefaults.container.gradientColorOneOpacity},gradientColorStopOne:{type:"number",default:generateBlocksDefaults.container.gradientColorStopOne},gradientColorTwo:{type:"string",default:generateBlocksDefaults.container.gradientColorTwo},gradientColorTwoOpacity:{type:"number",default:generateBlocksDefaults.container.gradientColorTwoOpacity},gradientColorStopTwo:{type:"number",default:generateBlocksDefaults.container.gradientColorStopTwo},textColor:{type:"string",default:generateBlocksDefaults.container.textColor},linkColor:{type:"string",default:generateBlocksDefaults.container.linkColor},linkColorHover:{type:"string",default:generateBlocksDefaults.container.linkColorHover},bgImage:{type:"object",default:generateBlocksDefaults.container.bgImage},bgOptions:{type:"object",default:{selector:generateBlocksDefaults.container.bgOptions.selector,opacity:generateBlocksDefaults.container.bgOptions.opacity,overlay:generateBlocksDefaults.container.bgOptions.overlay,position:generateBlocksDefaults.container.bgOptions.position,size:generateBlocksDefaults.container.bgOptions.size,repeat:generateBlocksDefaults.container.bgOptions.repeat,attachment:generateBlocksDefaults.container.bgOptions.attachment}},verticalAlignment:{type:"string",default:generateBlocksDefaults.container.verticalAlignment},verticalAlignmentTablet:{type:"string",default:generateBlocksDefaults.container.verticalAlignmentTablet},verticalAlignmentMobile:{type:"string",default:generateBlocksDefaults.container.verticalAlignmentMobile},zindex:{type:"number",default:generateBlocksDefaults.container.zindex},removeVerticalGap:{type:"boolean",default:generateBlocksDefaults.container.removeVerticalGap},removeVerticalGapTablet:{type:"boolean",default:generateBlocksDefaults.container.removeVerticalGapTablet},removeVerticalGapMobile:{type:"boolean",default:generateBlocksDefaults.container.removeVerticalGapMobile},alignment:{type:"string",default:generateBlocksDefaults.container.alignment},alignmentTablet:{type:"string",default:generateBlocksDefaults.container.alignmentTablet},alignmentMobile:{type:"string",default:generateBlocksDefaults.container.alignmentMobile},showAdvancedTypography:{type:"boolean",default:generateBlocksDefaults.headline.showAdvancedTypography},fontFamily:{type:"string",default:generateBlocksDefaults.container.fontFamily},fontFamilyFallback:{type:"string",default:generateBlocksDefaults.container.fontFamilyFallback},googleFont:{type:"boolean",default:generateBlocksDefaults.container.googleFont},googleFontVariants:{type:"string",default:generateBlocksDefaults.container.googleFontVariants},fontWeight:{type:"string",default:generateBlocksDefaults.container.fontWeight},fontSize:{type:"number",default:generateBlocksDefaults.container.fontSize},fontSizeTablet:{type:"number",default:generateBlocksDefaults.container.fontSizeTablet},fontSizeMobile:{type:"number",default:generateBlocksDefaults.container.fontSizeMobile},fontSizeUnit:{type:"string",default:generateBlocksDefaults.container.fontSizeUnit},textTransform:{type:"string",default:""},align:{type:"string",default:""}};generateBlocksInfo.hasCustomFields&&Object.assign(l,{fullWidthContent:{type:"string",source:"meta",meta:"_generate-full-width-content"}}),t.a=l},function(e,t,a){"use strict";var l=a(43),n=(a.n(l),a(44)),i=a(46),r=a(47),o=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/button-container",{title:__("Buttons","generateblocks"),description:__("Drive conversions with beautiful buttons.","generateblocks"),icon:Object(o.a)("button"),category:"generateblocks",keywords:[__("button"),__("buttons"),__("generate")],attributes:r.a,supports:{anchor:!1,className:!1,customClassName:!1},edit:n.a,save:i.a})},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(10),g=a(3),u=a(1),p=a(2),b=a(45),d=a(5),f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},m=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),__=wp.i18n.__,h=wp.components,k=h.TextControl,w=h.Tooltip,y=h.Button,v=h.ToggleControl,C=h.Toolbar,S=wp.element,B=S.Fragment,E=S.Component,T=wp.blockEditor,O=T.InspectorControls,z=T.InnerBlocks,M=T.AlignmentToolbar,D=T.BlockControls,_=wp.blocks,L=_.createBlock,R=_.cloneBlock,x=wp.hooks.applyFilters,P=/[\s#]/g,U=[],j=[{icon:"editor-alignleft",title:__("Align Buttons Left","generateblocks"),align:"left"},{icon:"editor-aligncenter",title:__("Align Buttons Center","generateblocks"),align:"center"},{icon:"editor-alignright",title:__("Align Buttons Right","generateblocks"),align:"right"}],N=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={selectedDevice:"desktop"},e}return r(t,e),m(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?U.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),U.push(e)):U.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),U.push(e));var t=wp.data.select("core/block-editor").getBlocksByClientId(this.props.clientId)[0];if(t){0===t.innerBlocks.length&&wp.data.dispatch("core/block-editor").insertBlocks(L("generateblocks/button",generateBlocksStyling.button),void 0,this.props.clientId)}}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.attributes,i=a.setAttributes,r=a.clientId,o=this.state.selectedDevice,m=n.uniqueId,h=n.elementId,S=n.cssClasses,E=n.alignment,T=n.alignmentTablet,_=n.alignmentMobile,U=n.stack,N=n.stackTablet,A=n.stackMobile,F=n.fillHorizontalSpace,H=n.fillHorizontalSpaceTablet,I=n.fillHorizontalSpaceMobile,V={id:h||void 0,className:c()((e={"gb-button-wrapper":!0},l(e,"gb-button-wrapper-"+m,!0),l(e,""+S,""!==S),e))};return V=x("generateblocks.frontend.htmlAttributes",V,"generateblocks/button-container",n),wp.element.createElement(B,null,wp.element.createElement(D,null,wp.element.createElement(C,null,wp.element.createElement(w,{text:__("Add Button","generateblocks")},wp.element.createElement(y,{className:"gblocks-add-new-button",icon:"insert",onClick:function(){var e=wp.data.select("core/block-editor").getBlocksByClientId(r)[0];if(e){var t=e.innerBlocks,a=Object.keys(t),l=a[a.length-1];if("undefined"!==typeof t[l]){var n=t[l].clientId;if(n){var i=wp.data.select("core/block-editor").getBlocksByClientId(n)[0],o=R(i);wp.data.dispatch("core/block-editor").insertBlocks(o,void 0,r)}}else 0===t.length&&wp.data.dispatch("core/block-editor").insertBlocks(L("generateblocks/button",generateBlocksStyling.button),void 0,r)}}}))),wp.element.createElement(M,{isCollapsed:!1,value:E,alignmentControls:j,onChange:function(e){i({alignment:e})}})),wp.element.createElement(O,null,wp.element.createElement(g.a,f({},this.props,{selectedDevice:Object(p.a)(o),onClick:function(e){window.localStorage.setItem("generateblocksSelectedDevice",e),t.setState({selectedDevice:e})}})),wp.element.createElement(d.a,f({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!0,icon:Object(u.a)("spacing"),className:"gblocks-panel-label",id:"buttonContainerSpacing",state:this.state}),"desktop"===Object(p.a)(o)&&wp.element.createElement(B,null,wp.element.createElement(M,{isCollapsed:!1,value:E,alignmentControls:j,onChange:function(e){i({alignment:e})}}),wp.element.createElement(s.a,f({},this.props,{device:Object(p.a)(o),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer})),wp.element.createElement(v,{label:__("Stack Vertically","generateblocks"),checked:!!U,onChange:function(e){i({stack:e})}}),wp.element.createElement(v,{label:__("Fill Horizontal Space","generateblocks"),checked:!!F,onChange:function(e){i({fillHorizontalSpace:e})}})),"tablet"===Object(p.a)(o)&&wp.element.createElement(B,null,wp.element.createElement(M,{isCollapsed:!1,value:T,alignmentControls:j,onChange:function(e){i({alignmentTablet:e})}}),wp.element.createElement(s.a,f({},this.props,{device:Object(p.a)(o),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer})),wp.element.createElement(v,{label:__("Stack Vertically","generateblocks"),checked:!!N,onChange:function(e){i({stackTablet:e})}}),wp.element.createElement(v,{label:__("Fill Horizontal Space","generateblocks"),checked:!!H,onChange:function(e){i({fillHorizontalSpaceTablet:e})}})),"mobile"===Object(p.a)(o)&&wp.element.createElement(B,null,wp.element.createElement(M,{isCollapsed:!1,value:_,alignmentControls:j,onChange:function(e){i({alignmentMobile:e})}}),wp.element.createElement(s.a,f({},this.props,{device:Object(p.a)(o),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer})),wp.element.createElement(v,{label:__("Stack Vertically","generateblocks"),checked:!!A,onChange:function(e){i({stackMobile:e})}}),wp.element.createElement(v,{label:__("Fill Horizontal Space","generateblocks"),checked:!!I,onChange:function(e){i({fillHorizontalSpaceMobile:e})}})),x("generateblocks.editor.controls","","buttonContainerSpacing",this.props,this.state)),wp.element.createElement(d.a,f({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(u.a)("advanced"),className:"gblocks-panel-label",id:"buttonContainerAdvanced",state:this.state,showPanel:"desktop"===Object(p.a)(o)||!1}),wp.element.createElement(k,{label:__("Element ID","generateblocks"),value:h,onChange:function(e){var t=e.replace(P,"-");i({elementId:t})}}),wp.element.createElement(k,{label:__("CSS Classes","generateblocks"),value:S,onChange:function(e){i({cssClasses:e})}}),x("generateblocks.editor.controls","","buttonContainerAdvanced",this.props,this.state)),wp.element.createElement(d.a,f({},this.props,{title:__("Documentation","generateblocks"),icon:Object(u.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonContainerDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),x("generateblocks.editor.controls","","buttonContainerDocumentation",this.props,this.state))),wp.element.createElement(b.a,this.props),wp.element.createElement("div",V,wp.element.createElement(z,{allowedBlocks:["generateblocks/button"],renderAppender:function(){return wp.element.createElement(w,{text:__("Add Button","generateblocks")},wp.element.createElement(y,{className:"gblocks-add-new-button gblocks-button-container-appender",icon:"insert",onClick:function(){wp.data.dispatch("core/block-editor").insertBlocks(L("generateblocks/button",generateBlocksStyling.button),void 0,r)}}))}})))}}]),t}(E);t.a=N},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(4),o=a(11),c=a(15),s=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),g=wp.element.Component,u=wp.hooks.applyFilters,p=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),s(t,[{key:"render",value:function(){var e=this.props.attributes,t=e.uniqueId,a=e.alignment,l=e.marginTop,n=e.marginRight,i=e.marginBottom,s=e.marginLeft,g=e.marginUnit,p=e.stack,b=e.fillHorizontalSpace,d=[];return d[".gb-button-wrapper-"+t]=[{display:!!b&&"block",margin:Object(o.a)(l,n,i,s,g),"justify-content":Object(c.a)(a),"flex-direction":!!p&&"column","align-items":!!p&&Object(c.a)(a)}],d[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!p&&"column"}],b&&(d[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],d[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),p&&b&&(d[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),d=u("generateblocks.editor.desktopCSS",d,this.props,"button-container"),wp.element.createElement("style",null,Object(r.a)(d))}}]),t}(g);t.a=p},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=wp.blockEditor.InnerBlocks,o=wp.hooks.applyFilters;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,c=a.elementId,s=a.cssClasses,g={id:c||void 0,className:i()((t={"gb-button-wrapper":!0},l(t,"gb-button-wrapper-"+n,!0),l(t,""+s,""!==s),t))};return g=o("generateblocks.frontend.htmlAttributes",g,"generateblocks/button-container",a),wp.element.createElement("div",g,wp.element.createElement(r.Content,null))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},alignment:{type:"string",default:generateBlocksDefaults.buttonContainer.alignment},alignmentTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.alignment},alignmentMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.alignment},marginTop:{type:"string",default:generateBlocksDefaults.buttonContainer.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.buttonContainer.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.buttonContainer.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.buttonContainer.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.buttonContainer.marginUnit},marginTopTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.buttonContainer.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.buttonContainer.marginLeftMobile},stack:{type:"boolean",default:generateBlocksDefaults.buttonContainer.stack},stackTablet:{type:"boolean",default:generateBlocksDefaults.buttonContainer.stackTablet},stackMobile:{type:"boolean",default:generateBlocksDefaults.buttonContainer.stackMobile},fillHorizontalSpace:{type:"boolean",default:generateBlocksDefaults.buttonContainer.fillHorizontalSpace},fillHorizontalSpaceTablet:{type:"boolean",default:generateBlocksDefaults.buttonContainer.fillHorizontalSpaceTablet},fillHorizontalSpaceMobile:{type:"boolean",default:generateBlocksDefaults.buttonContainer.fillHorizontalSpaceMobile}}},function(e,t,a){"use strict";var l=a(49),n=(a.n(l),a(50)),i=(a.n(n),a(51)),r=a(58),o=a(59),c=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/button",{title:__("Button","generateblocks"),description:__("Drive conversions with beautiful buttons.","generateblocks"),parent:["generateblocks/button-container"],icon:Object(c.a)("button"),category:"generateblocks",keywords:[__("button"),__("buttons"),__("generate")],attributes:o.a,supports:{anchor:!1,className:!1,customClassName:!1,inserter:!1,reusable:!1},edit:i.a,save:r.a})},function(e,t){},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(9),g=a(16),u=a(55),p=a(10),b=a(12),d=a(14),f=a(3),m=a(5),h=a(1),k=a(2),w=a(57),y=a(7),v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},C=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),S=wp.i18n,__=S.__,_x=S._x,B=S.sprintf,E=wp.components,T=E.TabPanel,O=E.TextControl,z=E.Toolbar,M=E.Tooltip,D=E.Button,_=E.ButtonGroup,L=wp.element,R=L.Fragment,x=L.Component,P=wp.blockEditor,U=P.InspectorControls,j=P.RichText,N=P.BlockControls,A=wp.blocks.cloneBlock,F=wp.hooks.applyFilters,H=/[\s#]/g,I=[],V=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.getFontSizePlaceholder=e.getFontSizePlaceholder.bind(e),e.state={selectedDevice:"desktop",fontSizePlaceholder:"17"},e}return r(t,e),C(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?I.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),I.push(e)):I.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),I.push(e));var t=this.getFontSizePlaceholder();t!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:t}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0})}},{key:"componentDidUpdate",value:function(){var e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}},{key:"getFontSizePlaceholder",value:function(){var e="17",t=document.querySelector(".gb-button-"+this.props.attributes.uniqueId);return t&&(e=parseFloat(window.getComputedStyle(t).fontSize)),e}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.attributes,i=a.setAttributes,r=a.isSelected,o=a.clientId,C=this.state,S=C.selectedDevice,E=C.fontSizePlaceholder,L=n.uniqueId,x=n.elementId,P=n.cssClasses,I=n.text,V=n.url,G=n.target,q=n.relNoFollow,W=n.relSponsored,Z=n.icon,K=n.iconLocation,J=n.removeText,Y=n.ariaLabel,Q=n.backgroundColor,X=n.backgroundColorOpacity,$=n.textColor,ee=n.backgroundColorHover,te=n.backgroundColorHoverOpacity,ae=n.textColorHover,le=n.fontFamily,ne=n.googleFont,ie=n.googleFontVariants,re=n.borderColor,oe=n.borderColorOpacity,ce=n.borderColorHover,se=n.borderColorHoverOpacity,ge=n.iconSize,ue=n.iconSizeTablet,pe=n.iconSizeMobile,be=n.iconSizeUnit;jQuery(".gb-button").on("click",function(e){e.preventDefault()});var de=[];q&&de.push("nofollow"),G&&de.push("noopener","noreferrer"),W&&de.push("sponsored");var fe="";ie&&(fe=":"+ie);var me=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"}],he={id:x||void 0,className:c()((e={"gb-button":!0},l(e,"gb-button-"+L,!0),l(e,""+P,""!==P),e)),href:V||void 0,target:G?"_blank":void 0,rel:de&&de.length>0?de.join(" "):void 0,"aria-label":Y||void 0};return he=F("generateblocks.frontend.htmlAttributes",he,"generateblocks/button",n),wp.element.createElement(R,null,wp.element.createElement(N,null,wp.element.createElement(z,null,wp.element.createElement(M,{text:__("Add Button","generateblocks")},wp.element.createElement(D,{className:"gblocks-add-new-button",icon:"insert",onClick:function(){var e=!1;e="function"===typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(o,"generateblocks/button-container",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(o);var t=wp.data.select("core/block-editor").getBlocksByClientId(o)[0],a=A(t);wp.data.dispatch("core/block-editor").insertBlocks(a,void 0,e)}})))),wp.element.createElement(U,null,wp.element.createElement(f.a,v({},this.props,{selectedDevice:Object(k.a)(S),onClick:function(e){window.localStorage.setItem("generateblocksSelectedDevice",e),t.setState({selectedDevice:e})}})),wp.element.createElement(m.a,v({},this.props,{title:__("Typography","generateblocks"),initialOpen:!1,icon:Object(h.a)("typography"),className:"gblocks-panel-label",id:"buttonTypography",state:this.state,showPanel:!J||!1}),"desktop"===Object(k.a)(S)&&wp.element.createElement(R,null,wp.element.createElement(b.a,v({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLetterSpacing:!0,fontSizePlaceholder:E,defaultFontSize:generateBlocksDefaults.button.fontSize,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacing}))),"tablet"===Object(k.a)(S)&&wp.element.createElement(R,null,wp.element.createElement(b.a,v({},this.props,{device:"Tablet",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingTablet}))),"mobile"===Object(k.a)(S)&&wp.element.createElement(R,null,wp.element.createElement(b.a,v({},this.props,{device:"Mobile",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingMobile}))),F("generateblocks.editor.controls","","buttonTypography",this.props,this.state)),wp.element.createElement(m.a,v({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!1,icon:Object(h.a)("spacing"),className:"gblocks-panel-label",id:"buttonSpacing",state:this.state}),"desktop"===Object(k.a)(S)&&wp.element.createElement(R,null,wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.button}))),"tablet"===Object(k.a)(S)&&wp.element.createElement(R,null,wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"margin",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.button}))),"mobile"===Object(k.a)(S)&&wp.element.createElement(R,null,wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.button})),wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:__("T-Left","generateblocks"),labelRight:__("T-Right","generateblocks"),labelBottom:__("B-Right","generateblocks"),labelLeft:__("B-Left","generateblocks"),defaults:generateBlocksDefaults.button}))),F("generateblocks.editor.controls","","buttonSpacing",this.props,this.state)),wp.element.createElement(m.a,v({},this.props,{title:__("Colors","generateblocks"),initialOpen:!1,icon:Object(h.a)("colors"),className:"gblocks-panel-label",id:"buttonColors",state:this.state,showPanel:"desktop"===Object(k.a)(S)||!1}),wp.element.createElement(T,{className:"layout-tab-panel gblocks-control-tabs",activeClass:"active-tab",tabs:[{name:"button-colors",title:__("Normal","generateblocks"),className:"button-colors"},{name:"button-colors-hover",title:__("Hover","generateblocks"),className:"button-colors-hover"}]},function(e){var a="button-colors"===e.name;return wp.element.createElement("div",null,a?wp.element.createElement(R,null,wp.element.createElement(s.a,{label:__("Background Color","generateblocks"),value:Q,alpha:!0,valueOpacity:X,attrOpacity:"backgroundColorOpacity",key:"buttonBackgroundColor",onChange:function(e){return i({backgroundColor:e})},onOpacityChange:function(e){return i({backgroundColorOpacity:e})}}),wp.element.createElement(s.a,{label:__("Text Color","generateblocks"),value:$,alpha:!1,key:"buttonTextColor",onChange:function(e){return i({textColor:e})}}),wp.element.createElement(s.a,{label:__("Border Color","generateblocks"),value:re,alpha:!0,valueOpacity:oe,attrOpacity:"borderColorOpacity",key:"buttonBorderColor",onChange:function(e){return i({borderColor:e})},onOpacityChange:function(e){return i({borderColorOpacity:e})}}),F("generateblocks.editor.controls","","buttonColorsNormal",t.props,t.state)):wp.element.createElement(R,null,wp.element.createElement(s.a,{label:__("Background Color","generateblocks"),value:ee,alpha:!0,valueOpacity:te,attrOpacity:"backgroundColorHoverOpacity",key:"buttonBackgroundColorHover",onChange:function(e){return i({backgroundColorHover:e})},onOpacityChange:function(e){return i({backgroundColorHoverOpacity:e})}}),wp.element.createElement(s.a,{label:__("Text Color","generateblocks"),value:ae,alpha:!1,key:"buttonTextColorHover",onChange:function(e){return i({textColorHover:e})}}),wp.element.createElement(s.a,{label:__("Border Color","generateblocks"),value:ce,alpha:!0,valueOpacity:se,attrOpacity:"borderColorHoverOpacity",key:"buttonBorderColorHover",onChange:function(e){return i({borderColorHover:e})},onOpacityChange:function(e){return i({borderColorHoverOpacity:e})}}),F("generateblocks.editor.controls","","buttonColorsHover",t.props,t.state)))}),F("generateblocks.editor.controls","","buttonColors",this.props,this.state)),wp.element.createElement(m.a,v({},this.props,{title:__("Background Gradient","generateblocks"),initialOpen:!1,icon:Object(h.a)("gradients"),className:"gblocks-panel-label",id:"buttonBackgroundGradient",state:this.state,showPanel:"desktop"===Object(k.a)(S)||!1}),wp.element.createElement(d.a,v({},this.props,{attrGradient:"gradient",attrGradientDirection:"gradientDirection",attrGradientColorOne:"gradientColorOne",attrGradientColorOneOpacity:"gradientColorOneOpacity",attrGradientColorStopOne:"gradientColorStopOne",attrGradientColorTwo:"gradientColorTwo",attrGradientColorTwoOpacity:"gradientColorTwoOpacity",attrGradientColorStopTwo:"gradientColorStopTwo",defaultColorOne:generateBlocksDefaults.button.gradientColorOne,defaultColorTwo:generateBlocksDefaults.button.gradientColorTwo})),F("generateblocks.editor.controls","","buttonBackgroundGradient",this.props,this.state)),wp.element.createElement(m.a,v({},this.props,{title:__("Icon","generateblocks"),initialOpen:!1,icon:Object(h.a)("icons"),className:"gblocks-panel-label",id:"buttonIcon",state:this.state,showPanel:!("desktop"!==Object(k.a)(S)&&!Z)}),"desktop"===Object(k.a)(S)&&wp.element.createElement(g.a,v({},this.props,{attrIcon:"icon",attrIconLocation:"iconLocation",attrRemoveText:"removeText",locationOptions:[{label:__("Left","generateblocks"),value:"left"},{label:__("Right","generateblocks"),value:"right"}]})),"desktop"===Object(k.a)(S)&&!!Z&&wp.element.createElement(R,null,!J&&wp.element.createElement(R,null,wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},me.map(function(e){return wp.element.createElement(M,{text:B(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(D,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:be===e.unitValue,"aria-pressed":be===e.unitValue,"aria-label":B(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(O,{type:"number",value:ge||"",step:"em"===be?.1:1,onChange:function(e){i({iconSize:e})},onBlur:function(){i({iconSize:parseFloat(ge)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(D,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSize:generateBlocksDefaults.button.iconSize})}},__("Reset","generateblocks")))),"tablet"===Object(k.a)(S)&&!!Z&&wp.element.createElement(R,null,!J&&wp.element.createElement(R,null,wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},me.map(function(e){return wp.element.createElement(M,{text:B(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(D,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:be===e.unitValue,"aria-pressed":be===e.unitValue,"aria-label":B(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(O,{type:"number",value:ue||"",step:"em"===be?.1:1,placeholder:"1",onChange:function(e){i({iconSizeTablet:e})},onBlur:function(){i({iconSizeTablet:parseFloat(ue)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(D,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSizeTablet:generateBlocksDefaults.button.iconSizeTablet})}},__("Reset","generateblocks")))),"mobile"===Object(k.a)(S)&&!!Z&&wp.element.createElement(R,null,!J&&wp.element.createElement(R,null,wp.element.createElement(p.a,v({},this.props,{device:Object(k.a)(S),type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(_,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},me.map(function(e){return wp.element.createElement(M,{text:B(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(D,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:be===e.unitValue,"aria-pressed":be===e.unitValue,"aria-label":B(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(O,{type:"number",value:pe||"",step:"em"===be?.1:1,placeholder:"1",onChange:function(e){i({iconSizeMobile:e})},onBlur:function(){i({iconSizeMobile:parseFloat(pe)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(D,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSizeMobile:generateBlocksDefaults.button.iconSizeMobile})}},__("Reset","generateblocks")))),F("generateblocks.editor.controls","","buttonIcon",this.props,this.state)),wp.element.createElement(m.a,v({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(h.a)("advanced"),className:"gblocks-panel-label",id:"buttonAdvanced",state:this.state,showPanel:"desktop"===Object(k.a)(S)||!1}),wp.element.createElement(O,{label:__("Element ID","generateblocks"),value:x,onChange:function(e){var t=e.replace(H,"-");i({elementId:t})}}),wp.element.createElement(O,{label:__("CSS Classes","generateblocks"),value:P,onChange:function(e){i({cssClasses:e})}}),wp.element.createElement(O,{label:__("ARIA Label","generateblocks"),help:__("Helpful to people using screen readers.","generateblocks"),value:Y,onChange:function(e){i({ariaLabel:e})}}),F("generateblocks.editor.controls","","buttonAdvanced",this.props,this.state)),wp.element.createElement(m.a,v({},this.props,{title:__("Documentation","generateblocks"),icon:Object(h.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),F("generateblocks.editor.controls","","buttonDocumentation",this.props,this.state))),wp.element.createElement(w.a,this.props),le&&ne&&wp.element.createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+le.replace(/ /g,"+")+fe}),wp.element.createElement("a",he,Z&&"left"===K&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(y.a)(Z)}}),!J&&wp.element.createElement("span",{className:"button-text"},wp.element.createElement(j,{placeholder:__("Add text\u2026","generateblocks"),value:I,onChange:function(e){return i({text:e})},allowedFormats:["core/bold","core/italic","core/strikethrough"],isSelected:r,keepPlaceholderOnFocus:!0})),Z&&"right"===K&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(y.a)(Z)}})),r&&wp.element.createElement(u.a,{url:V,target:G,relNoFollow:q,relSponsored:W,onChange:function(e){i(e)},autoFocus:!1,className:"gblocks-component-url-input-float"}))}}]),t}(x);t.a=V},function(e,t){},function(e,t,a){"use strict";var _x=wp.i18n._x,l={facebook:{label:_x("Facebook","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"}))},facebookCircle:{label:_x("Facebook - Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"}))},facebookSquare:{label:_x("Facebook - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"}))},instagram:{label:_x("Instagram","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"}))},linkedin:{label:_x("LinkedIn","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"}))},linkedinSquare:{label:_x("LinkedIn - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"}))},pinterest:{label:_x("Pinterest","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"}))},pinterestCircle:{label:_x("Pinterest - Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"}))},pinterestSquare:{label:_x("Pinterest - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"}))},reddit:{label:_x("Reddit","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z"}))},redditCircle:{label:_x("Reddit - Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"}))},redditSquare:{label:_x("Reddit - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z"}))},snapchat:{label:_x("Snapchat","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M510.846 392.673c-5.211 12.157-27.239 21.089-67.36 27.318-2.064 2.786-3.775 14.686-6.507 23.956-1.625 5.566-5.623 8.869-12.128 8.869l-.297-.005c-9.395 0-19.203-4.323-38.852-4.323-26.521 0-35.662 6.043-56.254 20.588-21.832 15.438-42.771 28.764-74.027 27.399-31.646 2.334-58.025-16.908-72.871-27.404-20.714-14.643-29.828-20.582-56.241-20.582-18.864 0-30.736 4.72-38.852 4.72-8.073 0-11.213-4.922-12.422-9.04-2.703-9.189-4.404-21.263-6.523-24.13-20.679-3.209-67.31-11.344-68.498-32.15a10.627 10.627 0 0 1 8.877-11.069c69.583-11.455 100.924-82.901 102.227-85.934.074-.176.155-.344.237-.515 3.713-7.537 4.544-13.849 2.463-18.753-5.05-11.896-26.872-16.164-36.053-19.796-23.715-9.366-27.015-20.128-25.612-27.504 2.437-12.836 21.725-20.735 33.002-15.453 8.919 4.181 16.843 6.297 23.547 6.297 5.022 0 8.212-1.204 9.96-2.171-2.043-35.936-7.101-87.29 5.687-115.969C158.122 21.304 229.705 15.42 250.826 15.42c.944 0 9.141-.089 10.11-.089 52.148 0 102.254 26.78 126.723 81.643 12.777 28.65 7.749 79.792 5.695 116.009 1.582.872 4.357 1.942 8.599 2.139 6.397-.286 13.815-2.389 22.069-6.257 6.085-2.846 14.406-2.461 20.48.058l.029.01c9.476 3.385 15.439 10.215 15.589 17.87.184 9.747-8.522 18.165-25.878 25.018-2.118.835-4.694 1.655-7.434 2.525-9.797 3.106-24.6 7.805-28.616 17.271-2.079 4.904-1.256 11.211 2.46 18.748.087.168.166.342.239.515 1.301 3.03 32.615 74.46 102.23 85.934 6.427 1.058 11.163 7.877 7.725 15.859z"}))},soundcloud:{label:_x("Soundcloud","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"}))},twitch:{label:_x("Twitch","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M40.1 32L10 108.9v314.3h107V480h60.2l56.8-56.8h87l117-117V32H40.1zm357.8 254.1L331 353H224l-56.8 56.8V353H76.9V72.1h321v214zM331 149v116.9h-40.1V149H331zm-107 0v116.9h-40.1V149H224z"}))},twitter:{label:_x("Twitter","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"}))},twitterSquare:{label:_x("Twitter - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"}))},vimeo:{label:_x("Vimeo","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z"}))},vimeoSquare:{label:_x("Vimeo - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M403.2 32H44.8C20.1 32 0 52.1 0 76.8v358.4C0 459.9 20.1 480 44.8 480h358.4c24.7 0 44.8-20.1 44.8-44.8V76.8c0-24.7-20.1-44.8-44.8-44.8zM377 180.8c-1.4 31.5-23.4 74.7-66 129.4-44 57.2-81.3 85.8-111.7 85.8-18.9 0-34.8-17.4-47.9-52.3-25.5-93.3-36.4-148-57.4-148-2.4 0-10.9 5.1-25.4 15.2l-15.2-19.6c37.3-32.8 72.9-69.2 95.2-71.2 25.2-2.4 40.7 14.8 46.5 51.7 20.7 131.2 29.9 151 67.6 91.6 13.5-21.4 20.8-37.7 21.8-48.9 3.5-33.2-25.9-30.9-45.8-22.4 15.9-52.1 46.3-77.4 91.2-76 33.3.9 49 22.5 47.1 64.7z"}))},whatsapp:{label:_x("WhatsApp","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"}))},whatsappSquare:{label:_x("WhatsApp - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"}))},youtube:{label:_x("YouTube","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"}))}};t.a=l},function(e,t,a){"use strict";var _x=wp.i18n._x,l={clock:{label:_x("Clock","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm92.49 313l-20 25a16 16 0 01-22.49 2.5l-67-49.72a40 40 0 01-15-31.23V112a16 16 0 0116-16h32a16 16 0 0116 16v144l58 42.5a16 16 0 012.49 22.5z"}))},clockAlt:{label:_x("Clock Outline","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"}))},asterisk:{label:_x("Asterisk","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z"}))},at:{label:_x("At","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z"}))},award:{label:_x("Award","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z"}))},ban:{label:_x("Ban","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"}))},bars:{label:_x("Bars","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"}))},beer:{label:_x("Beer","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M368 96h-48V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56v400c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-42.11l80.606-35.977C429.396 365.063 448 336.388 448 304.86V176c0-44.112-35.888-80-80-80zm16 208.86a16.018 16.018 0 0 1-9.479 14.611L320 343.805V160h48c8.822 0 16 7.178 16 16v128.86zM208 384c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16zm-96 0c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16z"}))},bolt:{label:_x("Bolt","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"}))},book:{label:_x("Book","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"}))},boxOpen:{label:_x("Box - Open","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M425.7 256c-16.9 0-32.8-9-41.4-23.4L320 126l-64.2 106.6c-8.7 14.5-24.6 23.5-41.5 23.5-4.5 0-9-.6-13.3-1.9L64 215v178c0 14.7 10 27.5 24.2 31l216.2 54.1c10.2 2.5 20.9 2.5 31 0L551.8 424c14.2-3.6 24.2-16.4 24.2-31V215l-137 39.1c-4.3 1.3-8.8 1.9-13.3 1.9zm212.6-112.2L586.8 41c-3.1-6.2-9.8-9.8-16.7-8.9L320 64l91.7 152.1c3.8 6.3 11.4 9.3 18.5 7.3l197.9-56.5c9.9-2.9 14.7-13.9 10.2-23.1zM53.2 41L1.7 143.8c-4.6 9.2.3 20.2 10.1 23l197.9 56.5c7.1 2 14.7-1 18.5-7.3L320 64 69.8 32.1c-6.9-.8-13.5 2.7-16.6 8.9z"}))},bullhorn:{label:_x("Bullhorn","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"}))},bullseye:{label:_x("Bullseye","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm0 432c-101.69 0-184-82.29-184-184 0-101.69 82.29-184 184-184 101.69 0 184 82.29 184 184 0 101.69-82.29 184-184 184zm0-312c-70.69 0-128 57.31-128 128s57.31 128 128 128 128-57.31 128-128-57.31-128-128-128zm0 192c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z"}))},burn:{label:_x("Burn","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M192 0C79.7 101.3 0 220.9 0 300.5 0 425 79 512 192 512s192-87 192-211.5c0-79.9-80.2-199.6-192-300.5zm0 448c-56.5 0-96-39-96-94.8 0-13.5 4.6-61.5 96-161.2 91.4 99.7 96 147.7 96 161.2 0 55.8-39.5 94.8-96 94.8z"}))},calendarAlt:{label:_x("Calender","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"}))},check:{label:_x("Check","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))},checkCircle:{label:_x("Check - Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"}))},checkCircleOutline:{label:_x("Check - Circle Outline","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"}))},checkSquare:{label:_x("Check - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z"}))},checkSquareOutline:{label:_x("Check - Square Outline","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z"}))},chevronDown:{label:_x("Chevron - Down","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"}))},chevronLeft:{label:_x("Chevron - Left","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"}))},chevronRight:{label:_x("Chevron - Right","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"}))},chevronUp:{label:_x("Chevron - Up","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"}))},circle:{label:_x("Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"}))},circleOutline:{label:_x("Circle - Outline","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"}))},coffee:{label:_x("Coffee","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z"}))},dotCircle:{label:_x("Dot - Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"}))},dotCircleOutline:{label:_x("Dot - Circle Outline","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"}))},ellipsesH:{label:_x("Ellipses - Horizontal","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"}))},ellipsesV:{label:_x("Ellipses - Vertical","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 192 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"}))},envelope:{label:_x("Envelope","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"}))},fireAlt:{label:_x("Fire","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z"}))},heart:{label:_x("Heart","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"}))},mapMarkerAlt:{label:_x("Map Marker","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"}))},paperPlane:{label:_x("Paper Plane","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"}))},phone:{label:_x("Phone","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"}))},plus:{label:_x("Plus","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"}))},plusCircle:{label:_x("Plus - Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"}))},plusSquare:{label:_x("Plus - Square","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-32 252c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92H92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"}))},plusSquareOutline:{label:_x("Plus - Square Outline","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M352 240v32c0 6.6-5.4 12-12 12h-88v88c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-88h-88c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h88v-88c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v88h88c6.6 0 12 5.4 12 12zm96-160v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"}))},shield:{label:_x("Shield","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z"}))},star:{label:_x("Star","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"}))},tags:{label:_x("Tags","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"}))},userCircle:{label:_x("User - Circle","label","generateblocks"),icon:wp.element.createElement("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fill:"currentColor",d:"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"}))}};t.a=l},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(0),o=a.n(r),c=a(56),s=(a.n(c),function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}()),__=wp.i18n.__,g=wp.element.Component,u=wp.components,p=u.Button,b=u.ToggleControl,d=wp.blockEditor.URLInput,f=function(e){function t(){l(this,t);var e=n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.state={moreOptions:!1},e.onChange=e.onChange.bind(e),e}return i(t,e),s(t,[{key:"onChange",value:function(e){var t=this.props,a=t.url,l=t.target,n=t.relNoFollow,i=t.relSponsored;this.props.onChange(Object.assign({url:a,target:l,relNoFollow:n,relSponsored:i},e))}},{key:"render",value:function(){var e=this,t=this.props,a=t.url,l=t.target,n=t.relNoFollow,i=t.relSponsored,r=t.className,c=t.autoFocus,s=this.onChange,g=this.state.moreOptions;return wp.element.createElement("form",{className:o()("gblocks-component-url-input",r),onSubmit:function(e){return e.preventDefault()}},wp.element.createElement("div",{className:"gblocks-component-url-input-flex"},wp.element.createElement(d,{value:a,onChange:function(e){s({url:e})},autoFocus:c}),wp.element.createElement(p,{icon:"ellipsis",label:g?__("Hide More Options","generateblocks"):__("Show More Options","generateblocks"),onClick:function(){e.setState({moreOptions:!g})}})),g&&wp.element.createElement("div",{className:"gblocks-component-url-input-more-options"},wp.element.createElement(b,{label:__("Open link in a new tab","generateblocks"),checked:l||"",onChange:function(e){s({target:e})}}),wp.element.createElement(b,{label:__('Add rel="nofollow"',"generateblocks"),checked:n||"",onChange:function(e){s({relNoFollow:e})}}),wp.element.createElement(b,{label:__('Add rel="sponsored"',"generateblocks"),checked:i||"",onChange:function(e){s({relSponsored:e})}})))}}]),t}(g);t.a=f},function(e,t){},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(4),o=a(8),c=a(11),s=a(6),g=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),u=wp.element.Component,p=wp.hooks.applyFilters,b=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),g(t,[{key:"render",value:function(){var e=this.props.attributes,t=e.uniqueId,a=e.removeText,l=e.backgroundColor,n=e.backgroundColorOpacity,i=e.textColor,g=e.backgroundColorHover,u=e.backgroundColorHoverOpacity,b=e.textColorHover,d=e.fontFamily,f=e.fontFamilyFallback,m=e.fontWeight,h=e.textTransform,k=e.letterSpacing,w=e.fontSize,y=e.fontSizeUnit,v=e.marginTop,C=e.marginRight,S=e.marginBottom,B=e.marginLeft,E=e.marginUnit,T=e.paddingTop,O=e.paddingRight,z=e.paddingBottom,M=e.paddingLeft,D=e.paddingUnit,_=e.borderSizeTop,L=e.borderSizeRight,R=e.borderSizeBottom,x=e.borderSizeLeft,P=e.borderRadiusTopRight,U=e.borderRadiusBottomRight,j=e.borderRadiusBottomLeft,N=e.borderRadiusTopLeft,A=e.borderRadiusUnit,F=e.borderColor,H=e.borderColorOpacity,I=e.borderColorHover,V=e.borderColorHoverOpacity,G=e.gradient,q=e.gradientDirection,W=e.gradientColorOne,Z=e.gradientColorOneOpacity,K=e.gradientColorStopOne,J=e.gradientColorTwo,Y=e.gradientColorTwoOpacity,Q=e.gradientColorStopTwo,X=e.iconPaddingTop,$=e.iconPaddingRight,ee=e.iconPaddingBottom,te=e.iconPaddingLeft,ae=e.iconPaddingUnit,le=e.iconSize,ne=e.iconSizeUnit,ie="",re=void 0,oe="",ce="";G&&(W&&""!==K&&(oe=" "+K+"%"),J&&""!==Q&&(ce=" "+Q+"%")),G&&(re="linear-gradient("+q+"deg, "+Object(s.a)(W,Z)+oe+", "+Object(s.a)(J,Y)+ce+");"),d&&f&&(ie=", "+f);var se=[];return se[".block-editor-block-list__block a.gb-button-"+t]=[{"background-color":Object(s.a)(l,n),"background-image":re,color:i,padding:Object(c.a)(T,O,z,M,D),"border-radius":Object(c.a)(N,P,U,j,A),"font-family":d+ie,"font-weight":m,"text-transform":h,"font-size":Object(o.a)(w,y),"letter-spacing":Object(o.a)(k,"em"),margin:Object(c.a)(v,C,S,B,E)}],(_||L||R||x)&&se[".block-editor-block-list__block a.gb-button-"+t].push({"border-width":Object(c.a)(_,L,R,x,"px"),"border-style":"solid","border-color":Object(s.a)(F,H)}),se[".block-editor-block-list__block a.gb-button-"+t+":hover,\n\t\t.block-editor-block-list__block a.gb-button-"+t+":focus,\n\t\t.block-editor-block-list__block a.gb-button-"+t+":active"]=[{"background-color":Object(s.a)(g,u),color:b,"border-color":Object(s.a)(I,V)}],se[".block-editor-block-list__block a.gb-button-"+t+" .gb-icon"]=[{padding:!a&&Object(c.a)(X,$,ee,te,ae),"font-size":Object(o.a)(le,ne)}],se=p("generateblocks.editor.desktopCSS",se,this.props,"button"),wp.element.createElement("style",null,Object(r.a)(se))}}]),t}(u);t.a=b},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var n=a(0),i=a.n(n),r=a(7),o=wp.blockEditor.RichText,c=wp.hooks.applyFilters;t.a=function(e){var t,a=e.attributes,n=a.uniqueId,s=a.elementId,g=a.cssClasses,u=a.text,p=a.url,b=a.target,d=a.relNoFollow,f=a.relSponsored,m=a.icon,h=a.iconLocation,k=a.removeText,w=a.ariaLabel,y=[];d&&y.push("nofollow"),b&&y.push("noopener","noreferrer"),f&&y.push("sponsored");var v={id:s||void 0,className:i()((t={"gb-button":!0},l(t,"gb-button-"+n,!0),l(t,""+g,""!==g),t)),href:p||void 0,target:b?"_blank":void 0,rel:y&&y.length>0?y.join(" "):void 0,"aria-label":w||void 0};return v=c("generateblocks.frontend.htmlAttributes",v,"generateblocks/button",a),wp.element.createElement("a",v,m&&"left"===h&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(r.a)(m)}}),!k&&wp.element.createElement(o.Content,{tagName:"span",className:"button-text",value:u,key:"button-text"}),m&&"right"===h&&wp.element.createElement("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Object(r.a)(m)}}))}},function(e,t,a){"use strict";t.a={uniqueId:{type:"string",default:""},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""},url:{type:"string",source:"attribute",selector:"a.gb-button",attribute:"href"},target:{type:"boolean"},relNoFollow:{type:"boolean"},relSponsored:{type:"boolean"},text:{type:"array",source:"children",selector:".gb-button .button-text",default:"Button"},icon:{type:"string",source:"html",selector:".gb-icon"},hasIcon:{type:"boolean",default:!1},iconLocation:{type:"string",default:generateBlocksDefaults.button.iconLocation},customIcon:{type:"boolean",default:!1},removeText:{type:"boolean",default:generateBlocksDefaults.button.removeText},ariaLabel:{type:"string",default:generateBlocksDefaults.button.ariaLabel},backgroundColor:{type:"string",default:generateBlocksDefaults.button.backgroundColor},backgroundColorOpacity:{type:"number",default:generateBlocksDefaults.button.backgroundColorOpacity},textColor:{type:"string",default:generateBlocksDefaults.button.textColor},backgroundColorHover:{type:"string",default:generateBlocksDefaults.button.backgroundColorHover},backgroundColorHoverOpacity:{type:"number",default:generateBlocksDefaults.button.backgroundColorHoverOpacity},textColorHover:{type:"string",default:generateBlocksDefaults.button.textColorHover},borderColor:{type:"string",default:generateBlocksDefaults.button.borderColor},borderColorOpacity:{type:"number",default:generateBlocksDefaults.button.borderColorOpacity},borderColorHover:{type:"string",default:generateBlocksDefaults.button.borderColorHover},borderColorHoverOpacity:{type:"number",default:generateBlocksDefaults.button.borderColorHoverOpacity},showAdvancedTypography:{type:"boolean",default:generateBlocksDefaults.button.showAdvancedTypography},fontFamily:{type:"string",default:generateBlocksDefaults.button.fontFamily},fontFamilyFallback:{type:"string",default:generateBlocksDefaults.button.fontFamilyFallback},googleFont:{type:"boolean",default:generateBlocksDefaults.button.googleFont},googleFontVariants:{type:"string",default:generateBlocksDefaults.button.googleFontVariants},fontWeight:{type:"string",default:generateBlocksDefaults.button.fontWeight},fontSize:{type:"number",default:generateBlocksDefaults.button.fontSize},fontSizeTablet:{type:"number",default:generateBlocksDefaults.button.fontSizeTablet},fontSizeMobile:{type:"number",default:generateBlocksDefaults.button.fontSizeMobile},fontSizeUnit:{type:"string",default:generateBlocksDefaults.button.fontSizeUnit},textTransform:{type:"string",default:generateBlocksDefaults.button.textTransform},letterSpacing:{type:"number",default:generateBlocksDefaults.button.letterSpacing},letterSpacingTablet:{type:"number",default:generateBlocksDefaults.button.letterSpacingTablet},letterSpacingMobile:{type:"number",default:generateBlocksDefaults.button.letterSpacingMobile},marginTop:{type:"string",default:generateBlocksDefaults.button.marginTop},marginRight:{type:"string",default:generateBlocksDefaults.button.marginRight},marginBottom:{type:"string",default:generateBlocksDefaults.button.marginBottom},marginLeft:{type:"string",default:generateBlocksDefaults.button.marginLeft},marginUnit:{type:"string",default:generateBlocksDefaults.button.marginUnit},marginTopTablet:{type:"string",default:generateBlocksDefaults.button.marginTopTablet},marginRightTablet:{type:"string",default:generateBlocksDefaults.button.marginRightTablet},marginBottomTablet:{type:"string",default:generateBlocksDefaults.button.marginBottomTablet},marginLeftTablet:{type:"string",default:generateBlocksDefaults.button.marginLeftTablet},marginTopMobile:{type:"string",default:generateBlocksDefaults.button.marginTopMobile},marginRightMobile:{type:"string",default:generateBlocksDefaults.button.marginRightMobile},marginBottomMobile:{type:"string",default:generateBlocksDefaults.button.marginBottomMobile},marginLeftMobile:{type:"string",default:generateBlocksDefaults.button.marginLeftMobile},paddingTop:{type:"string",default:generateBlocksDefaults.button.paddingTop},paddingRight:{type:"string",default:generateBlocksDefaults.button.paddingRight},paddingBottom:{type:"string",default:generateBlocksDefaults.button.paddingBottom},paddingLeft:{type:"string",default:generateBlocksDefaults.button.paddingLeft},paddingUnit:{type:"string",default:generateBlocksDefaults.button.paddingUnit},paddingTopTablet:{type:"string",default:generateBlocksDefaults.button.paddingTopTablet},paddingRightTablet:{type:"string",default:generateBlocksDefaults.button.paddingRightTablet},paddingBottomTablet:{type:"string",default:generateBlocksDefaults.button.paddingBottomTablet},paddingLeftTablet:{type:"string",default:generateBlocksDefaults.button.paddingLeftTablet},paddingTopMobile:{type:"string",default:generateBlocksDefaults.button.paddingTopMobile},paddingRightMobile:{type:"string",default:generateBlocksDefaults.button.paddingRightMobile},paddingBottomMobile:{type:"string",default:generateBlocksDefaults.button.paddingBottomMobile},paddingLeftMobile:{type:"string",default:generateBlocksDefaults.button.paddingLeftMobile},borderSizeTop:{type:"string",default:generateBlocksDefaults.button.borderSizeTop},borderSizeRight:{type:"string",default:generateBlocksDefaults.button.borderSizeRight},borderSizeBottom:{type:"string",default:generateBlocksDefaults.button.borderSizeBottom},borderSizeLeft:{type:"string",default:generateBlocksDefaults.button.borderSizeLeft},borderSizeTopTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeTopTablet},borderSizeRightTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeRightTablet},borderSizeBottomTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeBottomTablet},borderSizeLeftTablet:{type:"string",default:generateBlocksDefaults.button.borderSizeLeftTablet},borderSizeTopMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeTopMobile},borderSizeRightMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeRightMobile},borderSizeBottomMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeBottomMobile},borderSizeLeftMobile:{type:"string",default:generateBlocksDefaults.button.borderSizeLeftMobile},borderRadiusTopRight:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopRight},borderRadiusBottomRight:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomRight},borderRadiusBottomLeft:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomLeft},borderRadiusTopLeft:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopLeft},borderRadiusUnit:{type:"string",default:generateBlocksDefaults.button.borderRadiusUnit},borderRadiusTopRightTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopRightTablet},borderRadiusBottomRightTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomRightTablet},borderRadiusBottomLeftTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomLeftTablet},borderRadiusTopLeftTablet:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopLeftTablet},borderRadiusTopRightMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopRightMobile},borderRadiusBottomRightMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomRightMobile},borderRadiusBottomLeftMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusBottomLeftMobile},borderRadiusTopLeftMobile:{type:"string",default:generateBlocksDefaults.button.borderRadiusTopLeftMobile},gradient:{type:"boolean",default:generateBlocksDefaults.button.gradient},gradientDirection:{type:"number",default:generateBlocksDefaults.button.gradientDirection},gradientColorOne:{type:"string",default:generateBlocksDefaults.button.gradientColorOne},gradientColorOneOpacity:{type:"number",default:generateBlocksDefaults.button.gradientColorOneOpacity},gradientColorStopOne:{type:"number",default:generateBlocksDefaults.button.gradientColorStopOne},gradientColorTwo:{type:"string",default:generateBlocksDefaults.button.gradientColorTwo},gradientColorTwoOpacity:{type:"number",default:generateBlocksDefaults.button.gradientColorTwoOpacity},gradientColorStopTwo:{type:"number",default:generateBlocksDefaults.button.gradientColorStopTwo},iconPaddingTop:{type:"string",default:generateBlocksDefaults.button.iconPaddingTop},iconPaddingRight:{type:"string",default:generateBlocksDefaults.button.iconPaddingRight},iconPaddingBottom:{type:"string",default:generateBlocksDefaults.button.iconPaddingBottom},iconPaddingLeft:{type:"string",default:generateBlocksDefaults.button.iconPaddingLeft},iconPaddingTopTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingTopTablet},iconPaddingRightTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingRightTablet},iconPaddingBottomTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingBottomTablet},iconPaddingLeftTablet:{type:"string",default:generateBlocksDefaults.button.iconPaddingLeftTablet},iconPaddingTopMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingTopMobile},iconPaddingRightMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingRightMobile},iconPaddingBottomMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingBottomMobile},iconPaddingLeftMobile:{type:"string",default:generateBlocksDefaults.button.iconPaddingLeftMobile},iconPaddingUnit:{type:"string",default:generateBlocksDefaults.button.iconPaddingUnit},iconPaddingSyncUnits:{type:"boolean",default:!1},iconSize:{type:"number",default:generateBlocksDefaults.button.iconSize},iconSizeTablet:{type:"number",default:generateBlocksDefaults.button.iconSizeTablet},iconSizeMobile:{type:"number",default:generateBlocksDefaults.button.iconSizeMobile},iconSizeUnit:{type:"string",default:generateBlocksDefaults.button.iconSizeUnit}}},function(e,t,a){"use strict";var l=a(61),n=(a.n(l),a(62)),i=a(17),r=a(18),o=a(65),c=a(66),s=a(1),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("generateblocks/headline",{title:__("Headline","generateblocks"),description:__("Craft text-rich content with advanced typography.","generateblocks"),icon:Object(s.a)("headline"),category:"generateblocks",keywords:[__("heading"),__("headline"),__("title"),__("generate")],attributes:r.a,supports:{anchor:!1,className:!1,customClassName:!1},edit:n.a,save:i.a,transforms:o.a,deprecated:c.a})},function(e,t){},function(e,t,a){"use strict";function l(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=a(0),c=a.n(o),s=a(9),g=a(16),u=a(12),p=a(10),b=a(3),d=a(1),f=a(2),m=a(7),h=a(63),k=a(5),w=a(64),y=(a.n(w),Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}),v=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),C=wp.i18n,__=C.__,_x=C._x,S=C.sprintf,B=wp.components,E=B.TextControl,T=B.Toolbar,O=B.SelectControl,z=B.DropdownMenu,M=B.ToggleControl,D=B.Tooltip,_=B.Button,L=B.ButtonGroup,R=wp.element,x=R.Fragment,P=R.Component,U=wp.blockEditor,j=U.InspectorControls,N=U.RichText,A=U.BlockControls,F=U.AlignmentToolbar,H=wp.hooks.applyFilters,I=/[\s#]/g,V=[],G=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.getFontSizePlaceholder=e.getFontSizePlaceholder.bind(e),e.state={selectedDevice:"desktop",fontSizePlaceholder:"17"},e}return r(t,e),v(t,[{key:"componentDidMount",value:function(){var e=this.props.clientId.substr(2,9).replace("-","");this.props.attributes.uniqueId?V.includes(this.props.attributes.uniqueId)?(this.props.setAttributes({uniqueId:e}),V.push(e)):V.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),V.push(e));var t=this.getFontSizePlaceholder();t!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:t}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0})}},{key:"componentDidUpdate",value:function(){var e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}},{key:"getFontSizePlaceholder",value:function(){var e="25";if("em"===this.props.attributes.fontSizeUnit)e="1";else if("%"===this.props.attributes.fontSizeUnit)e="100";else{var t=document.querySelector(".gb-headline-"+this.props.attributes.uniqueId);t&&(e=parseFloat(window.getComputedStyle(t).fontSize))}return e}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.attributes,i=a.setAttributes,r=this.state,o=r.selectedDevice,w=r.fontSizePlaceholder,v=n.uniqueId,C=n.elementId,B=n.cssClasses,R=n.content,P=n.element,U=n.alignment,V=n.alignmentTablet,G=n.alignmentMobile,q=n.backgroundColor,W=n.backgroundColorOpacity,Z=n.textColor,K=n.linkColor,J=n.linkColorHover,Y=n.borderColor,Q=n.borderColorOpacity,X=n.highlightTextColor,$=n.fontFamily,ee=n.googleFont,te=n.googleFontVariants,ae=n.marginTop,le=n.marginRight,ne=n.marginBottom,ie=n.marginLeft,re=n.icon,oe=n.iconColor,ce=n.iconColorOpacity,se=n.iconLocation,ge=n.iconLocationTablet,ue=n.iconLocationMobile,pe=n.iconVerticalAlignment,be=n.iconVerticalAlignmentTablet,de=n.iconVerticalAlignmentMobile,fe=n.iconSize,me=n.iconSizeTablet,he=n.iconSizeMobile,ke=n.iconSizeUnit,we=n.inlineWidth,ye=n.inlineWidthTablet,ve=n.inlineWidthMobile,Ce=n.removeText,Se=n.ariaLabel,Be="";te&&(Be=":"+te);var Ee=[{name:_x("Pixel","A size unit for CSS markup","generateblocks"),unitValue:"px"},{name:_x("Em","A size unit for CSS markup","generateblocks"),unitValue:"em"}],Te="";Te=me||0===me?me:fe||0===fe?fe:"";var Oe={id:C||void 0,className:c()((e={"gb-headline":!0},l(e,"gb-headline-"+v,!0),l(e,""+B,""!==B),e))};return Oe=H("generateblocks.frontend.htmlAttributes",Oe,"generateblocks/headline",n),wp.element.createElement(x,null,wp.element.createElement(A,null,wp.element.createElement(T,null,wp.element.createElement(z,{icon:Object(d.a)("paragraph"),label:__("Element","generateblocks"),controls:[{title:"paragraph",onClick:function(){i({element:"p"}),ae||le||ne||ie||i({marginUnit:"em"})}},{title:"h1",onClick:function(){i({element:"h1"}),ae||le||ne||ie||i({marginUnit:generateBlocksDefaults.headline.marginUnit})}},{title:"h2",onClick:function(){i({element:"h2"}),ae||le||ne||ie||i({marginUnit:generateBlocksDefaults.headline.marginUnit})}},{title:"h3",onClick:function(){i({element:"h3"}),ae||le||ne||ie||i({marginUnit:generateBlocksDefaults.headline.marginUnit})}},{title:"h4",onClick:function(){i({element:"h4"}),ae||le||ne||ie||i({marginUnit:generateBlocksDefaults.headline.marginUnit})}}]})),!we&&wp.element.createElement(F,{isCollapsed:!1,value:U,onChange:function(e){i({alignment:e})}})),wp.element.createElement(j,null,wp.element.createElement(b.a,y({},this.props,{selectedDevice:Object(f.a)(o),onClick:function(e){window.localStorage.setItem("generateblocksSelectedDevice",e),t.setState({selectedDevice:e})}})),wp.element.createElement(k.a,y({},this.props,{id:"headlineElement",state:this.state,showPanel:"desktop"===Object(f.a)(o)&&!Ce}),wp.element.createElement(O,{label:__("Element","generateblocks"),value:P,options:[{label:"paragraph",value:"p"},{label:"h1",value:"h1"},{label:"h2",value:"h2"},{label:"h3",value:"h3"},{label:"h4",value:"h4"},{label:"h5",value:"h5"},{label:"h6",value:"h6"}],onChange:function(e){i({element:e}),ae||le||ne||ie||i("p"===P?{marginUnit:"em"}:{marginUnit:generateBlocksDefaults.headline.marginUnit})}}),H("generateblocks.editor.controls","","headlineElement",this.props,this.state)),wp.element.createElement(k.a,y({},this.props,{title:__("Typography","generateblocks"),initialOpen:!1,icon:Object(d.a)("typography"),className:"gblocks-panel-label",id:"headlineTypography",state:this.state,showPanel:!Ce||!1}),"desktop"===Object(f.a)(o)&&wp.element.createElement(x,null,!we&&wp.element.createElement(F,{isCollapsed:!1,value:U,onChange:function(e){i({alignment:e})}}),wp.element.createElement(u.a,y({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,fontSizePlaceholder:w,defaultFontSize:generateBlocksDefaults.headline.fontSize,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeight,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacing}))),"tablet"===Object(f.a)(o)&&wp.element.createElement(x,null,!ye&&wp.element.createElement(F,{isCollapsed:!1,value:V,onChange:function(e){i({alignmentTablet:e})}}),wp.element.createElement(u.a,y({},this.props,{device:"Tablet",showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,defaultFontSize:generateBlocksDefaults.headline.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeightTablet,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacingTablet}))),"mobile"===Object(f.a)(o)&&wp.element.createElement(x,null,!ve&&wp.element.createElement(F,{isCollapsed:!1,value:G,onChange:function(e){i({alignmentMobile:e})}}),wp.element.createElement(u.a,y({},this.props,{device:"Mobile",showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,defaultFontSize:generateBlocksDefaults.headline.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeightMobile,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacingMobile}))),H("generateblocks.editor.controls","","headlineTypography",this.props,this.state)),wp.element.createElement(k.a,y({},this.props,{title:__("Spacing","generateblocks"),initialOpen:!1,icon:Object(d.a)("spacing"),className:"gblocks-panel-label",id:"headlineSpacing",state:this.state}),"desktop"===Object(f.a)(o)&&wp.element.createElement(x,null,wp.element.createElement(M,{label:__("Inline Width","generateblocks"),checked:!!we,onChange:function(e){i({inlineWidth:e})}}),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"margin",block:"headline",label:__("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.headline}))),"tablet"===Object(f.a)(o)&&wp.element.createElement(x,null,wp.element.createElement(M,{label:__("Inline Width","generateblocks"),checked:!!ye,onChange:function(e){i({inlineWidthTablet:e})}}),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"margin",block:"headline",label:__("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.headline}))),"mobile"===Object(f.a)(o)&&wp.element.createElement(x,null,wp.element.createElement(M,{label:__("Inline Width","generateblocks"),checked:!!ve,onChange:function(e){i({inlineWidthMobile:e})}}),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"margin",block:"headline",label:__("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline})),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",displayUnit:"px",defaults:generateBlocksDefaults.headline}))),H("generateblocks.editor.controls","","headlineSpacing",this.props,this.state)),wp.element.createElement(k.a,y({},this.props,{title:__("Colors","generateblocks"),initialOpen:!1,icon:Object(d.a)("colors"),className:"gblocks-panel-label",id:"headlineColors",state:this.state,showPanel:"desktop"===Object(f.a)(o)||!1}),wp.element.createElement(s.a,{label:__("Background Color","generateblocks"),value:q,alpha:!0,valueOpacity:W,attrOpacity:"backgroundColorOpacity",onChange:function(e){return i({backgroundColor:e})},onOpacityChange:function(e){return i({backgroundColorOpacity:e})}}),wp.element.createElement(s.a,{label:__("Text Color","generateblocks"),value:Z,alpha:!1,onChange:function(e){return i({textColor:e})}}),wp.element.createElement(s.a,{label:__("Link Color","generateblocks"),value:K,alpha:!1,onChange:function(e){return i({linkColor:e})}}),wp.element.createElement(s.a,{label:__("Link Color Hover","generateblocks"),value:J,alpha:!1,onChange:function(e){return i({linkColorHover:e})}}),wp.element.createElement(s.a,{label:__("Border Color","generateblocks"),value:Y,alpha:!0,valueOpacity:Q,attrOpacity:"borderColorOpacity",onChange:function(e){return i({borderColor:e})},onOpacityChange:function(e){return i({borderColorOpacity:e})}}),re&&wp.element.createElement(s.a,{label:__("Icon Color","generateblocks"),value:oe,alpha:!0,valueOpacity:ce,attrOpacity:"iconColorOpacity",onChange:function(e){return i({iconColor:e})},onOpacityChange:function(e){return i({iconColorOpacity:e})}}),wp.element.createElement(s.a,{label:__("Highlight Text","generateblocks"),value:X,alpha:!1,onChange:function(e){return i({highlightTextColor:e})}})),wp.element.createElement(k.a,y({},this.props,{title:__("Icon","generateblocks"),initialOpen:!1,icon:Object(d.a)("icons"),className:"gblocks-panel-label",id:"headlineIcon",state:this.state,showPanel:!("desktop"!==Object(f.a)(o)&&!re)}),"desktop"===Object(f.a)(o)&&wp.element.createElement(g.a,y({},this.props,{attrIcon:"icon",attrRemoveText:"removeText",attrAriaLabel:"ariaLabel"})),"desktop"===Object(f.a)(o)&&!!re&&wp.element.createElement(x,null,!Ce&&wp.element.createElement(x,null,wp.element.createElement(O,{label:__("Icon Location","generateblocks"),value:se,options:[{label:__("Inline","generateblocks"),value:"inline"},{label:__("Above","generateblocks"),value:"above"}],onChange:function(e){i({iconLocation:e,iconPaddingRight:"inline"===e?"0.5":"",iconPaddingBottom:"above"===e?"0.5":""})}}),"inline"===se&&wp.element.createElement(O,{label:__("Icon Alignment","generateblocks"),value:pe,options:[{label:__("Top","generateblocks"),value:"top"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"bottom"}],onChange:function(e){i({iconVerticalAlignment:e})}}),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(L,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},Ee.map(function(e){return wp.element.createElement(D,{text:S(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(_,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:ke===e.unitValue,"aria-pressed":ke===e.unitValue,"aria-label":S(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(E,{type:"number",value:fe||0===fe?fe:"",step:"em"===ke?.1:1,onChange:function(e){i({iconSize:e})},onBlur:function(){i({iconSize:parseFloat(fe)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(_,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSize:generateBlocksDefaults.headline.iconSize})}},__("Reset","generateblocks")))),"tablet"===Object(f.a)(o)&&!!re&&wp.element.createElement(x,null,!Ce&&wp.element.createElement(x,null,wp.element.createElement(O,{label:__("Icon Location","generateblocks"),value:ge,options:[{label:__("Inherit","generateblocks"),value:""},{label:__("Inline","generateblocks"),value:"inline"},{label:__("Above","generateblocks"),value:"above"}],onChange:function(e){i({iconLocationTablet:e,iconPaddingRightTablet:"inline"===e?"0.5":"",iconPaddingBottomTablet:"above"===e?"0.5":""})}}),"inline"===ge&&wp.element.createElement(O,{label:__("Icon Alignment","generateblocks"),value:be,options:[{label:__("Top","generateblocks"),value:"top"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"bottom"}],onChange:function(e){i({iconVerticalAlignmentTablet:e})}}),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(L,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},Ee.map(function(e){return wp.element.createElement(D,{text:S(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(_,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:ke===e.unitValue,"aria-pressed":ke===e.unitValue,"aria-label":S(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(E,{type:"number",value:me||0===me?me:"",step:"em"===ke?.1:1,placeholder:fe||0===fe?fe:"",onChange:function(e){i({iconSizeTablet:e})},onBlur:function(){i({iconSizeTablet:parseFloat(me)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(_,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSizeTablet:generateBlocksDefaults.headline.iconSizeTablet})}},__("Reset","generateblocks")))),"mobile"===Object(f.a)(o)&&!!re&&wp.element.createElement(x,null,!Ce&&wp.element.createElement(x,null,wp.element.createElement(O,{label:__("Icon Location","generateblocks"),value:ue,options:[{label:__("Inherit","generateblocks"),value:""},{label:__("Inline","generateblocks"),value:"inline"},{label:__("Above","generateblocks"),value:"above"}],onChange:function(e){i({iconLocationMobile:e,iconPaddingRightMobile:"inline"===e?"0.5":"",iconPaddingBottomMobile:"above"===e?"0.5":""})}}),"inline"===ue&&wp.element.createElement(O,{label:__("Icon Alignment","generateblocks"),value:de,options:[{label:__("Top","generateblocks"),value:"top"},{label:__("Center","generateblocks"),value:"center"},{label:__("Bottom","generateblocks"),value:"bottom"}],onChange:function(e){i({iconVerticalAlignmentMobile:e})}}),wp.element.createElement(p.a,y({},this.props,{device:Object(f.a)(o),type:"padding",label:__("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline}))),wp.element.createElement("div",{className:"components-gblocks-typography-control__header"},wp.element.createElement("div",{className:"components-gblocks-typography-control__label components-base-control__label"},__("Icon Size","generateblocks")),wp.element.createElement("div",{className:"components-gblocks-control__units"},wp.element.createElement(L,{className:"components-gblocks-typography-control__units","aria-label":__("Select Units","generateblocks")},Ee.map(function(e){return wp.element.createElement(D,{text:S(__("%s Units","generateblocks"),e.name),key:e.unitValue},wp.element.createElement(_,{key:e.unitValue,className:"components-gblocks-typography-control__units--"+e.name,isSmall:!0,isPrimary:ke===e.unitValue,"aria-pressed":ke===e.unitValue,"aria-label":S(__("%s Units","generateblocks"),e.name),onClick:function(){return i({iconSizeUnit:e.unitValue})}},e.unitValue))})))),wp.element.createElement("div",{className:"components-base-control components-gblocks-typography-control__inputs"},wp.element.createElement(E,{type:"number",value:he||0===he?he:"",step:"em"===ke?.1:1,placeholder:Te,onChange:function(e){i({iconSizeMobile:e})},onBlur:function(){i({iconSizeMobile:parseFloat(he)})},onClick:function(e){e.currentTarget.focus()}}),wp.element.createElement(_,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:function(){i({iconSizeMobile:generateBlocksDefaults.headline.iconSizeMobile})}},__("Reset","generateblocks")))),H("generateblocks.editor.controls","","headlineIcon",this.props,this.state)),wp.element.createElement(k.a,y({},this.props,{title:__("Advanced","generateblocks"),initialOpen:!1,icon:Object(d.a)("advanced"),className:"gblocks-panel-label",id:"headlineAdvanced",state:this.state,showPanel:"desktop"===Object(f.a)(o)||!1}),wp.element.createElement(E,{label:__("Element ID","generateblocks"),value:C,onChange:function(e){var t=e.replace(I,"-");i({elementId:t})}}),wp.element.createElement(E,{label:__("CSS Classes","generateblocks"),value:B,onChange:function(e){i({cssClasses:e})}}),H("generateblocks.editor.controls","","headlineAdvanced",this.props,this.state)),wp.element.createElement(k.a,y({},this.props,{title:__("Documentation","generateblocks"),icon:Object(d.a)("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"headlineDocumentation",state:this.state}),wp.element.createElement("p",null,__("Need help with this block?","generateblocks")),wp.element.createElement("a",{href:"https://docs.generateblocks.com/collection/headline/",target:"_blank",rel:"noreferrer noopener"},__("Visit our documentation","generateblocks")),H("generateblocks.editor.controls","","headlineDocumentation",this.props,this.state))),wp.element.createElement(h.a,this.props),$&&ee&&wp.element.createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+$.replace(/ /g,"+")+Be}),re?wp.element.createElement("div",{className:c()(l({"gb-headline-wrapper":!0},"gb-headline-wrapper-"+v,!0))},re&&wp.element.createElement("span",{className:"gb-icon","aria-label":Ce&&Se?Se:void 0,dangerouslySetInnerHTML:{__html:Object(m.a)(re)}}),!Ce&&wp.element.createElement(N,y({tagName:P,value:R,onChange:function(e){return i({content:e})},placeholder:__("Write headline\u2026","generateblocks"),keepPlaceholderOnFocus:!0},Oe))):wp.element.createElement(N,y({tagName:P,value:R,onChange:function(e){return i({content:e})},placeholder:__("Write headline\u2026","generateblocks"),keepPlaceholderOnFocus:!0},Oe)))}}]),t}(P);t.a=G},function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var r=a(4),o=a(15),c=a(8),s=a(11),g=a(6),u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),p=wp.element.Component,b=wp.hooks.applyFilters,d=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.attributes,a=e.clientId,l=t.uniqueId,n=t.element,i=t.alignment,u=t.backgroundColor,p=t.backgroundColorOpacity,d=t.textColor,f=t.linkColor,m=t.borderColor,h=t.borderColorOpacity,k=t.highlightTextColor,w=t.fontFamily,y=t.fontFamilyFallback,v=t.fontWeight,C=t.fontSize,S=t.fontSizeUnit,B=t.textTransform,E=t.lineHeight,T=t.lineHeightUnit,O=t.letterSpacing,z=t.marginTop,M=t.marginRight,D=t.marginBottom,_=t.marginLeft,L=t.marginUnit,R=t.paddingTop,x=t.paddingRight,P=t.paddingBottom,U=t.paddingLeft,j=t.paddingUnit,N=t.borderSizeTop,A=t.borderSizeRight,F=t.borderSizeBottom,H=t.borderSizeLeft,I=t.icon,V=t.iconColor,G=t.iconColorOpacity,q=t.iconLocation,W=t.iconVerticalAlignment,Z=t.iconPaddingTop,K=t.iconPaddingRight,J=t.iconPaddingBottom,Y=t.iconPaddingLeft,Q=t.iconPaddingUnit,X=t.iconSize,$=t.iconSizeUnit,ee=t.inlineWidth,te=t.removeText,ae="",le="",ne="",ie="inline-block";w&&y&&(ae=", "+y),D?le=D+L:"undefined"===typeof generateBlocksStyling.headline||te||"undefined"===typeof generateBlocksStyling.headline[t.element].marginBottom||isNaN(generateBlocksStyling.headline[t.element].marginBottom)||(le=generateBlocksStyling.headline[n].marginBottom+generateBlocksStyling.headline[n].marginUnit),C?ne=C+S:"undefined"===typeof generateBlocksStyling.headline||te||"undefined"!==typeof generateBlocksStyling.headline[t.element].fontSize&&generateBlocksStyling.headline[t.element].fontSize&&(ne=generateBlocksStyling.headline[n].fontSize+generateBlocksStyling.headline[n].fontSizeUnit);var re=[];re[".editor-styles-wrapper .gb-headline-"+l]=[{color:d,"font-family":w+ae,"font-weight":v,"text-transform":B,"text-align":i,"font-size":ne,"line-height":Object(c.a)(E,T),"letter-spacing":Object(c.a)(O,"em")}],re[".editor-styles-wrapper .gb-container .gb-headline-"+l]=[{color:d}],re[".gb-headline-wrapper-"+l]=[{"flex-direction":!(!I||"above"!==q)&&"column","justify-content":Object(o.a)(i),"text-align":i,"align-items":"inline"===q?Object(o.a)(W):Object(o.a)(i),"font-size":ne}];var oe=".editor-styles-wrapper .gb-headline-"+l;return I&&(oe=".gb-headline-wrapper-"+l,ie="inline-flex"),re[oe].push({"background-color":Object(g.a)(u,p),color:d,display:!!ee&&ie,margin:Object(s.a)(z,M,le,_,L)+" !important","margin-bottom":le+" !important",padding:Object(s.a)(R,x,P,U,j)}),(N||A||F||H)&&re[oe].push({"border-width":Object(s.a)(N,A,F,H,"px"),"border-style":"solid","border-color":Object(g.a)(m,h)}),re[".editor-styles-wrapper .gb-headline-"+l+" a"]=[{color:f}],re[".gb-headline-wrapper-"+l+" .gb-icon"]=[{padding:!te&&Object(s.a)(Z,K,J,Y,Q),"align-self":!(!I||"above"!==q)&&Object(o.a)(i),color:Object(g.a)(V,G),display:!(!I||"above"!==q)&&"inline"}],re[".gb-headline-wrapper-"+l+" .gb-icon svg"]=[{width:Object(c.a)(X,$),height:Object(c.a)(X,$)}],re[".gb-headline-"+l+" .gb-highlight"]=[{color:k}],re["#block-"+a]=[{display:!!ee&&"inline-flex"}],re=b("generateblocks.editor.desktopCSS",re,this.props,"headline"),wp.element.createElement("style",null,Object(r.a)(re))}}]),t}(p);t.a=d},function(e,t){var __=wp.i18n.__,a=wp.element.Fragment,l=wp.richText,n=l.toggleFormat,i=l.registerFormatType,r=wp.blockEditor,o=r.RichTextToolbarButton,c=r.RichTextShortcut,s=wp.data.withSelect,g=wp.compose.ifCondition,u=wp.compose.compose,p=wp.element.createElement("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"1.414"},wp.element.createElement("path",{d:"M4.331,15.598l2.193,1.693c0,0 -0.813,1.215 -0.992,1.215c-1.129,0.003 -1.424,0.008 -2.603,-0.001c-0.741,-0.006 -0.04,-0.955 0.187,-1.269c0.502,-0.694 1.215,-1.638 1.215,-1.638Zm7.632,-14.107c0.364,-0.061 5.412,3.896 5.439,4.272c0.031,0.438 -4.887,8.469 -5.635,9.648c-0.251,0.397 -1.185,0.206 -2.064,0.472c-0.801,0.243 -1.89,1.336 -2.193,1.105c-1.047,-0.796 -2.217,-1.646 -3.117,-2.49c-0.367,-0.343 0.388,-1.241 0.405,-2.188c0.015,-0.811 -0.644,-2.029 -0.196,-2.575c0.836,-1.019 6.931,-8.172 7.361,-8.244Zm0.144,1.454l3.95,3.105l-4.972,8.1l-5.197,-4.053l6.219,-7.152Z"})),b="generateblocks/mark",d=function(e){var t=function(){return e.onChange(n(e.value,{type:b}))};return wp.element.createElement(a,null,wp.element.createElement(c,{type:"primary",character:"m",onUse:t}),wp.element.createElement(o,{icon:p,title:__("Highlight","generateblocks"),onClick:t,isActive:e.isActive,shortcutType:"access",shortcutCharacter:"m",className:"toolbar-button-with-text toolbar-button__"+b}))},f=u(s(function(e){return{selectedBlock:e("core/block-editor").getSelectedBlock()}}),g(function(e){return e.selectedBlock&&"generateblocks/headline"===e.selectedBlock.name}))(d),m={title:__("Highlight","generateblocks"),tagName:"mark",className:"gb-highlight",edit:f};i(b,m)},function(e,t,a){"use strict";var l=wp.blocks.createBlock,n={from:[{type:"block",blocks:["core/paragraph"],transform:function(e){var t=e.content;return l("generateblocks/headline",{content:t})}},{type:"block",blocks:["core/heading"],transform:function(e){var t=e.content;return l("generateblocks/headline",{content:t})}}],to:[{type:"block",blocks:["core/paragraph"],transform:function(e){var t=e.content;return l("core/paragraph",{content:t})}},{type:"block",blocks:["core/heading"],transform:function(e){var t=e.content;return l("core/heading",{content:t})}}]};t.a=n},function(e,t,a){"use strict";var l=a(17),n=a(18),i=[{attributes:Object.assign({},n.a,{element:{type:"string",default:"p"}}),save:l.a}];t.a=i},function(e,t,a){"use strict";var l=a(68);a.n(l)},function(e,t){}]);
|
dist/blocks.editor.build.css
CHANGED
|
@@ -1,12 +1,13 @@
|
|
| 1 |
-
.
|
| 2 |
-
.
|
| 3 |
-
|
| 4 |
-
.gblocks-
|
| 5 |
-
.
|
| 6 |
-
.
|
| 7 |
-
.gblocks-
|
| 8 |
-
.
|
| 9 |
-
.
|
| 10 |
-
.gblocks-
|
| 11 |
-
.gblocks-
|
| 12 |
-
.
|
|
|
| 1 |
+
.gb-grid-wrapper{position:relative;display:block;margin-right:0;margin-left:0}.gb-grid-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin-right:-15px;margin-left:-15px}.gb-grid-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout .editor-block-list__block{max-width:none;margin-right:0;margin-left:0}.block-editor-block-list__block[data-align="full"][data-type="generateblocks/grid"]>.block-editor-block-list__block-edit>div>.gb-grid-wrapper>.gb-grid-wrapper-button-select{right:1px}.block-editor-block-list__block[data-align="full"][data-type="generateblocks/grid"]>.block-editor-block-list__block-edit>div>.gb-grid-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout{margin-right:1px;margin-left:1px}.gb-grid-wrapper .editor-inserter-with-shortcuts{display:none}.gb-grid-wrapper .editor-block-list__empty-block-inserter,.gb-grid-wrapper .editor-default-block-appender .editor-inserter{right:10px;left:auto}.wp-block.gb-col{margin-top:29px}.components-placeholder.components-placeholder.gb-select-layout{padding:25px;background:#fff;color:#000}.components-placeholder.components-placeholder.gb-select-layout .components-placeholder__fieldset>em{margin-bottom:25px}.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin-right:-7px;margin-left:-7px}.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview .gb-grid-wrapper-layout-preview-btn{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:85px;padding:0;margin-right:7px;margin-bottom:14px;margin-left:7px;overflow:hidden;cursor:pointer;background:none;border:2px solid rgba(79,89,105,0.75);border-radius:4px;-webkit-transition:.15s border-color, .15s background-color;-o-transition:.15s border-color, .15s background-color;transition:.15s border-color, .15s background-color}.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview .gb-grid-wrapper-layout-preview-btn .gb-col{height:40px;border-right:2px solid rgba(79,89,105,0.75);-webkit-transition:.15s border-color;-o-transition:.15s border-color;transition:.15s border-color}.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview .gb-grid-wrapper-layout-preview-btn .gb-col:last-of-type{border-right:none}.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview .gb-grid-wrapper-layout-preview-btn:hover,.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview .gb-grid-wrapper-layout-preview-btn:focus{background-color:#fff;border-color:#4f5969}.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview .gb-grid-wrapper-layout-preview-btn:hover .gb-col,.components-placeholder.components-placeholder.gb-select-layout .gb-grid-wrapper-layout-preview .gb-grid-wrapper-layout-preview-btn:focus .gb-col{border-color:#4f5969}.components-placeholder.components-placeholder.gb-select-layout .components-button.is-primary{height:35px;padding:0 15px;margin-top:10px;font-size:14px}.gb-col{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:0}.gb-col>.block-editor-block-list__block-edit{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-bottom:0 !important}.gb-col>.block-editor-block-list__block-edit>[data-block]{-ms-flex:100%;flex:100%}.gb-col>.block-editor-block-list__block-edit>.editor-block-contextual-toolbar+[data-block]{margin-left:30px}.gb-col.gb-col-25{-ms-flex-preferred-size:25%;flex-basis:25%}.gb-col.gb-col-75{-ms-flex-preferred-size:75%;flex-basis:75%}.gb-col.gb-col-50{-ms-flex-preferred-size:50%;flex-basis:50%}.gb-col.gb-col-60{-ms-flex-preferred-size:60%;flex-basis:60%}.gb-col.gb-col-20{-ms-flex-preferred-size:20%;flex-basis:20%}.gb-col.gb-col-16.66{-ms-flex-preferred-size:16.6%;flex-basis:16.6%}.gb-grid-appender button{background:#fff;-webkit-box-shadow:inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;padding:20px;width:100%;-ms-flex-pack:center;justify-content:center;height:auto}.gb-grid-appender button.components-button svg{margin-right:0}.gb-select-layout .components-placeholder__label,.gb-select-layout .components-placeholder__instructions{margin-left:auto;margin-right:auto}.gb-select-layout iframe{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.gb-select-layout .gb-grid-wrapper-layout-preview{max-width:500px}.gb-select-layout .components-placeholder__fieldset{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
|
| 2 |
+
.gb-responsive-tabs{position:-webkit-sticky;position:sticky;top:0;background:#fff;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7;z-index:10;display:-ms-flexbox;display:flex}.gb-responsive-tabs button{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:center;justify-content:center;padding:10px;height:unset;border-radius:unset;outline:0 !important}.gb-responsive-tabs button.is-pressed:not(:disabled),.gb-responsive-tabs button:focus:not(:disabled),.gb-responsive-tabs button:active:not(:disabled),.gb-responsive-tabs button:hover:not(:disabled){-webkit-box-shadow:unset !important;box-shadow:unset !important;background:#007cba !important;color:#fff !important}.block-editor-block-inspector .gb-responsive-tabs+.components-panel__body{border-top:0}
|
| 3 |
+
body.gutenberg-editor-page [data-type="generateblocks/container"] .editor-block-list__block,[data-type="generateblocks/container"] .wp-block-heading h1,[data-type="generateblocks/container"] .wp-block-heading h1.editor-rich-text__tinymce,[data-type="generateblocks/container"] .wp-block-heading h2,[data-type="generateblocks/container"] .wp-block-heading h2.editor-rich-text__tinymce,[data-type="generateblocks/container"] .wp-block-heading h3,[data-type="generateblocks/container"] .wp-block-heading h3.editor-rich-text__tinymce,[data-type="generateblocks/container"] .wp-block-heading h4,[data-type="generateblocks/container"] .wp-block-heading h4.editor-rich-text__tinymce,[data-type="generateblocks/container"] .wp-block-heading h5,[data-type="generateblocks/container"] .wp-block-heading h5.editor-rich-text__tinymce,[data-type="generateblocks/container"] .wp-block-heading h6,[data-type="generateblocks/container"] .wp-block-heading h6.editor-rich-text__tinymce{color:inherit}.edit-bg-buttons{margin-top:10px;margin-bottom:10px}.edit-bg-buttons button.components-button{margin-bottom:10px}.additional-class-notice .components-notice{margin:0 0 10px}.widthButtons button{font-size:12px;-ms-flex:1;flex:1;-webkit-box-shadow:inset 0 0 0 1px #007cba;box-shadow:inset 0 0 0 1px #007cba;-ms-flex-pack:center;justify-content:center}.widthButtons{margin-bottom:10px;display:-ms-flexbox;display:flex}.gblocks-column-width-control input[type="number"]{width:65px}body .gb-container .wp-block{max-width:none}[data-type="generateblocks/container"]>.block-editor-block-list__block-edit>[data-block]{margin:0}.block-editor-block-inspector .components-base-control.gblocks-gpress-full-width{border-top:1px solid #ddd;padding-top:15px}.block-editor-block-inspector .components-base-control.gblocks-gpress-full-width .components-base-control__label{margin-bottom:15px}.gblocks-container-text-alignment .components-base-control__label{display:block}.edit-post-visual-editor .block-editor-block-list__block[data-type="generateblocks/container"]>.block-editor-block-list__block-edit{margin:0}.block-editor-block-list__layout .block-editor-block-list__block[data-type="generateblocks/container"]{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.gb-container .gb-inside-container{-webkit-box-sizing:content-box;box-sizing:content-box}.gb-container *:not(.gb-inside-container){-webkit-box-sizing:border-box;box-sizing:border-box}[data-type="generateblocks/container"] .block-editor-block-list__insertion-point,[data-type="generateblocks/grid"] .block-editor-block-list__insertion-point{display:none}.editor-styles-wrapper .gb-container [data-block]:not([data-type="core/paragraph"]),.editor-styles-wrapper .gb-grid-wrapper [data-block]:not([data-type="core/paragraph"]){margin-top:0;margin-bottom:0}
|
| 4 |
+
.gblocks-component-color-picker-wrapper .gblocks-component-color-picker-wrapper+.gblocks-component-color-picker-wrapper{margin-top:-5px}.gblocks-component-color-picker-wrapper>.components-base-control__field{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.gblocks-component-color-picker-wrapper>.components-base-control__field .components-color-palette__item-wrapper{margin:0}.gblocks-component-color-picker-wrapper .components-base-control__label{cursor:pointer}.gblocks-component-color-picker .gblocks-component-color-picker-palette{margin:17px}.gblocks-component-color-picker .gblocks-component-color-picker-palette .components-circular-option-picker{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.gblocks-component-color-picker .gblocks-component-color-picker-palette .components-circular-option-picker .components-circular-option-picker__option-wrapper{margin:0 8px 8px 0}.gblocks-component-color-picker .components-base-control__field,.gblocks-component-color-picker .components-color-palette{margin:0}.gblocks-component-color-picker .components-color-picker{padding:5px}.gblocks-component-color-picker .components-color-picker__inputs-toggle{display:none}.gblocks-component-color-picker .components-color-picker__body{padding-bottom:0}.components-base-control.color-picker-clear{text-align:center;padding-bottom:5px}.gblocks-component-color-opacity{display:-ms-flexbox;display:flex;padding:0 16px}.gblocks-component-color-opacity .components-range-control{-ms-flex-positive:1;flex-grow:1;padding-left:5px}.gblocks-color-picker-container{padding:5px;border:1px solid transparent;margin-bottom:0 !important}.components-base-control.gblocks-color-picker-is-open{background:#ffffff;border:1px solid #dddddd;padding:5px;margin-bottom:24px !important}.components-base-control.gblocks-component-color-picker-wrapper{margin-bottom:0 !important}.gblocks-component-color-picker>.components-base-control:first-child{margin-bottom:0}.components-button.components-color-show-palette{margin-left:12px}.gblocks-color-controls{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 16px 16px}.gblocks-color-picker-container .components-circular-option-picker__option,.gblocks-color-picker-container .components-circular-option-picker__option-wrapper:before,.gblocks-color-picker-container .components-circular-option-picker__option:after{border-radius:0}
|
| 5 |
+
.components-gblocks-dimensions-control__inputs,.components-gblocks-dimensions-control__input-labels{display:-ms-flexbox;display:flex}.components-gblocks-dimensions-control input[type="number"]{border-top-right-radius:0;border-bottom-right-radius:0;height:30px;margin:0 -1px 0 0;padding:5px;width:calc(25% - 5px)}.components-gblocks-dimensions-control input[type="number"]:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.components-gblocks-dimensions-control__input-labels>span{width:calc(25% - 5px);font-size:11px}.components-gblocks-dimensions-control__input-labels>span:last-child{width:30px}.components-gblocks-dimensions-control_sync.components-button{border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:none;box-shadow:none;height:auto;-ms-flex-pack:center;justify-content:center;padding:0;text-align:center;text-shadow:none;width:30px}.components-gblocks-dimensions-control_sync.components-button:not(.is-primary){background:#fff;border:1px solid #8d96a0;color:#555d66}.components-gblocks-dimensions-control_sync.components-button svg{width:18px;height:18px;fill:currentColor}.components-gblocks-dimensions-control_sync.components-button:hover,.components-gblocks-dimensions-control_sync.components-button:focus{-webkit-box-shadow:none !important;box-shadow:none !important}.components-gblocks-dimensions-control__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px;-ms-flex-align:center;align-items:center}.components-gblocks-dimensions-control__inputs+.components-gblocks-dimensions-control__header{margin-top:25px}
|
| 6 |
+
.edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control.gblocks-font-family-shortcuts{margin-bottom:2px}.components-gblocks-typography-control__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px;-ms-flex-align:center;align-items:center}.components-gblocks-typography-control__inputs+.components-gblocks-typography-control__header{margin-top:25px}.components-gblocks-typography-control__inputs{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.components-gblocks-typography-control__inputs button.components-button{line-height:unset;height:unset}.components-gblocks-typography-control__inputs .components-base-control{margin-bottom:0}.edit-post-settings-sidebar__panel-block .components-panel__body .components-gblocks-typography-control__inputs .components-base-control,.components-gblocks-typography-control__inputs .components-base-control .components-base-control__field{margin-bottom:0}.components-gblocks-typography-weight-transform{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.components-gblocks-typography-weight-transform>div{width:48%}.components-gblocks-typography-control__units>.components-button-group .components-button.is-button:first-child:last-child{border-radius:3px}.components-gblocks-typography-control__inputs button{margin-left:10px}.components-gblocks-typography-control__inputs .components-base-control{-ms-flex-positive:1;flex-grow:1}
|
| 7 |
+
.gblocks-component-gradient-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.gblocks-component-gradient-control .components-base-control{margin-bottom:0 !important}.gblocks-component-gradient-control .components-base-control .components-base-control__field{margin-bottom:0}.gblocks-component-gradient-control .gblocks-component-color-picker-wrapper .components-base-control__field{margin-top:0}.gblocks-component-gradient-stop-value{-ms-flex-positive:1;flex-grow:1;padding-left:10px}
|
| 8 |
+
.gb-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start;clear:both}.gb-button-wrapper .block-editor-block-list__layout>.block-list-appender{display:none !important}.gb-button-wrapper .block-editor-block-list__layout>.block-list-appender:first-child{display:block !important}[data-type="generateblocks/button-container"].has-child-selected .gb-button-wrapper>.components-button,[data-type="generateblocks/button-container"].is-selected .gb-button-wrapper>.components-button{display:-ms-inline-flexbox;display:inline-flex}.gblocks-add-new-button svg{margin-right:0 !important;margin-left:0 !important}.gblocks-button-container-appender{-ms-flex-item-align:center;align-self:center}
|
| 9 |
+
.gb-button-wrapper{position:relative;margin-top:0}.gb-button-wrapper .gb-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;padding:unset;line-height:unset;text-decoration:none !important;border:none;-webkit-transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;-o-transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out}.gb-button-wrapper .gb-button .editor-rich-text__tinymce{line-height:1em}.gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-right:0}.gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>div{width:auto}.gb-button-wrapper.gb-button-wrapper-align-right>.block-editor-inner-blocks>.block-editor-block-list__layout{-ms-flex-pack:end;justify-content:flex-end}.gb-button-wrapper.gb-button-wrapper-align-center>.block-editor-inner-blocks>.block-editor-block-list__layout{-ms-flex-pack:center;justify-content:center}.gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>*>.block-editor-block-list__block-edit{margin-top:0;margin-bottom:0}.gb-button-wrapper .blocks-format-toolbar__link-modal{top:calc(100% + 2px);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.gb-button-wrapper .blocks-link-url__suggestions{right:-35px}.gb-button-wrapper .blocks-rich-text__tinymce{cursor:text}.gb-button-wrapper .components-button.gblocks-add-button{background:#fff;-ms-flex-item-align:center;align-self:center}.gb-button-wrapper .components-button.gblocks-add-button svg{margin-right:0}.gb-button .gb-icon{-ms-flex-item-align:center;align-self:center}.using-theme-colors{background-color:#e9f5f9;border-left:4px solid #409ecd;padding:10px}.using-theme-colors p:last-child{margin-bottom:0}.button.gb-button{font-size:inherit;min-height:auto;border-radius:unset}[data-type="generateblocks/button-container"] .gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout{margin-left:0;margin-right:0}[data-type="generateblocks/button-container"] .gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block{width:auto;padding-left:0;padding-right:0}[data-type="generateblocks/button-container"] .gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block>.block-editor-block-list__block-edit{margin-left:0;margin-right:0}[data-type="generateblocks/button-container"] .gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block>.block-editor-block-list__block-edit::before{border-right:none;border-top:none;border-bottom:none}[data-type="generateblocks/button-container"] .gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block.is-hovered:not(.is-navigate-mode)>.block-editor-block-list__block-edit::before{-webkit-box-shadow:none;box-shadow:none}[data-type="generateblocks/button-container"].is-hovered .gb-button-wrapper .block-editor-block-list__block-edit::before,[data-type="generateblocks/button-container"].is-selected .gb-button-wrapper .block-editor-block-list__block-edit::before,[data-type="generateblocks/button-container"].has-child-selected .gb-button-wrapper .block-editor-block-list__block-edit::before{border-color:transparent !important}[data-type="generateblocks/button-container"] .gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block>.block-editor-block-list__block-edit>[data-block]{margin-top:0;margin-bottom:0}[data-type="generateblocks/button-container"] .gb-button-wrapper .block-editor-block-list__insertion-point,[data-type="generateblocks/button-container"] .gb-button-wrapper .block-editor-block-list__breadcrumb{display:none}[data-type="generateblocks/button-container"]:not(.is-selected):not(.has-child-selected) .gb-button-wrapper{min-height:36px}
|
| 10 |
+
.gblocks-icon-chooser{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin-top:0;margin-left:-3px}.gblocks-icon-chooser li{display:block;margin:0 0 3px 3px;padding:0}.gblocks-icon-chooser li button.components-button{background:#fafafa;color:#000;height:30px;width:30px;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:8px;line-height:normal;font-size:15px;-ms-flex-pack:center;justify-content:center}.gblocks-icon-chooser li button.components-button span{line-height:0}.gblocks-icon-chooser li button.components-button:hover{background:#fff;-webkit-box-shadow:none;box-shadow:none}.gblocks-icon-chooser li button.components-button svg{width:1em;height:1em}.gb-icon{display:-ms-inline-flexbox;display:inline-flex;line-height:0}.gb-icon svg{height:1em;width:1em;fill:currentColor}button.components-icon-picker-item{width:50px;height:50px;font-size:30px;line-height:50px;background:#efefef;cursor:pointer;border:1px solid #ddd;margin-bottom:10px}button.components-icon-picker-item svg{height:1em;width:1em}.components-icon-picker-item>span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.components-icon-picker-item:hover,.components-icon-picker-item:focus{background:#fafafa}.gb-svg-html .components-base-control{margin-bottom:0}.gb-icon-preview{font-size:25px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.gb-icon-preview svg{margin-right:10px;width:1em;height:1em}.block-editor-block-inspector .gb-icon-chooser .components-panel__body{border-color:#ddd;margin-top:0}.block-editor-block-inspector .gb-icon-chooser .components-panel__body button{background:#fafafa}.block-editor-block-inspector .gb-icon-chooser .components-panel__body.is-opened{background:#fafafa}.block-editor-block-inspector .gb-icon-chooser .components-panel__body:last-child{border-bottom:1px solid #ddd}
|
| 11 |
+
.gblocks-component-url-input{width:100%;margin-top:10px;font-family:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-size:13px;line-height:1.4;background:#fff;border:1px solid #e2e4e7;color:#000}.gblocks-component-url-input .gblocks-component-url-input-flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.gblocks-component-url-input .gblocks-component-url-input-flex .editor-url-input{width:auto}.gblocks-component-url-input .gblocks-component-url-input-flex .editor-url-input input[type="text"]{width:100%}.gblocks-component-url-input .gblocks-component-url-input-flex .editor-url-input input[type="text"]::-webkit-input-placeholder{color:#222}.gblocks-component-url-input .gblocks-component-url-input-flex .editor-url-input input[type="text"]::-moz-placeholder{color:#222}.gblocks-component-url-input .gblocks-component-url-input-flex .editor-url-input input[type="text"]::-ms-input-placeholder{color:#222}.gblocks-component-url-input .gblocks-component-url-input-flex .editor-url-input input[type="text"]::placeholder{color:#222}.gblocks-component-url-input .gblocks-component-url-input-flex>.dashicon{width:20px;color:#222}.gblocks-component-url-input .gblocks-component-url-input-flex .components-base-control__field{margin-bottom:0}.gblocks-component-url-input .gblocks-component-url-input-more-options{padding:10px;border-top:1px solid #e2e4e7}.gblocks-component-url-input .gblocks-component-url-input-more-options .components-base-control{margin-bottom:5px}.gblocks-component-url-input .gblocks-component-url-input-more-options .components-base-control .components-base-control__field{margin-bottom:0}.gblocks-component-url-input .gblocks-component-url-input-more-options .components-base-control:last-child{margin-bottom:0}.gblocks-component-url-input-float{position:absolute;min-width:260px;max-width:260px;-webkit-box-shadow:0 3px 30px rgba(25,30,35,0.1);box-shadow:0 3px 30px rgba(25,30,35,0.1);z-index:150}.gblocks-component-url-input-float::after,.gblocks-component-url-input-float::before{content:" ";position:absolute;bottom:100%;left:20px;width:0;height:0;pointer-events:none;border:solid transparent}.gblocks-component-url-input-float::after{border:5px solid rgba(255,255,255,0);border-bottom-color:#fff}.gblocks-component-url-input-float::before{margin-left:-1px;border:6px solid rgba(226,228,231,0);border-bottom-color:#e2e4e7}.gblocks-component-url-input-float .editor-url-input__suggestions{max-width:188px}.block-editor-block-list__block .gblocks-component-url-input-flex input[type="text"]{max-width:100%;width:100%}
|
| 12 |
+
.gb-headline-wrapper{display:-ms-flexbox;display:flex}.editor-styles-wrapper .gb-headline{margin-top:0;margin-bottom:0}mark.gb-highlight{background:none;color:unset}
|
| 13 |
+
.gblocks-notice{margin-bottom:20px}.gblocks-panel-label .components-panel__body-toggle.components-button{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end}.gblocks-panel-label svg.components-panel__icon{margin:0 10px 0 0}.components-gblocks-control__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px;-ms-flex-align:center;align-items:center}.components-panel__body .components-gblocks-control__units .components-button{background:#fff;border-color:#e2e4e7;-webkit-box-shadow:none !important;box-shadow:none !important;color:#6c7781;font-size:10px;padding:0 5px;position:relative;text-align:center;text-shadow:none;border:1px solid}.components-panel__body .components-gblocks-control__units .components-button.is-primary{background:#0070a7;border-color:#0070a7;color:#fff;cursor:default;z-index:1}.gblocks-control-tabs .components-tab-panel__tabs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid #e8eaeb}.gblocks-control-tabs .components-tab-panel__tabs button{padding:8px;height:auto;margin:0;margin-bottom:-1px;cursor:pointer;border:none;border:0;border-radius:0;outline-offset:-1px;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;font-size:11px;font-weight:400}.gblocks-control-tabs .components-tab-panel__tabs button.active-tab{position:relative;z-index:1;background:#222 !important;color:#fff !important;-webkit-box-shadow:0 0 0 !important;box-shadow:0 0 0 !important}.gblocks-block-control-icon svg{margin-right:0 !important;margin-left:0 !important;padding:2px}.gblocks-block-control-icon.gblocks-add-grid-item svg{padding:0}.gblocks-block-control-icon svg path{fill:inherit !important}.gblocks-option-notice.components-notice{margin:0 0 24px}.gblocks-option-notice.components-notice .components-notice__content{margin:5px}
|
dist/blocks.style.build.css
CHANGED
|
@@ -1,2 +1 @@
|
|
| 1 |
-
.
|
| 2 |
-
.gblocks-notice{margin-bottom:20px}.gblocks-panel-label .components-panel__body-toggle.components-button{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end}.gblocks-panel-label svg.components-panel__icon{margin:0 10px 0 0}.components-gblocks-control__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px;-ms-flex-align:center;align-items:center}.components-panel__body .components-gblocks-control__units .components-button{background:#fff;border-color:#e2e4e7;-webkit-box-shadow:none !important;box-shadow:none !important;color:#6c7781;font-size:10px;padding:0 5px;position:relative;text-align:center;text-shadow:none;border:1px solid}.components-panel__body .components-gblocks-control__units .components-button.is-primary{background:#0070a7;border-color:#0070a7;color:#fff;cursor:default;z-index:1}.gblocks-control-tabs .components-tab-panel__tabs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid #e8eaeb}.gblocks-control-tabs .components-tab-panel__tabs button{padding:9px 11px;padding-bottom:11px;margin:0;margin-bottom:-1px;color:#555d66;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;outline-offset:-1px;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}.gblocks-control-tabs .components-tab-panel__tabs button.active-tab{position:relative;border-bottom:2px solid #00a0d2;z-index:1;font-weight:bold;background:#fafafa}.gblocks-block-control-icon svg{margin-right:0 !important;margin-left:0 !important;padding:2px}.gblocks-block-control-icon.gblocks-add-grid-item svg{padding:0}.gblocks-block-control-icon svg path{fill:inherit !important}.gblocks-notice{margin-bottom:20px}.gblocks-panel-label .components-panel__body-toggle.components-button{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end}.gblocks-panel-label svg.components-panel__icon{margin:0 10px 0 0}.components-gblocks-control__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px;-ms-flex-align:center;align-items:center}.components-panel__body .components-gblocks-control__units .components-button{background:#fff;border-color:#e2e4e7;-webkit-box-shadow:none !important;box-shadow:none !important;color:#6c7781;font-size:10px;padding:0 5px;position:relative;text-align:center;text-shadow:none;border:1px solid}.components-panel__body .components-gblocks-control__units .components-button.is-primary{background:#0070a7;border-color:#0070a7;color:#fff;cursor:default;z-index:1}.gblocks-control-tabs .components-tab-panel__tabs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid #e8eaeb}.gblocks-control-tabs .components-tab-panel__tabs button{padding:9px 11px;padding-bottom:11px;margin:0;margin-bottom:-1px;color:#555d66;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;outline-offset:-1px;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}.gblocks-control-tabs .components-tab-panel__tabs button.active-tab{position:relative;border-bottom:2px solid #00a0d2;z-index:1;font-weight:bold;background:#fafafa}.gblocks-block-control-icon svg{margin-right:0 !important;margin-left:0 !important;padding:2px}.gblocks-block-control-icon.gblocks-add-grid-item svg{padding:0}.gblocks-block-control-icon svg path{fill:inherit !important}.gb-button{display:inline-block;padding:.75em 1em;line-height:1em;color:#fff;text-decoration:none !important;background-color:#32373c;border:none;-webkit-transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;-o-transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out}.gb-button:hover,.gb-button:focus,.gb-button:active{color:#fff;background-color:#32373c}
|
| 1 |
+
.gb-button{display:inline-block;padding:.75em 1em;line-height:1em;color:#fff;text-decoration:none !important;background-color:#32373c;border:none;-webkit-transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;-o-transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;transition:.2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out}.gb-button:hover,.gb-button:focus,.gb-button:active{color:#fff;background-color:#32373c}
|
|
|
includes/class-plugin-update.php
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* Handles option changes on plugin updates.
|
| 4 |
+
*
|
| 5 |
+
* @package GenerateBlocks
|
| 6 |
+
* @since 1.1
|
| 7 |
+
*/
|
| 8 |
+
|
| 9 |
+
if ( ! defined( 'ABSPATH' ) ) {
|
| 10 |
+
exit; // Exit if accessed directly.
|
| 11 |
+
}
|
| 12 |
+
|
| 13 |
+
/**
|
| 14 |
+
* Process option updates if necessary.
|
| 15 |
+
*/
|
| 16 |
+
class GenerateBlocks_Plugin_Update {
|
| 17 |
+
/**
|
| 18 |
+
* Class instance.
|
| 19 |
+
*
|
| 20 |
+
* @access private
|
| 21 |
+
* @var $instance Class instance.
|
| 22 |
+
*/
|
| 23 |
+
private static $instance;
|
| 24 |
+
|
| 25 |
+
/**
|
| 26 |
+
* Initiator
|
| 27 |
+
*/
|
| 28 |
+
public static function get_instance() {
|
| 29 |
+
if ( ! isset( self::$instance ) ) {
|
| 30 |
+
self::$instance = new self();
|
| 31 |
+
}
|
| 32 |
+
return self::$instance;
|
| 33 |
+
}
|
| 34 |
+
|
| 35 |
+
/**
|
| 36 |
+
* Constructor
|
| 37 |
+
*/
|
| 38 |
+
public function __construct() {
|
| 39 |
+
if ( is_admin() ) {
|
| 40 |
+
add_action( 'admin_init', __CLASS__ . '::init', 5 );
|
| 41 |
+
} else {
|
| 42 |
+
add_action( 'wp', __CLASS__ . '::init', 5 );
|
| 43 |
+
}
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
/**
|
| 47 |
+
* Implement plugin update logic.
|
| 48 |
+
*
|
| 49 |
+
* @since 1.1.0
|
| 50 |
+
*/
|
| 51 |
+
public static function init() {
|
| 52 |
+
if ( is_customize_preview() ) {
|
| 53 |
+
return;
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
+
$saved_version = get_option( 'generateblocks_version', false );
|
| 57 |
+
|
| 58 |
+
if ( false === $saved_version ) {
|
| 59 |
+
if ( 'admin_init' === current_action() ) {
|
| 60 |
+
// If we're in the admin, add our version to the database.
|
| 61 |
+
update_option( 'generateblocks_version', sanitize_text_field( GENERATEBLOCKS_VERSION ) );
|
| 62 |
+
}
|
| 63 |
+
|
| 64 |
+
// Not an existing install, so no need to proceed further.
|
| 65 |
+
return;
|
| 66 |
+
}
|
| 67 |
+
|
| 68 |
+
if ( version_compare( $saved_version, GENERATEBLOCKS_VERSION, '=' ) ) {
|
| 69 |
+
return;
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
// Nothing to update yet.
|
| 73 |
+
|
| 74 |
+
// Last thing to do is update our version.
|
| 75 |
+
update_option( 'generateblocks_version', sanitize_text_field( GENERATEBLOCKS_VERSION ) );
|
| 76 |
+
}
|
| 77 |
+
}
|
| 78 |
+
|
| 79 |
+
GenerateBlocks_Plugin_Update::get_instance();
|
includes/class-settings.php
CHANGED
|
@@ -19,8 +19,9 @@ class GenerateBlocks_Settings {
|
|
| 19 |
public function __construct() {
|
| 20 |
add_action( 'admin_menu', array( $this, 'add_menu' ) );
|
| 21 |
add_action( 'admin_init', array( $this, 'save' ) );
|
|
|
|
| 22 |
|
| 23 |
-
if ( ! empty( $_POST ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing
|
| 24 |
add_action( 'wp_ajax_generateblocks_regenerate_css_files', array( $this, 'regenerate_css_files' ) );
|
| 25 |
}
|
| 26 |
}
|
|
@@ -73,9 +74,13 @@ class GenerateBlocks_Settings {
|
|
| 73 |
$settings['css_print_method'] = sanitize_key( $values['css_print_method'] );
|
| 74 |
}
|
| 75 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 76 |
update_option( 'generateblocks', $settings );
|
| 77 |
|
| 78 |
-
wp_safe_redirect( admin_url( 'admin.php?page=generateblocks-settings' ) );
|
| 79 |
exit;
|
| 80 |
}
|
| 81 |
}
|
|
@@ -104,12 +109,14 @@ class GenerateBlocks_Settings {
|
|
| 104 |
?>
|
| 105 |
<div class="wrap gblocks-dashboard-wrap">
|
| 106 |
<div class="gblocks-dashboard-header">
|
| 107 |
-
<
|
| 108 |
-
|
|
|
|
| 109 |
<?php generateblocks_dashboard_navigation(); ?>
|
| 110 |
</div>
|
| 111 |
|
| 112 |
<div class="gblocks-settings-content">
|
|
|
|
| 113 |
<form action="options.php" method="post">
|
| 114 |
<?php
|
| 115 |
wp_nonce_field( 'generateblocks_settings', 'generateblocks_settings' );
|
|
@@ -136,13 +143,25 @@ class GenerateBlocks_Settings {
|
|
| 136 |
<?php
|
| 137 |
printf(
|
| 138 |
'<button data-nonce="%s" class="button generateblocks-button-spinner" id="generateblocks-regenerate-css-files-button">%s</button>',
|
| 139 |
-
wp_create_nonce( 'generateblocks_regenerate_css_files' ),
|
| 140 |
esc_html__( 'Regenerate Files', 'generateblocks' )
|
| 141 |
);
|
| 142 |
?>
|
| 143 |
<p><?php esc_html_e( 'Force your external CSS files to regenerate next time their page is loaded.', 'generateblocks' ); ?></p>
|
| 144 |
</td>
|
| 145 |
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 146 |
<?php
|
| 147 |
/**
|
| 148 |
* Do generateblocks_settings_fields hook.
|
|
@@ -161,6 +180,26 @@ class GenerateBlocks_Settings {
|
|
| 161 |
</div>
|
| 162 |
<?php
|
| 163 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 164 |
}
|
| 165 |
|
| 166 |
new GenerateBlocks_Settings();
|
| 19 |
public function __construct() {
|
| 20 |
add_action( 'admin_menu', array( $this, 'add_menu' ) );
|
| 21 |
add_action( 'admin_init', array( $this, 'save' ) );
|
| 22 |
+
add_action( 'generateblocks_before_settings_form', array( $this, 'admin_notices' ) );
|
| 23 |
|
| 24 |
+
if ( ! empty( $_POST ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing -- Just checking, false positive.
|
| 25 |
add_action( 'wp_ajax_generateblocks_regenerate_css_files', array( $this, 'regenerate_css_files' ) );
|
| 26 |
}
|
| 27 |
}
|
| 74 |
$settings['css_print_method'] = sanitize_key( $values['css_print_method'] );
|
| 75 |
}
|
| 76 |
|
| 77 |
+
if ( isset( $values['color_component_display'] ) ) {
|
| 78 |
+
$settings['color_component_display'] = sanitize_key( $values['color_component_display'] );
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
update_option( 'generateblocks', $settings );
|
| 82 |
|
| 83 |
+
wp_safe_redirect( admin_url( 'admin.php?page=generateblocks-settings&settings-updated=true' ) );
|
| 84 |
exit;
|
| 85 |
}
|
| 86 |
}
|
| 109 |
?>
|
| 110 |
<div class="wrap gblocks-dashboard-wrap">
|
| 111 |
<div class="gblocks-dashboard-header">
|
| 112 |
+
<div class="gblocks-dashboard-header-content">
|
| 113 |
+
<h1><?php esc_html_e( 'Settings', 'generateblocks' ); ?></h1>
|
| 114 |
+
</div>
|
| 115 |
<?php generateblocks_dashboard_navigation(); ?>
|
| 116 |
</div>
|
| 117 |
|
| 118 |
<div class="gblocks-settings-content">
|
| 119 |
+
<?php do_action( 'generateblocks_before_settings_form' ); ?>
|
| 120 |
<form action="options.php" method="post">
|
| 121 |
<?php
|
| 122 |
wp_nonce_field( 'generateblocks_settings', 'generateblocks_settings' );
|
| 143 |
<?php
|
| 144 |
printf(
|
| 145 |
'<button data-nonce="%s" class="button generateblocks-button-spinner" id="generateblocks-regenerate-css-files-button">%s</button>',
|
| 146 |
+
esc_html( wp_create_nonce( 'generateblocks_regenerate_css_files' ) ),
|
| 147 |
esc_html__( 'Regenerate Files', 'generateblocks' )
|
| 148 |
);
|
| 149 |
?>
|
| 150 |
<p><?php esc_html_e( 'Force your external CSS files to regenerate next time their page is loaded.', 'generateblocks' ); ?></p>
|
| 151 |
</td>
|
| 152 |
</tr>
|
| 153 |
+
<tr>
|
| 154 |
+
<th scope="row">
|
| 155 |
+
<?php esc_html_e( 'Color Component Display', 'generateblocks' ); ?>
|
| 156 |
+
</th>
|
| 157 |
+
<td>
|
| 158 |
+
<select name="generateblocks[color_component_display]">
|
| 159 |
+
<option value="palette"<?php selected( 'palette', generateblocks_get_option( 'color_component_display' ) ); ?>><?php esc_html_e( 'Color Palette', 'generateblocks' ); ?></option>
|
| 160 |
+
<option value="custom-colors"<?php selected( 'custom-colors', generateblocks_get_option( 'color_component_display' ) ); ?>><?php esc_html_e( 'Custom Colors', 'generateblocks' ); ?></option>
|
| 161 |
+
</select>
|
| 162 |
+
<p><?php esc_html_e( 'Choose what the Color Component displays by default.', 'generateblocks' ); ?></p>
|
| 163 |
+
</td>
|
| 164 |
+
</tr>
|
| 165 |
<?php
|
| 166 |
/**
|
| 167 |
* Do generateblocks_settings_fields hook.
|
| 180 |
</div>
|
| 181 |
<?php
|
| 182 |
}
|
| 183 |
+
|
| 184 |
+
/**
|
| 185 |
+
* Add a message when settings are saved.
|
| 186 |
+
*
|
| 187 |
+
* @since 1.1
|
| 188 |
+
*/
|
| 189 |
+
public function admin_notices() {
|
| 190 |
+
$screen = get_current_screen();
|
| 191 |
+
|
| 192 |
+
if ( 'settings_page_generateblocks-settings' !== $screen->base ) {
|
| 193 |
+
return;
|
| 194 |
+
}
|
| 195 |
+
|
| 196 |
+
if ( isset( $_GET['settings-updated'] ) && 'true' == $_GET['settings-updated'] ) { // phpcs:ignore -- Just checking, false positive.
|
| 197 |
+
printf(
|
| 198 |
+
'<div class="notice notice-success inline"><p><strong>Settings saved.</strong></p></div>',
|
| 199 |
+
esc_html__( 'Settings saved.', 'generateblocks' )
|
| 200 |
+
);
|
| 201 |
+
}
|
| 202 |
+
}
|
| 203 |
}
|
| 204 |
|
| 205 |
new GenerateBlocks_Settings();
|
includes/dashboard.php
CHANGED
|
@@ -112,11 +112,13 @@ function generateblocks_do_dashboard() {
|
|
| 112 |
?>
|
| 113 |
<div class="wrap gblocks-dashboard-wrap">
|
| 114 |
<div class="gblocks-dashboard-header">
|
| 115 |
-
<div class="gblocks-
|
| 116 |
-
<
|
| 117 |
-
<
|
| 118 |
-
|
| 119 |
-
|
|
|
|
|
|
|
| 120 |
</div>
|
| 121 |
|
| 122 |
<?php generateblocks_dashboard_navigation(); ?>
|
|
@@ -186,16 +188,16 @@ function generateblocks_do_dashboard() {
|
|
| 186 |
</div>
|
| 187 |
|
| 188 |
<div class="stars">
|
| 189 |
-
<strong>
|
| 190 |
<img src="<?php echo esc_url( GENERATEBLOCKS_DIR_URL ) . 'assets/images/stars.svg'; ?>" alt="" width="98" height="17" class="alignnone size-full wp-image-44">
|
| 191 |
</div>
|
| 192 |
|
| 193 |
<div class="active-websites">
|
| 194 |
-
<strong>
|
| 195 |
</div>
|
| 196 |
|
| 197 |
<div class="active-websites">
|
| 198 |
-
<strong>
|
| 199 |
</div>
|
| 200 |
</div>
|
| 201 |
<a class="gblocks-button" href="https://generatepress.com" target="_blank" rel="noreferrer noopener"><?php esc_html_e( 'Learn more', 'generateblocks' ); ?></a>
|
| 112 |
?>
|
| 113 |
<div class="wrap gblocks-dashboard-wrap">
|
| 114 |
<div class="gblocks-dashboard-header">
|
| 115 |
+
<div class="gblocks-dashboard-header-content">
|
| 116 |
+
<h1 class="gblocks-logo">
|
| 117 |
+
<a href="https://generateblocks.com" target="_blank" rel="noopener noreferrer">
|
| 118 |
+
<img width="200" height="55" src="<?php echo esc_url( GENERATEBLOCKS_DIR_URL ) . 'assets/images/gb-logo-black.svg'; ?>" alt="<?php esc_attr_e( 'GenerateBlocks', 'generateblocks' ); ?>" />
|
| 119 |
+
</a>
|
| 120 |
+
<span class="gblocks-version"><?php echo esc_html( GENERATEBLOCKS_VERSION ); ?></span>
|
| 121 |
+
</h1>
|
| 122 |
</div>
|
| 123 |
|
| 124 |
<?php generateblocks_dashboard_navigation(); ?>
|
| 188 |
</div>
|
| 189 |
|
| 190 |
<div class="stars">
|
| 191 |
+
<strong>1000+</strong><br>
|
| 192 |
<img src="<?php echo esc_url( GENERATEBLOCKS_DIR_URL ) . 'assets/images/stars.svg'; ?>" alt="" width="98" height="17" class="alignnone size-full wp-image-44">
|
| 193 |
</div>
|
| 194 |
|
| 195 |
<div class="active-websites">
|
| 196 |
+
<strong>300,000+</strong><br> <?php esc_html_e( 'Active websites', 'generateblocks' ); ?>
|
| 197 |
</div>
|
| 198 |
|
| 199 |
<div class="active-websites">
|
| 200 |
+
<strong>60,000+</strong><br> <?php esc_html_e( 'Happy customers', 'generateblocks' ); ?>
|
| 201 |
</div>
|
| 202 |
</div>
|
| 203 |
<a class="gblocks-button" href="https://generatepress.com" target="_blank" rel="noreferrer noopener"><?php esc_html_e( 'Learn more', 'generateblocks' ); ?></a>
|
includes/defaults.php
CHANGED
|
@@ -104,6 +104,8 @@ function generateblocks_get_block_defaults() {
|
|
| 104 |
'linkColorHover' => '',
|
| 105 |
'bgImage' => '',
|
| 106 |
'bgOptions' => array(
|
|
|
|
|
|
|
| 107 |
'overlay' => false,
|
| 108 |
'position' => 'center center',
|
| 109 |
'size' => 'cover',
|
|
@@ -403,6 +405,7 @@ function generateblocks_get_option_defaults() {
|
|
| 403 |
'generateblocks_option_defaults',
|
| 404 |
array(
|
| 405 |
'css_print_method' => 'file',
|
|
|
|
| 406 |
)
|
| 407 |
);
|
| 408 |
}
|
|
@@ -431,6 +434,7 @@ function generateblocks_get_default_styles() {
|
|
| 431 |
'gridItemPaddingRight' => '0',
|
| 432 |
'gridItemPaddingBottom' => '0',
|
| 433 |
'gridItemPaddingLeft' => '0',
|
|
|
|
| 434 |
),
|
| 435 |
);
|
| 436 |
|
| 104 |
'linkColorHover' => '',
|
| 105 |
'bgImage' => '',
|
| 106 |
'bgOptions' => array(
|
| 107 |
+
'selector' => 'element',
|
| 108 |
+
'opacity' => 1,
|
| 109 |
'overlay' => false,
|
| 110 |
'position' => 'center center',
|
| 111 |
'size' => 'cover',
|
| 405 |
'generateblocks_option_defaults',
|
| 406 |
array(
|
| 407 |
'css_print_method' => 'file',
|
| 408 |
+
'color_component_display' => 'palette',
|
| 409 |
)
|
| 410 |
);
|
| 411 |
}
|
| 434 |
'gridItemPaddingRight' => '0',
|
| 435 |
'gridItemPaddingBottom' => '0',
|
| 436 |
'gridItemPaddingLeft' => '0',
|
| 437 |
+
'bgImageSize' => 'full',
|
| 438 |
),
|
| 439 |
);
|
| 440 |
|
includes/functions.php
CHANGED
|
@@ -15,10 +15,11 @@ if ( ! defined( 'ABSPATH' ) ) {
|
|
| 15 |
* @since 0.1
|
| 16 |
* @param array $content The content of our page.
|
| 17 |
* @param array $data Data used to loop through the function as needed.
|
|
|
|
| 18 |
*
|
| 19 |
* @return array
|
| 20 |
*/
|
| 21 |
-
function generateblocks_get_block_data( $content, $data = array() ) {
|
| 22 |
if ( ! is_array( $content ) || empty( $content ) ) {
|
| 23 |
return;
|
| 24 |
}
|
|
@@ -27,12 +28,13 @@ function generateblocks_get_block_data( $content, $data = array() ) {
|
|
| 27 |
if ( ! is_object( $block ) && is_array( $block ) && isset( $block['blockName'] ) ) {
|
| 28 |
if ( 'generateblocks/grid' === $block['blockName'] ) {
|
| 29 |
$data['grid'][] = $block['attrs'];
|
| 30 |
-
$
|
|
|
|
| 31 |
}
|
| 32 |
|
| 33 |
if ( 'generateblocks/container' === $block['blockName'] ) {
|
| 34 |
-
if ( isset( $block['attrs']['isGrid'] ) && $block['attrs']['isGrid'] && isset( $data['tempGridId'] ) ) {
|
| 35 |
-
$block['attrs']['gridId'] = $data['tempGridId'];
|
| 36 |
}
|
| 37 |
|
| 38 |
$data['container'][] = $block['attrs'];
|
|
@@ -66,7 +68,7 @@ function generateblocks_get_block_data( $content, $data = array() ) {
|
|
| 66 |
}
|
| 67 |
|
| 68 |
if ( isset( $block['innerBlocks'] ) && ! empty( $block['innerBlocks'] ) && is_array( $block['innerBlocks'] ) ) {
|
| 69 |
-
$data = generateblocks_get_block_data( $block['innerBlocks'], $data );
|
| 70 |
}
|
| 71 |
}
|
| 72 |
}
|
|
@@ -74,6 +76,44 @@ function generateblocks_get_block_data( $content, $data = array() ) {
|
|
| 74 |
return $data;
|
| 75 |
}
|
| 76 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 77 |
/**
|
| 78 |
* Shorthand CSS values (padding, margin, border etc..).
|
| 79 |
*
|
|
@@ -136,33 +176,11 @@ function generateblocks_get_media_query( $type ) {
|
|
| 136 |
* Build our list of Google fonts on this page.
|
| 137 |
*
|
| 138 |
* @since 0.1
|
| 139 |
-
*
|
| 140 |
-
* @param string $content The content to parse.
|
| 141 |
-
*
|
| 142 |
* @return array
|
| 143 |
*/
|
| 144 |
function generateblocks_get_google_fonts( $content = '' ) {
|
| 145 |
-
|
| 146 |
-
return;
|
| 147 |
-
}
|
| 148 |
-
|
| 149 |
-
if ( ! $content && has_blocks( get_the_ID() ) ) {
|
| 150 |
-
global $post;
|
| 151 |
-
|
| 152 |
-
if ( ! is_object( $post ) ) {
|
| 153 |
-
return;
|
| 154 |
-
}
|
| 155 |
-
|
| 156 |
-
$content = $post->post_content;
|
| 157 |
-
}
|
| 158 |
-
|
| 159 |
-
$content = apply_filters( 'generateblocks_do_content', $content );
|
| 160 |
-
|
| 161 |
-
if ( ! function_exists( 'parse_blocks' ) ) {
|
| 162 |
-
return;
|
| 163 |
-
}
|
| 164 |
-
|
| 165 |
-
$content = parse_blocks( $content );
|
| 166 |
|
| 167 |
if ( ! $content ) {
|
| 168 |
return;
|
|
@@ -430,3 +448,67 @@ function generateblocks_has_number_value( $value ) {
|
|
| 430 |
|
| 431 |
return false;
|
| 432 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 15 |
* @since 0.1
|
| 16 |
* @param array $content The content of our page.
|
| 17 |
* @param array $data Data used to loop through the function as needed.
|
| 18 |
+
* @param int $depth Keep track of how deep we are in nested blocks.
|
| 19 |
*
|
| 20 |
* @return array
|
| 21 |
*/
|
| 22 |
+
function generateblocks_get_block_data( $content, $data = array(), $depth = 0 ) {
|
| 23 |
if ( ! is_array( $content ) || empty( $content ) ) {
|
| 24 |
return;
|
| 25 |
}
|
| 28 |
if ( ! is_object( $block ) && is_array( $block ) && isset( $block['blockName'] ) ) {
|
| 29 |
if ( 'generateblocks/grid' === $block['blockName'] ) {
|
| 30 |
$data['grid'][] = $block['attrs'];
|
| 31 |
+
$depth++;
|
| 32 |
+
$data[ 'tempGridId-' . $depth ] = $block['attrs']['uniqueId'];
|
| 33 |
}
|
| 34 |
|
| 35 |
if ( 'generateblocks/container' === $block['blockName'] ) {
|
| 36 |
+
if ( isset( $block['attrs']['isGrid'] ) && $block['attrs']['isGrid'] && isset( $data[ 'tempGridId-' . $depth ] ) ) {
|
| 37 |
+
$block['attrs']['gridId'] = $data[ 'tempGridId-' . $depth ];
|
| 38 |
}
|
| 39 |
|
| 40 |
$data['container'][] = $block['attrs'];
|
| 68 |
}
|
| 69 |
|
| 70 |
if ( isset( $block['innerBlocks'] ) && ! empty( $block['innerBlocks'] ) && is_array( $block['innerBlocks'] ) ) {
|
| 71 |
+
$data = generateblocks_get_block_data( $block['innerBlocks'], $data, $depth );
|
| 72 |
}
|
| 73 |
}
|
| 74 |
}
|
| 76 |
return $data;
|
| 77 |
}
|
| 78 |
|
| 79 |
+
/**
|
| 80 |
+
* Parse our content for blocks.
|
| 81 |
+
*
|
| 82 |
+
* @param string $content Optional content to parse.
|
| 83 |
+
* @since 1.1
|
| 84 |
+
*/
|
| 85 |
+
function generateblocks_get_parsed_content( $content = '' ) {
|
| 86 |
+
$parsed_content = wp_cache_get( 'generateblocks_parsed_content' );
|
| 87 |
+
|
| 88 |
+
if ( ! $parsed_content ) {
|
| 89 |
+
if ( ! function_exists( 'has_blocks' ) ) {
|
| 90 |
+
return;
|
| 91 |
+
}
|
| 92 |
+
|
| 93 |
+
if ( ! $content && has_blocks( get_the_ID() ) ) {
|
| 94 |
+
global $post;
|
| 95 |
+
|
| 96 |
+
if ( ! is_object( $post ) ) {
|
| 97 |
+
return;
|
| 98 |
+
}
|
| 99 |
+
|
| 100 |
+
$content = $post->post_content;
|
| 101 |
+
}
|
| 102 |
+
|
| 103 |
+
$content = apply_filters( 'generateblocks_do_content', $content );
|
| 104 |
+
|
| 105 |
+
if ( ! function_exists( 'parse_blocks' ) ) {
|
| 106 |
+
return;
|
| 107 |
+
}
|
| 108 |
+
|
| 109 |
+
$parsed_content = parse_blocks( $content );
|
| 110 |
+
|
| 111 |
+
wp_cache_set( 'generateblocks_parsed_content', $parsed_content );
|
| 112 |
+
}
|
| 113 |
+
|
| 114 |
+
return $parsed_content;
|
| 115 |
+
}
|
| 116 |
+
|
| 117 |
/**
|
| 118 |
* Shorthand CSS values (padding, margin, border etc..).
|
| 119 |
*
|
| 176 |
* Build our list of Google fonts on this page.
|
| 177 |
*
|
| 178 |
* @since 0.1
|
| 179 |
+
* @param string $content Optional content to parse.
|
|
|
|
|
|
|
| 180 |
* @return array
|
| 181 |
*/
|
| 182 |
function generateblocks_get_google_fonts( $content = '' ) {
|
| 183 |
+
$content = generateblocks_get_parsed_content( $content );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 184 |
|
| 185 |
if ( ! $content ) {
|
| 186 |
return;
|
| 448 |
|
| 449 |
return false;
|
| 450 |
}
|
| 451 |
+
|
| 452 |
+
/**
|
| 453 |
+
* Get the background-image value.
|
| 454 |
+
*
|
| 455 |
+
* @param array $settings Our background image settings.
|
| 456 |
+
* @param array $custom_args Custom args that will overwrite the settings.
|
| 457 |
+
*/
|
| 458 |
+
function generateblocks_get_background_image_css( $settings, $custom_args = array() ) {
|
| 459 |
+
$args = array(
|
| 460 |
+
'backgroundColor' => $settings['backgroundColor'],
|
| 461 |
+
'backgroundColorOpacity' => $settings['backgroundColorOpacity'],
|
| 462 |
+
'gradient' => $settings['gradient'],
|
| 463 |
+
'gradientDirection' => $settings['gradientDirection'],
|
| 464 |
+
'gradientColorOne' => $settings['gradientColorOne'],
|
| 465 |
+
'gradientColorOneOpacity' => $settings['gradientColorOneOpacity'],
|
| 466 |
+
'gradientColorStopOne' => $settings['gradientColorStopOne'],
|
| 467 |
+
'gradientColorTwo' => $settings['gradientColorTwo'],
|
| 468 |
+
'gradientColorTwoOpacity' => $settings['gradientColorTwoOpacity'],
|
| 469 |
+
'gradientColorStopTwo' => $settings['gradientColorStopTwo'],
|
| 470 |
+
'bgImage' => $settings['bgImage'],
|
| 471 |
+
'bgOptions' => $settings['bgOptions'],
|
| 472 |
+
);
|
| 473 |
+
|
| 474 |
+
$args = wp_parse_args(
|
| 475 |
+
$args,
|
| 476 |
+
$custom_args
|
| 477 |
+
);
|
| 478 |
+
|
| 479 |
+
$background_image = false;
|
| 480 |
+
$gradientColorStopOneValue = '';
|
| 481 |
+
$gradientColorStopTwoValue = '';
|
| 482 |
+
|
| 483 |
+
$args['backgroundColor'] = generateblocks_hex2rgba( $args['backgroundColor'], $args['backgroundColorOpacity'] );
|
| 484 |
+
$args['gradientColorOne'] = generateblocks_hex2rgba( $args['gradientColorOne'], $args['gradientColorOneOpacity'] );
|
| 485 |
+
$args['gradientColorTwo'] = generateblocks_hex2rgba( $args['gradientColorTwo'], $args['gradientColorTwoOpacity'] );
|
| 486 |
+
|
| 487 |
+
if ( $args['gradient'] ) {
|
| 488 |
+
if ( $args['gradientColorOne'] && '' !== $args['gradientColorStopOne'] ) {
|
| 489 |
+
$gradientColorStopOneValue = ' ' . $args['gradientColorStopOne'] . '%';
|
| 490 |
+
}
|
| 491 |
+
|
| 492 |
+
if ( $args['gradientColorTwo'] && '' !== $args['gradientColorStopTwo'] ) {
|
| 493 |
+
$gradientColorStopTwoValue = ' ' . $args['gradientColorStopTwo'] . '%';
|
| 494 |
+
}
|
| 495 |
+
}
|
| 496 |
+
|
| 497 |
+
if ( $args['bgImage'] && 'element' === $args['bgOptions']['selector'] ) {
|
| 498 |
+
$url = $args['bgImage']['image']['url'];
|
| 499 |
+
|
| 500 |
+
if ( ( $args['backgroundColor'] || $args['gradient'] ) && isset( $args['bgOptions']['overlay'] ) && $args['bgOptions']['overlay'] ) {
|
| 501 |
+
if ( $args['gradient'] ) {
|
| 502 |
+
$background_image = 'linear-gradient(' . $args['gradientDirection'] . 'deg, ' . $args['gradientColorOne'] . $gradientColorStopOneValue . ', ' . $args['gradientColorTwo'] . $gradientColorStopTwoValue . '), url(' . esc_url( $url ) . ')';
|
| 503 |
+
} elseif ( $args['backgroundColor'] ) {
|
| 504 |
+
$background_image = 'linear-gradient(0deg, ' . $args['backgroundColor'] . ', ' . $args['backgroundColor'] . '), url(' . esc_url( $url ) . ')';
|
| 505 |
+
}
|
| 506 |
+
} else {
|
| 507 |
+
$background_image = 'url(' . esc_url( $url ) . ')';
|
| 508 |
+
}
|
| 509 |
+
} elseif ( $args['gradient'] ) {
|
| 510 |
+
$background_image = 'linear-gradient(' . $args['gradientDirection'] . 'deg, ' . $args['gradientColorOne'] . $gradientColorStopOneValue . ', ' . $args['gradientColorTwo'] . $gradientColorStopTwoValue . ')';
|
| 511 |
+
}
|
| 512 |
+
|
| 513 |
+
return $background_image;
|
| 514 |
+
}
|
includes/general.php
CHANGED
|
@@ -23,7 +23,7 @@ function generateblocks_do_block_editor_assets() {
|
|
| 23 |
wp_enqueue_script(
|
| 24 |
'generateblocks',
|
| 25 |
GENERATEBLOCKS_DIR_URL . 'dist/blocks.build.js',
|
| 26 |
-
array( 'wp-blocks', 'wp-i18n', 'wp-element', 'wp-editor' ),
|
| 27 |
filemtime( GENERATEBLOCKS_DIR . 'dist/blocks.build.js' ),
|
| 28 |
true
|
| 29 |
);
|
|
@@ -53,6 +53,8 @@ function generateblocks_do_block_editor_assets() {
|
|
| 53 |
array(
|
| 54 |
'isGeneratePress' => defined( 'GENERATE_VERSION' ),
|
| 55 |
'hasCustomFields' => post_type_supports( get_post_type(), 'custom-fields' ),
|
|
|
|
|
|
|
| 56 |
)
|
| 57 |
);
|
| 58 |
|
| 23 |
wp_enqueue_script(
|
| 24 |
'generateblocks',
|
| 25 |
GENERATEBLOCKS_DIR_URL . 'dist/blocks.build.js',
|
| 26 |
+
array( 'wp-blocks', 'wp-i18n', 'wp-element', 'wp-editor', 'wp-compose', 'wp-data' ),
|
| 27 |
filemtime( GENERATEBLOCKS_DIR . 'dist/blocks.build.js' ),
|
| 28 |
true
|
| 29 |
);
|
| 53 |
array(
|
| 54 |
'isGeneratePress' => defined( 'GENERATE_VERSION' ),
|
| 55 |
'hasCustomFields' => post_type_supports( get_post_type(), 'custom-fields' ),
|
| 56 |
+
'hasWideAlignSupport' => current_theme_supports( 'align-wide' ),
|
| 57 |
+
'colorComponentDiplay' => generateblocks_get_option( 'color_component_display' ),
|
| 58 |
)
|
| 59 |
);
|
| 60 |
|
includes/generate-css.php
CHANGED
|
@@ -239,50 +239,30 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 239 |
$css->add_property( 'margin-right', 'auto' );
|
| 240 |
}
|
| 241 |
|
| 242 |
-
$
|
| 243 |
-
|
| 244 |
-
$css->add_property( 'background-color', $settings['backgroundColor'] );
|
| 245 |
$css->add_property( 'color', $settings['textColor'] );
|
| 246 |
|
| 247 |
-
$
|
| 248 |
-
$gradientColorStopTwoValue = '';
|
| 249 |
-
|
| 250 |
-
$settings['gradientColorOne'] = generateblocks_hex2rgba( $settings['gradientColorOne'], $settings['gradientColorOneOpacity'] );
|
| 251 |
-
$settings['gradientColorTwo'] = generateblocks_hex2rgba( $settings['gradientColorTwo'], $settings['gradientColorTwoOpacity'] );
|
| 252 |
-
|
| 253 |
-
if ( $settings['gradient'] ) {
|
| 254 |
-
if ( $settings['gradientColorOne'] && '' !== $settings['gradientColorStopOne'] ) {
|
| 255 |
-
$gradientColorStopOneValue = ' ' . $settings['gradientColorStopOne'] . '%';
|
| 256 |
-
}
|
| 257 |
-
|
| 258 |
-
if ( $settings['gradientColorTwo'] && '' !== $settings['gradientColorStopTwo'] ) {
|
| 259 |
-
$gradientColorStopTwoValue = ' ' . $settings['gradientColorStopTwo'] . '%';
|
| 260 |
-
}
|
| 261 |
-
}
|
| 262 |
-
|
| 263 |
-
if ( $settings['bgImage'] ) {
|
| 264 |
-
$url = $settings['bgImage']['image']['url'];
|
| 265 |
-
|
| 266 |
-
if ( ( $settings['backgroundColor'] || $settings['gradient'] ) && isset( $settings['bgOptions']['overlay'] ) && $settings['bgOptions']['overlay'] ) {
|
| 267 |
-
if ( $settings['gradient'] ) {
|
| 268 |
-
$css->add_property( 'background-image', 'linear-gradient(' . $settings['gradientDirection'] . 'deg, ' . $settings['gradientColorOne'] . $gradientColorStopOneValue . ', ' . $settings['gradientColorTwo'] . $gradientColorStopTwoValue . '), url(' . esc_url( $url ) . ')' );
|
| 269 |
-
} elseif ( $settings['backgroundColor'] ) {
|
| 270 |
-
$css->add_property( 'background-image', 'linear-gradient(0deg, ' . $settings['backgroundColor'] . ', ' . $settings['backgroundColor'] . '), url(' . esc_url( $url ) . ')' );
|
| 271 |
-
}
|
| 272 |
-
} else {
|
| 273 |
-
$css->add_property( 'background-image', 'url(' . esc_url( $url ) . ')' );
|
| 274 |
-
}
|
| 275 |
|
|
|
|
|
|
|
| 276 |
$css->add_property( 'background-repeat', $settings['bgOptions']['repeat'] );
|
| 277 |
$css->add_property( 'background-position', $settings['bgOptions']['position'] );
|
| 278 |
$css->add_property( 'background-size', $settings['bgOptions']['size'] );
|
| 279 |
$css->add_property( 'background-attachment', $settings['bgOptions']['attachment'] );
|
| 280 |
-
} elseif ( $settings['gradient'] ) {
|
| 281 |
-
$css->add_property( 'background-image',
|
| 282 |
}
|
| 283 |
|
| 284 |
-
if ( $settings['zindex'] ) {
|
| 285 |
$css->add_property( 'position', 'relative' );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 286 |
$css->add_property( 'z-index', $settings['zindex'] );
|
| 287 |
}
|
| 288 |
|
|
@@ -314,6 +294,28 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 314 |
|
| 315 |
$css->add_property( 'text-align', $settings['alignment'] );
|
| 316 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 317 |
$css->set_selector( '.gb-container.gb-container-' . $id . ' > .gb-inside-container' );
|
| 318 |
$css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'], $settings['paddingUnit'] ) );
|
| 319 |
|
|
@@ -329,6 +331,11 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 329 |
$usingMinHeightInnerWidth = true;
|
| 330 |
}
|
| 331 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 332 |
$css->set_selector( '.gb-container.gb-container-' . $id . ' a, .gb-container.gb-container-' . $id . ' a:visited' );
|
| 333 |
$css->add_property( 'color', $settings['linkColor'] );
|
| 334 |
|
|
@@ -383,12 +390,20 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 383 |
$tablet_css->set_selector( '.gb-container.gb-container-' . $id . ' > .gb-inside-container' );
|
| 384 |
$tablet_css->add_property( 'padding', array( $settings['paddingTopTablet'], $settings['paddingRightTablet'], $settings['paddingBottomTablet'], $settings['paddingLeftTablet'] ), $settings['paddingUnit'] );
|
| 385 |
|
|
|
|
|
|
|
| 386 |
if ( ! $settings['isGrid'] ) {
|
| 387 |
// Needs 100% width if it's a flex item.
|
| 388 |
if ( ! $usingMinHeightInnerWidth && $settings['minHeightTablet'] && 'inherit' !== $settings['verticalAlignmentTablet'] ) {
|
| 389 |
$tablet_css->add_property( 'width', '100%' );
|
| 390 |
|
| 391 |
$usingMinHeightInnerWidth = true;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 392 |
}
|
| 393 |
}
|
| 394 |
|
|
@@ -468,7 +483,11 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 468 |
if ( ! $settings['isGrid'] ) {
|
| 469 |
// Needs 100% width if it's a flex item.
|
| 470 |
if ( ! $usingMinHeightInnerWidth && $settings['minHeightMobile'] && 'inherit' !== $settings['verticalAlignmentMobile'] ) {
|
| 471 |
-
$
|
|
|
|
|
|
|
|
|
|
|
|
|
| 472 |
}
|
| 473 |
}
|
| 474 |
|
|
@@ -892,7 +911,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 892 |
}
|
| 893 |
|
| 894 |
$css->set_selector( '.gb-highlight' );
|
| 895 |
-
$css->add_property( 'background', '
|
| 896 |
$css->add_property( 'color', 'unset' );
|
| 897 |
|
| 898 |
$css->set_selector( '.gb-headline-wrapper' );
|
|
@@ -930,10 +949,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 930 |
|
| 931 |
$css->set_selector( '.gb-headline-' . $id );
|
| 932 |
$css->add_property( 'font-family', $fontFamily );
|
| 933 |
-
|
| 934 |
-
if ( ! $settings['hasIcon'] ) {
|
| 935 |
-
$css->add_property( 'text-align', $settings['alignment'] );
|
| 936 |
-
}
|
| 937 |
|
| 938 |
$css->add_property( 'color', $settings['textColor'] );
|
| 939 |
|
|
@@ -941,9 +957,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 941 |
$css->add_property( 'background-color', generateblocks_hex2rgba( $settings['backgroundColor'], $settings['backgroundColorOpacity'] ) );
|
| 942 |
|
| 943 |
if ( $settings['inlineWidth'] ) {
|
| 944 |
-
$css->add_property( 'display', '
|
| 945 |
-
$css->add_property( 'display', '-ms-inline-flexbox' );
|
| 946 |
-
$css->add_property( 'display', 'inline-flex' );
|
| 947 |
}
|
| 948 |
|
| 949 |
$css->add_property( 'border-width', generateblocks_get_shorthand_css( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'], 'px' ) );
|
|
@@ -990,7 +1004,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
|
|
| 990 |
$css->add_property( 'color', generateblocks_hex2rgba( $settings['iconColor'], $settings['iconColorOpacity'] ) );
|
| 991 |
|
| 992 |
if ( 'above' === $settings['iconLocation'] ) {
|
| 993 |
-
$css->add_property( 'display', '
|
| 994 |
}
|
| 995 |
|
| 996 |
$css->set_selector( '.gb-headline-wrapper-' . $id . ' .gb-icon svg' );
|
|
@@ -1277,26 +1291,7 @@ function generateblocks_get_frontend_block_css() {
|
|
| 1277 |
return;
|
| 1278 |
}
|
| 1279 |
|
| 1280 |
-
$content =
|
| 1281 |
-
|
| 1282 |
-
if ( has_blocks( get_the_ID() ) ) {
|
| 1283 |
-
|
| 1284 |
-
global $post;
|
| 1285 |
-
|
| 1286 |
-
if ( ! is_object( $post ) ) {
|
| 1287 |
-
return;
|
| 1288 |
-
}
|
| 1289 |
-
|
| 1290 |
-
$content = $post->post_content;
|
| 1291 |
-
}
|
| 1292 |
-
|
| 1293 |
-
$content = apply_filters( 'generateblocks_do_content', $content );
|
| 1294 |
-
|
| 1295 |
-
if ( ! function_exists( 'parse_blocks' ) ) {
|
| 1296 |
-
return;
|
| 1297 |
-
}
|
| 1298 |
-
|
| 1299 |
-
$content = parse_blocks( $content );
|
| 1300 |
|
| 1301 |
if ( ! $content ) {
|
| 1302 |
return;
|
| 239 |
$css->add_property( 'margin-right', 'auto' );
|
| 240 |
}
|
| 241 |
|
| 242 |
+
$css->add_property( 'background-color', generateblocks_hex2rgba( $settings['backgroundColor'], $settings['backgroundColorOpacity'] ) );
|
|
|
|
|
|
|
| 243 |
$css->add_property( 'color', $settings['textColor'] );
|
| 244 |
|
| 245 |
+
$background_image = generateblocks_get_background_image_css( $settings );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 246 |
|
| 247 |
+
if ( $settings['bgImage'] && 'element' === $settings['bgOptions']['selector'] && $background_image ) {
|
| 248 |
+
$css->add_property( 'background-image', $background_image );
|
| 249 |
$css->add_property( 'background-repeat', $settings['bgOptions']['repeat'] );
|
| 250 |
$css->add_property( 'background-position', $settings['bgOptions']['position'] );
|
| 251 |
$css->add_property( 'background-size', $settings['bgOptions']['size'] );
|
| 252 |
$css->add_property( 'background-attachment', $settings['bgOptions']['attachment'] );
|
| 253 |
+
} elseif ( $settings['gradient'] && $background_image ) {
|
| 254 |
+
$css->add_property( 'background-image', $background_image );
|
| 255 |
}
|
| 256 |
|
| 257 |
+
if ( ( $settings['bgImage'] && 'pseudo-element' === $settings['bgOptions']['selector'] ) || $settings['zindex'] ) {
|
| 258 |
$css->add_property( 'position', 'relative' );
|
| 259 |
+
}
|
| 260 |
+
|
| 261 |
+
if ( $settings['bgImage'] && 'pseudo-element' === $settings['bgOptions']['selector'] ) {
|
| 262 |
+
$css->add_property( 'overflow', 'hidden' );
|
| 263 |
+
}
|
| 264 |
+
|
| 265 |
+
if ( $settings['zindex'] ) {
|
| 266 |
$css->add_property( 'z-index', $settings['zindex'] );
|
| 267 |
}
|
| 268 |
|
| 294 |
|
| 295 |
$css->add_property( 'text-align', $settings['alignment'] );
|
| 296 |
|
| 297 |
+
$css->set_selector( '.gb-container.gb-container-' . $id . ':before' );
|
| 298 |
+
|
| 299 |
+
if ( $settings['bgImage'] && 'pseudo-element' === $settings['bgOptions']['selector'] ) {
|
| 300 |
+
$css->add_property( 'content', '""' );
|
| 301 |
+
$css->add_property( 'background-image', 'url(' . $settings['bgImage']['image']['url'] . ')' );
|
| 302 |
+
$css->add_property( 'background-repeat', $settings['bgOptions']['repeat'] );
|
| 303 |
+
$css->add_property( 'background-position', $settings['bgOptions']['position'] );
|
| 304 |
+
$css->add_property( 'background-size', $settings['bgOptions']['size'] );
|
| 305 |
+
$css->add_property( 'background-attachment', $settings['bgOptions']['attachment'] );
|
| 306 |
+
$css->add_property( 'z-index', '0' );
|
| 307 |
+
$css->add_property( 'position', 'absolute' );
|
| 308 |
+
$css->add_property( 'top', '0' );
|
| 309 |
+
$css->add_property( 'right', '0' );
|
| 310 |
+
$css->add_property( 'bottom', '0' );
|
| 311 |
+
$css->add_property( 'left', '0' );
|
| 312 |
+
$css->add_property( 'transition', 'inherit' );
|
| 313 |
+
|
| 314 |
+
if ( isset( $settings['bgOptions']['opacity'] ) && 1 !== $settings['bgOptions']['opacity'] ) {
|
| 315 |
+
$css->add_property( 'opacity', $settings['bgOptions']['opacity'] );
|
| 316 |
+
}
|
| 317 |
+
}
|
| 318 |
+
|
| 319 |
$css->set_selector( '.gb-container.gb-container-' . $id . ' > .gb-inside-container' );
|
| 320 |
$css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'], $settings['paddingUnit'] ) );
|
| 321 |
|
| 331 |
$usingMinHeightInnerWidth = true;
|
| 332 |
}
|
| 333 |
|
| 334 |
+
if ( $settings['bgImage'] && 'pseudo-element' === $settings['bgOptions']['selector'] ) {
|
| 335 |
+
$css->add_property( 'z-index', '1' );
|
| 336 |
+
$css->add_property( 'position', 'relative' );
|
| 337 |
+
}
|
| 338 |
+
|
| 339 |
$css->set_selector( '.gb-container.gb-container-' . $id . ' a, .gb-container.gb-container-' . $id . ' a:visited' );
|
| 340 |
$css->add_property( 'color', $settings['linkColor'] );
|
| 341 |
|
| 390 |
$tablet_css->set_selector( '.gb-container.gb-container-' . $id . ' > .gb-inside-container' );
|
| 391 |
$tablet_css->add_property( 'padding', array( $settings['paddingTopTablet'], $settings['paddingRightTablet'], $settings['paddingBottomTablet'], $settings['paddingLeftTablet'] ), $settings['paddingUnit'] );
|
| 392 |
|
| 393 |
+
$usingMinHeightInnerWidthBoxSizing = false;
|
| 394 |
+
|
| 395 |
if ( ! $settings['isGrid'] ) {
|
| 396 |
// Needs 100% width if it's a flex item.
|
| 397 |
if ( ! $usingMinHeightInnerWidth && $settings['minHeightTablet'] && 'inherit' !== $settings['verticalAlignmentTablet'] ) {
|
| 398 |
$tablet_css->add_property( 'width', '100%' );
|
| 399 |
|
| 400 |
$usingMinHeightInnerWidth = true;
|
| 401 |
+
} elseif ( $usingMinHeightInnerWidth ) {
|
| 402 |
+
if ( 'contained' === $settings['innerContainer'] && ! $settings['isGrid'] ) {
|
| 403 |
+
$tablet_css->add_property( 'box-sizing', 'border-box' );
|
| 404 |
+
|
| 405 |
+
$usingMinHeightInnerWidthBoxSizing = true;
|
| 406 |
+
}
|
| 407 |
}
|
| 408 |
}
|
| 409 |
|
| 483 |
if ( ! $settings['isGrid'] ) {
|
| 484 |
// Needs 100% width if it's a flex item.
|
| 485 |
if ( ! $usingMinHeightInnerWidth && $settings['minHeightMobile'] && 'inherit' !== $settings['verticalAlignmentMobile'] ) {
|
| 486 |
+
$mobile_css->add_property( 'width', '100%' );
|
| 487 |
+
} elseif ( $usingMinHeightInnerWidth && ! $usingMinHeightInnerWidthBoxSizing ) {
|
| 488 |
+
if ( 'contained' === $settings['innerContainer'] && ! $settings['isGrid'] ) {
|
| 489 |
+
$mobile_css->add_property( 'box-sizing', 'border-box' );
|
| 490 |
+
}
|
| 491 |
}
|
| 492 |
}
|
| 493 |
|
| 911 |
}
|
| 912 |
|
| 913 |
$css->set_selector( '.gb-highlight' );
|
| 914 |
+
$css->add_property( 'background', 'none' );
|
| 915 |
$css->add_property( 'color', 'unset' );
|
| 916 |
|
| 917 |
$css->set_selector( '.gb-headline-wrapper' );
|
| 949 |
|
| 950 |
$css->set_selector( '.gb-headline-' . $id );
|
| 951 |
$css->add_property( 'font-family', $fontFamily );
|
| 952 |
+
$css->add_property( 'text-align', $settings['alignment'] );
|
|
|
|
|
|
|
|
|
|
| 953 |
|
| 954 |
$css->add_property( 'color', $settings['textColor'] );
|
| 955 |
|
| 957 |
$css->add_property( 'background-color', generateblocks_hex2rgba( $settings['backgroundColor'], $settings['backgroundColorOpacity'] ) );
|
| 958 |
|
| 959 |
if ( $settings['inlineWidth'] ) {
|
| 960 |
+
$css->add_property( 'display', 'inline-block' );
|
|
|
|
|
|
|
| 961 |
}
|
| 962 |
|
| 963 |
$css->add_property( 'border-width', generateblocks_get_shorthand_css( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'], 'px' ) );
|
| 1004 |
$css->add_property( 'color', generateblocks_hex2rgba( $settings['iconColor'], $settings['iconColorOpacity'] ) );
|
| 1005 |
|
| 1006 |
if ( 'above' === $settings['iconLocation'] ) {
|
| 1007 |
+
$css->add_property( 'display', 'inline' );
|
| 1008 |
}
|
| 1009 |
|
| 1010 |
$css->set_selector( '.gb-headline-wrapper-' . $id . ' .gb-icon svg' );
|
| 1291 |
return;
|
| 1292 |
}
|
| 1293 |
|
| 1294 |
+
$content = generateblocks_get_parsed_content();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1295 |
|
| 1296 |
if ( ! $content ) {
|
| 1297 |
return;
|
phpcs.xml
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<ruleset name="GenerateBlocks">
|
| 3 |
+
<description>Rules for GenerateBlocks</description>
|
| 4 |
+
|
| 5 |
+
<arg name="extensions" value="php" />
|
| 6 |
+
|
| 7 |
+
<exclude-pattern>*/vendor/*</exclude-pattern>
|
| 8 |
+
<exclude-pattern>*/node_modules/*</exclude-pattern>
|
| 9 |
+
<exclude-pattern>*/wordpress*/*</exclude-pattern>
|
| 10 |
+
|
| 11 |
+
<!-- Include the WordPress-Extra standard. -->
|
| 12 |
+
<rule ref="WordPress-Extra">
|
| 13 |
+
<!--
|
| 14 |
+
We may want a middle ground though. The best way to do this is add the
|
| 15 |
+
entire ruleset, then rule by rule, remove ones that don't suit a project.
|
| 16 |
+
We can do this by running `phpcs` with the '-s' flag, which allows us to
|
| 17 |
+
see the names of the sniffs reporting errors.
|
| 18 |
+
Once we know the sniff names, we can opt to exclude sniffs which don't
|
| 19 |
+
suit our project like so.
|
| 20 |
+
-->
|
| 21 |
+
<exclude name="WordPress.Files.FileName.InvalidClassFileName"/>
|
| 22 |
+
<exclude name="WordPress.Files.FileName.NotHyphenatedLowercase"/>
|
| 23 |
+
<exclude name="WordPress.NamingConventions.ValidVariableName.VariableNotSnakeCase"/>
|
| 24 |
+
<exclude name="WordPress.Arrays.MultipleStatementAlignment.DoubleArrowNotAligned"/>
|
| 25 |
+
<exclude name="WordPress.PHP.StrictInArray.MissingTrueStrict"/>
|
| 26 |
+
<exclude name="Generic.Files.LineEndings" />
|
| 27 |
+
<exclude name="Generic.Formatting.MultipleStatementAlignment.NotSameWarning" />
|
| 28 |
+
</rule>
|
| 29 |
+
|
| 30 |
+
<!-- Let's also check that everything is properly documented. -->
|
| 31 |
+
<rule ref="WordPress-Docs"/>
|
| 32 |
+
|
| 33 |
+
<config name="minimum_supported_wp_version" value="5.0.0"/>
|
| 34 |
+
|
| 35 |
+
<rule ref="WordPress.WP.I18n">
|
| 36 |
+
<properties>
|
| 37 |
+
<property name="text_domain" value="generateblocks"/>
|
| 38 |
+
</properties>
|
| 39 |
+
</rule>
|
| 40 |
+
|
| 41 |
+
<rule ref="WordPress.NamingConventions.PrefixAllGlobals">
|
| 42 |
+
<properties>
|
| 43 |
+
<property name="prefixes" type="array">
|
| 44 |
+
<element value="generateblocks"/>
|
| 45 |
+
</property>
|
| 46 |
+
</properties>
|
| 47 |
+
</rule>
|
| 48 |
+
|
| 49 |
+
</ruleset>
|
plugin.php
CHANGED
|
@@ -5,7 +5,7 @@
|
|
| 5 |
* Description: A small collection of lightweight WordPress blocks that can accomplish nearly anything.
|
| 6 |
* Author: Tom Usborne
|
| 7 |
* Author URI: https://tomusborne.com
|
| 8 |
-
* Version: 1.0
|
| 9 |
* License: GPL2+
|
| 10 |
* License URI: https://www.gnu.org/licenses/gpl-2.0.txt
|
| 11 |
* Text Domain: generateblocks
|
|
@@ -17,8 +17,8 @@ if ( ! defined( 'ABSPATH' ) ) {
|
|
| 17 |
exit; // Exit if accessed directly.
|
| 18 |
}
|
| 19 |
|
| 20 |
-
define( 'GENERATEBLOCKS_VERSION', '1.0
|
| 21 |
-
define( 'GENERATEBLOCKS_CSS_VERSION', '1.0' );
|
| 22 |
define( 'GENERATEBLOCKS_DIR', plugin_dir_path( __FILE__ ) );
|
| 23 |
define( 'GENERATEBLOCKS_DIR_URL', plugin_dir_url( __FILE__ ) );
|
| 24 |
|
|
@@ -31,6 +31,7 @@ require_once GENERATEBLOCKS_DIR . 'includes/class-do-css.php';
|
|
| 31 |
require_once GENERATEBLOCKS_DIR . 'includes/class-enqueue-css.php';
|
| 32 |
require_once GENERATEBLOCKS_DIR . 'includes/dashboard.php';
|
| 33 |
require_once GENERATEBLOCKS_DIR . 'includes/class-settings.php';
|
|
|
|
| 34 |
|
| 35 |
add_action( 'plugins_loaded', 'generateblocks_load_plugin_textdomain' );
|
| 36 |
/**
|
| 5 |
* Description: A small collection of lightweight WordPress blocks that can accomplish nearly anything.
|
| 6 |
* Author: Tom Usborne
|
| 7 |
* Author URI: https://tomusborne.com
|
| 8 |
+
* Version: 1.1.0
|
| 9 |
* License: GPL2+
|
| 10 |
* License URI: https://www.gnu.org/licenses/gpl-2.0.txt
|
| 11 |
* Text Domain: generateblocks
|
| 17 |
exit; // Exit if accessed directly.
|
| 18 |
}
|
| 19 |
|
| 20 |
+
define( 'GENERATEBLOCKS_VERSION', '1.1.0' );
|
| 21 |
+
define( 'GENERATEBLOCKS_CSS_VERSION', '1.0.2' );
|
| 22 |
define( 'GENERATEBLOCKS_DIR', plugin_dir_path( __FILE__ ) );
|
| 23 |
define( 'GENERATEBLOCKS_DIR_URL', plugin_dir_url( __FILE__ ) );
|
| 24 |
|
| 31 |
require_once GENERATEBLOCKS_DIR . 'includes/class-enqueue-css.php';
|
| 32 |
require_once GENERATEBLOCKS_DIR . 'includes/dashboard.php';
|
| 33 |
require_once GENERATEBLOCKS_DIR . 'includes/class-settings.php';
|
| 34 |
+
require_once GENERATEBLOCKS_DIR . 'includes/class-plugin-update.php';
|
| 35 |
|
| 36 |
add_action( 'plugins_loaded', 'generateblocks_load_plugin_textdomain' );
|
| 37 |
/**
|
readme.txt
CHANGED
|
@@ -5,7 +5,7 @@ Tags: blocks, gutenberg, container, headline, grid, columns, page builder, wysiw
|
|
| 5 |
Requires at least: 5.0
|
| 6 |
Tested up to: 5.4
|
| 7 |
Requires PHP: 5.6
|
| 8 |
-
Stable tag: 1.0
|
| 9 |
License: GPLv2 or later
|
| 10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 11 |
|
|
@@ -75,6 +75,45 @@ GenerateBlocks was built to work hand-in-hand with [GeneratePress](https://gener
|
|
| 75 |
|
| 76 |
== Changelog ==
|
| 77 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 78 |
= 1.0.2 =
|
| 79 |
* Tweak: Minify/compress all dist files
|
| 80 |
|
| 5 |
Requires at least: 5.0
|
| 6 |
Tested up to: 5.4
|
| 7 |
Requires PHP: 5.6
|
| 8 |
+
Stable tag: 1.1.0
|
| 9 |
License: GPLv2 or later
|
| 10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 11 |
|
| 75 |
|
| 76 |
== Changelog ==
|
| 77 |
|
| 78 |
+
= 1.1.0 =
|
| 79 |
+
* New: Persistent responsive controls across blocks
|
| 80 |
+
* New: Filter all HTML attributes
|
| 81 |
+
* New: Filter Container tagNames
|
| 82 |
+
* New: Add containerAfterElementTag filter
|
| 83 |
+
* New: Add option to apply background image as pseudo element
|
| 84 |
+
* New: Add support for alignwide/alignfull in Container block
|
| 85 |
+
* New: Display color palette by default in Color component
|
| 86 |
+
* New: Add option to choose default view in Color component
|
| 87 |
+
* New: Add aria-label option for Buttons into advanced panel
|
| 88 |
+
* Tweak: Deprecate background image overlay option
|
| 89 |
+
* Tweak: Move hexToRGBA to utils
|
| 90 |
+
* Tweak: Fix repeated common CSS
|
| 91 |
+
* Tweak: Re-design normal/hover state buttons
|
| 92 |
+
* Tweak: Filter default background image size
|
| 93 |
+
* Tweak: Cache parsed blocks on front-end
|
| 94 |
+
* Tweak: Better display of admin notices in Dashboard
|
| 95 |
+
* Tweak: Change Container Width label to Contained Width
|
| 96 |
+
* Tweak: Add future framework for migrating/updating old options
|
| 97 |
+
* Tweak: Don't allow single button to be saved as reusable
|
| 98 |
+
* Tweak: Don't allow element tagName to be filtered
|
| 99 |
+
* Tweak: Allow all standard richText formats in Headline block
|
| 100 |
+
* Tweak: Better iconSize responsive placeholders
|
| 101 |
+
* Tweak: Allow decimal values in gradient start/stop
|
| 102 |
+
* Tweak: Move block name to the end of editor.desktopCSS filter args
|
| 103 |
+
* Tweak: Add buttonColorsHover to editor.controls filter
|
| 104 |
+
* Tweak: Change editor.insideContainerWrapper filter to frontend.insideContainer
|
| 105 |
+
* Tweak: Pass attributes to frontend.insideContainer instead of props
|
| 106 |
+
* Fix: gridId value in nested grids
|
| 107 |
+
* Fix: Use inline-block for inline headlines with no icon
|
| 108 |
+
* Fix: Missing text domains
|
| 109 |
+
* Fix: Display Headline highlight option in Headline block only
|
| 110 |
+
* Fix: Headline icon center alignment in IE
|
| 111 |
+
* Fix: Headline highlight background color in IE
|
| 112 |
+
* Fix: Mobile selector for width in min-height container
|
| 113 |
+
* Fix: Add box-sizing to min-height container on tablet/mobile
|
| 114 |
+
* Fix: Headline text alignment when using an icon
|
| 115 |
+
* Fix: Allow 0 as iconSize value
|
| 116 |
+
|
| 117 |
= 1.0.2 =
|
| 118 |
* Tweak: Minify/compress all dist files
|
| 119 |
|
src/blocks.js
CHANGED
|
@@ -7,3 +7,4 @@ import './blocks/container/block.js';
|
|
| 7 |
import './blocks/button-container/block.js';
|
| 8 |
import './blocks/button/block.js';
|
| 9 |
import './blocks/headline/block.js';
|
|
|
| 7 |
import './blocks/button-container/block.js';
|
| 8 |
import './blocks/button/block.js';
|
| 9 |
import './blocks/headline/block.js';
|
| 10 |
+
import './shared/style-imports.js';
|
src/blocks/button-container/css/desktop.js
CHANGED
|
@@ -56,7 +56,7 @@ export default class DesktopCSS extends Component {
|
|
| 56 |
} ];
|
| 57 |
}
|
| 58 |
|
| 59 |
-
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, 'button-container'
|
| 60 |
|
| 61 |
return (
|
| 62 |
<style>{ buildCSS( cssObj ) }</style>
|
| 56 |
} ];
|
| 57 |
}
|
| 58 |
|
| 59 |
+
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, this.props, 'button-container' );
|
| 60 |
|
| 61 |
return (
|
| 62 |
<style>{ buildCSS( cssObj ) }</style>
|
src/blocks/button-container/edit.js
CHANGED
|
@@ -6,6 +6,7 @@ import classnames from 'classnames';
|
|
| 6 |
import DimensionsControl from '../../components/dimensions/';
|
| 7 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 8 |
import getIcon from '../../utils/get-icon';
|
|
|
|
| 9 |
import DesktopCSS from './css/desktop.js';
|
| 10 |
import PanelArea from '../../components/panel-area/';
|
| 11 |
|
|
@@ -125,6 +126,17 @@ class GenerateButtonContainer extends Component {
|
|
| 125 |
fillHorizontalSpaceMobile,
|
| 126 |
} = attributes;
|
| 127 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 128 |
return (
|
| 129 |
<Fragment>
|
| 130 |
<BlockControls>
|
|
@@ -170,8 +182,10 @@ class GenerateButtonContainer extends Component {
|
|
| 170 |
|
| 171 |
<InspectorControls>
|
| 172 |
<ResponsiveTabs { ...this.props }
|
| 173 |
-
selectedDevice={ selectedDevice }
|
| 174 |
onClick={ ( device ) => {
|
|
|
|
|
|
|
| 175 |
this.setState( {
|
| 176 |
selectedDevice: device,
|
| 177 |
} );
|
|
@@ -186,7 +200,7 @@ class GenerateButtonContainer extends Component {
|
|
| 186 |
id={ 'buttonContainerSpacing' }
|
| 187 |
state={ this.state }
|
| 188 |
>
|
| 189 |
-
{ 'desktop' === selectedDevice && (
|
| 190 |
<Fragment>
|
| 191 |
<AlignmentToolbar
|
| 192 |
isCollapsed={ false }
|
|
@@ -198,7 +212,7 @@ class GenerateButtonContainer extends Component {
|
|
| 198 |
/>
|
| 199 |
|
| 200 |
<DimensionsControl { ...this.props }
|
| 201 |
-
device={ selectedDevice }
|
| 202 |
type={ 'margin' }
|
| 203 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 204 |
attrTop={ 'marginTop' }
|
|
@@ -232,7 +246,7 @@ class GenerateButtonContainer extends Component {
|
|
| 232 |
</Fragment>
|
| 233 |
) }
|
| 234 |
|
| 235 |
-
{ 'tablet' === selectedDevice && (
|
| 236 |
<Fragment>
|
| 237 |
<AlignmentToolbar
|
| 238 |
isCollapsed={ false }
|
|
@@ -244,7 +258,7 @@ class GenerateButtonContainer extends Component {
|
|
| 244 |
/>
|
| 245 |
|
| 246 |
<DimensionsControl { ...this.props }
|
| 247 |
-
device={ selectedDevice }
|
| 248 |
type={ 'margin' }
|
| 249 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 250 |
attrTop={ 'marginTopTablet' }
|
|
@@ -278,7 +292,7 @@ class GenerateButtonContainer extends Component {
|
|
| 278 |
</Fragment>
|
| 279 |
) }
|
| 280 |
|
| 281 |
-
{ 'mobile' === selectedDevice && (
|
| 282 |
<Fragment>
|
| 283 |
<AlignmentToolbar
|
| 284 |
isCollapsed={ false }
|
|
@@ -290,7 +304,7 @@ class GenerateButtonContainer extends Component {
|
|
| 290 |
/>
|
| 291 |
|
| 292 |
<DimensionsControl { ...this.props }
|
| 293 |
-
device={ selectedDevice }
|
| 294 |
type={ 'margin' }
|
| 295 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 296 |
attrTop={ 'marginTopMobile' }
|
|
@@ -334,7 +348,7 @@ class GenerateButtonContainer extends Component {
|
|
| 334 |
className={ 'gblocks-panel-label' }
|
| 335 |
id={ 'buttonContainerAdvanced' }
|
| 336 |
state={ this.state }
|
| 337 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 338 |
>
|
| 339 |
<TextControl
|
| 340 |
label={ __( 'Element ID', 'generateblocks' ) }
|
|
@@ -379,12 +393,7 @@ class GenerateButtonContainer extends Component {
|
|
| 379 |
<DesktopCSS { ...this.props } />
|
| 380 |
|
| 381 |
<div
|
| 382 |
-
|
| 383 |
-
className={ classnames( {
|
| 384 |
-
'gb-button-wrapper': true,
|
| 385 |
-
[ `gb-button-wrapper-${ uniqueId }` ]: true,
|
| 386 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 387 |
-
} ) }
|
| 388 |
>
|
| 389 |
<InnerBlocks
|
| 390 |
allowedBlocks={ [ 'generateblocks/button' ] }
|
| 6 |
import DimensionsControl from '../../components/dimensions/';
|
| 7 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 8 |
import getIcon from '../../utils/get-icon';
|
| 9 |
+
import getSelectedDevice from '../../utils/get-selected-device';
|
| 10 |
import DesktopCSS from './css/desktop.js';
|
| 11 |
import PanelArea from '../../components/panel-area/';
|
| 12 |
|
| 126 |
fillHorizontalSpaceMobile,
|
| 127 |
} = attributes;
|
| 128 |
|
| 129 |
+
let htmlAttributes = {
|
| 130 |
+
id: !! elementId ? elementId : undefined,
|
| 131 |
+
className: classnames( {
|
| 132 |
+
'gb-button-wrapper': true,
|
| 133 |
+
[ `gb-button-wrapper-${ uniqueId }` ]: true,
|
| 134 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 135 |
+
} ),
|
| 136 |
+
};
|
| 137 |
+
|
| 138 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/button-container', attributes );
|
| 139 |
+
|
| 140 |
return (
|
| 141 |
<Fragment>
|
| 142 |
<BlockControls>
|
| 182 |
|
| 183 |
<InspectorControls>
|
| 184 |
<ResponsiveTabs { ...this.props }
|
| 185 |
+
selectedDevice={ getSelectedDevice( selectedDevice ) }
|
| 186 |
onClick={ ( device ) => {
|
| 187 |
+
window.localStorage.setItem( 'generateblocksSelectedDevice', device );
|
| 188 |
+
|
| 189 |
this.setState( {
|
| 190 |
selectedDevice: device,
|
| 191 |
} );
|
| 200 |
id={ 'buttonContainerSpacing' }
|
| 201 |
state={ this.state }
|
| 202 |
>
|
| 203 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 204 |
<Fragment>
|
| 205 |
<AlignmentToolbar
|
| 206 |
isCollapsed={ false }
|
| 212 |
/>
|
| 213 |
|
| 214 |
<DimensionsControl { ...this.props }
|
| 215 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 216 |
type={ 'margin' }
|
| 217 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 218 |
attrTop={ 'marginTop' }
|
| 246 |
</Fragment>
|
| 247 |
) }
|
| 248 |
|
| 249 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 250 |
<Fragment>
|
| 251 |
<AlignmentToolbar
|
| 252 |
isCollapsed={ false }
|
| 258 |
/>
|
| 259 |
|
| 260 |
<DimensionsControl { ...this.props }
|
| 261 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 262 |
type={ 'margin' }
|
| 263 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 264 |
attrTop={ 'marginTopTablet' }
|
| 292 |
</Fragment>
|
| 293 |
) }
|
| 294 |
|
| 295 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 296 |
<Fragment>
|
| 297 |
<AlignmentToolbar
|
| 298 |
isCollapsed={ false }
|
| 304 |
/>
|
| 305 |
|
| 306 |
<DimensionsControl { ...this.props }
|
| 307 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 308 |
type={ 'margin' }
|
| 309 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 310 |
attrTop={ 'marginTopMobile' }
|
| 348 |
className={ 'gblocks-panel-label' }
|
| 349 |
id={ 'buttonContainerAdvanced' }
|
| 350 |
state={ this.state }
|
| 351 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 352 |
>
|
| 353 |
<TextControl
|
| 354 |
label={ __( 'Element ID', 'generateblocks' ) }
|
| 393 |
<DesktopCSS { ...this.props } />
|
| 394 |
|
| 395 |
<div
|
| 396 |
+
{ ...htmlAttributes }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 397 |
>
|
| 398 |
<InnerBlocks
|
| 399 |
allowedBlocks={ [ 'generateblocks/button' ] }
|
src/blocks/button-container/save.js
CHANGED
|
@@ -8,6 +8,10 @@ const {
|
|
| 8 |
InnerBlocks,
|
| 9 |
} = wp.blockEditor;
|
| 10 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
export default ( { attributes } ) => {
|
| 12 |
const {
|
| 13 |
uniqueId,
|
|
@@ -15,14 +19,20 @@ export default ( { attributes } ) => {
|
|
| 15 |
cssClasses,
|
| 16 |
} = attributes;
|
| 17 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 18 |
return (
|
| 19 |
<div
|
| 20 |
-
|
| 21 |
-
className={ classnames( {
|
| 22 |
-
'gb-button-wrapper': true,
|
| 23 |
-
[ `gb-button-wrapper-${ uniqueId }` ]: true,
|
| 24 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 25 |
-
} ) }
|
| 26 |
>
|
| 27 |
<InnerBlocks.Content />
|
| 28 |
</div>
|
| 8 |
InnerBlocks,
|
| 9 |
} = wp.blockEditor;
|
| 10 |
|
| 11 |
+
const {
|
| 12 |
+
applyFilters,
|
| 13 |
+
} = wp.hooks;
|
| 14 |
+
|
| 15 |
export default ( { attributes } ) => {
|
| 16 |
const {
|
| 17 |
uniqueId,
|
| 19 |
cssClasses,
|
| 20 |
} = attributes;
|
| 21 |
|
| 22 |
+
let htmlAttributes = {
|
| 23 |
+
id: !! elementId ? elementId : undefined,
|
| 24 |
+
className: classnames( {
|
| 25 |
+
'gb-button-wrapper': true,
|
| 26 |
+
[ `gb-button-wrapper-${ uniqueId }` ]: true,
|
| 27 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 28 |
+
} ),
|
| 29 |
+
};
|
| 30 |
+
|
| 31 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/button-container', attributes );
|
| 32 |
+
|
| 33 |
return (
|
| 34 |
<div
|
| 35 |
+
{ ...htmlAttributes }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
>
|
| 37 |
<InnerBlocks.Content />
|
| 38 |
</div>
|
src/blocks/button/block.js
CHANGED
|
@@ -38,6 +38,7 @@ registerBlockType( 'generateblocks/button', {
|
|
| 38 |
className: false,
|
| 39 |
customClassName: false,
|
| 40 |
inserter: false,
|
|
|
|
| 41 |
},
|
| 42 |
edit: editButtonContainer,
|
| 43 |
save: saveButtonContainer,
|
| 38 |
className: false,
|
| 39 |
customClassName: false,
|
| 40 |
inserter: false,
|
| 41 |
+
reusable: false,
|
| 42 |
},
|
| 43 |
edit: editButtonContainer,
|
| 44 |
save: saveButtonContainer,
|
src/blocks/button/css/desktop.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
| 2 |
import buildCSS from '../../../utils/build-css';
|
| 3 |
import valueWithUnit from '../../../utils/value-with-unit';
|
| 4 |
import shorthandCSS from '../../../utils/shorthand-css';
|
| 5 |
-
import hexToRGBA from '../../../
|
| 6 |
|
| 7 |
const { Component } = wp.element;
|
| 8 |
const { applyFilters } = wp.hooks;
|
|
@@ -129,7 +129,7 @@ export default class DesktopCSS extends Component {
|
|
| 129 |
'font-size': valueWithUnit( iconSize, iconSizeUnit ),
|
| 130 |
} ];
|
| 131 |
|
| 132 |
-
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, 'button'
|
| 133 |
|
| 134 |
return (
|
| 135 |
<style>{ buildCSS( cssObj ) }</style>
|
| 2 |
import buildCSS from '../../../utils/build-css';
|
| 3 |
import valueWithUnit from '../../../utils/value-with-unit';
|
| 4 |
import shorthandCSS from '../../../utils/shorthand-css';
|
| 5 |
+
import hexToRGBA from '../../../utils/hex-to-rgba';
|
| 6 |
|
| 7 |
const { Component } = wp.element;
|
| 8 |
const { applyFilters } = wp.hooks;
|
| 129 |
'font-size': valueWithUnit( iconSize, iconSizeUnit ),
|
| 130 |
} ];
|
| 131 |
|
| 132 |
+
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, this.props, 'button' );
|
| 133 |
|
| 134 |
return (
|
| 135 |
<style>{ buildCSS( cssObj ) }</style>
|
src/blocks/button/edit.js
CHANGED
|
@@ -12,6 +12,7 @@ import GradientControl from '../../components/gradient/';
|
|
| 12 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 13 |
import PanelArea from '../../components/panel-area/';
|
| 14 |
import getIcon from '../../utils/get-icon';
|
|
|
|
| 15 |
import DesktopCSS from './css/desktop.js';
|
| 16 |
import sanitizeSVG from '../../utils/sanitize-svg';
|
| 17 |
|
|
@@ -200,6 +201,21 @@ class GenerateBlockButton extends Component {
|
|
| 200 |
},
|
| 201 |
];
|
| 202 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 203 |
return (
|
| 204 |
<Fragment>
|
| 205 |
<BlockControls>
|
|
@@ -229,8 +245,10 @@ class GenerateBlockButton extends Component {
|
|
| 229 |
|
| 230 |
<InspectorControls>
|
| 231 |
<ResponsiveTabs { ...this.props }
|
| 232 |
-
selectedDevice={ selectedDevice }
|
| 233 |
onClick={ ( device ) => {
|
|
|
|
|
|
|
| 234 |
this.setState( {
|
| 235 |
selectedDevice: device,
|
| 236 |
} );
|
|
@@ -247,7 +265,7 @@ class GenerateBlockButton extends Component {
|
|
| 247 |
showPanel={ ! removeText || false }
|
| 248 |
>
|
| 249 |
|
| 250 |
-
{ 'desktop' === selectedDevice && (
|
| 251 |
<Fragment>
|
| 252 |
<TypographyControls { ...this.props }
|
| 253 |
showFontFamily={ true }
|
|
@@ -263,7 +281,7 @@ class GenerateBlockButton extends Component {
|
|
| 263 |
</Fragment>
|
| 264 |
) }
|
| 265 |
|
| 266 |
-
{ 'tablet' === selectedDevice && (
|
| 267 |
<Fragment>
|
| 268 |
<TypographyControls { ...this.props }
|
| 269 |
device={ 'Tablet' }
|
|
@@ -277,7 +295,7 @@ class GenerateBlockButton extends Component {
|
|
| 277 |
</Fragment>
|
| 278 |
) }
|
| 279 |
|
| 280 |
-
{ 'mobile' === selectedDevice && (
|
| 281 |
<Fragment>
|
| 282 |
<TypographyControls { ...this.props }
|
| 283 |
device={ 'Mobile' }
|
|
@@ -303,10 +321,10 @@ class GenerateBlockButton extends Component {
|
|
| 303 |
state={ this.state }
|
| 304 |
>
|
| 305 |
|
| 306 |
-
{ 'desktop' === selectedDevice && (
|
| 307 |
<Fragment>
|
| 308 |
<DimensionsControl { ...this.props }
|
| 309 |
-
device={ selectedDevice }
|
| 310 |
type={ 'padding' }
|
| 311 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 312 |
attrTop={ 'paddingTop' }
|
|
@@ -319,7 +337,7 @@ class GenerateBlockButton extends Component {
|
|
| 319 |
/>
|
| 320 |
|
| 321 |
<DimensionsControl { ...this.props }
|
| 322 |
-
device={ selectedDevice }
|
| 323 |
type={ 'margin' }
|
| 324 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 325 |
attrTop={ 'marginTop' }
|
|
@@ -332,7 +350,7 @@ class GenerateBlockButton extends Component {
|
|
| 332 |
/>
|
| 333 |
|
| 334 |
<DimensionsControl { ...this.props }
|
| 335 |
-
device={ selectedDevice }
|
| 336 |
type={ 'padding' }
|
| 337 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 338 |
attrTop={ 'borderSizeTop' }
|
|
@@ -345,7 +363,7 @@ class GenerateBlockButton extends Component {
|
|
| 345 |
/>
|
| 346 |
|
| 347 |
<DimensionsControl { ...this.props }
|
| 348 |
-
device={ selectedDevice }
|
| 349 |
type={ 'padding' }
|
| 350 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 351 |
attrTop={ 'borderRadiusTopLeft' }
|
|
@@ -363,10 +381,10 @@ class GenerateBlockButton extends Component {
|
|
| 363 |
</Fragment>
|
| 364 |
) }
|
| 365 |
|
| 366 |
-
{ 'tablet' === selectedDevice && (
|
| 367 |
<Fragment>
|
| 368 |
<DimensionsControl { ...this.props }
|
| 369 |
-
device={ selectedDevice }
|
| 370 |
type={ 'padding' }
|
| 371 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 372 |
attrTop={ 'paddingTopTablet' }
|
|
@@ -379,7 +397,7 @@ class GenerateBlockButton extends Component {
|
|
| 379 |
/>
|
| 380 |
|
| 381 |
<DimensionsControl { ...this.props }
|
| 382 |
-
device={ selectedDevice }
|
| 383 |
type={ 'margin' }
|
| 384 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 385 |
attrTop={ 'marginTopTablet' }
|
|
@@ -392,7 +410,7 @@ class GenerateBlockButton extends Component {
|
|
| 392 |
/>
|
| 393 |
|
| 394 |
<DimensionsControl { ...this.props }
|
| 395 |
-
device={ selectedDevice }
|
| 396 |
type={ 'padding' }
|
| 397 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 398 |
attrTop={ 'borderSizeTopTablet' }
|
|
@@ -405,7 +423,7 @@ class GenerateBlockButton extends Component {
|
|
| 405 |
/>
|
| 406 |
|
| 407 |
<DimensionsControl { ...this.props }
|
| 408 |
-
device={ selectedDevice }
|
| 409 |
type={ 'padding' }
|
| 410 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 411 |
attrTop={ 'borderRadiusTopLeftTablet' }
|
|
@@ -423,10 +441,10 @@ class GenerateBlockButton extends Component {
|
|
| 423 |
</Fragment>
|
| 424 |
) }
|
| 425 |
|
| 426 |
-
{ 'mobile' === selectedDevice && (
|
| 427 |
<Fragment>
|
| 428 |
<DimensionsControl { ...this.props }
|
| 429 |
-
device={ selectedDevice }
|
| 430 |
type={ 'padding' }
|
| 431 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 432 |
attrTop={ 'paddingTopMobile' }
|
|
@@ -439,7 +457,7 @@ class GenerateBlockButton extends Component {
|
|
| 439 |
/>
|
| 440 |
|
| 441 |
<DimensionsControl { ...this.props }
|
| 442 |
-
device={ selectedDevice }
|
| 443 |
type={ 'padding' }
|
| 444 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 445 |
attrTop={ 'marginTopMobile' }
|
|
@@ -452,7 +470,7 @@ class GenerateBlockButton extends Component {
|
|
| 452 |
/>
|
| 453 |
|
| 454 |
<DimensionsControl { ...this.props }
|
| 455 |
-
device={ selectedDevice }
|
| 456 |
type={ 'padding' }
|
| 457 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 458 |
attrTop={ 'borderSizeTopMobile' }
|
|
@@ -465,7 +483,7 @@ class GenerateBlockButton extends Component {
|
|
| 465 |
/>
|
| 466 |
|
| 467 |
<DimensionsControl { ...this.props }
|
| 468 |
-
device={ selectedDevice }
|
| 469 |
type={ 'padding' }
|
| 470 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 471 |
attrTop={ 'borderRadiusTopLeftMobile' }
|
|
@@ -493,7 +511,7 @@ class GenerateBlockButton extends Component {
|
|
| 493 |
className={ 'gblocks-panel-label' }
|
| 494 |
id={ 'buttonColors' }
|
| 495 |
state={ this.state }
|
| 496 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 497 |
>
|
| 498 |
<TabPanel className="layout-tab-panel gblocks-control-tabs"
|
| 499 |
activeClass="active-tab"
|
|
@@ -623,7 +641,7 @@ class GenerateBlockButton extends Component {
|
|
| 623 |
}
|
| 624 |
/>
|
| 625 |
|
| 626 |
-
{ applyFilters( 'generateblocks.editor.controls', '', '
|
| 627 |
</Fragment>
|
| 628 |
) }
|
| 629 |
</div>
|
|
@@ -636,13 +654,13 @@ class GenerateBlockButton extends Component {
|
|
| 636 |
</PanelArea>
|
| 637 |
|
| 638 |
<PanelArea { ...this.props }
|
| 639 |
-
title={ __( 'Background Gradient' ) }
|
| 640 |
initialOpen={ false }
|
| 641 |
icon={ getIcon( 'gradients' ) }
|
| 642 |
className={ 'gblocks-panel-label' }
|
| 643 |
id={ 'buttonBackgroundGradient' }
|
| 644 |
state={ this.state }
|
| 645 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 646 |
>
|
| 647 |
<GradientControl { ...this.props }
|
| 648 |
attrGradient={ 'gradient' }
|
|
@@ -667,15 +685,14 @@ class GenerateBlockButton extends Component {
|
|
| 667 |
className={ 'gblocks-panel-label' }
|
| 668 |
id={ 'buttonIcon' }
|
| 669 |
state={ this.state }
|
| 670 |
-
showPanel={ 'desktop' === selectedDevice || !! icon ? true : false }
|
| 671 |
>
|
| 672 |
|
| 673 |
-
{ 'desktop' === selectedDevice &&
|
| 674 |
<IconPicker { ...this.props }
|
| 675 |
attrIcon={ 'icon' }
|
| 676 |
attrIconLocation={ 'iconLocation' }
|
| 677 |
attrRemoveText={ 'removeText' }
|
| 678 |
-
attrAriaLabel={ 'ariaLabel' }
|
| 679 |
locationOptions={ [
|
| 680 |
{ label: __( 'Left', 'generateblocks' ), value: 'left' },
|
| 681 |
{ label: __( 'Right', 'generateblocks' ), value: 'right' },
|
|
@@ -683,12 +700,12 @@ class GenerateBlockButton extends Component {
|
|
| 683 |
/>
|
| 684 |
}
|
| 685 |
|
| 686 |
-
{ 'desktop' === selectedDevice && !! icon && (
|
| 687 |
<Fragment>
|
| 688 |
{ ! removeText &&
|
| 689 |
<Fragment>
|
| 690 |
<DimensionsControl { ...this.props }
|
| 691 |
-
device={ selectedDevice }
|
| 692 |
type={ 'padding' }
|
| 693 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 694 |
attrTop={ 'iconPaddingTop' }
|
|
@@ -767,12 +784,12 @@ class GenerateBlockButton extends Component {
|
|
| 767 |
</Fragment>
|
| 768 |
) }
|
| 769 |
|
| 770 |
-
{ 'tablet' === selectedDevice && !! icon &&
|
| 771 |
<Fragment>
|
| 772 |
{ ! removeText &&
|
| 773 |
<Fragment>
|
| 774 |
<DimensionsControl { ...this.props }
|
| 775 |
-
device={ selectedDevice }
|
| 776 |
type={ 'padding' }
|
| 777 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 778 |
attrTop={ 'iconPaddingTopTablet' }
|
|
@@ -852,12 +869,12 @@ class GenerateBlockButton extends Component {
|
|
| 852 |
</Fragment>
|
| 853 |
}
|
| 854 |
|
| 855 |
-
{ 'mobile' === selectedDevice && !! icon && (
|
| 856 |
<Fragment>
|
| 857 |
{ ! removeText &&
|
| 858 |
<Fragment>
|
| 859 |
<DimensionsControl { ...this.props }
|
| 860 |
-
device={ selectedDevice }
|
| 861 |
type={ 'padding' }
|
| 862 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 863 |
attrTop={ 'iconPaddingTopMobile' }
|
|
@@ -947,7 +964,7 @@ class GenerateBlockButton extends Component {
|
|
| 947 |
className={ 'gblocks-panel-label' }
|
| 948 |
id={ 'buttonAdvanced' }
|
| 949 |
state={ this.state }
|
| 950 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 951 |
>
|
| 952 |
<TextControl
|
| 953 |
label={ __( 'Element ID', 'generateblocks' ) }
|
|
@@ -971,6 +988,17 @@ class GenerateBlockButton extends Component {
|
|
| 971 |
} }
|
| 972 |
/>
|
| 973 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 974 |
{ applyFilters( 'generateblocks.editor.controls', '', 'buttonAdvanced', this.props, this.state ) }
|
| 975 |
</PanelArea>
|
| 976 |
|
|
@@ -999,16 +1027,7 @@ class GenerateBlockButton extends Component {
|
|
| 999 |
}
|
| 1000 |
|
| 1001 |
<a
|
| 1002 |
-
|
| 1003 |
-
className={ classnames( {
|
| 1004 |
-
'gb-button': true,
|
| 1005 |
-
[ `gb-button-${ uniqueId }` ]: true,
|
| 1006 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 1007 |
-
} ) }
|
| 1008 |
-
href={ !! url ? url : undefined }
|
| 1009 |
-
target={ !! target ? '_blank' : undefined }
|
| 1010 |
-
rel={ relAttributes && relAttributes.length > 0 ? relAttributes.join( ' ' ) : undefined }
|
| 1011 |
-
aria-label={ !! removeText && !! ariaLabel ? ariaLabel : undefined }
|
| 1012 |
>
|
| 1013 |
{ icon && 'left' === iconLocation &&
|
| 1014 |
<span
|
| 12 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 13 |
import PanelArea from '../../components/panel-area/';
|
| 14 |
import getIcon from '../../utils/get-icon';
|
| 15 |
+
import getSelectedDevice from '../../utils/get-selected-device';
|
| 16 |
import DesktopCSS from './css/desktop.js';
|
| 17 |
import sanitizeSVG from '../../utils/sanitize-svg';
|
| 18 |
|
| 201 |
},
|
| 202 |
];
|
| 203 |
|
| 204 |
+
let htmlAttributes = {
|
| 205 |
+
id: !! elementId ? elementId : undefined,
|
| 206 |
+
className: classnames( {
|
| 207 |
+
'gb-button': true,
|
| 208 |
+
[ `gb-button-${ uniqueId }` ]: true,
|
| 209 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 210 |
+
} ),
|
| 211 |
+
href: !! url ? url : undefined,
|
| 212 |
+
target: !! target ? '_blank' : undefined,
|
| 213 |
+
rel: relAttributes && relAttributes.length > 0 ? relAttributes.join( ' ' ) : undefined,
|
| 214 |
+
'aria-label': !! ariaLabel ? ariaLabel : undefined,
|
| 215 |
+
};
|
| 216 |
+
|
| 217 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/button', attributes );
|
| 218 |
+
|
| 219 |
return (
|
| 220 |
<Fragment>
|
| 221 |
<BlockControls>
|
| 245 |
|
| 246 |
<InspectorControls>
|
| 247 |
<ResponsiveTabs { ...this.props }
|
| 248 |
+
selectedDevice={ getSelectedDevice( selectedDevice ) }
|
| 249 |
onClick={ ( device ) => {
|
| 250 |
+
window.localStorage.setItem( 'generateblocksSelectedDevice', device );
|
| 251 |
+
|
| 252 |
this.setState( {
|
| 253 |
selectedDevice: device,
|
| 254 |
} );
|
| 265 |
showPanel={ ! removeText || false }
|
| 266 |
>
|
| 267 |
|
| 268 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 269 |
<Fragment>
|
| 270 |
<TypographyControls { ...this.props }
|
| 271 |
showFontFamily={ true }
|
| 281 |
</Fragment>
|
| 282 |
) }
|
| 283 |
|
| 284 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 285 |
<Fragment>
|
| 286 |
<TypographyControls { ...this.props }
|
| 287 |
device={ 'Tablet' }
|
| 295 |
</Fragment>
|
| 296 |
) }
|
| 297 |
|
| 298 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 299 |
<Fragment>
|
| 300 |
<TypographyControls { ...this.props }
|
| 301 |
device={ 'Mobile' }
|
| 321 |
state={ this.state }
|
| 322 |
>
|
| 323 |
|
| 324 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 325 |
<Fragment>
|
| 326 |
<DimensionsControl { ...this.props }
|
| 327 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 328 |
type={ 'padding' }
|
| 329 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 330 |
attrTop={ 'paddingTop' }
|
| 337 |
/>
|
| 338 |
|
| 339 |
<DimensionsControl { ...this.props }
|
| 340 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 341 |
type={ 'margin' }
|
| 342 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 343 |
attrTop={ 'marginTop' }
|
| 350 |
/>
|
| 351 |
|
| 352 |
<DimensionsControl { ...this.props }
|
| 353 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 354 |
type={ 'padding' }
|
| 355 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 356 |
attrTop={ 'borderSizeTop' }
|
| 363 |
/>
|
| 364 |
|
| 365 |
<DimensionsControl { ...this.props }
|
| 366 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 367 |
type={ 'padding' }
|
| 368 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 369 |
attrTop={ 'borderRadiusTopLeft' }
|
| 381 |
</Fragment>
|
| 382 |
) }
|
| 383 |
|
| 384 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 385 |
<Fragment>
|
| 386 |
<DimensionsControl { ...this.props }
|
| 387 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 388 |
type={ 'padding' }
|
| 389 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 390 |
attrTop={ 'paddingTopTablet' }
|
| 397 |
/>
|
| 398 |
|
| 399 |
<DimensionsControl { ...this.props }
|
| 400 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 401 |
type={ 'margin' }
|
| 402 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 403 |
attrTop={ 'marginTopTablet' }
|
| 410 |
/>
|
| 411 |
|
| 412 |
<DimensionsControl { ...this.props }
|
| 413 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 414 |
type={ 'padding' }
|
| 415 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 416 |
attrTop={ 'borderSizeTopTablet' }
|
| 423 |
/>
|
| 424 |
|
| 425 |
<DimensionsControl { ...this.props }
|
| 426 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 427 |
type={ 'padding' }
|
| 428 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 429 |
attrTop={ 'borderRadiusTopLeftTablet' }
|
| 441 |
</Fragment>
|
| 442 |
) }
|
| 443 |
|
| 444 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 445 |
<Fragment>
|
| 446 |
<DimensionsControl { ...this.props }
|
| 447 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 448 |
type={ 'padding' }
|
| 449 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 450 |
attrTop={ 'paddingTopMobile' }
|
| 457 |
/>
|
| 458 |
|
| 459 |
<DimensionsControl { ...this.props }
|
| 460 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 461 |
type={ 'padding' }
|
| 462 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 463 |
attrTop={ 'marginTopMobile' }
|
| 470 |
/>
|
| 471 |
|
| 472 |
<DimensionsControl { ...this.props }
|
| 473 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 474 |
type={ 'padding' }
|
| 475 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 476 |
attrTop={ 'borderSizeTopMobile' }
|
| 483 |
/>
|
| 484 |
|
| 485 |
<DimensionsControl { ...this.props }
|
| 486 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 487 |
type={ 'padding' }
|
| 488 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 489 |
attrTop={ 'borderRadiusTopLeftMobile' }
|
| 511 |
className={ 'gblocks-panel-label' }
|
| 512 |
id={ 'buttonColors' }
|
| 513 |
state={ this.state }
|
| 514 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 515 |
>
|
| 516 |
<TabPanel className="layout-tab-panel gblocks-control-tabs"
|
| 517 |
activeClass="active-tab"
|
| 641 |
}
|
| 642 |
/>
|
| 643 |
|
| 644 |
+
{ applyFilters( 'generateblocks.editor.controls', '', 'buttonColorsHover', this.props, this.state ) }
|
| 645 |
</Fragment>
|
| 646 |
) }
|
| 647 |
</div>
|
| 654 |
</PanelArea>
|
| 655 |
|
| 656 |
<PanelArea { ...this.props }
|
| 657 |
+
title={ __( 'Background Gradient', 'generateblocks' ) }
|
| 658 |
initialOpen={ false }
|
| 659 |
icon={ getIcon( 'gradients' ) }
|
| 660 |
className={ 'gblocks-panel-label' }
|
| 661 |
id={ 'buttonBackgroundGradient' }
|
| 662 |
state={ this.state }
|
| 663 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 664 |
>
|
| 665 |
<GradientControl { ...this.props }
|
| 666 |
attrGradient={ 'gradient' }
|
| 685 |
className={ 'gblocks-panel-label' }
|
| 686 |
id={ 'buttonIcon' }
|
| 687 |
state={ this.state }
|
| 688 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || !! icon ? true : false }
|
| 689 |
>
|
| 690 |
|
| 691 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) &&
|
| 692 |
<IconPicker { ...this.props }
|
| 693 |
attrIcon={ 'icon' }
|
| 694 |
attrIconLocation={ 'iconLocation' }
|
| 695 |
attrRemoveText={ 'removeText' }
|
|
|
|
| 696 |
locationOptions={ [
|
| 697 |
{ label: __( 'Left', 'generateblocks' ), value: 'left' },
|
| 698 |
{ label: __( 'Right', 'generateblocks' ), value: 'right' },
|
| 700 |
/>
|
| 701 |
}
|
| 702 |
|
| 703 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && !! icon && (
|
| 704 |
<Fragment>
|
| 705 |
{ ! removeText &&
|
| 706 |
<Fragment>
|
| 707 |
<DimensionsControl { ...this.props }
|
| 708 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 709 |
type={ 'padding' }
|
| 710 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 711 |
attrTop={ 'iconPaddingTop' }
|
| 784 |
</Fragment>
|
| 785 |
) }
|
| 786 |
|
| 787 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && !! icon &&
|
| 788 |
<Fragment>
|
| 789 |
{ ! removeText &&
|
| 790 |
<Fragment>
|
| 791 |
<DimensionsControl { ...this.props }
|
| 792 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 793 |
type={ 'padding' }
|
| 794 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 795 |
attrTop={ 'iconPaddingTopTablet' }
|
| 869 |
</Fragment>
|
| 870 |
}
|
| 871 |
|
| 872 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && !! icon && (
|
| 873 |
<Fragment>
|
| 874 |
{ ! removeText &&
|
| 875 |
<Fragment>
|
| 876 |
<DimensionsControl { ...this.props }
|
| 877 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 878 |
type={ 'padding' }
|
| 879 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 880 |
attrTop={ 'iconPaddingTopMobile' }
|
| 964 |
className={ 'gblocks-panel-label' }
|
| 965 |
id={ 'buttonAdvanced' }
|
| 966 |
state={ this.state }
|
| 967 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 968 |
>
|
| 969 |
<TextControl
|
| 970 |
label={ __( 'Element ID', 'generateblocks' ) }
|
| 988 |
} }
|
| 989 |
/>
|
| 990 |
|
| 991 |
+
<TextControl
|
| 992 |
+
label={ __( 'ARIA Label', 'generateblocks' ) }
|
| 993 |
+
help={ __( 'Helpful to people using screen readers.', 'generateblocks' ) }
|
| 994 |
+
value={ ariaLabel }
|
| 995 |
+
onChange={ ( value ) => {
|
| 996 |
+
setAttributes( {
|
| 997 |
+
ariaLabel: value,
|
| 998 |
+
} );
|
| 999 |
+
} }
|
| 1000 |
+
/>
|
| 1001 |
+
|
| 1002 |
{ applyFilters( 'generateblocks.editor.controls', '', 'buttonAdvanced', this.props, this.state ) }
|
| 1003 |
</PanelArea>
|
| 1004 |
|
| 1027 |
}
|
| 1028 |
|
| 1029 |
<a
|
| 1030 |
+
{ ...htmlAttributes }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1031 |
>
|
| 1032 |
{ icon && 'left' === iconLocation &&
|
| 1033 |
<span
|
src/blocks/button/save.js
CHANGED
|
@@ -9,6 +9,10 @@ const {
|
|
| 9 |
RichText,
|
| 10 |
} = wp.blockEditor;
|
| 11 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 12 |
export default ( { attributes } ) => {
|
| 13 |
const {
|
| 14 |
uniqueId,
|
|
@@ -39,18 +43,24 @@ export default ( { attributes } ) => {
|
|
| 39 |
relAttributes.push( 'sponsored' );
|
| 40 |
}
|
| 41 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 42 |
return (
|
| 43 |
<a
|
| 44 |
-
|
| 45 |
-
className={ classnames( {
|
| 46 |
-
'gb-button': true,
|
| 47 |
-
[ `gb-button-${ uniqueId }` ]: true,
|
| 48 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 49 |
-
} ) }
|
| 50 |
-
href={ !! url ? url : undefined }
|
| 51 |
-
target={ !! target ? '_blank' : undefined }
|
| 52 |
-
rel={ relAttributes && relAttributes.length > 0 ? relAttributes.join( ' ' ) : undefined }
|
| 53 |
-
aria-label={ !! removeText && !! ariaLabel ? ariaLabel : undefined }
|
| 54 |
>
|
| 55 |
{ icon && 'left' === iconLocation &&
|
| 56 |
<span
|
| 9 |
RichText,
|
| 10 |
} = wp.blockEditor;
|
| 11 |
|
| 12 |
+
const {
|
| 13 |
+
applyFilters,
|
| 14 |
+
} = wp.hooks;
|
| 15 |
+
|
| 16 |
export default ( { attributes } ) => {
|
| 17 |
const {
|
| 18 |
uniqueId,
|
| 43 |
relAttributes.push( 'sponsored' );
|
| 44 |
}
|
| 45 |
|
| 46 |
+
let htmlAttributes = {
|
| 47 |
+
id: !! elementId ? elementId : undefined,
|
| 48 |
+
className: classnames( {
|
| 49 |
+
'gb-button': true,
|
| 50 |
+
[ `gb-button-${ uniqueId }` ]: true,
|
| 51 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 52 |
+
} ),
|
| 53 |
+
href: !! url ? url : undefined,
|
| 54 |
+
target: !! target ? '_blank' : undefined,
|
| 55 |
+
rel: relAttributes && relAttributes.length > 0 ? relAttributes.join( ' ' ) : undefined,
|
| 56 |
+
'aria-label': !! ariaLabel ? ariaLabel : undefined,
|
| 57 |
+
};
|
| 58 |
+
|
| 59 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/button', attributes );
|
| 60 |
+
|
| 61 |
return (
|
| 62 |
<a
|
| 63 |
+
{ ...htmlAttributes }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 64 |
>
|
| 65 |
{ icon && 'left' === iconLocation &&
|
| 66 |
<span
|
src/blocks/container/attributes.js
CHANGED
|
@@ -359,6 +359,8 @@ const attributes = {
|
|
| 359 |
bgOptions: {
|
| 360 |
type: 'object',
|
| 361 |
default: {
|
|
|
|
|
|
|
| 362 |
overlay: generateBlocksDefaults.container.bgOptions.overlay,
|
| 363 |
position: generateBlocksDefaults.container.bgOptions.position,
|
| 364 |
size: generateBlocksDefaults.container.bgOptions.size,
|
|
@@ -450,6 +452,10 @@ const attributes = {
|
|
| 450 |
type: 'string',
|
| 451 |
default: '',
|
| 452 |
},
|
|
|
|
|
|
|
|
|
|
|
|
|
| 453 |
};
|
| 454 |
|
| 455 |
if ( generateBlocksInfo.hasCustomFields ) {
|
| 359 |
bgOptions: {
|
| 360 |
type: 'object',
|
| 361 |
default: {
|
| 362 |
+
selector: generateBlocksDefaults.container.bgOptions.selector,
|
| 363 |
+
opacity: generateBlocksDefaults.container.bgOptions.opacity,
|
| 364 |
overlay: generateBlocksDefaults.container.bgOptions.overlay,
|
| 365 |
position: generateBlocksDefaults.container.bgOptions.position,
|
| 366 |
size: generateBlocksDefaults.container.bgOptions.size,
|
| 452 |
type: 'string',
|
| 453 |
default: '',
|
| 454 |
},
|
| 455 |
+
align: {
|
| 456 |
+
type: 'string',
|
| 457 |
+
default: '',
|
| 458 |
+
},
|
| 459 |
};
|
| 460 |
|
| 461 |
if ( generateBlocksInfo.hasCustomFields ) {
|
src/blocks/container/block-controls.js
CHANGED
|
@@ -17,6 +17,7 @@ const {
|
|
| 17 |
|
| 18 |
const {
|
| 19 |
BlockControls,
|
|
|
|
| 20 |
} = wp.blockEditor;
|
| 21 |
|
| 22 |
const {
|
|
@@ -33,8 +34,11 @@ const {
|
|
| 33 |
cloneBlock,
|
| 34 |
} = wp.blocks;
|
| 35 |
|
|
|
|
|
|
|
|
|
|
| 36 |
/**
|
| 37 |
-
* Add
|
| 38 |
*
|
| 39 |
* @param {function} BlockEdit Block edit component.
|
| 40 |
*
|
|
@@ -47,10 +51,12 @@ const withAdvancedControls = createHigherOrderComponent( ( BlockEdit ) => {
|
|
| 47 |
attributes,
|
| 48 |
isSelected,
|
| 49 |
clientId,
|
|
|
|
| 50 |
} = props;
|
| 51 |
|
| 52 |
const {
|
| 53 |
isGrid,
|
|
|
|
| 54 |
} = attributes;
|
| 55 |
|
| 56 |
let parentGridId = false;
|
|
@@ -94,6 +100,26 @@ const withAdvancedControls = createHigherOrderComponent( ( BlockEdit ) => {
|
|
| 94 |
</BlockControls>
|
| 95 |
}
|
| 96 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 97 |
<BlockEdit { ...props } />
|
| 98 |
</Fragment>
|
| 99 |
);
|
|
@@ -105,3 +131,4 @@ addFilter(
|
|
| 105 |
'generateblocks/container-block-controls',
|
| 106 |
withAdvancedControls
|
| 107 |
);
|
|
|
| 17 |
|
| 18 |
const {
|
| 19 |
BlockControls,
|
| 20 |
+
BlockAlignmentToolbar,
|
| 21 |
} = wp.blockEditor;
|
| 22 |
|
| 23 |
const {
|
| 34 |
cloneBlock,
|
| 35 |
} = wp.blocks;
|
| 36 |
|
| 37 |
+
const hasWideAlignSupport = generateBlocksInfo.hasWideAlignSupport;
|
| 38 |
+
const WIDE_ALIGNMENTS = [ 'wide', 'full' ];
|
| 39 |
+
|
| 40 |
/**
|
| 41 |
+
* Add controls to the Container block toolbar.
|
| 42 |
*
|
| 43 |
* @param {function} BlockEdit Block edit component.
|
| 44 |
*
|
| 51 |
attributes,
|
| 52 |
isSelected,
|
| 53 |
clientId,
|
| 54 |
+
setAttributes,
|
| 55 |
} = props;
|
| 56 |
|
| 57 |
const {
|
| 58 |
isGrid,
|
| 59 |
+
align,
|
| 60 |
} = attributes;
|
| 61 |
|
| 62 |
let parentGridId = false;
|
| 100 |
</BlockControls>
|
| 101 |
}
|
| 102 |
|
| 103 |
+
{ isSelected && hasWideAlignSupport && ! isGrid && 'generateblocks/container' === name &&
|
| 104 |
+
<BlockControls>
|
| 105 |
+
<BlockAlignmentToolbar
|
| 106 |
+
value={ align }
|
| 107 |
+
onChange={ ( value ) => {
|
| 108 |
+
setAttributes( {
|
| 109 |
+
align: value,
|
| 110 |
+
} );
|
| 111 |
+
|
| 112 |
+
if ( 'full' === value ) {
|
| 113 |
+
setAttributes( {
|
| 114 |
+
outerContainer: 'full',
|
| 115 |
+
} );
|
| 116 |
+
}
|
| 117 |
+
} }
|
| 118 |
+
controls={ WIDE_ALIGNMENTS }
|
| 119 |
+
/>
|
| 120 |
+
</BlockControls>
|
| 121 |
+
}
|
| 122 |
+
|
| 123 |
<BlockEdit { ...props } />
|
| 124 |
</Fragment>
|
| 125 |
);
|
| 131 |
'generateblocks/container-block-controls',
|
| 132 |
withAdvancedControls
|
| 133 |
);
|
| 134 |
+
|
src/blocks/container/css/desktop.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
| 1 |
/* eslint-disable quotes */
|
| 2 |
import buildCSS from '../../../utils/build-css';
|
| 3 |
import shorthandCSS from '../../../utils/shorthand-css';
|
| 4 |
-
import hexToRGBA from '../../../
|
| 5 |
import valueWithUnit from '../../../utils/value-with-unit';
|
|
|
|
| 6 |
|
| 7 |
const { Component } = wp.element;
|
| 8 |
const { applyFilters } = wp.hooks;
|
|
@@ -47,13 +48,6 @@ export default class DesktopCSS extends Component {
|
|
| 47 |
backgroundColor,
|
| 48 |
backgroundColorOpacity,
|
| 49 |
gradient,
|
| 50 |
-
gradientDirection,
|
| 51 |
-
gradientColorOne,
|
| 52 |
-
gradientColorOneOpacity,
|
| 53 |
-
gradientColorStopOne,
|
| 54 |
-
gradientColorTwo,
|
| 55 |
-
gradientColorTwoOpacity,
|
| 56 |
-
gradientColorStopTwo,
|
| 57 |
textColor,
|
| 58 |
linkColor,
|
| 59 |
linkColorHover,
|
|
@@ -71,33 +65,7 @@ export default class DesktopCSS extends Component {
|
|
| 71 |
textTransform,
|
| 72 |
} = attributes;
|
| 73 |
|
| 74 |
-
|
| 75 |
-
gradientColorStopOneValue = '',
|
| 76 |
-
gradientColorStopTwoValue = '';
|
| 77 |
-
|
| 78 |
-
if ( gradient ) {
|
| 79 |
-
if ( gradientColorOne && '' !== gradientColorStopOne ) {
|
| 80 |
-
gradientColorStopOneValue = ' ' + gradientColorStopOne + '%';
|
| 81 |
-
}
|
| 82 |
-
|
| 83 |
-
if ( gradientColorTwo && '' !== gradientColorStopTwo ) {
|
| 84 |
-
gradientColorStopTwoValue = ' ' + gradientColorStopTwo + '%';
|
| 85 |
-
}
|
| 86 |
-
}
|
| 87 |
-
|
| 88 |
-
if ( bgImage ) {
|
| 89 |
-
backgroundImageValue = 'url(' + bgImage.image.url + ')';
|
| 90 |
-
|
| 91 |
-
if ( bgOptions.overlay ) {
|
| 92 |
-
if ( gradient ) {
|
| 93 |
-
backgroundImageValue = 'linear-gradient(' + gradientDirection + 'deg, ' + hexToRGBA( gradientColorOne, gradientColorOneOpacity ) + gradientColorStopOneValue + ', ' + hexToRGBA( gradientColorTwo, gradientColorTwoOpacity ) + gradientColorStopTwoValue + '), url(' + bgImage.image.url + ')';
|
| 94 |
-
} else {
|
| 95 |
-
backgroundImageValue = 'linear-gradient(0deg, ' + hexToRGBA( backgroundColor, backgroundColorOpacity ) + ', ' + hexToRGBA( backgroundColor, backgroundColorOpacity ) + '), url(' + bgImage.image.url + ')';
|
| 96 |
-
}
|
| 97 |
-
}
|
| 98 |
-
} else if ( gradient ) {
|
| 99 |
-
backgroundImageValue = 'linear-gradient(' + gradientDirection + 'deg, ' + hexToRGBA( gradientColorOne, gradientColorOneOpacity ) + gradientColorStopOneValue + ', ' + hexToRGBA( gradientColorTwo, gradientColorTwoOpacity ) + gradientColorStopTwoValue + ');';
|
| 100 |
-
}
|
| 101 |
|
| 102 |
let containerWidthPreview = containerWidth;
|
| 103 |
|
|
@@ -112,19 +80,12 @@ export default class DesktopCSS extends Component {
|
|
| 112 |
}
|
| 113 |
|
| 114 |
let cssObj = [];
|
| 115 |
-
|
| 116 |
cssObj[ '.gb-container-' + uniqueId ] = [ {
|
| 117 |
'background-color': hexToRGBA( backgroundColor, backgroundColorOpacity ),
|
| 118 |
'color': textColor, // eslint-disable-line quote-props
|
| 119 |
-
'background-image': backgroundImageValue,
|
| 120 |
-
'background-size': bgOptions.size,
|
| 121 |
-
'background-position': bgOptions.position,
|
| 122 |
-
'background-repeat': bgOptions.repeat,
|
| 123 |
-
'background-attachment': bgOptions.attachment,
|
| 124 |
'border-radius': shorthandCSS( borderRadiusTopLeft, borderRadiusTopRight, borderRadiusBottomRight, borderRadiusBottomLeft, borderRadiusUnit ),
|
| 125 |
'margin': shorthandCSS( marginTop, marginRight, marginBottom, marginLeft, marginUnit ), // eslint-disable-line quote-props
|
| 126 |
'z-index': zindex,
|
| 127 |
-
'position': zindex ? 'relative' : false, // eslint-disable-line quote-props
|
| 128 |
'text-align': alignment,
|
| 129 |
'font-family': fontFamily + fontFamilyFallbackValue,
|
| 130 |
'font-weight': fontWeight,
|
|
@@ -133,6 +94,32 @@ export default class DesktopCSS extends Component {
|
|
| 133 |
'min-height': valueWithUnit( minHeight, minHeightUnit ),
|
| 134 |
} ];
|
| 135 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 136 |
cssObj[ `.editor-styles-wrapper .gb-container-` + uniqueId + ` h1,
|
| 137 |
.editor-styles-wrapper .gb-container-` + uniqueId + ` h2,
|
| 138 |
.editor-styles-wrapper .gb-container-` + uniqueId + ` h3,
|
|
@@ -158,6 +145,29 @@ export default class DesktopCSS extends Component {
|
|
| 158 |
} );
|
| 159 |
}
|
| 160 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 161 |
cssObj[ '.gb-container-' + uniqueId + ' a, .gb-container-' + uniqueId + ' a:visited' ] = [ {
|
| 162 |
'color': linkColor, // eslint-disable-line quote-props
|
| 163 |
} ];
|
|
@@ -179,6 +189,13 @@ export default class DesktopCSS extends Component {
|
|
| 179 |
} );
|
| 180 |
}
|
| 181 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 182 |
cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
|
| 183 |
'width': valueWithUnit( width, '%' ), // eslint-disable-line quote-props
|
| 184 |
'display': 'flex', // eslint-disable-line quote-props
|
|
@@ -214,7 +231,7 @@ export default class DesktopCSS extends Component {
|
|
| 214 |
'display': 'none', // eslint-disable-line quote-props
|
| 215 |
} ];
|
| 216 |
|
| 217 |
-
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, 'container'
|
| 218 |
|
| 219 |
return (
|
| 220 |
<style>{ buildCSS( cssObj ) }</style>
|
| 1 |
/* eslint-disable quotes */
|
| 2 |
import buildCSS from '../../../utils/build-css';
|
| 3 |
import shorthandCSS from '../../../utils/shorthand-css';
|
| 4 |
+
import hexToRGBA from '../../../utils/hex-to-rgba';
|
| 5 |
import valueWithUnit from '../../../utils/value-with-unit';
|
| 6 |
+
import getBackgroundImageCSS from '../../../utils/get-background-image';
|
| 7 |
|
| 8 |
const { Component } = wp.element;
|
| 9 |
const { applyFilters } = wp.hooks;
|
| 48 |
backgroundColor,
|
| 49 |
backgroundColorOpacity,
|
| 50 |
gradient,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 51 |
textColor,
|
| 52 |
linkColor,
|
| 53 |
linkColorHover,
|
| 65 |
textTransform,
|
| 66 |
} = attributes;
|
| 67 |
|
| 68 |
+
const backgroundImageValue = getBackgroundImageCSS( attributes );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 69 |
|
| 70 |
let containerWidthPreview = containerWidth;
|
| 71 |
|
| 80 |
}
|
| 81 |
|
| 82 |
let cssObj = [];
|
|
|
|
| 83 |
cssObj[ '.gb-container-' + uniqueId ] = [ {
|
| 84 |
'background-color': hexToRGBA( backgroundColor, backgroundColorOpacity ),
|
| 85 |
'color': textColor, // eslint-disable-line quote-props
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 86 |
'border-radius': shorthandCSS( borderRadiusTopLeft, borderRadiusTopRight, borderRadiusBottomRight, borderRadiusBottomLeft, borderRadiusUnit ),
|
| 87 |
'margin': shorthandCSS( marginTop, marginRight, marginBottom, marginLeft, marginUnit ), // eslint-disable-line quote-props
|
| 88 |
'z-index': zindex,
|
|
|
|
| 89 |
'text-align': alignment,
|
| 90 |
'font-family': fontFamily + fontFamilyFallbackValue,
|
| 91 |
'font-weight': fontWeight,
|
| 94 |
'min-height': valueWithUnit( minHeight, minHeightUnit ),
|
| 95 |
} ];
|
| 96 |
|
| 97 |
+
if ( bgImage && 'element' === bgOptions.selector && backgroundImageValue ) {
|
| 98 |
+
cssObj[ '.gb-container-' + uniqueId ].push( {
|
| 99 |
+
'background-image': backgroundImageValue,
|
| 100 |
+
'background-size': bgOptions.size,
|
| 101 |
+
'background-position': bgOptions.position,
|
| 102 |
+
'background-repeat': bgOptions.repeat,
|
| 103 |
+
'background-attachment': bgOptions.attachment,
|
| 104 |
+
} );
|
| 105 |
+
} else if ( gradient && backgroundImageValue ) {
|
| 106 |
+
cssObj[ '.gb-container-' + uniqueId ].push( {
|
| 107 |
+
'background-image': backgroundImageValue,
|
| 108 |
+
} );
|
| 109 |
+
}
|
| 110 |
+
|
| 111 |
+
if ( ( bgImage && 'pseudo-element' === bgOptions.selector ) || zindex ) {
|
| 112 |
+
cssObj[ '.gb-container-' + uniqueId ].push( {
|
| 113 |
+
'position': 'relative', // eslint-disable-line quote-props
|
| 114 |
+
} );
|
| 115 |
+
}
|
| 116 |
+
|
| 117 |
+
if ( bgImage && 'pseudo-element' === bgOptions.selector ) {
|
| 118 |
+
cssObj[ '.gb-container-' + uniqueId ].push( {
|
| 119 |
+
'overflow': 'hidden', // eslint-disable-line quote-props
|
| 120 |
+
} );
|
| 121 |
+
}
|
| 122 |
+
|
| 123 |
cssObj[ `.editor-styles-wrapper .gb-container-` + uniqueId + ` h1,
|
| 124 |
.editor-styles-wrapper .gb-container-` + uniqueId + ` h2,
|
| 125 |
.editor-styles-wrapper .gb-container-` + uniqueId + ` h3,
|
| 145 |
} );
|
| 146 |
}
|
| 147 |
|
| 148 |
+
if ( bgImage && 'pseudo-element' === bgOptions.selector ) {
|
| 149 |
+
cssObj[ '.gb-container-' + uniqueId + ':before' ] = [ {
|
| 150 |
+
'content': '""', // eslint-disable-line quote-props
|
| 151 |
+
'background-image': 'url(' + bgImage.image.url + ')',
|
| 152 |
+
'background-repeat': bgOptions.repeat,
|
| 153 |
+
'background-position': bgOptions.position,
|
| 154 |
+
'background-size': bgOptions.size,
|
| 155 |
+
'background-attachment': bgOptions.attachment,
|
| 156 |
+
'z-index': '0',
|
| 157 |
+
'position': 'absolute', // eslint-disable-line quote-props
|
| 158 |
+
'top': '0', // eslint-disable-line quote-props
|
| 159 |
+
'right': '0', // eslint-disable-line quote-props
|
| 160 |
+
'bottom': '0', // eslint-disable-line quote-props
|
| 161 |
+
'left': '0', // eslint-disable-line quote-props
|
| 162 |
+
} ];
|
| 163 |
+
|
| 164 |
+
if ( typeof bgOptions.opacity !== 'undefined' && 1 !== bgOptions.opacity ) {
|
| 165 |
+
cssObj[ '.gb-container-' + uniqueId + ':before' ].push( {
|
| 166 |
+
'opacity': bgOptions.opacity, // eslint-disable-line quote-props
|
| 167 |
+
} );
|
| 168 |
+
}
|
| 169 |
+
}
|
| 170 |
+
|
| 171 |
cssObj[ '.gb-container-' + uniqueId + ' a, .gb-container-' + uniqueId + ' a:visited' ] = [ {
|
| 172 |
'color': linkColor, // eslint-disable-line quote-props
|
| 173 |
} ];
|
| 189 |
} );
|
| 190 |
}
|
| 191 |
|
| 192 |
+
if ( bgImage && 'pseudo-element' === bgOptions.selector ) {
|
| 193 |
+
cssObj[ '.gb-container-' + uniqueId + ' > .gb-inside-container' ].push( {
|
| 194 |
+
'z-index': '1',
|
| 195 |
+
'position': 'relative', // eslint-disable-line quote-props
|
| 196 |
+
} );
|
| 197 |
+
}
|
| 198 |
+
|
| 199 |
cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
|
| 200 |
'width': valueWithUnit( width, '%' ), // eslint-disable-line quote-props
|
| 201 |
'display': 'flex', // eslint-disable-line quote-props
|
| 231 |
'display': 'none', // eslint-disable-line quote-props
|
| 232 |
} ];
|
| 233 |
|
| 234 |
+
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, this.props, 'container' );
|
| 235 |
|
| 236 |
return (
|
| 237 |
<style>{ buildCSS( cssObj ) }</style>
|
src/blocks/container/edit.js
CHANGED
|
@@ -5,6 +5,7 @@
|
|
| 5 |
import Section from './section-tag';
|
| 6 |
import ColorPicker from '../../components/color-picker';
|
| 7 |
import getIcon from '../../utils/get-icon';
|
|
|
|
| 8 |
import classnames from 'classnames';
|
| 9 |
import DimensionsControl from '../../components/dimensions/';
|
| 10 |
import PanelArea from '../../components/panel-area/';
|
|
@@ -29,6 +30,7 @@ const {
|
|
| 29 |
TextControl,
|
| 30 |
Tooltip,
|
| 31 |
BaseControl,
|
|
|
|
| 32 |
} = wp.components;
|
| 33 |
|
| 34 |
const {
|
|
@@ -77,6 +79,33 @@ class GenerateBlockContainer extends Component {
|
|
| 77 |
} else {
|
| 78 |
gbContainerIds.push( this.props.attributes.uniqueId );
|
| 79 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 80 |
}
|
| 81 |
|
| 82 |
render() {
|
|
@@ -92,10 +121,16 @@ class GenerateBlockContainer extends Component {
|
|
| 92 |
} = this.state;
|
| 93 |
|
| 94 |
const onSelectBgImage = ( media ) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 95 |
setAttributes( {
|
| 96 |
bgImage: {
|
| 97 |
id: media.id,
|
| 98 |
-
image: media.sizes
|
| 99 |
},
|
| 100 |
} );
|
| 101 |
};
|
|
@@ -149,6 +184,7 @@ class GenerateBlockContainer extends Component {
|
|
| 149 |
googleFont,
|
| 150 |
googleFontVariants,
|
| 151 |
fullWidthContent,
|
|
|
|
| 152 |
} = attributes;
|
| 153 |
|
| 154 |
const minHeightUnits = [
|
|
@@ -166,6 +202,13 @@ class GenerateBlockContainer extends Component {
|
|
| 166 |
},
|
| 167 |
];
|
| 168 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 169 |
const pageBuilderContainerOption = document.getElementById( '_generate-full-width-content' );
|
| 170 |
const changeEvent = new Event( 'change' ); // eslint-disable-line no-undef
|
| 171 |
const getRootId = wp.data.select( 'core/block-editor' ).getBlockHierarchyRootClientId( clientId );
|
|
@@ -173,35 +216,50 @@ class GenerateBlockContainer extends Component {
|
|
| 173 |
|
| 174 |
const fullWidthContentOptions = () => {
|
| 175 |
return (
|
| 176 |
-
<
|
| 177 |
{ generateBlocksInfo.isGeneratePress && isRootContainer && pageBuilderContainerOption &&
|
| 178 |
-
<
|
| 179 |
-
label={ __( '
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 187 |
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 196 |
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
|
|
|
| 203 |
}
|
| 204 |
-
</
|
| 205 |
);
|
| 206 |
};
|
| 207 |
|
|
@@ -233,8 +291,10 @@ class GenerateBlockContainer extends Component {
|
|
| 233 |
<Fragment>
|
| 234 |
<InspectorControls>
|
| 235 |
<ResponsiveTabs { ...this.props }
|
| 236 |
-
selectedDevice={ selectedDevice }
|
| 237 |
onClick={ ( device ) => {
|
|
|
|
|
|
|
| 238 |
this.setState( {
|
| 239 |
selectedDevice: device,
|
| 240 |
} );
|
|
@@ -249,7 +309,7 @@ class GenerateBlockContainer extends Component {
|
|
| 249 |
className={ 'gblocks-panel-label' }
|
| 250 |
id={ 'containerLayout' }
|
| 251 |
state={ this.state }
|
| 252 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 253 |
>
|
| 254 |
|
| 255 |
<Fragment>
|
|
@@ -267,72 +327,79 @@ class GenerateBlockContainer extends Component {
|
|
| 267 |
/>
|
| 268 |
}
|
| 269 |
|
| 270 |
-
{ fullWidthContentOptions() }
|
| 271 |
-
|
| 272 |
<SelectControl
|
| 273 |
label={ __( 'Container', 'generateblocks' ) }
|
| 274 |
value={ outerContainer }
|
| 275 |
options={ [
|
| 276 |
{ label: __( 'Full width', 'generateblocks' ), value: 'full' },
|
| 277 |
-
{ label: __( 'Contained', 'generateblocks' ), value: 'contained' },
|
| 278 |
] }
|
| 279 |
onChange={ ( value ) => {
|
| 280 |
setAttributes( {
|
| 281 |
outerContainer: value,
|
| 282 |
} );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 283 |
} }
|
| 284 |
/>
|
| 285 |
|
| 286 |
-
{
|
| 287 |
-
<
|
| 288 |
-
label={ __( '
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 289 |
/>
|
| 290 |
}
|
| 291 |
|
| 292 |
-
|
| 293 |
-
|
| 294 |
-
|
| 295 |
-
|
| 296 |
-
|
| 297 |
-
|
| 298 |
-
] }
|
| 299 |
-
onChange={ ( value ) => {
|
| 300 |
-
setAttributes( {
|
| 301 |
-
innerContainer: value,
|
| 302 |
-
} );
|
| 303 |
-
} }
|
| 304 |
-
/>
|
| 305 |
|
| 306 |
-
|
| 307 |
-
|
| 308 |
-
|
| 309 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 310 |
|
| 311 |
-
|
| 312 |
-
|
| 313 |
-
|
| 314 |
-
|
| 315 |
-
|
| 316 |
-
|
| 317 |
-
|
| 318 |
-
|
| 319 |
-
|
| 320 |
-
|
| 321 |
-
|
| 322 |
-
|
| 323 |
-
|
| 324 |
-
</div>
|
| 325 |
|
| 326 |
-
|
| 327 |
-
type={ 'number' }
|
| 328 |
-
value={ parseFloat( containerWidth ) || '' }
|
| 329 |
-
placeholder={ generateBlocksDefaults.container.containerWidth }
|
| 330 |
-
onChange={ ( value ) => {
|
| 331 |
-
setAttributes( {
|
| 332 |
-
containerWidth: '' !== value ? parseFloat( value ) : undefined,
|
| 333 |
-
} );
|
| 334 |
-
} }
|
| 335 |
-
/>
|
| 336 |
</Fragment>
|
| 337 |
|
| 338 |
{ applyFilters( 'generateblocks.editor.controls', '', 'containerLayout', this.props, this.state ) }
|
|
@@ -362,7 +429,7 @@ class GenerateBlockContainer extends Component {
|
|
| 362 |
/>
|
| 363 |
}
|
| 364 |
|
| 365 |
-
{ 'desktop' === selectedDevice && (
|
| 366 |
<Fragment>
|
| 367 |
<div className="components-gblocks-control__header">
|
| 368 |
<div className="components-gblocks-control__label">
|
|
@@ -370,13 +437,13 @@ class GenerateBlockContainer extends Component {
|
|
| 370 |
</div>
|
| 371 |
|
| 372 |
<div className="components-gblocks-control__units">
|
| 373 |
-
<Tooltip text={ __( 'Percentage Units' ) } key={ 'percentage-unit' }>
|
| 374 |
<Button
|
| 375 |
key={ 'percentage-unit' }
|
| 376 |
isSmall
|
| 377 |
isPrimary={ true }
|
| 378 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 379 |
-
aria-label={ __( 'Percentage Units' ) }
|
| 380 |
>
|
| 381 |
%
|
| 382 |
</Button>
|
|
@@ -436,7 +503,7 @@ class GenerateBlockContainer extends Component {
|
|
| 436 |
</Fragment>
|
| 437 |
) }
|
| 438 |
|
| 439 |
-
{ 'tablet' === selectedDevice && (
|
| 440 |
<Fragment>
|
| 441 |
<div className="components-gblocks-control__header">
|
| 442 |
<div className="components-gblocks-control__label">
|
|
@@ -444,13 +511,13 @@ class GenerateBlockContainer extends Component {
|
|
| 444 |
</div>
|
| 445 |
|
| 446 |
<div className="components-gblocks-control__units">
|
| 447 |
-
<Tooltip text={ __( 'Percentage Units' ) } key={ 'percentage-unit' }>
|
| 448 |
<Button
|
| 449 |
key={ 'percentage-unit' }
|
| 450 |
isSmall
|
| 451 |
isPrimary={ true }
|
| 452 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 453 |
-
aria-label={ __( 'Percentage Units' ) }
|
| 454 |
>
|
| 455 |
%
|
| 456 |
</Button>
|
|
@@ -522,7 +589,7 @@ class GenerateBlockContainer extends Component {
|
|
| 522 |
</Fragment>
|
| 523 |
) }
|
| 524 |
|
| 525 |
-
{ 'mobile' === selectedDevice && (
|
| 526 |
<Fragment>
|
| 527 |
<div className="components-gblocks-control__header">
|
| 528 |
<div className="components-gblocks-control__label">
|
|
@@ -530,13 +597,13 @@ class GenerateBlockContainer extends Component {
|
|
| 530 |
</div>
|
| 531 |
|
| 532 |
<div className="components-gblocks-control__units">
|
| 533 |
-
<Tooltip text={ __( 'Percentage Units' ) } key={ 'percentage-unit' }>
|
| 534 |
<Button
|
| 535 |
key={ 'percentage-unit' }
|
| 536 |
isSmall
|
| 537 |
isPrimary={ true }
|
| 538 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 539 |
-
aria-label={ __( 'Percentage Units' ) }
|
| 540 |
>
|
| 541 |
%
|
| 542 |
</Button>
|
|
@@ -621,9 +688,12 @@ class GenerateBlockContainer extends Component {
|
|
| 621 |
state={ this.state }
|
| 622 |
>
|
| 623 |
|
| 624 |
-
{ 'desktop' === selectedDevice && (
|
| 625 |
<Fragment>
|
| 626 |
-
<BaseControl
|
|
|
|
|
|
|
|
|
|
| 627 |
<AlignmentToolbar
|
| 628 |
isCollapsed={ false }
|
| 629 |
value={ alignment }
|
|
@@ -647,7 +717,7 @@ class GenerateBlockContainer extends Component {
|
|
| 647 |
</Fragment>
|
| 648 |
) }
|
| 649 |
|
| 650 |
-
{ 'tablet' === selectedDevice && (
|
| 651 |
<Fragment>
|
| 652 |
<BaseControl label={ __( 'Text Alignment', 'generateblocks' ) }>
|
| 653 |
<AlignmentToolbar
|
|
@@ -670,7 +740,7 @@ class GenerateBlockContainer extends Component {
|
|
| 670 |
</Fragment>
|
| 671 |
) }
|
| 672 |
|
| 673 |
-
{ 'mobile' === selectedDevice && (
|
| 674 |
<Fragment>
|
| 675 |
<BaseControl label={ __( 'Text Alignment', 'generateblocks' ) }>
|
| 676 |
<AlignmentToolbar
|
|
@@ -705,7 +775,7 @@ class GenerateBlockContainer extends Component {
|
|
| 705 |
state={ this.state }
|
| 706 |
>
|
| 707 |
|
| 708 |
-
{ 'desktop' === selectedDevice && (
|
| 709 |
<Fragment>
|
| 710 |
<div className="components-gblocks-dimensions-control__header">
|
| 711 |
<div className="components-gblocks-dimensions-control__label">
|
|
@@ -713,10 +783,10 @@ class GenerateBlockContainer extends Component {
|
|
| 713 |
</div>
|
| 714 |
|
| 715 |
<div className="components-gblocks-control__units">
|
| 716 |
-
<ButtonGroup className="components-gblocks-dimensions-control__units" aria-label={ __( 'Select Units' ) }>
|
| 717 |
{ minHeightUnits.map( ( unit ) =>
|
| 718 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 719 |
-
<Tooltip text={ sprintf( __( '%s Units' ), unit.name ) } key={ unit.unitValue }>
|
| 720 |
<Button
|
| 721 |
key={ unit.unitValue }
|
| 722 |
className={ 'components-gblocks-dimensions-control__units--' + unit.name }
|
|
@@ -724,7 +794,7 @@ class GenerateBlockContainer extends Component {
|
|
| 724 |
isPrimary={ minHeightUnit === unit.unitValue }
|
| 725 |
aria-pressed={ minHeightUnit === unit.unitValue }
|
| 726 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 727 |
-
aria-label={ sprintf( __( '%s Units' ), unit.name ) }
|
| 728 |
onClick={ () => setAttributes( { minHeightUnit: unit.unitValue } ) }
|
| 729 |
>
|
| 730 |
{ unit.unitValue }
|
|
@@ -764,7 +834,7 @@ class GenerateBlockContainer extends Component {
|
|
| 764 |
}
|
| 765 |
|
| 766 |
<DimensionsControl { ...this.props }
|
| 767 |
-
device={ selectedDevice }
|
| 768 |
type={ 'padding' }
|
| 769 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 770 |
attrTop={ 'paddingTop' }
|
|
@@ -777,7 +847,7 @@ class GenerateBlockContainer extends Component {
|
|
| 777 |
/>
|
| 778 |
|
| 779 |
<DimensionsControl { ...this.props }
|
| 780 |
-
device={ selectedDevice }
|
| 781 |
type={ 'margin' }
|
| 782 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 783 |
attrTop={ 'marginTop' }
|
|
@@ -790,7 +860,7 @@ class GenerateBlockContainer extends Component {
|
|
| 790 |
/>
|
| 791 |
|
| 792 |
<DimensionsControl { ...this.props }
|
| 793 |
-
device={ selectedDevice }
|
| 794 |
type={ 'padding' }
|
| 795 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 796 |
attrTop={ 'borderSizeTop' }
|
|
@@ -803,7 +873,7 @@ class GenerateBlockContainer extends Component {
|
|
| 803 |
/>
|
| 804 |
|
| 805 |
<DimensionsControl { ...this.props }
|
| 806 |
-
device={ selectedDevice }
|
| 807 |
type={ 'padding' }
|
| 808 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 809 |
attrTop={ 'borderRadiusTopLeft' }
|
|
@@ -821,7 +891,7 @@ class GenerateBlockContainer extends Component {
|
|
| 821 |
</Fragment>
|
| 822 |
) }
|
| 823 |
|
| 824 |
-
{ 'tablet' === selectedDevice && (
|
| 825 |
<Fragment>
|
| 826 |
<div className="components-gblocks-dimensions-control__header">
|
| 827 |
<div className="components-gblocks-dimensions-control__label">
|
|
@@ -829,10 +899,10 @@ class GenerateBlockContainer extends Component {
|
|
| 829 |
</div>
|
| 830 |
|
| 831 |
<div className="components-gblocks-control__units">
|
| 832 |
-
<ButtonGroup className="components-gblocks-dimensions-control__units" aria-label={ __( 'Select Units' ) }>
|
| 833 |
{ minHeightUnits.map( ( unit ) =>
|
| 834 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 835 |
-
<Tooltip text={ sprintf( __( '%s Units' ), unit.name ) } key={ unit.unitValue }>
|
| 836 |
<Button
|
| 837 |
key={ unit.unitValue }
|
| 838 |
className={ 'components-gblocks-dimensions-control__units--' + unit.name }
|
|
@@ -840,7 +910,7 @@ class GenerateBlockContainer extends Component {
|
|
| 840 |
isPrimary={ minHeightUnitTablet === unit.unitValue }
|
| 841 |
aria-pressed={ minHeightUnitTablet === unit.unitValue }
|
| 842 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 843 |
-
aria-label={ sprintf( __( '%s Units' ), unit.name ) }
|
| 844 |
onClick={ () => setAttributes( { minHeightUnitTablet: unit.unitValue } ) }
|
| 845 |
>
|
| 846 |
{ unit.unitValue }
|
|
@@ -881,7 +951,7 @@ class GenerateBlockContainer extends Component {
|
|
| 881 |
}
|
| 882 |
|
| 883 |
<DimensionsControl { ...this.props }
|
| 884 |
-
device={ selectedDevice }
|
| 885 |
type={ 'padding' }
|
| 886 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 887 |
attrTop={ 'paddingTopTablet' }
|
|
@@ -894,7 +964,7 @@ class GenerateBlockContainer extends Component {
|
|
| 894 |
/>
|
| 895 |
|
| 896 |
<DimensionsControl { ...this.props }
|
| 897 |
-
device={ selectedDevice }
|
| 898 |
type={ 'margin' }
|
| 899 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 900 |
attrTop={ 'marginTopTablet' }
|
|
@@ -907,7 +977,7 @@ class GenerateBlockContainer extends Component {
|
|
| 907 |
/>
|
| 908 |
|
| 909 |
<DimensionsControl { ...this.props }
|
| 910 |
-
device={ selectedDevice }
|
| 911 |
type={ 'padding' }
|
| 912 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 913 |
attrTop={ 'borderSizeTopTablet' }
|
|
@@ -920,7 +990,7 @@ class GenerateBlockContainer extends Component {
|
|
| 920 |
/>
|
| 921 |
|
| 922 |
<DimensionsControl { ...this.props }
|
| 923 |
-
device={ selectedDevice }
|
| 924 |
type={ 'padding' }
|
| 925 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 926 |
attrTop={ 'borderRadiusTopLeftTablet' }
|
|
@@ -938,7 +1008,7 @@ class GenerateBlockContainer extends Component {
|
|
| 938 |
</Fragment>
|
| 939 |
) }
|
| 940 |
|
| 941 |
-
{ 'mobile' === selectedDevice && (
|
| 942 |
<Fragment>
|
| 943 |
<div className="components-gblocks-dimensions-control__header">
|
| 944 |
<div className="components-gblocks-dimensions-control__label">
|
|
@@ -946,10 +1016,10 @@ class GenerateBlockContainer extends Component {
|
|
| 946 |
</div>
|
| 947 |
|
| 948 |
<div className="components-gblocks-control__units">
|
| 949 |
-
<ButtonGroup className="components-gblocks-dimensions-control__units" aria-label={ __( 'Select Units' ) }>
|
| 950 |
{ minHeightUnits.map( ( unit ) =>
|
| 951 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 952 |
-
<Tooltip text={ sprintf( __( '%s Units' ), unit.name ) } key={ unit.unitValue }>
|
| 953 |
<Button
|
| 954 |
key={ unit.unitValue }
|
| 955 |
className={ 'components-gblocks-dimensions-control__units--' + unit.name }
|
|
@@ -957,7 +1027,7 @@ class GenerateBlockContainer extends Component {
|
|
| 957 |
isPrimary={ minHeightUnitMobile === unit.unitValue }
|
| 958 |
aria-pressed={ minHeightUnitMobile === unit.unitValue }
|
| 959 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 960 |
-
aria-label={ sprintf( __( '%s Units' ), unit.name ) }
|
| 961 |
onClick={ () => setAttributes( { minHeightUnitMobile: unit.unitValue } ) }
|
| 962 |
>
|
| 963 |
{ unit.unitValue }
|
|
@@ -998,7 +1068,7 @@ class GenerateBlockContainer extends Component {
|
|
| 998 |
}
|
| 999 |
|
| 1000 |
<DimensionsControl { ...this.props }
|
| 1001 |
-
device={ selectedDevice }
|
| 1002 |
type={ 'padding' }
|
| 1003 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 1004 |
attrTop={ 'paddingTopMobile' }
|
|
@@ -1011,7 +1081,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1011 |
/>
|
| 1012 |
|
| 1013 |
<DimensionsControl { ...this.props }
|
| 1014 |
-
device={ selectedDevice }
|
| 1015 |
type={ 'margin' }
|
| 1016 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 1017 |
attrTop={ 'marginTopMobile' }
|
|
@@ -1024,7 +1094,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1024 |
/>
|
| 1025 |
|
| 1026 |
<DimensionsControl { ...this.props }
|
| 1027 |
-
device={ selectedDevice }
|
| 1028 |
type={ 'padding' }
|
| 1029 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 1030 |
attrTop={ 'borderSizeTopMobile' }
|
|
@@ -1037,7 +1107,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1037 |
/>
|
| 1038 |
|
| 1039 |
<DimensionsControl { ...this.props }
|
| 1040 |
-
device={ selectedDevice }
|
| 1041 |
type={ 'padding' }
|
| 1042 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 1043 |
attrTop={ 'borderRadiusTopLeftMobile' }
|
|
@@ -1065,7 +1135,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1065 |
className={ 'gblocks-panel-label' }
|
| 1066 |
id={ 'containerColors' }
|
| 1067 |
state={ this.state }
|
| 1068 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 1069 |
>
|
| 1070 |
<Fragment>
|
| 1071 |
<ColorPicker
|
|
@@ -1148,7 +1218,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1148 |
className={ 'gblocks-panel-label' }
|
| 1149 |
id={ 'containerBackgroundGradient' }
|
| 1150 |
state={ this.state }
|
| 1151 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 1152 |
>
|
| 1153 |
<GradientControl { ...this.props }
|
| 1154 |
attrGradient={ 'gradient' }
|
|
@@ -1173,7 +1243,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1173 |
className={ 'gblocks-panel-label' }
|
| 1174 |
id={ 'containerBackgroundImage' }
|
| 1175 |
state={ this.state }
|
| 1176 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 1177 |
>
|
| 1178 |
{ ! bgImage && (
|
| 1179 |
<div>
|
|
@@ -1205,12 +1275,12 @@ class GenerateBlockContainer extends Component {
|
|
| 1205 |
naturalWidth={ bgImage.image.width }
|
| 1206 |
naturalHeight={ bgImage.image.height }
|
| 1207 |
>
|
| 1208 |
-
<img src={ bgImage.image.url } alt={ __( '
|
| 1209 |
</ResponsiveWrapper>
|
| 1210 |
</Button>
|
| 1211 |
<div className={ 'edit-bg-buttons' }>
|
| 1212 |
-
<Button onClick={ open }
|
| 1213 |
-
{ __( 'Replace image' ) }
|
| 1214 |
</Button>
|
| 1215 |
<Button onClick={ onRemoveBgImage } isLink isDestructive>
|
| 1216 |
{ __( 'Remove background image', 'generateblocks' ) }
|
|
@@ -1223,23 +1293,84 @@ class GenerateBlockContainer extends Component {
|
|
| 1223 |
|
| 1224 |
{ !! bgImage && (
|
| 1225 |
<div className="section-bg-settings">
|
| 1226 |
-
|
| 1227 |
-
|
| 1228 |
-
|
| 1229 |
-
|
| 1230 |
-
|
| 1231 |
-
|
| 1232 |
-
|
| 1233 |
-
|
| 1234 |
-
|
| 1235 |
-
|
| 1236 |
-
|
| 1237 |
-
|
| 1238 |
-
|
| 1239 |
-
|
| 1240 |
-
|
| 1241 |
-
|
| 1242 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1243 |
) }
|
| 1244 |
|
| 1245 |
<TextControl
|
|
@@ -1317,17 +1448,12 @@ class GenerateBlockContainer extends Component {
|
|
| 1317 |
className={ 'gblocks-panel-label' }
|
| 1318 |
id={ 'containerAdvanced' }
|
| 1319 |
state={ this.state }
|
| 1320 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 1321 |
>
|
| 1322 |
<SelectControl
|
| 1323 |
label={ __( 'Element Tag', 'generateblocks' ) }
|
| 1324 |
value={ tagName }
|
| 1325 |
-
options={
|
| 1326 |
-
{ label: 'div', value: 'div' },
|
| 1327 |
-
{ label: 'section', value: 'section' },
|
| 1328 |
-
{ label: 'header', value: 'header' },
|
| 1329 |
-
{ label: 'footer', value: 'footer' },
|
| 1330 |
-
] }
|
| 1331 |
onChange={ ( value ) => {
|
| 1332 |
setAttributes( {
|
| 1333 |
tagName: value,
|
|
@@ -1335,6 +1461,8 @@ class GenerateBlockContainer extends Component {
|
|
| 1335 |
} }
|
| 1336 |
/>
|
| 1337 |
|
|
|
|
|
|
|
| 1338 |
<TextControl
|
| 1339 |
label={ __( 'Element ID', 'generateblocks' ) }
|
| 1340 |
value={ elementId }
|
|
@@ -1410,6 +1538,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1410 |
[ `gb-grid-column-${ uniqueId }` ]: true,
|
| 1411 |
} ) }>
|
| 1412 |
<Section
|
|
|
|
| 1413 |
tagName={ tagName }
|
| 1414 |
id={ elementId }
|
| 1415 |
className={ classnames( {
|
|
@@ -1418,7 +1547,7 @@ class GenerateBlockContainer extends Component {
|
|
| 1418 |
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 1419 |
} ) }
|
| 1420 |
>
|
| 1421 |
-
{ applyFilters( 'generateblocks.
|
| 1422 |
<div
|
| 1423 |
className={ classnames( {
|
| 1424 |
'gb-inside-container': true,
|
|
@@ -1439,15 +1568,17 @@ class GenerateBlockContainer extends Component {
|
|
| 1439 |
|
| 1440 |
{ ! isGrid && (
|
| 1441 |
<Section
|
|
|
|
| 1442 |
tagName={ tagName }
|
| 1443 |
id={ elementId }
|
| 1444 |
className={ classnames( {
|
| 1445 |
'gb-container': true,
|
| 1446 |
[ `gb-container-${ uniqueId }` ]: true,
|
| 1447 |
[ `${ cssClasses }` ]: '' !== cssClasses,
|
|
|
|
| 1448 |
} ) }
|
| 1449 |
>
|
| 1450 |
-
{ applyFilters( 'generateblocks.
|
| 1451 |
<div
|
| 1452 |
className={ classnames( {
|
| 1453 |
'gb-inside-container': true,
|
| 5 |
import Section from './section-tag';
|
| 6 |
import ColorPicker from '../../components/color-picker';
|
| 7 |
import getIcon from '../../utils/get-icon';
|
| 8 |
+
import getSelectedDevice from '../../utils/get-selected-device';
|
| 9 |
import classnames from 'classnames';
|
| 10 |
import DimensionsControl from '../../components/dimensions/';
|
| 11 |
import PanelArea from '../../components/panel-area/';
|
| 30 |
TextControl,
|
| 31 |
Tooltip,
|
| 32 |
BaseControl,
|
| 33 |
+
Notice,
|
| 34 |
} = wp.components;
|
| 35 |
|
| 36 |
const {
|
| 79 |
} else {
|
| 80 |
gbContainerIds.push( this.props.attributes.uniqueId );
|
| 81 |
}
|
| 82 |
+
|
| 83 |
+
const thisBlock = document.getElementById( 'block-' + this.props.clientId );
|
| 84 |
+
|
| 85 |
+
if ( thisBlock && 'full' === this.props.attributes.align ) {
|
| 86 |
+
thisBlock.setAttribute( 'data-align', 'full' );
|
| 87 |
+
}
|
| 88 |
+
}
|
| 89 |
+
|
| 90 |
+
componentDidUpdate() {
|
| 91 |
+
const thisBlock = document.getElementById( 'block-' + this.props.clientId );
|
| 92 |
+
|
| 93 |
+
if ( thisBlock ) {
|
| 94 |
+
const alignValue = this.props.attributes.align;
|
| 95 |
+
let currentDataAlign = '';
|
| 96 |
+
|
| 97 |
+
if ( thisBlock.getAttribute( 'data-align' ) ) {
|
| 98 |
+
currentDataAlign = thisBlock.getAttribute( 'data-align' );
|
| 99 |
+
}
|
| 100 |
+
|
| 101 |
+
if ( alignValue !== currentDataAlign ) {
|
| 102 |
+
if ( ( '' === alignValue || undefined === alignValue ) && '' !== currentDataAlign ) {
|
| 103 |
+
thisBlock.removeAttribute( 'data-align' );
|
| 104 |
+
} else {
|
| 105 |
+
thisBlock.setAttribute( 'data-align', alignValue );
|
| 106 |
+
}
|
| 107 |
+
}
|
| 108 |
+
}
|
| 109 |
}
|
| 110 |
|
| 111 |
render() {
|
| 121 |
} = this.state;
|
| 122 |
|
| 123 |
const onSelectBgImage = ( media ) => {
|
| 124 |
+
let size = generateBlocksStyling.container.bgImageSize;
|
| 125 |
+
|
| 126 |
+
if ( 'undefined' === typeof media.sizes[ size ] ) {
|
| 127 |
+
size = 'full';
|
| 128 |
+
}
|
| 129 |
+
|
| 130 |
setAttributes( {
|
| 131 |
bgImage: {
|
| 132 |
id: media.id,
|
| 133 |
+
image: media.sizes[ size ],
|
| 134 |
},
|
| 135 |
} );
|
| 136 |
};
|
| 184 |
googleFont,
|
| 185 |
googleFontVariants,
|
| 186 |
fullWidthContent,
|
| 187 |
+
align,
|
| 188 |
} = attributes;
|
| 189 |
|
| 190 |
const minHeightUnits = [
|
| 202 |
},
|
| 203 |
];
|
| 204 |
|
| 205 |
+
const tagNames = [
|
| 206 |
+
{ label: 'div', value: 'div' },
|
| 207 |
+
{ label: 'section', value: 'section' },
|
| 208 |
+
{ label: 'header', value: 'header' },
|
| 209 |
+
{ label: 'footer', value: 'footer' },
|
| 210 |
+
];
|
| 211 |
+
|
| 212 |
const pageBuilderContainerOption = document.getElementById( '_generate-full-width-content' );
|
| 213 |
const changeEvent = new Event( 'change' ); // eslint-disable-line no-undef
|
| 214 |
const getRootId = wp.data.select( 'core/block-editor' ).getBlockHierarchyRootClientId( clientId );
|
| 216 |
|
| 217 |
const fullWidthContentOptions = () => {
|
| 218 |
return (
|
| 219 |
+
<Fragment>
|
| 220 |
{ generateBlocksInfo.isGeneratePress && isRootContainer && pageBuilderContainerOption &&
|
| 221 |
+
<BaseControl
|
| 222 |
+
label={ __( 'If you want to build a full width page, use the option below to remove the page width, margin and padding.', 'generateblocks' ) }
|
| 223 |
+
className="gblocks-gpress-full-width"
|
| 224 |
+
>
|
| 225 |
+
<ToggleControl
|
| 226 |
+
label={ __( 'Make page full-width', 'generateblocks' ) }
|
| 227 |
+
checked={ fullWidthContent ? true : false }
|
| 228 |
+
onChange={ ( value ) => {
|
| 229 |
+
if ( value ) {
|
| 230 |
+
if ( 'select' === pageBuilderContainerOption.tagName.toLowerCase() ) {
|
| 231 |
+
pageBuilderContainerOption.value = 'true';
|
| 232 |
+
pageBuilderContainerOption.dispatchEvent( changeEvent );
|
| 233 |
+
} else {
|
| 234 |
+
pageBuilderContainerOption.checked = true;
|
| 235 |
+
pageBuilderContainerOption.setAttribute( 'value', 'true' );
|
| 236 |
+
pageBuilderContainerOption.dispatchEvent( changeEvent );
|
| 237 |
+
}
|
| 238 |
|
| 239 |
+
setAttributes( {
|
| 240 |
+
fullWidthContent: 'true',
|
| 241 |
+
align: '',
|
| 242 |
+
} );
|
| 243 |
+
} else {
|
| 244 |
+
if ( 'select' === pageBuilderContainerOption.tagName.toLowerCase() ) {
|
| 245 |
+
pageBuilderContainerOption.value = '';
|
| 246 |
+
pageBuilderContainerOption.dispatchEvent( changeEvent );
|
| 247 |
+
} else {
|
| 248 |
+
pageBuilderContainerOption.checked = false;
|
| 249 |
+
pageBuilderContainerOption.setAttribute( 'value', '' );
|
| 250 |
+
document.querySelector( 'input[name="_generate-full-width-content"]#default-content' ).checked = true;
|
| 251 |
+
pageBuilderContainerOption.dispatchEvent( changeEvent );
|
| 252 |
+
}
|
| 253 |
|
| 254 |
+
setAttributes( {
|
| 255 |
+
fullWidthContent: '',
|
| 256 |
+
} );
|
| 257 |
+
}
|
| 258 |
+
} }
|
| 259 |
+
/>
|
| 260 |
+
</BaseControl>
|
| 261 |
}
|
| 262 |
+
</Fragment>
|
| 263 |
);
|
| 264 |
};
|
| 265 |
|
| 291 |
<Fragment>
|
| 292 |
<InspectorControls>
|
| 293 |
<ResponsiveTabs { ...this.props }
|
| 294 |
+
selectedDevice={ getSelectedDevice( selectedDevice ) }
|
| 295 |
onClick={ ( device ) => {
|
| 296 |
+
window.localStorage.setItem( 'generateblocksSelectedDevice', device );
|
| 297 |
+
|
| 298 |
this.setState( {
|
| 299 |
selectedDevice: device,
|
| 300 |
} );
|
| 309 |
className={ 'gblocks-panel-label' }
|
| 310 |
id={ 'containerLayout' }
|
| 311 |
state={ this.state }
|
| 312 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 313 |
>
|
| 314 |
|
| 315 |
<Fragment>
|
| 327 |
/>
|
| 328 |
}
|
| 329 |
|
|
|
|
|
|
|
| 330 |
<SelectControl
|
| 331 |
label={ __( 'Container', 'generateblocks' ) }
|
| 332 |
value={ outerContainer }
|
| 333 |
options={ [
|
| 334 |
{ label: __( 'Full width', 'generateblocks' ), value: 'full' },
|
| 335 |
+
{ label: __( 'Contained width', 'generateblocks' ), value: 'contained' },
|
| 336 |
] }
|
| 337 |
onChange={ ( value ) => {
|
| 338 |
setAttributes( {
|
| 339 |
outerContainer: value,
|
| 340 |
} );
|
| 341 |
+
|
| 342 |
+
if ( 'contained' === value && 'full' === align ) {
|
| 343 |
+
setAttributes( {
|
| 344 |
+
align: '',
|
| 345 |
+
} );
|
| 346 |
+
}
|
| 347 |
} }
|
| 348 |
/>
|
| 349 |
|
| 350 |
+
{ 'full' === outerContainer &&
|
| 351 |
+
<SelectControl
|
| 352 |
+
label={ __( 'Inner Container', 'generateblocks' ) }
|
| 353 |
+
value={ innerContainer }
|
| 354 |
+
options={ [
|
| 355 |
+
{ label: __( 'Full width', 'generateblocks' ), value: 'full' },
|
| 356 |
+
{ label: __( 'Contained width', 'generateblocks' ), value: 'contained' },
|
| 357 |
+
] }
|
| 358 |
+
onChange={ ( value ) => {
|
| 359 |
+
setAttributes( {
|
| 360 |
+
innerContainer: value,
|
| 361 |
+
} );
|
| 362 |
+
} }
|
| 363 |
/>
|
| 364 |
}
|
| 365 |
|
| 366 |
+
{ ( 'contained' === outerContainer || 'contained' === innerContainer ) &&
|
| 367 |
+
<Fragment>
|
| 368 |
+
<div className="components-gblocks-control__header">
|
| 369 |
+
<div className="components-gblocks-control__label">
|
| 370 |
+
{ __( 'Contained Width', 'generateblocks' ) }
|
| 371 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 372 |
|
| 373 |
+
<div className="components-gblocks-control__units">
|
| 374 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'container-width-unit' }>
|
| 375 |
+
<Button
|
| 376 |
+
key={ 'container-width-unit' }
|
| 377 |
+
isSmall
|
| 378 |
+
isPrimary={ true }
|
| 379 |
+
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 380 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
| 381 |
+
>
|
| 382 |
+
px
|
| 383 |
+
</Button>
|
| 384 |
+
</Tooltip>
|
| 385 |
+
</div>
|
| 386 |
+
</div>
|
| 387 |
|
| 388 |
+
<TextControl
|
| 389 |
+
type={ 'number' }
|
| 390 |
+
className="gblocks-container-width"
|
| 391 |
+
value={ parseFloat( containerWidth ) || '' }
|
| 392 |
+
placeholder={ generateBlocksDefaults.container.containerWidth }
|
| 393 |
+
onChange={ ( value ) => {
|
| 394 |
+
setAttributes( {
|
| 395 |
+
containerWidth: '' !== value ? parseFloat( value ) : undefined,
|
| 396 |
+
} );
|
| 397 |
+
} }
|
| 398 |
+
/>
|
| 399 |
+
</Fragment>
|
| 400 |
+
}
|
|
|
|
| 401 |
|
| 402 |
+
{ fullWidthContentOptions() }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 403 |
</Fragment>
|
| 404 |
|
| 405 |
{ applyFilters( 'generateblocks.editor.controls', '', 'containerLayout', this.props, this.state ) }
|
| 429 |
/>
|
| 430 |
}
|
| 431 |
|
| 432 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 433 |
<Fragment>
|
| 434 |
<div className="components-gblocks-control__header">
|
| 435 |
<div className="components-gblocks-control__label">
|
| 437 |
</div>
|
| 438 |
|
| 439 |
<div className="components-gblocks-control__units">
|
| 440 |
+
<Tooltip text={ __( 'Percentage Units', 'generateblocks' ) } key={ 'percentage-unit' }>
|
| 441 |
<Button
|
| 442 |
key={ 'percentage-unit' }
|
| 443 |
isSmall
|
| 444 |
isPrimary={ true }
|
| 445 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 446 |
+
aria-label={ __( 'Percentage Units', 'generateblocks' ) }
|
| 447 |
>
|
| 448 |
%
|
| 449 |
</Button>
|
| 503 |
</Fragment>
|
| 504 |
) }
|
| 505 |
|
| 506 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 507 |
<Fragment>
|
| 508 |
<div className="components-gblocks-control__header">
|
| 509 |
<div className="components-gblocks-control__label">
|
| 511 |
</div>
|
| 512 |
|
| 513 |
<div className="components-gblocks-control__units">
|
| 514 |
+
<Tooltip text={ __( 'Percentage Units', 'generateblocks' ) } key={ 'percentage-unit' }>
|
| 515 |
<Button
|
| 516 |
key={ 'percentage-unit' }
|
| 517 |
isSmall
|
| 518 |
isPrimary={ true }
|
| 519 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 520 |
+
aria-label={ __( 'Percentage Units', 'generateblocks' ) }
|
| 521 |
>
|
| 522 |
%
|
| 523 |
</Button>
|
| 589 |
</Fragment>
|
| 590 |
) }
|
| 591 |
|
| 592 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 593 |
<Fragment>
|
| 594 |
<div className="components-gblocks-control__header">
|
| 595 |
<div className="components-gblocks-control__label">
|
| 597 |
</div>
|
| 598 |
|
| 599 |
<div className="components-gblocks-control__units">
|
| 600 |
+
<Tooltip text={ __( 'Percentage Units', 'generateblocks' ) } key={ 'percentage-unit' }>
|
| 601 |
<Button
|
| 602 |
key={ 'percentage-unit' }
|
| 603 |
isSmall
|
| 604 |
isPrimary={ true }
|
| 605 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 606 |
+
aria-label={ __( 'Percentage Units', 'generateblocks' ) }
|
| 607 |
>
|
| 608 |
%
|
| 609 |
</Button>
|
| 688 |
state={ this.state }
|
| 689 |
>
|
| 690 |
|
| 691 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 692 |
<Fragment>
|
| 693 |
+
<BaseControl
|
| 694 |
+
className="gblocks-container-text-alignment"
|
| 695 |
+
label={ __( 'Text Alignment', 'generateblocks' ) }
|
| 696 |
+
>
|
| 697 |
<AlignmentToolbar
|
| 698 |
isCollapsed={ false }
|
| 699 |
value={ alignment }
|
| 717 |
</Fragment>
|
| 718 |
) }
|
| 719 |
|
| 720 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 721 |
<Fragment>
|
| 722 |
<BaseControl label={ __( 'Text Alignment', 'generateblocks' ) }>
|
| 723 |
<AlignmentToolbar
|
| 740 |
</Fragment>
|
| 741 |
) }
|
| 742 |
|
| 743 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 744 |
<Fragment>
|
| 745 |
<BaseControl label={ __( 'Text Alignment', 'generateblocks' ) }>
|
| 746 |
<AlignmentToolbar
|
| 775 |
state={ this.state }
|
| 776 |
>
|
| 777 |
|
| 778 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 779 |
<Fragment>
|
| 780 |
<div className="components-gblocks-dimensions-control__header">
|
| 781 |
<div className="components-gblocks-dimensions-control__label">
|
| 783 |
</div>
|
| 784 |
|
| 785 |
<div className="components-gblocks-control__units">
|
| 786 |
+
<ButtonGroup className="components-gblocks-dimensions-control__units" aria-label={ __( 'Select Units', 'generateblocks' ) }>
|
| 787 |
{ minHeightUnits.map( ( unit ) =>
|
| 788 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 789 |
+
<Tooltip text={ sprintf( __( '%s Units', 'generateblocks' ), unit.name ) } key={ unit.unitValue }>
|
| 790 |
<Button
|
| 791 |
key={ unit.unitValue }
|
| 792 |
className={ 'components-gblocks-dimensions-control__units--' + unit.name }
|
| 794 |
isPrimary={ minHeightUnit === unit.unitValue }
|
| 795 |
aria-pressed={ minHeightUnit === unit.unitValue }
|
| 796 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 797 |
+
aria-label={ sprintf( __( '%s Units', 'generateblocks' ), unit.name ) }
|
| 798 |
onClick={ () => setAttributes( { minHeightUnit: unit.unitValue } ) }
|
| 799 |
>
|
| 800 |
{ unit.unitValue }
|
| 834 |
}
|
| 835 |
|
| 836 |
<DimensionsControl { ...this.props }
|
| 837 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 838 |
type={ 'padding' }
|
| 839 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 840 |
attrTop={ 'paddingTop' }
|
| 847 |
/>
|
| 848 |
|
| 849 |
<DimensionsControl { ...this.props }
|
| 850 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 851 |
type={ 'margin' }
|
| 852 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 853 |
attrTop={ 'marginTop' }
|
| 860 |
/>
|
| 861 |
|
| 862 |
<DimensionsControl { ...this.props }
|
| 863 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 864 |
type={ 'padding' }
|
| 865 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 866 |
attrTop={ 'borderSizeTop' }
|
| 873 |
/>
|
| 874 |
|
| 875 |
<DimensionsControl { ...this.props }
|
| 876 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 877 |
type={ 'padding' }
|
| 878 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 879 |
attrTop={ 'borderRadiusTopLeft' }
|
| 891 |
</Fragment>
|
| 892 |
) }
|
| 893 |
|
| 894 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 895 |
<Fragment>
|
| 896 |
<div className="components-gblocks-dimensions-control__header">
|
| 897 |
<div className="components-gblocks-dimensions-control__label">
|
| 899 |
</div>
|
| 900 |
|
| 901 |
<div className="components-gblocks-control__units">
|
| 902 |
+
<ButtonGroup className="components-gblocks-dimensions-control__units" aria-label={ __( 'Select Units', 'generateblocks' ) }>
|
| 903 |
{ minHeightUnits.map( ( unit ) =>
|
| 904 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 905 |
+
<Tooltip text={ sprintf( __( '%s Units', 'generateblocks' ), unit.name ) } key={ unit.unitValue }>
|
| 906 |
<Button
|
| 907 |
key={ unit.unitValue }
|
| 908 |
className={ 'components-gblocks-dimensions-control__units--' + unit.name }
|
| 910 |
isPrimary={ minHeightUnitTablet === unit.unitValue }
|
| 911 |
aria-pressed={ minHeightUnitTablet === unit.unitValue }
|
| 912 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 913 |
+
aria-label={ sprintf( __( '%s Units', 'generateblocks' ), unit.name ) }
|
| 914 |
onClick={ () => setAttributes( { minHeightUnitTablet: unit.unitValue } ) }
|
| 915 |
>
|
| 916 |
{ unit.unitValue }
|
| 951 |
}
|
| 952 |
|
| 953 |
<DimensionsControl { ...this.props }
|
| 954 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 955 |
type={ 'padding' }
|
| 956 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 957 |
attrTop={ 'paddingTopTablet' }
|
| 964 |
/>
|
| 965 |
|
| 966 |
<DimensionsControl { ...this.props }
|
| 967 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 968 |
type={ 'margin' }
|
| 969 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 970 |
attrTop={ 'marginTopTablet' }
|
| 977 |
/>
|
| 978 |
|
| 979 |
<DimensionsControl { ...this.props }
|
| 980 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 981 |
type={ 'padding' }
|
| 982 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 983 |
attrTop={ 'borderSizeTopTablet' }
|
| 990 |
/>
|
| 991 |
|
| 992 |
<DimensionsControl { ...this.props }
|
| 993 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 994 |
type={ 'padding' }
|
| 995 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 996 |
attrTop={ 'borderRadiusTopLeftTablet' }
|
| 1008 |
</Fragment>
|
| 1009 |
) }
|
| 1010 |
|
| 1011 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 1012 |
<Fragment>
|
| 1013 |
<div className="components-gblocks-dimensions-control__header">
|
| 1014 |
<div className="components-gblocks-dimensions-control__label">
|
| 1016 |
</div>
|
| 1017 |
|
| 1018 |
<div className="components-gblocks-control__units">
|
| 1019 |
+
<ButtonGroup className="components-gblocks-dimensions-control__units" aria-label={ __( 'Select Units', 'generateblocks' ) }>
|
| 1020 |
{ minHeightUnits.map( ( unit ) =>
|
| 1021 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 1022 |
+
<Tooltip text={ sprintf( __( '%s Units', 'generateblocks' ), unit.name ) } key={ unit.unitValue }>
|
| 1023 |
<Button
|
| 1024 |
key={ unit.unitValue }
|
| 1025 |
className={ 'components-gblocks-dimensions-control__units--' + unit.name }
|
| 1027 |
isPrimary={ minHeightUnitMobile === unit.unitValue }
|
| 1028 |
aria-pressed={ minHeightUnitMobile === unit.unitValue }
|
| 1029 |
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */
|
| 1030 |
+
aria-label={ sprintf( __( '%s Units', 'generateblocks' ), unit.name ) }
|
| 1031 |
onClick={ () => setAttributes( { minHeightUnitMobile: unit.unitValue } ) }
|
| 1032 |
>
|
| 1033 |
{ unit.unitValue }
|
| 1068 |
}
|
| 1069 |
|
| 1070 |
<DimensionsControl { ...this.props }
|
| 1071 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 1072 |
type={ 'padding' }
|
| 1073 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 1074 |
attrTop={ 'paddingTopMobile' }
|
| 1081 |
/>
|
| 1082 |
|
| 1083 |
<DimensionsControl { ...this.props }
|
| 1084 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 1085 |
type={ 'margin' }
|
| 1086 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 1087 |
attrTop={ 'marginTopMobile' }
|
| 1094 |
/>
|
| 1095 |
|
| 1096 |
<DimensionsControl { ...this.props }
|
| 1097 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 1098 |
type={ 'padding' }
|
| 1099 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 1100 |
attrTop={ 'borderSizeTopMobile' }
|
| 1107 |
/>
|
| 1108 |
|
| 1109 |
<DimensionsControl { ...this.props }
|
| 1110 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 1111 |
type={ 'padding' }
|
| 1112 |
label={ __( 'Border Radius', 'generateblocks' ) }
|
| 1113 |
attrTop={ 'borderRadiusTopLeftMobile' }
|
| 1135 |
className={ 'gblocks-panel-label' }
|
| 1136 |
id={ 'containerColors' }
|
| 1137 |
state={ this.state }
|
| 1138 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 1139 |
>
|
| 1140 |
<Fragment>
|
| 1141 |
<ColorPicker
|
| 1218 |
className={ 'gblocks-panel-label' }
|
| 1219 |
id={ 'containerBackgroundGradient' }
|
| 1220 |
state={ this.state }
|
| 1221 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 1222 |
>
|
| 1223 |
<GradientControl { ...this.props }
|
| 1224 |
attrGradient={ 'gradient' }
|
| 1243 |
className={ 'gblocks-panel-label' }
|
| 1244 |
id={ 'containerBackgroundImage' }
|
| 1245 |
state={ this.state }
|
| 1246 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 1247 |
>
|
| 1248 |
{ ! bgImage && (
|
| 1249 |
<div>
|
| 1275 |
naturalWidth={ bgImage.image.width }
|
| 1276 |
naturalHeight={ bgImage.image.height }
|
| 1277 |
>
|
| 1278 |
+
<img src={ bgImage.image.url } alt={ __( 'Background Image', 'generateblocks' ) } />
|
| 1279 |
</ResponsiveWrapper>
|
| 1280 |
</Button>
|
| 1281 |
<div className={ 'edit-bg-buttons' }>
|
| 1282 |
+
<Button onClick={ open } isSecondary isLarge>
|
| 1283 |
+
{ __( 'Replace image', 'generateblocks' ) }
|
| 1284 |
</Button>
|
| 1285 |
<Button onClick={ onRemoveBgImage } isLink isDestructive>
|
| 1286 |
{ __( 'Remove background image', 'generateblocks' ) }
|
| 1293 |
|
| 1294 |
{ !! bgImage && (
|
| 1295 |
<div className="section-bg-settings">
|
| 1296 |
+
{ !! bgOptions.overlay ? ( // This option is deprecated, so only show it if it's in use.
|
| 1297 |
+
<Fragment>
|
| 1298 |
+
<ToggleControl
|
| 1299 |
+
label={ __( 'Background Color Overlay', 'generateblocks' ) }
|
| 1300 |
+
checked={ !! bgOptions.overlay }
|
| 1301 |
+
onChange={ ( nextOverlay ) => {
|
| 1302 |
+
setAttributes( {
|
| 1303 |
+
bgOptions: {
|
| 1304 |
+
...bgOptions,
|
| 1305 |
+
overlay: nextOverlay,
|
| 1306 |
+
},
|
| 1307 |
+
} );
|
| 1308 |
+
} }
|
| 1309 |
+
/>
|
| 1310 |
+
|
| 1311 |
+
<Notice
|
| 1312 |
+
className="gblocks-option-notice"
|
| 1313 |
+
status="info"
|
| 1314 |
+
isDismissible={ false }
|
| 1315 |
+
>
|
| 1316 |
+
{ __( 'The background color overlay option is deprecated. Toggle this option to use the new method.', 'generateblocks' ) }
|
| 1317 |
+
</Notice>
|
| 1318 |
+
</Fragment>
|
| 1319 |
+
) : ( // These options is only for people not using the deprecated overlay option.
|
| 1320 |
+
<Fragment>
|
| 1321 |
+
<SelectControl
|
| 1322 |
+
label={ __( 'Selector', 'generateblocks' ) }
|
| 1323 |
+
value={ bgOptions.selector }
|
| 1324 |
+
options={ [
|
| 1325 |
+
{ label: __( 'Element', 'generateblocks' ), value: 'element' },
|
| 1326 |
+
{ label: __( 'Pseudo Element', 'generateblocks' ), value: 'pseudo-element' },
|
| 1327 |
+
] }
|
| 1328 |
+
onChange={ ( value ) => {
|
| 1329 |
+
setAttributes( {
|
| 1330 |
+
bgOptions: {
|
| 1331 |
+
...bgOptions,
|
| 1332 |
+
selector: value,
|
| 1333 |
+
},
|
| 1334 |
+
} );
|
| 1335 |
+
} }
|
| 1336 |
+
/>
|
| 1337 |
+
|
| 1338 |
+
<RangeControl
|
| 1339 |
+
label={ __( 'Image Opacity', 'generateblocks' ) }
|
| 1340 |
+
value={ bgOptions.opacity }
|
| 1341 |
+
onChange={ ( value ) => {
|
| 1342 |
+
setAttributes( {
|
| 1343 |
+
bgOptions: {
|
| 1344 |
+
...bgOptions,
|
| 1345 |
+
opacity: value,
|
| 1346 |
+
},
|
| 1347 |
+
} );
|
| 1348 |
+
|
| 1349 |
+
if ( 'pseudo-element' !== bgOptions.selector ) {
|
| 1350 |
+
setAttributes( {
|
| 1351 |
+
bgOptions: {
|
| 1352 |
+
...bgOptions,
|
| 1353 |
+
selector: 'pseudo-element',
|
| 1354 |
+
},
|
| 1355 |
+
} );
|
| 1356 |
+
}
|
| 1357 |
+
} }
|
| 1358 |
+
min={ 0 }
|
| 1359 |
+
max={ 1 }
|
| 1360 |
+
step={ 0.1 }
|
| 1361 |
+
initialPosition={ generateBlocksDefaults.container.bgOptions.opacity }
|
| 1362 |
+
/>
|
| 1363 |
+
|
| 1364 |
+
{ 'pseudo-element' !== bgOptions.selector &&
|
| 1365 |
+
<Notice
|
| 1366 |
+
className="gblocks-option-notice"
|
| 1367 |
+
status="info"
|
| 1368 |
+
isDismissible={ false }
|
| 1369 |
+
>
|
| 1370 |
+
{ __( 'Your selector must be set to Pseudo Element to use opacity.', 'generateblocks' ) }
|
| 1371 |
+
</Notice>
|
| 1372 |
+
}
|
| 1373 |
+
</Fragment>
|
| 1374 |
) }
|
| 1375 |
|
| 1376 |
<TextControl
|
| 1448 |
className={ 'gblocks-panel-label' }
|
| 1449 |
id={ 'containerAdvanced' }
|
| 1450 |
state={ this.state }
|
| 1451 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 1452 |
>
|
| 1453 |
<SelectControl
|
| 1454 |
label={ __( 'Element Tag', 'generateblocks' ) }
|
| 1455 |
value={ tagName }
|
| 1456 |
+
options={ applyFilters( 'generateblocks.editor.containerTagNames', tagNames, this.props, this.state ) }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1457 |
onChange={ ( value ) => {
|
| 1458 |
setAttributes( {
|
| 1459 |
tagName: value,
|
| 1461 |
} }
|
| 1462 |
/>
|
| 1463 |
|
| 1464 |
+
{ applyFilters( 'generateblocks.editor.controls', '', 'containerAfterElementTag', this.props, this.state ) }
|
| 1465 |
+
|
| 1466 |
<TextControl
|
| 1467 |
label={ __( 'Element ID', 'generateblocks' ) }
|
| 1468 |
value={ elementId }
|
| 1538 |
[ `gb-grid-column-${ uniqueId }` ]: true,
|
| 1539 |
} ) }>
|
| 1540 |
<Section
|
| 1541 |
+
attributes={ attributes }
|
| 1542 |
tagName={ tagName }
|
| 1543 |
id={ elementId }
|
| 1544 |
className={ classnames( {
|
| 1547 |
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 1548 |
} ) }
|
| 1549 |
>
|
| 1550 |
+
{ applyFilters( 'generateblocks.frontend.insideContainer', '', attributes ) }
|
| 1551 |
<div
|
| 1552 |
className={ classnames( {
|
| 1553 |
'gb-inside-container': true,
|
| 1568 |
|
| 1569 |
{ ! isGrid && (
|
| 1570 |
<Section
|
| 1571 |
+
attributes={ attributes }
|
| 1572 |
tagName={ tagName }
|
| 1573 |
id={ elementId }
|
| 1574 |
className={ classnames( {
|
| 1575 |
'gb-container': true,
|
| 1576 |
[ `gb-container-${ uniqueId }` ]: true,
|
| 1577 |
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 1578 |
+
[ `align${ align }` ]: !! align,
|
| 1579 |
} ) }
|
| 1580 |
>
|
| 1581 |
+
{ applyFilters( 'generateblocks.frontend.insideContainer', '', attributes ) }
|
| 1582 |
<div
|
| 1583 |
className={ classnames( {
|
| 1584 |
'gb-inside-container': true,
|
src/blocks/container/editor.scss
CHANGED
|
@@ -58,6 +58,21 @@ body .gb-container .wp-block {
|
|
| 58 |
margin: 0;
|
| 59 |
}
|
| 60 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 61 |
/* Not needed in GB 7 */
|
| 62 |
.edit-post-visual-editor .block-editor-block-list__block[data-type="generateblocks/container"] > .block-editor-block-list__block-edit {
|
| 63 |
margin: 0;
|
| 58 |
margin: 0;
|
| 59 |
}
|
| 60 |
|
| 61 |
+
.block-editor-block-inspector .components-base-control {
|
| 62 |
+
&.gblocks-gpress-full-width {
|
| 63 |
+
border-top: 1px solid #ddd;
|
| 64 |
+
padding-top: 15px;
|
| 65 |
+
|
| 66 |
+
.components-base-control__label {
|
| 67 |
+
margin-bottom: 15px;
|
| 68 |
+
}
|
| 69 |
+
}
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
.gblocks-container-text-alignment .components-base-control__label {
|
| 73 |
+
display: block;
|
| 74 |
+
}
|
| 75 |
+
|
| 76 |
/* Not needed in GB 7 */
|
| 77 |
.edit-post-visual-editor .block-editor-block-list__block[data-type="generateblocks/container"] > .block-editor-block-list__block-edit {
|
| 78 |
margin: 0;
|
src/blocks/container/save.js
CHANGED
|
@@ -20,6 +20,7 @@ export default ( { attributes } ) => {
|
|
| 20 |
elementId,
|
| 21 |
cssClasses,
|
| 22 |
isGrid,
|
|
|
|
| 23 |
} = attributes;
|
| 24 |
|
| 25 |
const ConditionalWrap = ( { condition, wrap, children } ) => condition ? wrap( children ) : children;
|
|
@@ -33,15 +34,17 @@ export default ( { attributes } ) => {
|
|
| 33 |
} ) }>{ children }</div> }
|
| 34 |
>
|
| 35 |
<Section
|
|
|
|
| 36 |
tagName={ tagName }
|
| 37 |
id={ elementId }
|
| 38 |
className={ classnames( {
|
| 39 |
'gb-container': true,
|
| 40 |
[ `gb-container-${ uniqueId }` ]: true,
|
| 41 |
[ `${ cssClasses }` ]: '' !== cssClasses,
|
|
|
|
| 42 |
} ) }
|
| 43 |
>
|
| 44 |
-
{ applyFilters( 'generateblocks.
|
| 45 |
<div className={ classnames( {
|
| 46 |
'gb-inside-container': true,
|
| 47 |
} ) }>
|
| 20 |
elementId,
|
| 21 |
cssClasses,
|
| 22 |
isGrid,
|
| 23 |
+
align,
|
| 24 |
} = attributes;
|
| 25 |
|
| 26 |
const ConditionalWrap = ( { condition, wrap, children } ) => condition ? wrap( children ) : children;
|
| 34 |
} ) }>{ children }</div> }
|
| 35 |
>
|
| 36 |
<Section
|
| 37 |
+
attributes={ attributes }
|
| 38 |
tagName={ tagName }
|
| 39 |
id={ elementId }
|
| 40 |
className={ classnames( {
|
| 41 |
'gb-container': true,
|
| 42 |
[ `gb-container-${ uniqueId }` ]: true,
|
| 43 |
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 44 |
+
[ `align${ align }` ]: !! align && ! isGrid,
|
| 45 |
} ) }
|
| 46 |
>
|
| 47 |
+
{ applyFilters( 'generateblocks.frontend.insideContainer', '', attributes ) }
|
| 48 |
<div className={ classnames( {
|
| 49 |
'gb-inside-container': true,
|
| 50 |
} ) }>
|
src/blocks/container/section-tag.js
CHANGED
|
@@ -1,17 +1,20 @@
|
|
| 1 |
const { createElement } = wp.element;
|
|
|
|
| 2 |
|
| 3 |
-
export default function Section( { tagName, id, className, style, children } ) {
|
| 4 |
if ( ! id ) {
|
| 5 |
id = null;
|
| 6 |
}
|
| 7 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 8 |
return createElement(
|
| 9 |
tagName,
|
| 10 |
-
|
| 11 |
-
id: id,
|
| 12 |
-
className: className,
|
| 13 |
-
style: style,
|
| 14 |
-
},
|
| 15 |
children
|
| 16 |
);
|
| 17 |
}
|
| 1 |
const { createElement } = wp.element;
|
| 2 |
+
const { applyFilters } = wp.hooks;
|
| 3 |
|
| 4 |
+
export default function Section( { attributes, tagName, id, className, style, children } ) {
|
| 5 |
if ( ! id ) {
|
| 6 |
id = null;
|
| 7 |
}
|
| 8 |
|
| 9 |
+
const htmlAttributes = {
|
| 10 |
+
id: id,
|
| 11 |
+
className: className,
|
| 12 |
+
style: style,
|
| 13 |
+
};
|
| 14 |
+
|
| 15 |
return createElement(
|
| 16 |
tagName,
|
| 17 |
+
applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/container', attributes ),
|
|
|
|
|
|
|
|
|
|
|
|
|
| 18 |
children
|
| 19 |
);
|
| 20 |
}
|
src/blocks/grid/css/desktop.js
CHANGED
|
@@ -33,7 +33,7 @@ export default class DesktopCSS extends Component {
|
|
| 33 |
'margin-bottom': valueWithUnit( verticalGap, 'px' ),
|
| 34 |
} ];
|
| 35 |
|
| 36 |
-
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, 'grid'
|
| 37 |
|
| 38 |
return (
|
| 39 |
<style>{ buildCSS( cssObj ) }</style>
|
| 33 |
'margin-bottom': valueWithUnit( verticalGap, 'px' ),
|
| 34 |
} ];
|
| 35 |
|
| 36 |
+
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, this.props, 'grid' );
|
| 37 |
|
| 38 |
return (
|
| 39 |
<style>{ buildCSS( cssObj ) }</style>
|
src/blocks/grid/edit.js
CHANGED
|
@@ -4,6 +4,7 @@
|
|
| 4 |
|
| 5 |
import classnames from 'classnames';
|
| 6 |
import getIcon from '../../utils/get-icon';
|
|
|
|
| 7 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 8 |
import DesktopCSS from './css/desktop.js';
|
| 9 |
import PanelArea from '../../components/panel-area/';
|
|
@@ -257,6 +258,17 @@ class GenerateBlockGridContainer extends Component {
|
|
| 257 |
verticalGapPlaceholderMobile = verticalGapTablet;
|
| 258 |
}
|
| 259 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 260 |
return (
|
| 261 |
<Fragment>
|
| 262 |
<BlockControls>
|
|
@@ -285,8 +297,10 @@ class GenerateBlockGridContainer extends Component {
|
|
| 285 |
</BlockControls>
|
| 286 |
<InspectorControls>
|
| 287 |
<ResponsiveTabs { ...this.props }
|
| 288 |
-
selectedDevice={ selectedDevice }
|
| 289 |
onClick={ ( device ) => {
|
|
|
|
|
|
|
| 290 |
this.setState( {
|
| 291 |
selectedDevice: device,
|
| 292 |
} );
|
|
@@ -297,7 +311,7 @@ class GenerateBlockGridContainer extends Component {
|
|
| 297 |
id={ 'gridLayout' }
|
| 298 |
state={ this.state }
|
| 299 |
>
|
| 300 |
-
{ 'desktop' === selectedDevice && (
|
| 301 |
<Fragment>
|
| 302 |
<div className="components-gblocks-control__header">
|
| 303 |
<div className="components-gblocks-control__label">
|
|
@@ -305,13 +319,12 @@ class GenerateBlockGridContainer extends Component {
|
|
| 305 |
</div>
|
| 306 |
|
| 307 |
<div className="components-gblocks-control__units">
|
| 308 |
-
<Tooltip text={ __( 'Pixel Units' ) } key={ 'h-gap-unit' }>
|
| 309 |
<Button
|
| 310 |
key={ 'h-gap-unit' }
|
| 311 |
isSmall
|
| 312 |
isPrimary={ true }
|
| 313 |
-
|
| 314 |
-
aria-label={ __( 'Pixel Units' ) }
|
| 315 |
>
|
| 316 |
px
|
| 317 |
</Button>
|
|
@@ -370,13 +383,12 @@ class GenerateBlockGridContainer extends Component {
|
|
| 370 |
</div>
|
| 371 |
|
| 372 |
<div className="components-gblocks-control__units">
|
| 373 |
-
<Tooltip text={ __( 'Pixel Units' ) } key={ 'v-gap-unit' }>
|
| 374 |
<Button
|
| 375 |
key={ 'v-gap-unit' }
|
| 376 |
isSmall
|
| 377 |
isPrimary={ true }
|
| 378 |
-
|
| 379 |
-
aria-label={ __( 'Pixel Units' ) }
|
| 380 |
>
|
| 381 |
px
|
| 382 |
</Button>
|
|
@@ -464,7 +476,7 @@ class GenerateBlockGridContainer extends Component {
|
|
| 464 |
</Fragment>
|
| 465 |
) }
|
| 466 |
|
| 467 |
-
{ 'tablet' === selectedDevice && (
|
| 468 |
<Fragment>
|
| 469 |
<div className="components-gblocks-control__header">
|
| 470 |
<div className="components-gblocks-control__label">
|
|
@@ -472,13 +484,12 @@ class GenerateBlockGridContainer extends Component {
|
|
| 472 |
</div>
|
| 473 |
|
| 474 |
<div className="components-gblocks-control__units">
|
| 475 |
-
<Tooltip text={ __( 'Pixel Units' ) } key={ 'h-gap-tablet-unit' }>
|
| 476 |
<Button
|
| 477 |
key={ 'h-gap-tablet-unit' }
|
| 478 |
isSmall
|
| 479 |
isPrimary={ true }
|
| 480 |
-
|
| 481 |
-
aria-label={ __( 'Pixel Units' ) }
|
| 482 |
>
|
| 483 |
px
|
| 484 |
</Button>
|
|
@@ -538,13 +549,12 @@ class GenerateBlockGridContainer extends Component {
|
|
| 538 |
</div>
|
| 539 |
|
| 540 |
<div className="components-gblocks-control__units">
|
| 541 |
-
<Tooltip text={ __( 'Pixel Units' ) } key={ 'v-gap-tablet-unit' }>
|
| 542 |
<Button
|
| 543 |
key={ 'v-gap-tablet-unit' }
|
| 544 |
isSmall
|
| 545 |
isPrimary={ true }
|
| 546 |
-
|
| 547 |
-
aria-label={ __( 'Pixel Units' ) }
|
| 548 |
>
|
| 549 |
px
|
| 550 |
</Button>
|
|
@@ -635,7 +645,7 @@ class GenerateBlockGridContainer extends Component {
|
|
| 635 |
</Fragment>
|
| 636 |
) }
|
| 637 |
|
| 638 |
-
{ 'mobile' === selectedDevice && (
|
| 639 |
<Fragment>
|
| 640 |
<div className="components-gblocks-control__header">
|
| 641 |
<div className="components-gblocks-control__label">
|
|
@@ -643,13 +653,12 @@ class GenerateBlockGridContainer extends Component {
|
|
| 643 |
</div>
|
| 644 |
|
| 645 |
<div className="components-gblocks-control__units">
|
| 646 |
-
<Tooltip text={ __( 'Pixel Units' ) } key={ 'h-gap-mobile-unit' }>
|
| 647 |
<Button
|
| 648 |
key={ 'h-gap-mobile-unit' }
|
| 649 |
isSmall
|
| 650 |
isPrimary={ true }
|
| 651 |
-
|
| 652 |
-
aria-label={ __( 'Pixel Units' ) }
|
| 653 |
>
|
| 654 |
px
|
| 655 |
</Button>
|
|
@@ -709,13 +718,12 @@ class GenerateBlockGridContainer extends Component {
|
|
| 709 |
</div>
|
| 710 |
|
| 711 |
<div className="components-gblocks-control__units">
|
| 712 |
-
<Tooltip text={ __( 'Pixel Units' ) } key={ 'v-gap-mobile-unit' }>
|
| 713 |
<Button
|
| 714 |
key={ 'v-gap-mobile-unit' }
|
| 715 |
isSmall
|
| 716 |
isPrimary={ true }
|
| 717 |
-
|
| 718 |
-
aria-label={ __( 'Pixel Units' ) }
|
| 719 |
>
|
| 720 |
px
|
| 721 |
</Button>
|
|
@@ -816,7 +824,7 @@ class GenerateBlockGridContainer extends Component {
|
|
| 816 |
className={ 'gblocks-panel-label' }
|
| 817 |
id={ 'gridAdvanced' }
|
| 818 |
state={ this.state }
|
| 819 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 820 |
>
|
| 821 |
<TextControl
|
| 822 |
label={ __( 'Element ID', 'generateblocks' ) }
|
|
@@ -861,12 +869,7 @@ class GenerateBlockGridContainer extends Component {
|
|
| 861 |
<DesktopCSS { ...this.props } />
|
| 862 |
|
| 863 |
<div
|
| 864 |
-
|
| 865 |
-
className={ classnames( {
|
| 866 |
-
'gb-grid-wrapper': true,
|
| 867 |
-
[ `gb-grid-wrapper-${ uniqueId }` ]: true,
|
| 868 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 869 |
-
} ) }
|
| 870 |
>
|
| 871 |
{ columns > 0 || this.state.selectedLayout ? (
|
| 872 |
<Fragment>
|
| 4 |
|
| 5 |
import classnames from 'classnames';
|
| 6 |
import getIcon from '../../utils/get-icon';
|
| 7 |
+
import getSelectedDevice from '../../utils/get-selected-device';
|
| 8 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 9 |
import DesktopCSS from './css/desktop.js';
|
| 10 |
import PanelArea from '../../components/panel-area/';
|
| 258 |
verticalGapPlaceholderMobile = verticalGapTablet;
|
| 259 |
}
|
| 260 |
|
| 261 |
+
let htmlAttributes = {
|
| 262 |
+
id: !! elementId ? elementId : undefined,
|
| 263 |
+
className: classnames( {
|
| 264 |
+
'gb-grid-wrapper': true,
|
| 265 |
+
[ `gb-grid-wrapper-${ uniqueId }` ]: true,
|
| 266 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 267 |
+
} ),
|
| 268 |
+
};
|
| 269 |
+
|
| 270 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/grid', attributes );
|
| 271 |
+
|
| 272 |
return (
|
| 273 |
<Fragment>
|
| 274 |
<BlockControls>
|
| 297 |
</BlockControls>
|
| 298 |
<InspectorControls>
|
| 299 |
<ResponsiveTabs { ...this.props }
|
| 300 |
+
selectedDevice={ getSelectedDevice( selectedDevice ) }
|
| 301 |
onClick={ ( device ) => {
|
| 302 |
+
window.localStorage.setItem( 'generateblocksSelectedDevice', device );
|
| 303 |
+
|
| 304 |
this.setState( {
|
| 305 |
selectedDevice: device,
|
| 306 |
} );
|
| 311 |
id={ 'gridLayout' }
|
| 312 |
state={ this.state }
|
| 313 |
>
|
| 314 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 315 |
<Fragment>
|
| 316 |
<div className="components-gblocks-control__header">
|
| 317 |
<div className="components-gblocks-control__label">
|
| 319 |
</div>
|
| 320 |
|
| 321 |
<div className="components-gblocks-control__units">
|
| 322 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'h-gap-unit' }>
|
| 323 |
<Button
|
| 324 |
key={ 'h-gap-unit' }
|
| 325 |
isSmall
|
| 326 |
isPrimary={ true }
|
| 327 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
|
|
|
| 328 |
>
|
| 329 |
px
|
| 330 |
</Button>
|
| 383 |
</div>
|
| 384 |
|
| 385 |
<div className="components-gblocks-control__units">
|
| 386 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'v-gap-unit' }>
|
| 387 |
<Button
|
| 388 |
key={ 'v-gap-unit' }
|
| 389 |
isSmall
|
| 390 |
isPrimary={ true }
|
| 391 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
|
|
|
| 392 |
>
|
| 393 |
px
|
| 394 |
</Button>
|
| 476 |
</Fragment>
|
| 477 |
) }
|
| 478 |
|
| 479 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 480 |
<Fragment>
|
| 481 |
<div className="components-gblocks-control__header">
|
| 482 |
<div className="components-gblocks-control__label">
|
| 484 |
</div>
|
| 485 |
|
| 486 |
<div className="components-gblocks-control__units">
|
| 487 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'h-gap-tablet-unit' }>
|
| 488 |
<Button
|
| 489 |
key={ 'h-gap-tablet-unit' }
|
| 490 |
isSmall
|
| 491 |
isPrimary={ true }
|
| 492 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
|
|
|
| 493 |
>
|
| 494 |
px
|
| 495 |
</Button>
|
| 549 |
</div>
|
| 550 |
|
| 551 |
<div className="components-gblocks-control__units">
|
| 552 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'v-gap-tablet-unit' }>
|
| 553 |
<Button
|
| 554 |
key={ 'v-gap-tablet-unit' }
|
| 555 |
isSmall
|
| 556 |
isPrimary={ true }
|
| 557 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
|
|
|
| 558 |
>
|
| 559 |
px
|
| 560 |
</Button>
|
| 645 |
</Fragment>
|
| 646 |
) }
|
| 647 |
|
| 648 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 649 |
<Fragment>
|
| 650 |
<div className="components-gblocks-control__header">
|
| 651 |
<div className="components-gblocks-control__label">
|
| 653 |
</div>
|
| 654 |
|
| 655 |
<div className="components-gblocks-control__units">
|
| 656 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'h-gap-mobile-unit' }>
|
| 657 |
<Button
|
| 658 |
key={ 'h-gap-mobile-unit' }
|
| 659 |
isSmall
|
| 660 |
isPrimary={ true }
|
| 661 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
|
|
|
| 662 |
>
|
| 663 |
px
|
| 664 |
</Button>
|
| 718 |
</div>
|
| 719 |
|
| 720 |
<div className="components-gblocks-control__units">
|
| 721 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'v-gap-mobile-unit' }>
|
| 722 |
<Button
|
| 723 |
key={ 'v-gap-mobile-unit' }
|
| 724 |
isSmall
|
| 725 |
isPrimary={ true }
|
| 726 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
|
|
|
| 727 |
>
|
| 728 |
px
|
| 729 |
</Button>
|
| 824 |
className={ 'gblocks-panel-label' }
|
| 825 |
id={ 'gridAdvanced' }
|
| 826 |
state={ this.state }
|
| 827 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 828 |
>
|
| 829 |
<TextControl
|
| 830 |
label={ __( 'Element ID', 'generateblocks' ) }
|
| 869 |
<DesktopCSS { ...this.props } />
|
| 870 |
|
| 871 |
<div
|
| 872 |
+
{ ...htmlAttributes }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 873 |
>
|
| 874 |
{ columns > 0 || this.state.selectedLayout ? (
|
| 875 |
<Fragment>
|
src/blocks/grid/save.js
CHANGED
|
@@ -8,6 +8,10 @@ const {
|
|
| 8 |
InnerBlocks,
|
| 9 |
} = wp.blockEditor;
|
| 10 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
export default ( { attributes } ) => {
|
| 12 |
const {
|
| 13 |
uniqueId,
|
|
@@ -15,14 +19,20 @@ export default ( { attributes } ) => {
|
|
| 15 |
cssClasses,
|
| 16 |
} = attributes;
|
| 17 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 18 |
return (
|
| 19 |
<div
|
| 20 |
-
|
| 21 |
-
className={ classnames( {
|
| 22 |
-
'gb-grid-wrapper': true,
|
| 23 |
-
[ `gb-grid-wrapper-${ uniqueId }` ]: true,
|
| 24 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 25 |
-
} ) }
|
| 26 |
>
|
| 27 |
<InnerBlocks.Content />
|
| 28 |
</div>
|
| 8 |
InnerBlocks,
|
| 9 |
} = wp.blockEditor;
|
| 10 |
|
| 11 |
+
const {
|
| 12 |
+
applyFilters,
|
| 13 |
+
} = wp.hooks;
|
| 14 |
+
|
| 15 |
export default ( { attributes } ) => {
|
| 16 |
const {
|
| 17 |
uniqueId,
|
| 19 |
cssClasses,
|
| 20 |
} = attributes;
|
| 21 |
|
| 22 |
+
let htmlAttributes = {
|
| 23 |
+
id: !! elementId ? elementId : undefined,
|
| 24 |
+
className: classnames( {
|
| 25 |
+
'gb-grid-wrapper': true,
|
| 26 |
+
[ `gb-grid-wrapper-${ uniqueId }` ]: true,
|
| 27 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 28 |
+
} ),
|
| 29 |
+
};
|
| 30 |
+
|
| 31 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/grid', attributes );
|
| 32 |
+
|
| 33 |
return (
|
| 34 |
<div
|
| 35 |
+
{ ...htmlAttributes }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
>
|
| 37 |
<InnerBlocks.Content />
|
| 38 |
</div>
|
src/blocks/headline/attributes.js
CHANGED
|
@@ -19,7 +19,7 @@ export default {
|
|
| 19 |
},
|
| 20 |
element: {
|
| 21 |
type: 'string',
|
| 22 |
-
default:
|
| 23 |
},
|
| 24 |
alignment: {
|
| 25 |
type: 'string',
|
| 19 |
},
|
| 20 |
element: {
|
| 21 |
type: 'string',
|
| 22 |
+
default: 'h2',
|
| 23 |
},
|
| 24 |
alignment: {
|
| 25 |
type: 'string',
|
src/blocks/headline/css/desktop.js
CHANGED
|
@@ -2,7 +2,7 @@ import buildCSS from '../../../utils/build-css';
|
|
| 2 |
import flexboxAlignment from '../../../utils/flexbox-alignment';
|
| 3 |
import valueWithUnit from '../../../utils/value-with-unit';
|
| 4 |
import shorthandCSS from '../../../utils/shorthand-css';
|
| 5 |
-
import hexToRGBA from '../../../
|
| 6 |
|
| 7 |
const { Component } = wp.element;
|
| 8 |
const { applyFilters } = wp.hooks;
|
|
@@ -66,7 +66,8 @@ export default class DesktopCSS extends Component {
|
|
| 66 |
|
| 67 |
let fontFamilyFallbackValue = '',
|
| 68 |
marginBottomValue = '',
|
| 69 |
-
fontSizeValue = ''
|
|
|
|
| 70 |
|
| 71 |
if ( fontFamily && fontFamilyFallback ) {
|
| 72 |
fontFamilyFallbackValue = ', ' + fontFamilyFallback;
|
|
@@ -117,12 +118,13 @@ export default class DesktopCSS extends Component {
|
|
| 117 |
|
| 118 |
if ( icon ) {
|
| 119 |
headlineStyleSelector = '.gb-headline-wrapper-' + uniqueId;
|
|
|
|
| 120 |
}
|
| 121 |
|
| 122 |
cssObj[ headlineStyleSelector ].push( {
|
| 123 |
'background-color': hexToRGBA( backgroundColor, backgroundColorOpacity ),
|
| 124 |
'color': textColor, // eslint-disable-line quote-props
|
| 125 |
-
'display': inlineWidth ?
|
| 126 |
'margin': shorthandCSS( marginTop, marginRight, marginBottomValue, marginLeft, marginUnit ) + ' !important', // eslint-disable-line quote-props
|
| 127 |
'margin-bottom': marginBottomValue + ' !important', // The unit changes depending on the element if no value exists.
|
| 128 |
'padding': shorthandCSS( paddingTop, paddingRight, paddingBottom, paddingLeft, paddingUnit ), // eslint-disable-line quote-props
|
|
@@ -144,7 +146,7 @@ export default class DesktopCSS extends Component {
|
|
| 144 |
'padding': ! removeText ? shorthandCSS( iconPaddingTop, iconPaddingRight, iconPaddingBottom, iconPaddingLeft, iconPaddingUnit ) : false, // eslint-disable-line quote-props
|
| 145 |
'align-self': icon && 'above' === iconLocation ? flexboxAlignment( alignment ) : false,
|
| 146 |
'color': hexToRGBA( iconColor, iconColorOpacity ), // eslint-disable-line quote-props
|
| 147 |
-
'display': icon && 'above' === iconLocation ? '
|
| 148 |
} ];
|
| 149 |
|
| 150 |
cssObj[ '.gb-headline-wrapper-' + uniqueId + ' .gb-icon svg' ] = [ {
|
|
@@ -160,7 +162,7 @@ export default class DesktopCSS extends Component {
|
|
| 160 |
'display': inlineWidth ? 'inline-flex' : false, // eslint-disable-line quote-props
|
| 161 |
} ];
|
| 162 |
|
| 163 |
-
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, 'headline'
|
| 164 |
|
| 165 |
return (
|
| 166 |
<style>{ buildCSS( cssObj ) }</style>
|
| 2 |
import flexboxAlignment from '../../../utils/flexbox-alignment';
|
| 3 |
import valueWithUnit from '../../../utils/value-with-unit';
|
| 4 |
import shorthandCSS from '../../../utils/shorthand-css';
|
| 5 |
+
import hexToRGBA from '../../../utils/hex-to-rgba';
|
| 6 |
|
| 7 |
const { Component } = wp.element;
|
| 8 |
const { applyFilters } = wp.hooks;
|
| 66 |
|
| 67 |
let fontFamilyFallbackValue = '',
|
| 68 |
marginBottomValue = '',
|
| 69 |
+
fontSizeValue = '',
|
| 70 |
+
inlineWidthValue = 'inline-block';
|
| 71 |
|
| 72 |
if ( fontFamily && fontFamilyFallback ) {
|
| 73 |
fontFamilyFallbackValue = ', ' + fontFamilyFallback;
|
| 118 |
|
| 119 |
if ( icon ) {
|
| 120 |
headlineStyleSelector = '.gb-headline-wrapper-' + uniqueId;
|
| 121 |
+
inlineWidthValue = 'inline-flex';
|
| 122 |
}
|
| 123 |
|
| 124 |
cssObj[ headlineStyleSelector ].push( {
|
| 125 |
'background-color': hexToRGBA( backgroundColor, backgroundColorOpacity ),
|
| 126 |
'color': textColor, // eslint-disable-line quote-props
|
| 127 |
+
'display': inlineWidth ? inlineWidthValue : false, // eslint-disable-line quote-props
|
| 128 |
'margin': shorthandCSS( marginTop, marginRight, marginBottomValue, marginLeft, marginUnit ) + ' !important', // eslint-disable-line quote-props
|
| 129 |
'margin-bottom': marginBottomValue + ' !important', // The unit changes depending on the element if no value exists.
|
| 130 |
'padding': shorthandCSS( paddingTop, paddingRight, paddingBottom, paddingLeft, paddingUnit ), // eslint-disable-line quote-props
|
| 146 |
'padding': ! removeText ? shorthandCSS( iconPaddingTop, iconPaddingRight, iconPaddingBottom, iconPaddingLeft, iconPaddingUnit ) : false, // eslint-disable-line quote-props
|
| 147 |
'align-self': icon && 'above' === iconLocation ? flexboxAlignment( alignment ) : false,
|
| 148 |
'color': hexToRGBA( iconColor, iconColorOpacity ), // eslint-disable-line quote-props
|
| 149 |
+
'display': icon && 'above' === iconLocation ? 'inline' : false, // eslint-disable-line quote-props
|
| 150 |
} ];
|
| 151 |
|
| 152 |
cssObj[ '.gb-headline-wrapper-' + uniqueId + ' .gb-icon svg' ] = [ {
|
| 162 |
'display': inlineWidth ? 'inline-flex' : false, // eslint-disable-line quote-props
|
| 163 |
} ];
|
| 164 |
|
| 165 |
+
cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, this.props, 'headline' );
|
| 166 |
|
| 167 |
return (
|
| 168 |
<style>{ buildCSS( cssObj ) }</style>
|
src/blocks/headline/edit.js
CHANGED
|
@@ -9,6 +9,7 @@ import TypographyControls from '../../components/typography';
|
|
| 9 |
import DimensionsControl from '../../components/dimensions/';
|
| 10 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 11 |
import getIcon from '../../utils/get-icon';
|
|
|
|
| 12 |
import sanitizeSVG from '../../utils/sanitize-svg';
|
| 13 |
import DesktopCSS from './css/desktop.js';
|
| 14 |
import PanelArea from '../../components/panel-area/';
|
|
@@ -196,6 +197,27 @@ class GenerateBlockHeadline extends Component {
|
|
| 196 |
},
|
| 197 |
];
|
| 198 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 199 |
return (
|
| 200 |
<Fragment>
|
| 201 |
|
|
@@ -203,7 +225,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 203 |
<Toolbar>
|
| 204 |
<DropdownMenu
|
| 205 |
icon={ getIcon( 'paragraph' ) }
|
| 206 |
-
label={ __( 'Element' ) }
|
| 207 |
controls={ [
|
| 208 |
{
|
| 209 |
title: 'paragraph',
|
|
@@ -272,8 +294,10 @@ class GenerateBlockHeadline extends Component {
|
|
| 272 |
|
| 273 |
<InspectorControls>
|
| 274 |
<ResponsiveTabs { ...this.props }
|
| 275 |
-
selectedDevice={ selectedDevice }
|
| 276 |
onClick={ ( device ) => {
|
|
|
|
|
|
|
| 277 |
this.setState( {
|
| 278 |
selectedDevice: device,
|
| 279 |
} );
|
|
@@ -283,7 +307,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 283 |
<PanelArea { ...this.props }
|
| 284 |
id={ 'headlineElement' }
|
| 285 |
state={ this.state }
|
| 286 |
-
showPanel={ 'desktop' === selectedDevice && ! removeText ? true : false }
|
| 287 |
>
|
| 288 |
<SelectControl
|
| 289 |
label={ __( 'Element', 'generateblocks' ) }
|
|
@@ -324,7 +348,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 324 |
state={ this.state }
|
| 325 |
showPanel={ ! removeText || false }
|
| 326 |
>
|
| 327 |
-
{ 'desktop' === selectedDevice && (
|
| 328 |
<Fragment>
|
| 329 |
{ ! inlineWidth &&
|
| 330 |
<AlignmentToolbar
|
|
@@ -353,7 +377,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 353 |
</Fragment>
|
| 354 |
) }
|
| 355 |
|
| 356 |
-
{ 'tablet' === selectedDevice && (
|
| 357 |
<Fragment>
|
| 358 |
{ ! inlineWidthTablet &&
|
| 359 |
<AlignmentToolbar
|
|
@@ -379,7 +403,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 379 |
</Fragment>
|
| 380 |
) }
|
| 381 |
|
| 382 |
-
{ 'mobile' === selectedDevice && (
|
| 383 |
<Fragment>
|
| 384 |
{ ! inlineWidthMobile &&
|
| 385 |
<AlignmentToolbar
|
|
@@ -416,7 +440,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 416 |
id={ 'headlineSpacing' }
|
| 417 |
state={ this.state }
|
| 418 |
>
|
| 419 |
-
{ 'desktop' === selectedDevice && (
|
| 420 |
<Fragment>
|
| 421 |
<ToggleControl
|
| 422 |
label={ __( 'Inline Width', 'generateblocks' ) }
|
|
@@ -429,7 +453,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 429 |
/>
|
| 430 |
|
| 431 |
<DimensionsControl { ...this.props }
|
| 432 |
-
device={ selectedDevice }
|
| 433 |
type={ 'padding' }
|
| 434 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 435 |
attrTop={ 'paddingTop' }
|
|
@@ -442,7 +466,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 442 |
/>
|
| 443 |
|
| 444 |
<DimensionsControl { ...this.props }
|
| 445 |
-
device={ selectedDevice }
|
| 446 |
type={ 'margin' }
|
| 447 |
block={ 'headline' }
|
| 448 |
label={ __( 'Margin', 'generateblocks' ) }
|
|
@@ -456,7 +480,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 456 |
/>
|
| 457 |
|
| 458 |
<DimensionsControl { ...this.props }
|
| 459 |
-
device={ selectedDevice }
|
| 460 |
type={ 'padding' }
|
| 461 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 462 |
attrTop={ 'borderSizeTop' }
|
|
@@ -470,7 +494,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 470 |
</Fragment>
|
| 471 |
) }
|
| 472 |
|
| 473 |
-
{ 'tablet' === selectedDevice && (
|
| 474 |
<Fragment>
|
| 475 |
<ToggleControl
|
| 476 |
label={ __( 'Inline Width', 'generateblocks' ) }
|
|
@@ -483,7 +507,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 483 |
/>
|
| 484 |
|
| 485 |
<DimensionsControl { ...this.props }
|
| 486 |
-
device={ selectedDevice }
|
| 487 |
type={ 'padding' }
|
| 488 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 489 |
attrTop={ 'paddingTopTablet' }
|
|
@@ -496,7 +520,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 496 |
/>
|
| 497 |
|
| 498 |
<DimensionsControl { ...this.props }
|
| 499 |
-
device={ selectedDevice }
|
| 500 |
type={ 'margin' }
|
| 501 |
block={ 'headline' }
|
| 502 |
label={ __( 'Margin', 'generateblocks' ) }
|
|
@@ -510,7 +534,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 510 |
/>
|
| 511 |
|
| 512 |
<DimensionsControl { ...this.props }
|
| 513 |
-
device={ selectedDevice }
|
| 514 |
type={ 'padding' }
|
| 515 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 516 |
attrTop={ 'borderSizeTopTablet' }
|
|
@@ -524,7 +548,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 524 |
</Fragment>
|
| 525 |
) }
|
| 526 |
|
| 527 |
-
{ 'mobile' === selectedDevice && (
|
| 528 |
<Fragment>
|
| 529 |
<ToggleControl
|
| 530 |
label={ __( 'Inline Width', 'generateblocks' ) }
|
|
@@ -537,7 +561,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 537 |
/>
|
| 538 |
|
| 539 |
<DimensionsControl { ...this.props }
|
| 540 |
-
device={ selectedDevice }
|
| 541 |
type={ 'padding' }
|
| 542 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 543 |
attrTop={ 'paddingTopMobile' }
|
|
@@ -550,7 +574,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 550 |
/>
|
| 551 |
|
| 552 |
<DimensionsControl { ...this.props }
|
| 553 |
-
device={ selectedDevice }
|
| 554 |
type={ 'margin' }
|
| 555 |
block={ 'headline' }
|
| 556 |
label={ __( 'Margin', 'generateblocks' ) }
|
|
@@ -564,7 +588,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 564 |
/>
|
| 565 |
|
| 566 |
<DimensionsControl { ...this.props }
|
| 567 |
-
device={ selectedDevice }
|
| 568 |
type={ 'padding' }
|
| 569 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 570 |
attrTop={ 'borderSizeTopMobile' }
|
|
@@ -588,7 +612,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 588 |
className={ 'gblocks-panel-label' }
|
| 589 |
id={ 'headlineColors' }
|
| 590 |
state={ this.state }
|
| 591 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 592 |
>
|
| 593 |
<ColorPicker
|
| 594 |
label={ __( 'Background Color', 'generateblocks' ) }
|
|
@@ -698,10 +722,10 @@ class GenerateBlockHeadline extends Component {
|
|
| 698 |
className={ 'gblocks-panel-label' }
|
| 699 |
id={ 'headlineIcon' }
|
| 700 |
state={ this.state }
|
| 701 |
-
showPanel={ 'desktop' === selectedDevice || !! icon ? true : false }
|
| 702 |
>
|
| 703 |
|
| 704 |
-
{ 'desktop' === selectedDevice &&
|
| 705 |
<IconPicker { ...this.props }
|
| 706 |
attrIcon={ 'icon' }
|
| 707 |
attrRemoveText={ 'removeText' }
|
|
@@ -709,7 +733,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 709 |
/>
|
| 710 |
}
|
| 711 |
|
| 712 |
-
{ 'desktop' === selectedDevice && !! icon &&
|
| 713 |
<Fragment>
|
| 714 |
{ ! removeText &&
|
| 715 |
<Fragment>
|
|
@@ -747,7 +771,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 747 |
}
|
| 748 |
|
| 749 |
<DimensionsControl { ...this.props }
|
| 750 |
-
device={ selectedDevice }
|
| 751 |
type={ 'padding' }
|
| 752 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 753 |
attrTop={ 'iconPaddingTop' }
|
|
@@ -792,7 +816,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 792 |
<div className="components-base-control components-gblocks-typography-control__inputs">
|
| 793 |
<TextControl
|
| 794 |
type={ 'number' }
|
| 795 |
-
value={ iconSize || '' }
|
| 796 |
step={ 'em' === iconSizeUnit ? .1 : 1 }
|
| 797 |
onChange={ ( value ) => {
|
| 798 |
setAttributes( {
|
|
@@ -826,7 +850,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 826 |
</Fragment>
|
| 827 |
}
|
| 828 |
|
| 829 |
-
{ 'tablet' === selectedDevice && !! icon &&
|
| 830 |
<Fragment>
|
| 831 |
{ ! removeText &&
|
| 832 |
<Fragment>
|
|
@@ -865,7 +889,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 865 |
}
|
| 866 |
|
| 867 |
<DimensionsControl { ...this.props }
|
| 868 |
-
device={ selectedDevice }
|
| 869 |
type={ 'padding' }
|
| 870 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 871 |
attrTop={ 'iconPaddingTopTablet' }
|
|
@@ -910,9 +934,9 @@ class GenerateBlockHeadline extends Component {
|
|
| 910 |
<div className="components-base-control components-gblocks-typography-control__inputs">
|
| 911 |
<TextControl
|
| 912 |
type={ 'number' }
|
| 913 |
-
value={ iconSizeTablet || '' }
|
| 914 |
step={ 'em' === iconSizeUnit ? .1 : 1 }
|
| 915 |
-
placeholder=
|
| 916 |
onChange={ ( value ) => {
|
| 917 |
setAttributes( {
|
| 918 |
iconSizeTablet: value,
|
|
@@ -945,7 +969,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 945 |
</Fragment>
|
| 946 |
}
|
| 947 |
|
| 948 |
-
{ 'mobile' === selectedDevice && !! icon &&
|
| 949 |
<Fragment>
|
| 950 |
{ ! removeText &&
|
| 951 |
<Fragment>
|
|
@@ -984,7 +1008,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 984 |
}
|
| 985 |
|
| 986 |
<DimensionsControl { ...this.props }
|
| 987 |
-
device={ selectedDevice }
|
| 988 |
type={ 'padding' }
|
| 989 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 990 |
attrTop={ 'iconPaddingTopMobile' }
|
|
@@ -1029,9 +1053,9 @@ class GenerateBlockHeadline extends Component {
|
|
| 1029 |
<div className="components-base-control components-gblocks-typography-control__inputs">
|
| 1030 |
<TextControl
|
| 1031 |
type={ 'number' }
|
| 1032 |
-
value={ iconSizeMobile || '' }
|
| 1033 |
step={ 'em' === iconSizeUnit ? .1 : 1 }
|
| 1034 |
-
placeholder=
|
| 1035 |
onChange={ ( value ) => {
|
| 1036 |
setAttributes( {
|
| 1037 |
iconSizeMobile: value,
|
|
@@ -1074,7 +1098,7 @@ class GenerateBlockHeadline extends Component {
|
|
| 1074 |
className={ 'gblocks-panel-label' }
|
| 1075 |
id={ 'headlineAdvanced' }
|
| 1076 |
state={ this.state }
|
| 1077 |
-
showPanel={ 'desktop' === selectedDevice || false }
|
| 1078 |
>
|
| 1079 |
<TextControl
|
| 1080 |
label={ __( 'Element ID', 'generateblocks' ) }
|
|
@@ -1142,35 +1166,23 @@ class GenerateBlockHeadline extends Component {
|
|
| 1142 |
|
| 1143 |
{ ! removeText &&
|
| 1144 |
<RichText
|
| 1145 |
-
allowedFormats={ [ 'core/bold', 'core/italic', 'core/link', 'core/underline', 'generateblocks/mark' ] }
|
| 1146 |
tagName={ element }
|
| 1147 |
value={ content }
|
| 1148 |
onChange={ ( value ) => setAttributes( { content: value } ) }
|
| 1149 |
-
id={ !! elementId ? elementId : undefined }
|
| 1150 |
-
className={ classnames( {
|
| 1151 |
-
'gb-headline': true,
|
| 1152 |
-
[ `gb-headline-${ uniqueId }` ]: true,
|
| 1153 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 1154 |
-
} ) }
|
| 1155 |
placeholder={ __( 'Write headline…', 'generateblocks' ) }
|
| 1156 |
keepPlaceholderOnFocus={ true }
|
|
|
|
| 1157 |
/>
|
| 1158 |
}
|
| 1159 |
</div>
|
| 1160 |
) : (
|
| 1161 |
<RichText
|
| 1162 |
-
allowedFormats={ [ 'core/bold', 'core/italic', 'core/link', 'core/underline', 'generateblocks/mark' ] }
|
| 1163 |
tagName={ element }
|
| 1164 |
value={ content }
|
| 1165 |
onChange={ ( value ) => setAttributes( { content: value } ) }
|
| 1166 |
-
id={ !! elementId ? elementId : undefined }
|
| 1167 |
-
className={ classnames( {
|
| 1168 |
-
'gb-headline': true,
|
| 1169 |
-
[ `gb-headline-${ uniqueId }` ]: true,
|
| 1170 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 1171 |
-
} ) }
|
| 1172 |
placeholder={ __( 'Write headline…', 'generateblocks' ) }
|
| 1173 |
keepPlaceholderOnFocus={ true }
|
|
|
|
| 1174 |
/>
|
| 1175 |
) }
|
| 1176 |
</Fragment>
|
| 9 |
import DimensionsControl from '../../components/dimensions/';
|
| 10 |
import ResponsiveTabs from '../../components/responsive-tabs';
|
| 11 |
import getIcon from '../../utils/get-icon';
|
| 12 |
+
import getSelectedDevice from '../../utils/get-selected-device';
|
| 13 |
import sanitizeSVG from '../../utils/sanitize-svg';
|
| 14 |
import DesktopCSS from './css/desktop.js';
|
| 15 |
import PanelArea from '../../components/panel-area/';
|
| 197 |
},
|
| 198 |
];
|
| 199 |
|
| 200 |
+
let iconSizePlaceholderMobile = '';
|
| 201 |
+
|
| 202 |
+
if ( iconSizeTablet || 0 === iconSizeTablet ) {
|
| 203 |
+
iconSizePlaceholderMobile = iconSizeTablet;
|
| 204 |
+
} else if ( iconSize || 0 === iconSize ) {
|
| 205 |
+
iconSizePlaceholderMobile = iconSize;
|
| 206 |
+
} else {
|
| 207 |
+
iconSizePlaceholderMobile = '';
|
| 208 |
+
}
|
| 209 |
+
|
| 210 |
+
let htmlAttributes = {
|
| 211 |
+
id: !! elementId ? elementId : undefined,
|
| 212 |
+
className: classnames( {
|
| 213 |
+
'gb-headline': true,
|
| 214 |
+
[ `gb-headline-${ uniqueId }` ]: true,
|
| 215 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 216 |
+
} ),
|
| 217 |
+
};
|
| 218 |
+
|
| 219 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/headline', attributes );
|
| 220 |
+
|
| 221 |
return (
|
| 222 |
<Fragment>
|
| 223 |
|
| 225 |
<Toolbar>
|
| 226 |
<DropdownMenu
|
| 227 |
icon={ getIcon( 'paragraph' ) }
|
| 228 |
+
label={ __( 'Element', 'generateblocks' ) }
|
| 229 |
controls={ [
|
| 230 |
{
|
| 231 |
title: 'paragraph',
|
| 294 |
|
| 295 |
<InspectorControls>
|
| 296 |
<ResponsiveTabs { ...this.props }
|
| 297 |
+
selectedDevice={ getSelectedDevice( selectedDevice ) }
|
| 298 |
onClick={ ( device ) => {
|
| 299 |
+
window.localStorage.setItem( 'generateblocksSelectedDevice', device );
|
| 300 |
+
|
| 301 |
this.setState( {
|
| 302 |
selectedDevice: device,
|
| 303 |
} );
|
| 307 |
<PanelArea { ...this.props }
|
| 308 |
id={ 'headlineElement' }
|
| 309 |
state={ this.state }
|
| 310 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) && ! removeText ? true : false }
|
| 311 |
>
|
| 312 |
<SelectControl
|
| 313 |
label={ __( 'Element', 'generateblocks' ) }
|
| 348 |
state={ this.state }
|
| 349 |
showPanel={ ! removeText || false }
|
| 350 |
>
|
| 351 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 352 |
<Fragment>
|
| 353 |
{ ! inlineWidth &&
|
| 354 |
<AlignmentToolbar
|
| 377 |
</Fragment>
|
| 378 |
) }
|
| 379 |
|
| 380 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 381 |
<Fragment>
|
| 382 |
{ ! inlineWidthTablet &&
|
| 383 |
<AlignmentToolbar
|
| 403 |
</Fragment>
|
| 404 |
) }
|
| 405 |
|
| 406 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 407 |
<Fragment>
|
| 408 |
{ ! inlineWidthMobile &&
|
| 409 |
<AlignmentToolbar
|
| 440 |
id={ 'headlineSpacing' }
|
| 441 |
state={ this.state }
|
| 442 |
>
|
| 443 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && (
|
| 444 |
<Fragment>
|
| 445 |
<ToggleControl
|
| 446 |
label={ __( 'Inline Width', 'generateblocks' ) }
|
| 453 |
/>
|
| 454 |
|
| 455 |
<DimensionsControl { ...this.props }
|
| 456 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 457 |
type={ 'padding' }
|
| 458 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 459 |
attrTop={ 'paddingTop' }
|
| 466 |
/>
|
| 467 |
|
| 468 |
<DimensionsControl { ...this.props }
|
| 469 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 470 |
type={ 'margin' }
|
| 471 |
block={ 'headline' }
|
| 472 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 480 |
/>
|
| 481 |
|
| 482 |
<DimensionsControl { ...this.props }
|
| 483 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 484 |
type={ 'padding' }
|
| 485 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 486 |
attrTop={ 'borderSizeTop' }
|
| 494 |
</Fragment>
|
| 495 |
) }
|
| 496 |
|
| 497 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && (
|
| 498 |
<Fragment>
|
| 499 |
<ToggleControl
|
| 500 |
label={ __( 'Inline Width', 'generateblocks' ) }
|
| 507 |
/>
|
| 508 |
|
| 509 |
<DimensionsControl { ...this.props }
|
| 510 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 511 |
type={ 'padding' }
|
| 512 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 513 |
attrTop={ 'paddingTopTablet' }
|
| 520 |
/>
|
| 521 |
|
| 522 |
<DimensionsControl { ...this.props }
|
| 523 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 524 |
type={ 'margin' }
|
| 525 |
block={ 'headline' }
|
| 526 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 534 |
/>
|
| 535 |
|
| 536 |
<DimensionsControl { ...this.props }
|
| 537 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 538 |
type={ 'padding' }
|
| 539 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 540 |
attrTop={ 'borderSizeTopTablet' }
|
| 548 |
</Fragment>
|
| 549 |
) }
|
| 550 |
|
| 551 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && (
|
| 552 |
<Fragment>
|
| 553 |
<ToggleControl
|
| 554 |
label={ __( 'Inline Width', 'generateblocks' ) }
|
| 561 |
/>
|
| 562 |
|
| 563 |
<DimensionsControl { ...this.props }
|
| 564 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 565 |
type={ 'padding' }
|
| 566 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 567 |
attrTop={ 'paddingTopMobile' }
|
| 574 |
/>
|
| 575 |
|
| 576 |
<DimensionsControl { ...this.props }
|
| 577 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 578 |
type={ 'margin' }
|
| 579 |
block={ 'headline' }
|
| 580 |
label={ __( 'Margin', 'generateblocks' ) }
|
| 588 |
/>
|
| 589 |
|
| 590 |
<DimensionsControl { ...this.props }
|
| 591 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 592 |
type={ 'padding' }
|
| 593 |
label={ __( 'Border Size', 'generateblocks' ) }
|
| 594 |
attrTop={ 'borderSizeTopMobile' }
|
| 612 |
className={ 'gblocks-panel-label' }
|
| 613 |
id={ 'headlineColors' }
|
| 614 |
state={ this.state }
|
| 615 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 616 |
>
|
| 617 |
<ColorPicker
|
| 618 |
label={ __( 'Background Color', 'generateblocks' ) }
|
| 722 |
className={ 'gblocks-panel-label' }
|
| 723 |
id={ 'headlineIcon' }
|
| 724 |
state={ this.state }
|
| 725 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || !! icon ? true : false }
|
| 726 |
>
|
| 727 |
|
| 728 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) &&
|
| 729 |
<IconPicker { ...this.props }
|
| 730 |
attrIcon={ 'icon' }
|
| 731 |
attrRemoveText={ 'removeText' }
|
| 733 |
/>
|
| 734 |
}
|
| 735 |
|
| 736 |
+
{ 'desktop' === getSelectedDevice( selectedDevice ) && !! icon &&
|
| 737 |
<Fragment>
|
| 738 |
{ ! removeText &&
|
| 739 |
<Fragment>
|
| 771 |
}
|
| 772 |
|
| 773 |
<DimensionsControl { ...this.props }
|
| 774 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 775 |
type={ 'padding' }
|
| 776 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 777 |
attrTop={ 'iconPaddingTop' }
|
| 816 |
<div className="components-base-control components-gblocks-typography-control__inputs">
|
| 817 |
<TextControl
|
| 818 |
type={ 'number' }
|
| 819 |
+
value={ iconSize || 0 === iconSize ? iconSize : '' }
|
| 820 |
step={ 'em' === iconSizeUnit ? .1 : 1 }
|
| 821 |
onChange={ ( value ) => {
|
| 822 |
setAttributes( {
|
| 850 |
</Fragment>
|
| 851 |
}
|
| 852 |
|
| 853 |
+
{ 'tablet' === getSelectedDevice( selectedDevice ) && !! icon &&
|
| 854 |
<Fragment>
|
| 855 |
{ ! removeText &&
|
| 856 |
<Fragment>
|
| 889 |
}
|
| 890 |
|
| 891 |
<DimensionsControl { ...this.props }
|
| 892 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 893 |
type={ 'padding' }
|
| 894 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 895 |
attrTop={ 'iconPaddingTopTablet' }
|
| 934 |
<div className="components-base-control components-gblocks-typography-control__inputs">
|
| 935 |
<TextControl
|
| 936 |
type={ 'number' }
|
| 937 |
+
value={ iconSizeTablet || 0 === iconSizeTablet ? iconSizeTablet : '' }
|
| 938 |
step={ 'em' === iconSizeUnit ? .1 : 1 }
|
| 939 |
+
placeholder={ iconSize || 0 === iconSize ? iconSize : '' }
|
| 940 |
onChange={ ( value ) => {
|
| 941 |
setAttributes( {
|
| 942 |
iconSizeTablet: value,
|
| 969 |
</Fragment>
|
| 970 |
}
|
| 971 |
|
| 972 |
+
{ 'mobile' === getSelectedDevice( selectedDevice ) && !! icon &&
|
| 973 |
<Fragment>
|
| 974 |
{ ! removeText &&
|
| 975 |
<Fragment>
|
| 1008 |
}
|
| 1009 |
|
| 1010 |
<DimensionsControl { ...this.props }
|
| 1011 |
+
device={ getSelectedDevice( selectedDevice ) }
|
| 1012 |
type={ 'padding' }
|
| 1013 |
label={ __( 'Padding', 'generateblocks' ) }
|
| 1014 |
attrTop={ 'iconPaddingTopMobile' }
|
| 1053 |
<div className="components-base-control components-gblocks-typography-control__inputs">
|
| 1054 |
<TextControl
|
| 1055 |
type={ 'number' }
|
| 1056 |
+
value={ iconSizeMobile || 0 === iconSizeMobile ? iconSizeMobile : '' }
|
| 1057 |
step={ 'em' === iconSizeUnit ? .1 : 1 }
|
| 1058 |
+
placeholder={ iconSizePlaceholderMobile }
|
| 1059 |
onChange={ ( value ) => {
|
| 1060 |
setAttributes( {
|
| 1061 |
iconSizeMobile: value,
|
| 1098 |
className={ 'gblocks-panel-label' }
|
| 1099 |
id={ 'headlineAdvanced' }
|
| 1100 |
state={ this.state }
|
| 1101 |
+
showPanel={ 'desktop' === getSelectedDevice( selectedDevice ) || false }
|
| 1102 |
>
|
| 1103 |
<TextControl
|
| 1104 |
label={ __( 'Element ID', 'generateblocks' ) }
|
| 1166 |
|
| 1167 |
{ ! removeText &&
|
| 1168 |
<RichText
|
|
|
|
| 1169 |
tagName={ element }
|
| 1170 |
value={ content }
|
| 1171 |
onChange={ ( value ) => setAttributes( { content: value } ) }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1172 |
placeholder={ __( 'Write headline…', 'generateblocks' ) }
|
| 1173 |
keepPlaceholderOnFocus={ true }
|
| 1174 |
+
{ ...htmlAttributes }
|
| 1175 |
/>
|
| 1176 |
}
|
| 1177 |
</div>
|
| 1178 |
) : (
|
| 1179 |
<RichText
|
|
|
|
| 1180 |
tagName={ element }
|
| 1181 |
value={ content }
|
| 1182 |
onChange={ ( value ) => setAttributes( { content: value } ) }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1183 |
placeholder={ __( 'Write headline…', 'generateblocks' ) }
|
| 1184 |
keepPlaceholderOnFocus={ true }
|
| 1185 |
+
{ ...htmlAttributes }
|
| 1186 |
/>
|
| 1187 |
) }
|
| 1188 |
</Fragment>
|
src/blocks/headline/editor.scss
CHANGED
|
@@ -9,6 +9,6 @@
|
|
| 9 |
}
|
| 10 |
|
| 11 |
mark.gb-highlight {
|
| 12 |
-
background:
|
| 13 |
color: unset;
|
| 14 |
}
|
| 9 |
}
|
| 10 |
|
| 11 |
mark.gb-highlight {
|
| 12 |
+
background: none;
|
| 13 |
color: unset;
|
| 14 |
}
|
src/blocks/headline/markformat.js
CHANGED
|
@@ -16,35 +16,63 @@ const {
|
|
| 16 |
RichTextShortcut,
|
| 17 |
} = wp.blockEditor;
|
| 18 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
const icon = <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fillRule="evenodd" clipRule="evenodd" strokeLinejoin="round" strokeMiterlimit="1.414"><path d="M4.331,15.598l2.193,1.693c0,0 -0.813,1.215 -0.992,1.215c-1.129,0.003 -1.424,0.008 -2.603,-0.001c-0.741,-0.006 -0.04,-0.955 0.187,-1.269c0.502,-0.694 1.215,-1.638 1.215,-1.638Zm7.632,-14.107c0.364,-0.061 5.412,3.896 5.439,4.272c0.031,0.438 -4.887,8.469 -5.635,9.648c-0.251,0.397 -1.185,0.206 -2.064,0.472c-0.801,0.243 -1.89,1.336 -2.193,1.105c-1.047,-0.796 -2.217,-1.646 -3.117,-2.49c-0.367,-0.343 0.388,-1.241 0.405,-2.188c0.015,-0.811 -0.644,-2.029 -0.196,-2.575c0.836,-1.019 6.931,-8.172 7.361,-8.244Zm0.144,1.454l3.95,3.105l-4.972,8.1l-5.197,-4.053l6.219,-7.152Z" /></svg>;
|
| 20 |
const name = 'generateblocks/mark';
|
| 21 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 22 |
const GenerateBlocksMarkHighlight = {
|
| 23 |
title: __( 'Highlight', 'generateblocks' ),
|
| 24 |
tagName: 'mark',
|
| 25 |
className: 'gb-highlight',
|
| 26 |
-
edit
|
| 27 |
-
const onToggle = () => onChange( toggleFormat( value, { type: name } ) );
|
| 28 |
-
|
| 29 |
-
return (
|
| 30 |
-
<Fragment>
|
| 31 |
-
<RichTextShortcut
|
| 32 |
-
type="primary"
|
| 33 |
-
character="m"
|
| 34 |
-
onUse={ onToggle }
|
| 35 |
-
/>
|
| 36 |
-
<RichTextToolbarButton
|
| 37 |
-
icon={ icon }
|
| 38 |
-
title={ __( 'Highlight' ) }
|
| 39 |
-
onClick={ onToggle }
|
| 40 |
-
isActive={ isActive }
|
| 41 |
-
shortcutType="access"
|
| 42 |
-
shortcutCharacter="m"
|
| 43 |
-
className={ `toolbar-button-with-text toolbar-button__${ name }` }
|
| 44 |
-
/>
|
| 45 |
-
</Fragment>
|
| 46 |
-
);
|
| 47 |
-
},
|
| 48 |
};
|
| 49 |
|
| 50 |
registerFormatType( name, GenerateBlocksMarkHighlight );
|
| 16 |
RichTextShortcut,
|
| 17 |
} = wp.blockEditor;
|
| 18 |
|
| 19 |
+
const {
|
| 20 |
+
withSelect,
|
| 21 |
+
} = wp.data;
|
| 22 |
+
|
| 23 |
+
const {
|
| 24 |
+
ifCondition,
|
| 25 |
+
} = wp.compose;
|
| 26 |
+
|
| 27 |
+
const {
|
| 28 |
+
compose,
|
| 29 |
+
} = wp.compose;
|
| 30 |
+
|
| 31 |
const icon = <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fillRule="evenodd" clipRule="evenodd" strokeLinejoin="round" strokeMiterlimit="1.414"><path d="M4.331,15.598l2.193,1.693c0,0 -0.813,1.215 -0.992,1.215c-1.129,0.003 -1.424,0.008 -2.603,-0.001c-0.741,-0.006 -0.04,-0.955 0.187,-1.269c0.502,-0.694 1.215,-1.638 1.215,-1.638Zm7.632,-14.107c0.364,-0.061 5.412,3.896 5.439,4.272c0.031,0.438 -4.887,8.469 -5.635,9.648c-0.251,0.397 -1.185,0.206 -2.064,0.472c-0.801,0.243 -1.89,1.336 -2.193,1.105c-1.047,-0.796 -2.217,-1.646 -3.117,-2.49c-0.367,-0.343 0.388,-1.241 0.405,-2.188c0.015,-0.811 -0.644,-2.029 -0.196,-2.575c0.836,-1.019 6.931,-8.172 7.361,-8.244Zm0.144,1.454l3.95,3.105l-4.972,8.1l-5.197,-4.053l6.219,-7.152Z" /></svg>;
|
| 32 |
const name = 'generateblocks/mark';
|
| 33 |
|
| 34 |
+
const GenerateBlocksMarkHightlightButton = function( props ) {
|
| 35 |
+
const onToggle = () => props.onChange( toggleFormat( props.value, { type: name } ) );
|
| 36 |
+
|
| 37 |
+
return (
|
| 38 |
+
<Fragment>
|
| 39 |
+
<RichTextShortcut
|
| 40 |
+
type="primary"
|
| 41 |
+
character="m"
|
| 42 |
+
onUse={ onToggle }
|
| 43 |
+
/>
|
| 44 |
+
<RichTextToolbarButton
|
| 45 |
+
icon={ icon }
|
| 46 |
+
title={ __( 'Highlight', 'generateblocks' ) }
|
| 47 |
+
onClick={ onToggle }
|
| 48 |
+
isActive={ props.isActive }
|
| 49 |
+
shortcutType="access"
|
| 50 |
+
shortcutCharacter="m"
|
| 51 |
+
className={ `toolbar-button-with-text toolbar-button__${ name }` }
|
| 52 |
+
/>
|
| 53 |
+
</Fragment>
|
| 54 |
+
);
|
| 55 |
+
};
|
| 56 |
+
|
| 57 |
+
const ConditionalButton = compose(
|
| 58 |
+
withSelect( function( select ) {
|
| 59 |
+
return {
|
| 60 |
+
selectedBlock: select( 'core/block-editor' ).getSelectedBlock(),
|
| 61 |
+
};
|
| 62 |
+
} ),
|
| 63 |
+
ifCondition( function( props ) {
|
| 64 |
+
return (
|
| 65 |
+
props.selectedBlock &&
|
| 66 |
+
props.selectedBlock.name === 'generateblocks/headline'
|
| 67 |
+
);
|
| 68 |
+
} )
|
| 69 |
+
)( GenerateBlocksMarkHightlightButton );
|
| 70 |
+
|
| 71 |
const GenerateBlocksMarkHighlight = {
|
| 72 |
title: __( 'Highlight', 'generateblocks' ),
|
| 73 |
tagName: 'mark',
|
| 74 |
className: 'gb-highlight',
|
| 75 |
+
edit: ConditionalButton,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 76 |
};
|
| 77 |
|
| 78 |
registerFormatType( name, GenerateBlocksMarkHighlight );
|
src/blocks/headline/save.js
CHANGED
|
@@ -9,6 +9,10 @@ const {
|
|
| 9 |
RichText,
|
| 10 |
} = wp.blockEditor;
|
| 11 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 12 |
export default ( { attributes } ) => {
|
| 13 |
const {
|
| 14 |
uniqueId,
|
|
@@ -23,6 +27,17 @@ export default ( { attributes } ) => {
|
|
| 23 |
|
| 24 |
const ConditionalWrap = ( { condition, wrap, children } ) => condition ? wrap( children ) : children;
|
| 25 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 26 |
return (
|
| 27 |
<ConditionalWrap
|
| 28 |
condition={ icon }
|
|
@@ -42,13 +57,8 @@ export default ( { attributes } ) => {
|
|
| 42 |
{ ! removeText &&
|
| 43 |
<RichText.Content
|
| 44 |
tagName={ element }
|
| 45 |
-
id={ !! elementId ? elementId : undefined }
|
| 46 |
-
className={ classnames( {
|
| 47 |
-
'gb-headline': true,
|
| 48 |
-
[ `gb-headline-${ uniqueId }` ]: true,
|
| 49 |
-
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 50 |
-
} ) }
|
| 51 |
value={ content }
|
|
|
|
| 52 |
/>
|
| 53 |
}
|
| 54 |
</ConditionalWrap>
|
| 9 |
RichText,
|
| 10 |
} = wp.blockEditor;
|
| 11 |
|
| 12 |
+
const {
|
| 13 |
+
applyFilters,
|
| 14 |
+
} = wp.hooks;
|
| 15 |
+
|
| 16 |
export default ( { attributes } ) => {
|
| 17 |
const {
|
| 18 |
uniqueId,
|
| 27 |
|
| 28 |
const ConditionalWrap = ( { condition, wrap, children } ) => condition ? wrap( children ) : children;
|
| 29 |
|
| 30 |
+
let htmlAttributes = {
|
| 31 |
+
id: !! elementId ? elementId : undefined,
|
| 32 |
+
className: classnames( {
|
| 33 |
+
'gb-headline': true,
|
| 34 |
+
[ `gb-headline-${ uniqueId }` ]: true,
|
| 35 |
+
[ `${ cssClasses }` ]: '' !== cssClasses,
|
| 36 |
+
} ),
|
| 37 |
+
};
|
| 38 |
+
|
| 39 |
+
htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/headline', attributes );
|
| 40 |
+
|
| 41 |
return (
|
| 42 |
<ConditionalWrap
|
| 43 |
condition={ icon }
|
| 57 |
{ ! removeText &&
|
| 58 |
<RichText.Content
|
| 59 |
tagName={ element }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 60 |
value={ content }
|
| 61 |
+
{ ...htmlAttributes }
|
| 62 |
/>
|
| 63 |
}
|
| 64 |
</ConditionalWrap>
|
src/common.scss
CHANGED
|
@@ -21,91 +21,3 @@ $color-brand-3: #4f5969 !default;
|
|
| 21 |
|
| 22 |
// Widths, heights & dimensions
|
| 23 |
$item-spacing: 10px !default;
|
| 24 |
-
|
| 25 |
-
.gblocks-notice {
|
| 26 |
-
margin-bottom: 20px;
|
| 27 |
-
}
|
| 28 |
-
|
| 29 |
-
.gblocks-panel-label .components-panel__body-toggle.components-button {
|
| 30 |
-
display: flex;
|
| 31 |
-
flex-direction: row-reverse;
|
| 32 |
-
justify-content: flex-end;
|
| 33 |
-
}
|
| 34 |
-
|
| 35 |
-
.gblocks-panel-label svg.components-panel__icon {
|
| 36 |
-
margin: 0 10px 0 0;
|
| 37 |
-
}
|
| 38 |
-
|
| 39 |
-
.components-gblocks-control__header {
|
| 40 |
-
display: flex;
|
| 41 |
-
justify-content: space-between;
|
| 42 |
-
margin-bottom: 5px;
|
| 43 |
-
align-items: center;
|
| 44 |
-
}
|
| 45 |
-
|
| 46 |
-
.components-panel__body .components-gblocks-control__units .components-button {
|
| 47 |
-
background: #fff;
|
| 48 |
-
border-color: #e2e4e7;
|
| 49 |
-
-webkit-box-shadow: none !important;
|
| 50 |
-
box-shadow: none !important;
|
| 51 |
-
color: #6c7781;
|
| 52 |
-
font-size: 10px;
|
| 53 |
-
padding: 0 5px;
|
| 54 |
-
position: relative;
|
| 55 |
-
text-align: center;
|
| 56 |
-
text-shadow: none;
|
| 57 |
-
border: 1px solid;
|
| 58 |
-
|
| 59 |
-
&.is-primary {
|
| 60 |
-
background: #0070a7;
|
| 61 |
-
border-color: #0070a7;
|
| 62 |
-
color: #fff;
|
| 63 |
-
cursor: default;
|
| 64 |
-
z-index: 1;
|
| 65 |
-
}
|
| 66 |
-
}
|
| 67 |
-
|
| 68 |
-
.gblocks-control-tabs .components-tab-panel__tabs {
|
| 69 |
-
display: flex;
|
| 70 |
-
flex-wrap: wrap;
|
| 71 |
-
margin-bottom: 15px;
|
| 72 |
-
border-bottom: 1px solid #e8eaeb;
|
| 73 |
-
}
|
| 74 |
-
|
| 75 |
-
.gblocks-control-tabs .components-tab-panel__tabs button {
|
| 76 |
-
padding: 9px 11px;
|
| 77 |
-
padding-bottom: 11px;
|
| 78 |
-
margin: 0;
|
| 79 |
-
margin-bottom: -1px;
|
| 80 |
-
color: #555d66;
|
| 81 |
-
cursor: pointer;
|
| 82 |
-
background: none;
|
| 83 |
-
border: none;
|
| 84 |
-
border-bottom: 2px solid transparent;
|
| 85 |
-
border-radius: 0;
|
| 86 |
-
outline-offset: -1px;
|
| 87 |
-
flex: 1;
|
| 88 |
-
justify-content: center;
|
| 89 |
-
}
|
| 90 |
-
|
| 91 |
-
.gblocks-control-tabs .components-tab-panel__tabs button.active-tab {
|
| 92 |
-
position: relative;
|
| 93 |
-
border-bottom: 2px solid #00a0d2;
|
| 94 |
-
z-index: 1;
|
| 95 |
-
font-weight: bold;
|
| 96 |
-
background: #fafafa;
|
| 97 |
-
}
|
| 98 |
-
|
| 99 |
-
.gblocks-block-control-icon svg {
|
| 100 |
-
margin-right: 0 !important;
|
| 101 |
-
margin-left: 0 !important;
|
| 102 |
-
padding: 2px;
|
| 103 |
-
}
|
| 104 |
-
|
| 105 |
-
.gblocks-block-control-icon.gblocks-add-grid-item svg {
|
| 106 |
-
padding: 0;
|
| 107 |
-
}
|
| 108 |
-
|
| 109 |
-
.gblocks-block-control-icon svg path {
|
| 110 |
-
fill: inherit !important;
|
| 111 |
-
}
|
| 21 |
|
| 22 |
// Widths, heights & dimensions
|
| 23 |
$item-spacing: 10px !default;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/components/color-picker/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
| 1 |
import classnames from 'classnames';
|
| 2 |
-
import hexToRGBA from '
|
| 3 |
import getIcon from '../../utils/get-icon';
|
| 4 |
|
| 5 |
// Import CSS
|
|
@@ -27,7 +27,7 @@ export default class GenerateBlocksColorPicker extends Component {
|
|
| 27 |
|
| 28 |
this.state = {
|
| 29 |
showPicker: false,
|
| 30 |
-
showPalette:
|
| 31 |
colorKey: false,
|
| 32 |
};
|
| 33 |
}
|
|
@@ -169,7 +169,7 @@ export default class GenerateBlocksColorPicker extends Component {
|
|
| 169 |
} );
|
| 170 |
} }
|
| 171 |
>
|
| 172 |
-
{ __( '
|
| 173 |
</Button>
|
| 174 |
|
| 175 |
<BaseControl
|
|
@@ -188,6 +188,23 @@ export default class GenerateBlocksColorPicker extends Component {
|
|
| 188 |
disableCustomColors={ true }
|
| 189 |
/>
|
| 190 |
</BaseControl>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 191 |
</div>
|
| 192 |
}
|
| 193 |
</div>
|
| 1 |
import classnames from 'classnames';
|
| 2 |
+
import hexToRGBA from '../../utils/hex-to-rgba';
|
| 3 |
import getIcon from '../../utils/get-icon';
|
| 4 |
|
| 5 |
// Import CSS
|
| 27 |
|
| 28 |
this.state = {
|
| 29 |
showPicker: false,
|
| 30 |
+
showPalette: 'palette' === generateBlocksInfo.colorComponentDiplay,
|
| 31 |
colorKey: false,
|
| 32 |
};
|
| 33 |
}
|
| 169 |
} );
|
| 170 |
} }
|
| 171 |
>
|
| 172 |
+
{ __( 'Choose Custom Color', 'generateblocks' ) }
|
| 173 |
</Button>
|
| 174 |
|
| 175 |
<BaseControl
|
| 188 |
disableCustomColors={ true }
|
| 189 |
/>
|
| 190 |
</BaseControl>
|
| 191 |
+
|
| 192 |
+
{ alpha &&
|
| 193 |
+
<div className="gblocks-component-color-opacity">
|
| 194 |
+
<Tooltip text={ __( 'Opacity', 'generateblocks' ) }>
|
| 195 |
+
{ getIcon( 'gradient' ) }
|
| 196 |
+
</Tooltip>
|
| 197 |
+
|
| 198 |
+
<RangeControl
|
| 199 |
+
value={ valueOpacity ? valueOpacity : 0 }
|
| 200 |
+
onChange={ ( opacityValue ) => onOpacityChange( opacityValue ) }
|
| 201 |
+
min={ 0 }
|
| 202 |
+
max={ 1 }
|
| 203 |
+
step={ 0.01 }
|
| 204 |
+
initialPosition={ 1 }
|
| 205 |
+
/>
|
| 206 |
+
</div>
|
| 207 |
+
}
|
| 208 |
</div>
|
| 209 |
}
|
| 210 |
</div>
|
src/components/dimensions/index.js
CHANGED
|
@@ -289,13 +289,12 @@ class DimensionsControl extends Component {
|
|
| 289 |
|
| 290 |
{ ( typeof displayUnit !== 'undefined' ) &&
|
| 291 |
<div className="components-gblocks-control__units">
|
| 292 |
-
<Tooltip text={ __( 'Pixel Units' ) } key={ 'px-unit' }>
|
| 293 |
<Button
|
| 294 |
key={ 'px-unit' }
|
| 295 |
isSmall
|
| 296 |
isPrimary={ true }
|
| 297 |
-
|
| 298 |
-
aria-label={ __( 'Pixel Units' ) }
|
| 299 |
>
|
| 300 |
{ displayUnit }
|
| 301 |
</Button>
|
| 289 |
|
| 290 |
{ ( typeof displayUnit !== 'undefined' ) &&
|
| 291 |
<div className="components-gblocks-control__units">
|
| 292 |
+
<Tooltip text={ __( 'Pixel Units', 'generateblocks' ) } key={ 'px-unit' }>
|
| 293 |
<Button
|
| 294 |
key={ 'px-unit' }
|
| 295 |
isSmall
|
| 296 |
isPrimary={ true }
|
| 297 |
+
aria-label={ __( 'Pixel Units', 'generateblocks' ) }
|
|
|
|
| 298 |
>
|
| 299 |
{ displayUnit }
|
| 300 |
</Button>
|
src/components/gradient/index.js
CHANGED
|
@@ -95,13 +95,22 @@ class GradientControl extends Component {
|
|
| 95 |
<TextControl
|
| 96 |
className={ 'gblocks-component-gradient-stop-value' }
|
| 97 |
type={ 'text' }
|
| 98 |
-
value={ attributes[ attrGradientColorStopOne ]
|
| 99 |
placeholder={ __( 'Stop position (%)', 'generateblocks' ) }
|
| 100 |
onChange={ ( value ) => {
|
| 101 |
setAttributes( {
|
| 102 |
-
[ attrGradientColorStopOne ]:
|
| 103 |
} );
|
| 104 |
} }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 105 |
/>
|
| 106 |
</div>
|
| 107 |
</BaseControl>
|
|
@@ -133,13 +142,22 @@ class GradientControl extends Component {
|
|
| 133 |
<TextControl
|
| 134 |
className={ 'gblocks-component-gradient-stop-value' }
|
| 135 |
type={ 'text' }
|
| 136 |
-
value={ attributes[ attrGradientColorStopTwo ]
|
| 137 |
placeholder={ __( 'Stop position (%)', 'generateblocks' ) }
|
| 138 |
onChange={ ( value ) => {
|
| 139 |
setAttributes( {
|
| 140 |
-
[ attrGradientColorStopTwo ]:
|
| 141 |
} );
|
| 142 |
} }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 143 |
/>
|
| 144 |
</div>
|
| 145 |
</BaseControl>
|
| 95 |
<TextControl
|
| 96 |
className={ 'gblocks-component-gradient-stop-value' }
|
| 97 |
type={ 'text' }
|
| 98 |
+
value={ attributes[ attrGradientColorStopOne ] || 0 === attributes[ attrGradientColorStopOne ] ? attributes[ attrGradientColorStopOne ] : '' }
|
| 99 |
placeholder={ __( 'Stop position (%)', 'generateblocks' ) }
|
| 100 |
onChange={ ( value ) => {
|
| 101 |
setAttributes( {
|
| 102 |
+
[ attrGradientColorStopOne ]: value,
|
| 103 |
} );
|
| 104 |
} }
|
| 105 |
+
onBlur={ () => {
|
| 106 |
+
setAttributes( {
|
| 107 |
+
[ attrGradientColorStopOne ]: parseFloat( attributes[ attrGradientColorStopOne ] ),
|
| 108 |
+
} );
|
| 109 |
+
} }
|
| 110 |
+
onClick={ ( e ) => {
|
| 111 |
+
// Make sure onBlur fires in Firefox.
|
| 112 |
+
e.currentTarget.focus();
|
| 113 |
+
} }
|
| 114 |
/>
|
| 115 |
</div>
|
| 116 |
</BaseControl>
|
| 142 |
<TextControl
|
| 143 |
className={ 'gblocks-component-gradient-stop-value' }
|
| 144 |
type={ 'text' }
|
| 145 |
+
value={ attributes[ attrGradientColorStopTwo ] || 0 === attributes[ attrGradientColorStopTwo ] ? attributes[ attrGradientColorStopTwo ] : '' }
|
| 146 |
placeholder={ __( 'Stop position (%)', 'generateblocks' ) }
|
| 147 |
onChange={ ( value ) => {
|
| 148 |
setAttributes( {
|
| 149 |
+
[ attrGradientColorStopTwo ]: value,
|
| 150 |
} );
|
| 151 |
} }
|
| 152 |
+
onBlur={ () => {
|
| 153 |
+
setAttributes( {
|
| 154 |
+
[ attrGradientColorStopTwo ]: parseFloat( attributes[ attrGradientColorStopTwo ] ),
|
| 155 |
+
} );
|
| 156 |
+
} }
|
| 157 |
+
onClick={ ( e ) => {
|
| 158 |
+
// Make sure onBlur fires in Firefox.
|
| 159 |
+
e.currentTarget.focus();
|
| 160 |
+
} }
|
| 161 |
/>
|
| 162 |
</div>
|
| 163 |
</BaseControl>
|
src/components/icon-picker/index.js
CHANGED
|
@@ -52,7 +52,6 @@ class IconPicker extends Component {
|
|
| 52 |
attrIconLocation,
|
| 53 |
locationOptions,
|
| 54 |
attrRemoveText,
|
| 55 |
-
attrAriaLabel,
|
| 56 |
} = this.props;
|
| 57 |
|
| 58 |
return (
|
|
@@ -243,19 +242,6 @@ class IconPicker extends Component {
|
|
| 243 |
} }
|
| 244 |
/>
|
| 245 |
}
|
| 246 |
-
|
| 247 |
-
{ typeof attributes[ attrAriaLabel ] !== 'undefined' && !! attributes[ attrRemoveText ] && !! attributes[ attrIcon ] &&
|
| 248 |
-
<TextControl
|
| 249 |
-
label={ __( 'ARIA Label', 'generateblocks' ) }
|
| 250 |
-
help={ __( 'Helpful to people using screen readers.', 'generateblocks' ) }
|
| 251 |
-
value={ attributes[ attrAriaLabel ] }
|
| 252 |
-
onChange={ ( value ) => {
|
| 253 |
-
setAttributes( {
|
| 254 |
-
[ this.props[ 'attrAriaLabel' ] ]: value, // eslint-disable-line dot-notation
|
| 255 |
-
} );
|
| 256 |
-
} }
|
| 257 |
-
/>
|
| 258 |
-
}
|
| 259 |
</Fragment>
|
| 260 |
);
|
| 261 |
}
|
| 52 |
attrIconLocation,
|
| 53 |
locationOptions,
|
| 54 |
attrRemoveText,
|
|
|
|
| 55 |
} = this.props;
|
| 56 |
|
| 57 |
return (
|
| 242 |
} }
|
| 243 |
/>
|
| 244 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 245 |
</Fragment>
|
| 246 |
);
|
| 247 |
}
|
src/components/icon-picker/svgs-general.js
CHANGED
|
@@ -5,183 +5,183 @@ const { _x } = wp.i18n;
|
|
| 5 |
|
| 6 |
const svgs = {
|
| 7 |
clock: {
|
| 8 |
-
label: _x( 'Clock', 'label' ),
|
| 9 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm92.49 313l-20 25a16 16 0 01-22.49 2.5l-67-49.72a40 40 0 01-15-31.23V112a16 16 0 0116-16h32a16 16 0 0116 16v144l58 42.5a16 16 0 012.49 22.5z" /></svg>,
|
| 10 |
},
|
| 11 |
clockAlt: {
|
| 12 |
-
label: _x( 'Clock Outline', 'label' ),
|
| 13 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" /></svg>,
|
| 14 |
},
|
| 15 |
asterisk: {
|
| 16 |
-
label: _x( 'Asterisk', 'label' ),
|
| 17 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z" /></svg>,
|
| 18 |
},
|
| 19 |
at: {
|
| 20 |
-
label: _x( 'At', 'label' ),
|
| 21 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z" /></svg>,
|
| 22 |
},
|
| 23 |
award: {
|
| 24 |
-
label: _x( 'Award', 'label' ),
|
| 25 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z" /></svg>,
|
| 26 |
},
|
| 27 |
ban: {
|
| 28 |
-
label: _x( 'Ban', 'label' ),
|
| 29 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z" /></svg>,
|
| 30 |
},
|
| 31 |
bars: {
|
| 32 |
-
label: _x( 'Bars', 'label' ),
|
| 33 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" /></svg>,
|
| 34 |
},
|
| 35 |
beer: {
|
| 36 |
-
label: _x( 'Beer', 'label' ),
|
| 37 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M368 96h-48V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56v400c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-42.11l80.606-35.977C429.396 365.063 448 336.388 448 304.86V176c0-44.112-35.888-80-80-80zm16 208.86a16.018 16.018 0 0 1-9.479 14.611L320 343.805V160h48c8.822 0 16 7.178 16 16v128.86zM208 384c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16zm-96 0c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16z" /></svg>,
|
| 38 |
},
|
| 39 |
bolt: {
|
| 40 |
-
label: _x( 'Bolt', 'label' ),
|
| 41 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z" /></svg>,
|
| 42 |
},
|
| 43 |
book: {
|
| 44 |
-
label: _x( 'Book', 'label' ),
|
| 45 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z" /></svg>,
|
| 46 |
},
|
| 47 |
boxOpen: {
|
| 48 |
-
label: _x( 'Box - Open', 'label' ),
|
| 49 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M425.7 256c-16.9 0-32.8-9-41.4-23.4L320 126l-64.2 106.6c-8.7 14.5-24.6 23.5-41.5 23.5-4.5 0-9-.6-13.3-1.9L64 215v178c0 14.7 10 27.5 24.2 31l216.2 54.1c10.2 2.5 20.9 2.5 31 0L551.8 424c14.2-3.6 24.2-16.4 24.2-31V215l-137 39.1c-4.3 1.3-8.8 1.9-13.3 1.9zm212.6-112.2L586.8 41c-3.1-6.2-9.8-9.8-16.7-8.9L320 64l91.7 152.1c3.8 6.3 11.4 9.3 18.5 7.3l197.9-56.5c9.9-2.9 14.7-13.9 10.2-23.1zM53.2 41L1.7 143.8c-4.6 9.2.3 20.2 10.1 23l197.9 56.5c7.1 2 14.7-1 18.5-7.3L320 64 69.8 32.1c-6.9-.8-13.5 2.7-16.6 8.9z" /></svg>,
|
| 50 |
},
|
| 51 |
bullhorn: {
|
| 52 |
-
label: _x( 'Bullhorn', 'label' ),
|
| 53 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z" /></svg>,
|
| 54 |
},
|
| 55 |
bullseye: {
|
| 56 |
-
label: _x( 'Bullseye', 'label' ),
|
| 57 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm0 432c-101.69 0-184-82.29-184-184 0-101.69 82.29-184 184-184 101.69 0 184 82.29 184 184 0 101.69-82.29 184-184 184zm0-312c-70.69 0-128 57.31-128 128s57.31 128 128 128 128-57.31 128-128-57.31-128-128-128zm0 192c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z" /></svg>,
|
| 58 |
},
|
| 59 |
burn: {
|
| 60 |
-
label: _x( 'Burn', 'label' ),
|
| 61 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M192 0C79.7 101.3 0 220.9 0 300.5 0 425 79 512 192 512s192-87 192-211.5c0-79.9-80.2-199.6-192-300.5zm0 448c-56.5 0-96-39-96-94.8 0-13.5 4.6-61.5 96-161.2 91.4 99.7 96 147.7 96 161.2 0 55.8-39.5 94.8-96 94.8z" /></svg>,
|
| 62 |
},
|
| 63 |
calendarAlt: {
|
| 64 |
-
label: _x( 'Calender', 'label' ),
|
| 65 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z" /></svg>,
|
| 66 |
},
|
| 67 |
check: {
|
| 68 |
-
label: _x( 'Check', 'label' ),
|
| 69 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></svg>,
|
| 70 |
},
|
| 71 |
checkCircle: {
|
| 72 |
-
label: _x( 'Check - Circle', 'label' ),
|
| 73 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" /></svg>,
|
| 74 |
},
|
| 75 |
checkCircleOutline: {
|
| 76 |
-
label: _x( 'Check - Circle Outline', 'label' ),
|
| 77 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z" /></svg>,
|
| 78 |
},
|
| 79 |
checkSquare: {
|
| 80 |
-
label: _x( 'Check - Square', 'label' ),
|
| 81 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z" /></svg>,
|
| 82 |
},
|
| 83 |
checkSquareOutline: {
|
| 84 |
-
label: _x( 'Check - Square Outline', 'label' ),
|
| 85 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z" /></svg>,
|
| 86 |
},
|
| 87 |
chevronDown: {
|
| 88 |
-
label: _x( 'Chevron - Down', 'label' ),
|
| 89 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" /></svg>,
|
| 90 |
},
|
| 91 |
chevronLeft: {
|
| 92 |
-
label: _x( 'Chevron - Left', 'label' ),
|
| 93 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z" /></svg>,
|
| 94 |
},
|
| 95 |
chevronRight: {
|
| 96 |
-
label: _x( 'Chevron - Right', 'label' ),
|
| 97 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" /></svg>,
|
| 98 |
},
|
| 99 |
chevronUp: {
|
| 100 |
-
label: _x( 'Chevron - Up', 'label' ),
|
| 101 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" /></svg>,
|
| 102 |
},
|
| 103 |
circle: {
|
| 104 |
-
label: _x( 'Circle', 'label' ),
|
| 105 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" /></svg>,
|
| 106 |
},
|
| 107 |
circleOutline: {
|
| 108 |
-
label: _x( 'Circle - Outline', 'label' ),
|
| 109 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z" /></svg>,
|
| 110 |
},
|
| 111 |
coffee: {
|
| 112 |
-
label: _x( 'Coffee', 'label' ),
|
| 113 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z" /></svg>,
|
| 114 |
},
|
| 115 |
dotCircle: {
|
| 116 |
-
label: _x( 'Dot - Circle', 'label' ),
|
| 117 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z" /></svg>,
|
| 118 |
},
|
| 119 |
dotCircleOutline: {
|
| 120 |
-
label: _x( 'Dot - Circle Outline', 'label' ),
|
| 121 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z" /></svg>,
|
| 122 |
},
|
| 123 |
ellipsesH: {
|
| 124 |
-
label: _x( 'Ellipses - Horizontal', 'label' ),
|
| 125 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z" /></svg>,
|
| 126 |
},
|
| 127 |
ellipsesV: {
|
| 128 |
-
label: _x( 'Ellipses - Vertical', 'label' ),
|
| 129 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z" /></svg>,
|
| 130 |
},
|
| 131 |
envelope: {
|
| 132 |
-
label: _x( 'Envelope', 'label' ),
|
| 133 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z" /></svg>,
|
| 134 |
},
|
| 135 |
fireAlt: {
|
| 136 |
-
label: _x( 'Fire', 'label' ),
|
| 137 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z" /></svg>,
|
| 138 |
},
|
| 139 |
heart: {
|
| 140 |
-
label: _x( 'Heart', 'label' ),
|
| 141 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" /></svg>,
|
| 142 |
},
|
| 143 |
mapMarkerAlt: {
|
| 144 |
-
label: _x( 'Map Marker', 'label' ),
|
| 145 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" /></svg>,
|
| 146 |
},
|
| 147 |
paperPlane: {
|
| 148 |
-
label: _x( 'Paper Plane', 'label' ),
|
| 149 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z" /></svg>,
|
| 150 |
},
|
| 151 |
phone: {
|
| 152 |
-
label: _x( 'Phone', 'label' ),
|
| 153 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z" /></svg>,
|
| 154 |
},
|
| 155 |
plus: {
|
| 156 |
-
label: _x( 'Plus', 'label' ),
|
| 157 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" /></svg>,
|
| 158 |
},
|
| 159 |
plusCircle: {
|
| 160 |
-
label: _x( 'Plus - Circle', 'label' ),
|
| 161 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z" /></svg>,
|
| 162 |
},
|
| 163 |
plusSquare: {
|
| 164 |
-
label: _x( 'Plus - Square', 'label' ),
|
| 165 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-32 252c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92H92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z" /></svg>,
|
| 166 |
},
|
| 167 |
plusSquareOutline: {
|
| 168 |
-
label: _x( 'Plus - Square Outline', 'label' ),
|
| 169 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M352 240v32c0 6.6-5.4 12-12 12h-88v88c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-88h-88c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h88v-88c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v88h88c6.6 0 12 5.4 12 12zm96-160v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z" /></svg>,
|
| 170 |
},
|
| 171 |
shield: {
|
| 172 |
-
label: _x( 'Shield', 'label' ),
|
| 173 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z" /></svg>,
|
| 174 |
},
|
| 175 |
star: {
|
| 176 |
-
label: _x( 'Star', 'label' ),
|
| 177 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /></svg>,
|
| 178 |
},
|
| 179 |
tags: {
|
| 180 |
-
label: _x( 'Tags', 'label' ),
|
| 181 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z" /></svg>,
|
| 182 |
},
|
| 183 |
userCircle: {
|
| 184 |
-
label: _x( 'User - Circle', 'label' ),
|
| 185 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z" /></svg>,
|
| 186 |
},
|
| 187 |
};
|
| 5 |
|
| 6 |
const svgs = {
|
| 7 |
clock: {
|
| 8 |
+
label: _x( 'Clock', 'label', 'generateblocks' ),
|
| 9 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm92.49 313l-20 25a16 16 0 01-22.49 2.5l-67-49.72a40 40 0 01-15-31.23V112a16 16 0 0116-16h32a16 16 0 0116 16v144l58 42.5a16 16 0 012.49 22.5z" /></svg>,
|
| 10 |
},
|
| 11 |
clockAlt: {
|
| 12 |
+
label: _x( 'Clock Outline', 'label', 'generateblocks' ),
|
| 13 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" /></svg>,
|
| 14 |
},
|
| 15 |
asterisk: {
|
| 16 |
+
label: _x( 'Asterisk', 'label', 'generateblocks' ),
|
| 17 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z" /></svg>,
|
| 18 |
},
|
| 19 |
at: {
|
| 20 |
+
label: _x( 'At', 'label', 'generateblocks' ),
|
| 21 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z" /></svg>,
|
| 22 |
},
|
| 23 |
award: {
|
| 24 |
+
label: _x( 'Award', 'label', 'generateblocks' ),
|
| 25 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z" /></svg>,
|
| 26 |
},
|
| 27 |
ban: {
|
| 28 |
+
label: _x( 'Ban', 'label', 'generateblocks' ),
|
| 29 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z" /></svg>,
|
| 30 |
},
|
| 31 |
bars: {
|
| 32 |
+
label: _x( 'Bars', 'label', 'generateblocks' ),
|
| 33 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" /></svg>,
|
| 34 |
},
|
| 35 |
beer: {
|
| 36 |
+
label: _x( 'Beer', 'label', 'generateblocks' ),
|
| 37 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M368 96h-48V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56v400c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24v-42.11l80.606-35.977C429.396 365.063 448 336.388 448 304.86V176c0-44.112-35.888-80-80-80zm16 208.86a16.018 16.018 0 0 1-9.479 14.611L320 343.805V160h48c8.822 0 16 7.178 16 16v128.86zM208 384c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16zm-96 0c-8.836 0-16-7.164-16-16V144c0-8.836 7.164-16 16-16s16 7.164 16 16v224c0 8.836-7.164 16-16 16z" /></svg>,
|
| 38 |
},
|
| 39 |
bolt: {
|
| 40 |
+
label: _x( 'Bolt', 'label', 'generateblocks' ),
|
| 41 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z" /></svg>,
|
| 42 |
},
|
| 43 |
book: {
|
| 44 |
+
label: _x( 'Book', 'label', 'generateblocks' ),
|
| 45 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z" /></svg>,
|
| 46 |
},
|
| 47 |
boxOpen: {
|
| 48 |
+
label: _x( 'Box - Open', 'label', 'generateblocks' ),
|
| 49 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M425.7 256c-16.9 0-32.8-9-41.4-23.4L320 126l-64.2 106.6c-8.7 14.5-24.6 23.5-41.5 23.5-4.5 0-9-.6-13.3-1.9L64 215v178c0 14.7 10 27.5 24.2 31l216.2 54.1c10.2 2.5 20.9 2.5 31 0L551.8 424c14.2-3.6 24.2-16.4 24.2-31V215l-137 39.1c-4.3 1.3-8.8 1.9-13.3 1.9zm212.6-112.2L586.8 41c-3.1-6.2-9.8-9.8-16.7-8.9L320 64l91.7 152.1c3.8 6.3 11.4 9.3 18.5 7.3l197.9-56.5c9.9-2.9 14.7-13.9 10.2-23.1zM53.2 41L1.7 143.8c-4.6 9.2.3 20.2 10.1 23l197.9 56.5c7.1 2 14.7-1 18.5-7.3L320 64 69.8 32.1c-6.9-.8-13.5 2.7-16.6 8.9z" /></svg>,
|
| 50 |
},
|
| 51 |
bullhorn: {
|
| 52 |
+
label: _x( 'Bullhorn', 'label', 'generateblocks' ),
|
| 53 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z" /></svg>,
|
| 54 |
},
|
| 55 |
bullseye: {
|
| 56 |
+
label: _x( 'Bullseye', 'label', 'generateblocks' ),
|
| 57 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm0 432c-101.69 0-184-82.29-184-184 0-101.69 82.29-184 184-184 101.69 0 184 82.29 184 184 0 101.69-82.29 184-184 184zm0-312c-70.69 0-128 57.31-128 128s57.31 128 128 128 128-57.31 128-128-57.31-128-128-128zm0 192c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z" /></svg>,
|
| 58 |
},
|
| 59 |
burn: {
|
| 60 |
+
label: _x( 'Burn', 'label', 'generateblocks' ),
|
| 61 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M192 0C79.7 101.3 0 220.9 0 300.5 0 425 79 512 192 512s192-87 192-211.5c0-79.9-80.2-199.6-192-300.5zm0 448c-56.5 0-96-39-96-94.8 0-13.5 4.6-61.5 96-161.2 91.4 99.7 96 147.7 96 161.2 0 55.8-39.5 94.8-96 94.8z" /></svg>,
|
| 62 |
},
|
| 63 |
calendarAlt: {
|
| 64 |
+
label: _x( 'Calender', 'label', 'generateblocks' ),
|
| 65 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z" /></svg>,
|
| 66 |
},
|
| 67 |
check: {
|
| 68 |
+
label: _x( 'Check', 'label', 'generateblocks' ),
|
| 69 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></svg>,
|
| 70 |
},
|
| 71 |
checkCircle: {
|
| 72 |
+
label: _x( 'Check - Circle', 'label', 'generateblocks' ),
|
| 73 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" /></svg>,
|
| 74 |
},
|
| 75 |
checkCircleOutline: {
|
| 76 |
+
label: _x( 'Check - Circle Outline', 'label', 'generateblocks' ),
|
| 77 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z" /></svg>,
|
| 78 |
},
|
| 79 |
checkSquare: {
|
| 80 |
+
label: _x( 'Check - Square', 'label', 'generateblocks' ),
|
| 81 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z" /></svg>,
|
| 82 |
},
|
| 83 |
checkSquareOutline: {
|
| 84 |
+
label: _x( 'Check - Square Outline', 'label', 'generateblocks' ),
|
| 85 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z" /></svg>,
|
| 86 |
},
|
| 87 |
chevronDown: {
|
| 88 |
+
label: _x( 'Chevron - Down', 'label', 'generateblocks' ),
|
| 89 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" /></svg>,
|
| 90 |
},
|
| 91 |
chevronLeft: {
|
| 92 |
+
label: _x( 'Chevron - Left', 'label', 'generateblocks' ),
|
| 93 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z" /></svg>,
|
| 94 |
},
|
| 95 |
chevronRight: {
|
| 96 |
+
label: _x( 'Chevron - Right', 'label', 'generateblocks' ),
|
| 97 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" /></svg>,
|
| 98 |
},
|
| 99 |
chevronUp: {
|
| 100 |
+
label: _x( 'Chevron - Up', 'label', 'generateblocks' ),
|
| 101 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" /></svg>,
|
| 102 |
},
|
| 103 |
circle: {
|
| 104 |
+
label: _x( 'Circle', 'label', 'generateblocks' ),
|
| 105 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" /></svg>,
|
| 106 |
},
|
| 107 |
circleOutline: {
|
| 108 |
+
label: _x( 'Circle - Outline', 'label', 'generateblocks' ),
|
| 109 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z" /></svg>,
|
| 110 |
},
|
| 111 |
coffee: {
|
| 112 |
+
label: _x( 'Coffee', 'label', 'generateblocks' ),
|
| 113 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z" /></svg>,
|
| 114 |
},
|
| 115 |
dotCircle: {
|
| 116 |
+
label: _x( 'Dot - Circle', 'label', 'generateblocks' ),
|
| 117 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z" /></svg>,
|
| 118 |
},
|
| 119 |
dotCircleOutline: {
|
| 120 |
+
label: _x( 'Dot - Circle Outline', 'label', 'generateblocks' ),
|
| 121 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z" /></svg>,
|
| 122 |
},
|
| 123 |
ellipsesH: {
|
| 124 |
+
label: _x( 'Ellipses - Horizontal', 'label', 'generateblocks' ),
|
| 125 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z" /></svg>,
|
| 126 |
},
|
| 127 |
ellipsesV: {
|
| 128 |
+
label: _x( 'Ellipses - Vertical', 'label', 'generateblocks' ),
|
| 129 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z" /></svg>,
|
| 130 |
},
|
| 131 |
envelope: {
|
| 132 |
+
label: _x( 'Envelope', 'label', 'generateblocks' ),
|
| 133 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z" /></svg>,
|
| 134 |
},
|
| 135 |
fireAlt: {
|
| 136 |
+
label: _x( 'Fire', 'label', 'generateblocks' ),
|
| 137 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z" /></svg>,
|
| 138 |
},
|
| 139 |
heart: {
|
| 140 |
+
label: _x( 'Heart', 'label', 'generateblocks' ),
|
| 141 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" /></svg>,
|
| 142 |
},
|
| 143 |
mapMarkerAlt: {
|
| 144 |
+
label: _x( 'Map Marker', 'label', 'generateblocks' ),
|
| 145 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" /></svg>,
|
| 146 |
},
|
| 147 |
paperPlane: {
|
| 148 |
+
label: _x( 'Paper Plane', 'label', 'generateblocks' ),
|
| 149 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z" /></svg>,
|
| 150 |
},
|
| 151 |
phone: {
|
| 152 |
+
label: _x( 'Phone', 'label', 'generateblocks' ),
|
| 153 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z" /></svg>,
|
| 154 |
},
|
| 155 |
plus: {
|
| 156 |
+
label: _x( 'Plus', 'label', 'generateblocks' ),
|
| 157 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" /></svg>,
|
| 158 |
},
|
| 159 |
plusCircle: {
|
| 160 |
+
label: _x( 'Plus - Circle', 'label', 'generateblocks' ),
|
| 161 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z" /></svg>,
|
| 162 |
},
|
| 163 |
plusSquare: {
|
| 164 |
+
label: _x( 'Plus - Square', 'label', 'generateblocks' ),
|
| 165 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-32 252c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92H92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z" /></svg>,
|
| 166 |
},
|
| 167 |
plusSquareOutline: {
|
| 168 |
+
label: _x( 'Plus - Square Outline', 'label', 'generateblocks' ),
|
| 169 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M352 240v32c0 6.6-5.4 12-12 12h-88v88c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-88h-88c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h88v-88c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v88h88c6.6 0 12 5.4 12 12zm96-160v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z" /></svg>,
|
| 170 |
},
|
| 171 |
shield: {
|
| 172 |
+
label: _x( 'Shield', 'label', 'generateblocks' ),
|
| 173 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z" /></svg>,
|
| 174 |
},
|
| 175 |
star: {
|
| 176 |
+
label: _x( 'Star', 'label', 'generateblocks' ),
|
| 177 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /></svg>,
|
| 178 |
},
|
| 179 |
tags: {
|
| 180 |
+
label: _x( 'Tags', 'label', 'generateblocks' ),
|
| 181 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z" /></svg>,
|
| 182 |
},
|
| 183 |
userCircle: {
|
| 184 |
+
label: _x( 'User - Circle', 'label', 'generateblocks' ),
|
| 185 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z" /></svg>,
|
| 186 |
},
|
| 187 |
};
|
src/components/icon-picker/svgs-social.js
CHANGED
|
@@ -5,91 +5,91 @@ const { _x } = wp.i18n;
|
|
| 5 |
|
| 6 |
const svgs = {
|
| 7 |
facebook: {
|
| 8 |
-
label: _x( 'Facebook', 'label' ),
|
| 9 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>,
|
| 10 |
},
|
| 11 |
facebookCircle: {
|
| 12 |
-
label: _x( 'Facebook - Circle', 'label' ),
|
| 13 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" /></svg>,
|
| 14 |
},
|
| 15 |
facebookSquare: {
|
| 16 |
-
label: _x( 'Facebook - Square', 'label' ),
|
| 17 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" /></svg>,
|
| 18 |
},
|
| 19 |
instagram: {
|
| 20 |
-
label: _x( 'Instagram', 'label' ),
|
| 21 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></svg>,
|
| 22 |
},
|
| 23 |
linkedin: {
|
| 24 |
-
label: _x( 'LinkedIn', 'label' ),
|
| 25 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" /></svg>,
|
| 26 |
},
|
| 27 |
linkedinSquare: {
|
| 28 |
-
label: _x( 'LinkedIn - Square', 'label' ),
|
| 29 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></svg>,
|
| 30 |
},
|
| 31 |
pinterest: {
|
| 32 |
-
label: _x( 'Pinterest', 'label' ),
|
| 33 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z" /></svg>,
|
| 34 |
},
|
| 35 |
pinterestCircle: {
|
| 36 |
-
label: _x( 'Pinterest - Circle', 'label' ),
|
| 37 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z" /></svg>,
|
| 38 |
},
|
| 39 |
pinterestSquare: {
|
| 40 |
-
label: _x( 'Pinterest - Square', 'label' ),
|
| 41 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z" /></svg>,
|
| 42 |
},
|
| 43 |
reddit: {
|
| 44 |
-
label: _x( 'Reddit', 'label' ),
|
| 45 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z" /></svg>,
|
| 46 |
},
|
| 47 |
redditCircle: {
|
| 48 |
-
label: _x( 'Reddit - Circle', 'label' ),
|
| 49 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z" /></svg>,
|
| 50 |
},
|
| 51 |
redditSquare: {
|
| 52 |
-
label: _x( 'Reddit - Square', 'label' ),
|
| 53 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z" /></svg>,
|
| 54 |
},
|
| 55 |
snapchat: {
|
| 56 |
-
label: _x( 'Snapchat', 'label' ),
|
| 57 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M510.846 392.673c-5.211 12.157-27.239 21.089-67.36 27.318-2.064 2.786-3.775 14.686-6.507 23.956-1.625 5.566-5.623 8.869-12.128 8.869l-.297-.005c-9.395 0-19.203-4.323-38.852-4.323-26.521 0-35.662 6.043-56.254 20.588-21.832 15.438-42.771 28.764-74.027 27.399-31.646 2.334-58.025-16.908-72.871-27.404-20.714-14.643-29.828-20.582-56.241-20.582-18.864 0-30.736 4.72-38.852 4.72-8.073 0-11.213-4.922-12.422-9.04-2.703-9.189-4.404-21.263-6.523-24.13-20.679-3.209-67.31-11.344-68.498-32.15a10.627 10.627 0 0 1 8.877-11.069c69.583-11.455 100.924-82.901 102.227-85.934.074-.176.155-.344.237-.515 3.713-7.537 4.544-13.849 2.463-18.753-5.05-11.896-26.872-16.164-36.053-19.796-23.715-9.366-27.015-20.128-25.612-27.504 2.437-12.836 21.725-20.735 33.002-15.453 8.919 4.181 16.843 6.297 23.547 6.297 5.022 0 8.212-1.204 9.96-2.171-2.043-35.936-7.101-87.29 5.687-115.969C158.122 21.304 229.705 15.42 250.826 15.42c.944 0 9.141-.089 10.11-.089 52.148 0 102.254 26.78 126.723 81.643 12.777 28.65 7.749 79.792 5.695 116.009 1.582.872 4.357 1.942 8.599 2.139 6.397-.286 13.815-2.389 22.069-6.257 6.085-2.846 14.406-2.461 20.48.058l.029.01c9.476 3.385 15.439 10.215 15.589 17.87.184 9.747-8.522 18.165-25.878 25.018-2.118.835-4.694 1.655-7.434 2.525-9.797 3.106-24.6 7.805-28.616 17.271-2.079 4.904-1.256 11.211 2.46 18.748.087.168.166.342.239.515 1.301 3.03 32.615 74.46 102.23 85.934 6.427 1.058 11.163 7.877 7.725 15.859z" /></svg>,
|
| 58 |
},
|
| 59 |
soundcloud: {
|
| 60 |
-
label: _x( 'Soundcloud', 'label' ),
|
| 61 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z" /></svg>,
|
| 62 |
},
|
| 63 |
twitch: {
|
| 64 |
-
label: _x( 'Twitch', 'label' ),
|
| 65 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M40.1 32L10 108.9v314.3h107V480h60.2l56.8-56.8h87l117-117V32H40.1zm357.8 254.1L331 353H224l-56.8 56.8V353H76.9V72.1h321v214zM331 149v116.9h-40.1V149H331zm-107 0v116.9h-40.1V149H224z" /></svg>,
|
| 66 |
},
|
| 67 |
twitter: {
|
| 68 |
-
label: _x( 'Twitter', 'label' ),
|
| 69 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></svg>,
|
| 70 |
},
|
| 71 |
twitterSquare: {
|
| 72 |
-
label: _x( 'Twitter - Square', 'label' ),
|
| 73 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" /></svg>,
|
| 74 |
},
|
| 75 |
vimeo: {
|
| 76 |
-
label: _x( 'Vimeo', 'label' ),
|
| 77 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z" /></svg>,
|
| 78 |
},
|
| 79 |
vimeoSquare: {
|
| 80 |
-
label: _x( 'Vimeo - Square', 'label' ),
|
| 81 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M403.2 32H44.8C20.1 32 0 52.1 0 76.8v358.4C0 459.9 20.1 480 44.8 480h358.4c24.7 0 44.8-20.1 44.8-44.8V76.8c0-24.7-20.1-44.8-44.8-44.8zM377 180.8c-1.4 31.5-23.4 74.7-66 129.4-44 57.2-81.3 85.8-111.7 85.8-18.9 0-34.8-17.4-47.9-52.3-25.5-93.3-36.4-148-57.4-148-2.4 0-10.9 5.1-25.4 15.2l-15.2-19.6c37.3-32.8 72.9-69.2 95.2-71.2 25.2-2.4 40.7 14.8 46.5 51.7 20.7 131.2 29.9 151 67.6 91.6 13.5-21.4 20.8-37.7 21.8-48.9 3.5-33.2-25.9-30.9-45.8-22.4 15.9-52.1 46.3-77.4 91.2-76 33.3.9 49 22.5 47.1 64.7z" /></svg>,
|
| 82 |
},
|
| 83 |
whatsapp: {
|
| 84 |
-
label: _x( 'WhatsApp', 'label' ),
|
| 85 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" /></svg>,
|
| 86 |
},
|
| 87 |
whatsappSquare: {
|
| 88 |
-
label: _x( 'WhatsApp - Square', 'label' ),
|
| 89 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z" /></svg>,
|
| 90 |
},
|
| 91 |
youtube: {
|
| 92 |
-
label: _x( 'YouTube', 'label' ),
|
| 93 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" /></svg>,
|
| 94 |
},
|
| 95 |
};
|
| 5 |
|
| 6 |
const svgs = {
|
| 7 |
facebook: {
|
| 8 |
+
label: _x( 'Facebook', 'label', 'generateblocks' ),
|
| 9 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>,
|
| 10 |
},
|
| 11 |
facebookCircle: {
|
| 12 |
+
label: _x( 'Facebook - Circle', 'label', 'generateblocks' ),
|
| 13 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" /></svg>,
|
| 14 |
},
|
| 15 |
facebookSquare: {
|
| 16 |
+
label: _x( 'Facebook - Square', 'label', 'generateblocks' ),
|
| 17 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" /></svg>,
|
| 18 |
},
|
| 19 |
instagram: {
|
| 20 |
+
label: _x( 'Instagram', 'label', 'generateblocks' ),
|
| 21 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></svg>,
|
| 22 |
},
|
| 23 |
linkedin: {
|
| 24 |
+
label: _x( 'LinkedIn', 'label', 'generateblocks' ),
|
| 25 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" /></svg>,
|
| 26 |
},
|
| 27 |
linkedinSquare: {
|
| 28 |
+
label: _x( 'LinkedIn - Square', 'label', 'generateblocks' ),
|
| 29 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></svg>,
|
| 30 |
},
|
| 31 |
pinterest: {
|
| 32 |
+
label: _x( 'Pinterest', 'label', 'generateblocks' ),
|
| 33 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z" /></svg>,
|
| 34 |
},
|
| 35 |
pinterestCircle: {
|
| 36 |
+
label: _x( 'Pinterest - Circle', 'label', 'generateblocks' ),
|
| 37 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z" /></svg>,
|
| 38 |
},
|
| 39 |
pinterestSquare: {
|
| 40 |
+
label: _x( 'Pinterest - Square', 'label', 'generateblocks' ),
|
| 41 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z" /></svg>,
|
| 42 |
},
|
| 43 |
reddit: {
|
| 44 |
+
label: _x( 'Reddit', 'label', 'generateblocks' ),
|
| 45 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z" /></svg>,
|
| 46 |
},
|
| 47 |
redditCircle: {
|
| 48 |
+
label: _x( 'Reddit - Circle', 'label', 'generateblocks' ),
|
| 49 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z" /></svg>,
|
| 50 |
},
|
| 51 |
redditSquare: {
|
| 52 |
+
label: _x( 'Reddit - Square', 'label', 'generateblocks' ),
|
| 53 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z" /></svg>,
|
| 54 |
},
|
| 55 |
snapchat: {
|
| 56 |
+
label: _x( 'Snapchat', 'label', 'generateblocks' ),
|
| 57 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M510.846 392.673c-5.211 12.157-27.239 21.089-67.36 27.318-2.064 2.786-3.775 14.686-6.507 23.956-1.625 5.566-5.623 8.869-12.128 8.869l-.297-.005c-9.395 0-19.203-4.323-38.852-4.323-26.521 0-35.662 6.043-56.254 20.588-21.832 15.438-42.771 28.764-74.027 27.399-31.646 2.334-58.025-16.908-72.871-27.404-20.714-14.643-29.828-20.582-56.241-20.582-18.864 0-30.736 4.72-38.852 4.72-8.073 0-11.213-4.922-12.422-9.04-2.703-9.189-4.404-21.263-6.523-24.13-20.679-3.209-67.31-11.344-68.498-32.15a10.627 10.627 0 0 1 8.877-11.069c69.583-11.455 100.924-82.901 102.227-85.934.074-.176.155-.344.237-.515 3.713-7.537 4.544-13.849 2.463-18.753-5.05-11.896-26.872-16.164-36.053-19.796-23.715-9.366-27.015-20.128-25.612-27.504 2.437-12.836 21.725-20.735 33.002-15.453 8.919 4.181 16.843 6.297 23.547 6.297 5.022 0 8.212-1.204 9.96-2.171-2.043-35.936-7.101-87.29 5.687-115.969C158.122 21.304 229.705 15.42 250.826 15.42c.944 0 9.141-.089 10.11-.089 52.148 0 102.254 26.78 126.723 81.643 12.777 28.65 7.749 79.792 5.695 116.009 1.582.872 4.357 1.942 8.599 2.139 6.397-.286 13.815-2.389 22.069-6.257 6.085-2.846 14.406-2.461 20.48.058l.029.01c9.476 3.385 15.439 10.215 15.589 17.87.184 9.747-8.522 18.165-25.878 25.018-2.118.835-4.694 1.655-7.434 2.525-9.797 3.106-24.6 7.805-28.616 17.271-2.079 4.904-1.256 11.211 2.46 18.748.087.168.166.342.239.515 1.301 3.03 32.615 74.46 102.23 85.934 6.427 1.058 11.163 7.877 7.725 15.859z" /></svg>,
|
| 58 |
},
|
| 59 |
soundcloud: {
|
| 60 |
+
label: _x( 'Soundcloud', 'label', 'generateblocks' ),
|
| 61 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z" /></svg>,
|
| 62 |
},
|
| 63 |
twitch: {
|
| 64 |
+
label: _x( 'Twitch', 'label', 'generateblocks' ),
|
| 65 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M40.1 32L10 108.9v314.3h107V480h60.2l56.8-56.8h87l117-117V32H40.1zm357.8 254.1L331 353H224l-56.8 56.8V353H76.9V72.1h321v214zM331 149v116.9h-40.1V149H331zm-107 0v116.9h-40.1V149H224z" /></svg>,
|
| 66 |
},
|
| 67 |
twitter: {
|
| 68 |
+
label: _x( 'Twitter', 'label', 'generateblocks' ),
|
| 69 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></svg>,
|
| 70 |
},
|
| 71 |
twitterSquare: {
|
| 72 |
+
label: _x( 'Twitter - Square', 'label', 'generateblocks' ),
|
| 73 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" /></svg>,
|
| 74 |
},
|
| 75 |
vimeo: {
|
| 76 |
+
label: _x( 'Vimeo', 'label', 'generateblocks' ),
|
| 77 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z" /></svg>,
|
| 78 |
},
|
| 79 |
vimeoSquare: {
|
| 80 |
+
label: _x( 'Vimeo - Square', 'label', 'generateblocks' ),
|
| 81 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M403.2 32H44.8C20.1 32 0 52.1 0 76.8v358.4C0 459.9 20.1 480 44.8 480h358.4c24.7 0 44.8-20.1 44.8-44.8V76.8c0-24.7-20.1-44.8-44.8-44.8zM377 180.8c-1.4 31.5-23.4 74.7-66 129.4-44 57.2-81.3 85.8-111.7 85.8-18.9 0-34.8-17.4-47.9-52.3-25.5-93.3-36.4-148-57.4-148-2.4 0-10.9 5.1-25.4 15.2l-15.2-19.6c37.3-32.8 72.9-69.2 95.2-71.2 25.2-2.4 40.7 14.8 46.5 51.7 20.7 131.2 29.9 151 67.6 91.6 13.5-21.4 20.8-37.7 21.8-48.9 3.5-33.2-25.9-30.9-45.8-22.4 15.9-52.1 46.3-77.4 91.2-76 33.3.9 49 22.5 47.1 64.7z" /></svg>,
|
| 82 |
},
|
| 83 |
whatsapp: {
|
| 84 |
+
label: _x( 'WhatsApp', 'label', 'generateblocks' ),
|
| 85 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" /></svg>,
|
| 86 |
},
|
| 87 |
whatsappSquare: {
|
| 88 |
+
label: _x( 'WhatsApp - Square', 'label', 'generateblocks' ),
|
| 89 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z" /></svg>,
|
| 90 |
},
|
| 91 |
youtube: {
|
| 92 |
+
label: _x( 'YouTube', 'label', 'generateblocks' ),
|
| 93 |
icon: <svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" /></svg>,
|
| 94 |
},
|
| 95 |
};
|
src/components/responsive-tabs/index.js
CHANGED
|
@@ -29,7 +29,7 @@ export default class ResponsiveTabs extends Component {
|
|
| 29 |
</Button>
|
| 30 |
</Tooltip>
|
| 31 |
|
| 32 |
-
<Tooltip text={ __( 'Show options for tablet devices' ) }>
|
| 33 |
<Button
|
| 34 |
isLarge
|
| 35 |
isPressed={ 'tablet' === selectedDevice ? true : false }
|
|
@@ -41,7 +41,7 @@ export default class ResponsiveTabs extends Component {
|
|
| 41 |
</Button>
|
| 42 |
</Tooltip>
|
| 43 |
|
| 44 |
-
<Tooltip text={ __( 'Show options for mobile devices' ) }>
|
| 45 |
<Button
|
| 46 |
isLarge
|
| 47 |
isPressed={ 'mobile' === selectedDevice ? true : false }
|
| 29 |
</Button>
|
| 30 |
</Tooltip>
|
| 31 |
|
| 32 |
+
<Tooltip text={ __( 'Show options for tablet devices', 'generateblocks' ) }>
|
| 33 |
<Button
|
| 34 |
isLarge
|
| 35 |
isPressed={ 'tablet' === selectedDevice ? true : false }
|
| 41 |
</Button>
|
| 42 |
</Tooltip>
|
| 43 |
|
| 44 |
+
<Tooltip text={ __( 'Show options for mobile devices', 'generateblocks' ) }>
|
| 45 |
<Button
|
| 46 |
isLarge
|
| 47 |
isPressed={ 'mobile' === selectedDevice ? true : false }
|
src/components/typography/index.js
CHANGED
|
@@ -44,7 +44,7 @@ class TypographyControls extends Component {
|
|
| 44 |
} = this.props;
|
| 45 |
|
| 46 |
const fonts = [
|
| 47 |
-
{ value: '', label: __( 'Select font...' ) },
|
| 48 |
{ value: 'Arial', label: 'Arial' },
|
| 49 |
{ value: 'Helvetica', label: 'Helvetica' },
|
| 50 |
{ value: 'Times New Roman', label: 'Times New Roman' },
|
|
@@ -455,13 +455,12 @@ class TypographyControls extends Component {
|
|
| 455 |
</div>
|
| 456 |
|
| 457 |
<div className="components-gblocks-control__units">
|
| 458 |
-
<Tooltip text={ __( 'Em Units' ) } key={ 'letter-spacing-unit' }>
|
| 459 |
<Button
|
| 460 |
key={ 'letter-spacing-unit' }
|
| 461 |
isSmall
|
| 462 |
isPrimary={ true }
|
| 463 |
-
|
| 464 |
-
aria-label={ __( 'Em Units' ) }
|
| 465 |
>
|
| 466 |
em
|
| 467 |
</Button>
|
| 44 |
} = this.props;
|
| 45 |
|
| 46 |
const fonts = [
|
| 47 |
+
{ value: '', label: __( 'Select font...', 'generateblocks' ) },
|
| 48 |
{ value: 'Arial', label: 'Arial' },
|
| 49 |
{ value: 'Helvetica', label: 'Helvetica' },
|
| 50 |
{ value: 'Times New Roman', label: 'Times New Roman' },
|
| 455 |
</div>
|
| 456 |
|
| 457 |
<div className="components-gblocks-control__units">
|
| 458 |
+
<Tooltip text={ __( 'Em Units', 'generateblocks' ) } key={ 'letter-spacing-unit' }>
|
| 459 |
<Button
|
| 460 |
key={ 'letter-spacing-unit' }
|
| 461 |
isSmall
|
| 462 |
isPrimary={ true }
|
| 463 |
+
aria-label={ __( 'Em Units', 'generateblocks' ) }
|
|
|
|
| 464 |
>
|
| 465 |
em
|
| 466 |
</Button>
|
src/shared/editor.scss
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/**
|
| 2 |
+
* Shared editor styles among all the blocks.
|
| 3 |
+
*/
|
| 4 |
+
|
| 5 |
+
.gblocks-notice {
|
| 6 |
+
margin-bottom: 20px;
|
| 7 |
+
}
|
| 8 |
+
|
| 9 |
+
.gblocks-panel-label .components-panel__body-toggle.components-button {
|
| 10 |
+
display: flex;
|
| 11 |
+
flex-direction: row-reverse;
|
| 12 |
+
justify-content: flex-end;
|
| 13 |
+
}
|
| 14 |
+
|
| 15 |
+
.gblocks-panel-label svg.components-panel__icon {
|
| 16 |
+
margin: 0 10px 0 0;
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
.components-gblocks-control__header {
|
| 20 |
+
display: flex;
|
| 21 |
+
justify-content: space-between;
|
| 22 |
+
margin-bottom: 5px;
|
| 23 |
+
align-items: center;
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.components-panel__body .components-gblocks-control__units .components-button {
|
| 27 |
+
background: #fff;
|
| 28 |
+
border-color: #e2e4e7;
|
| 29 |
+
-webkit-box-shadow: none !important;
|
| 30 |
+
box-shadow: none !important;
|
| 31 |
+
color: #6c7781;
|
| 32 |
+
font-size: 10px;
|
| 33 |
+
padding: 0 5px;
|
| 34 |
+
position: relative;
|
| 35 |
+
text-align: center;
|
| 36 |
+
text-shadow: none;
|
| 37 |
+
border: 1px solid;
|
| 38 |
+
|
| 39 |
+
&.is-primary {
|
| 40 |
+
background: #0070a7;
|
| 41 |
+
border-color: #0070a7;
|
| 42 |
+
color: #fff;
|
| 43 |
+
cursor: default;
|
| 44 |
+
z-index: 1;
|
| 45 |
+
}
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
.gblocks-control-tabs .components-tab-panel__tabs {
|
| 49 |
+
display: flex;
|
| 50 |
+
flex-wrap: wrap;
|
| 51 |
+
margin-bottom: 15px;
|
| 52 |
+
border-bottom: 1px solid #e8eaeb;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.gblocks-control-tabs .components-tab-panel__tabs button {
|
| 56 |
+
padding: 8px;
|
| 57 |
+
height: auto;
|
| 58 |
+
margin: 0;
|
| 59 |
+
margin-bottom: -1px;
|
| 60 |
+
cursor: pointer;
|
| 61 |
+
border: none;
|
| 62 |
+
border: 0;
|
| 63 |
+
border-radius: 0;
|
| 64 |
+
outline-offset: -1px;
|
| 65 |
+
flex: 1;
|
| 66 |
+
justify-content: center;
|
| 67 |
+
font-size: 11px;
|
| 68 |
+
font-weight: 400;
|
| 69 |
+
|
| 70 |
+
&.active-tab {
|
| 71 |
+
position: relative;
|
| 72 |
+
z-index: 1;
|
| 73 |
+
background: #222 !important;
|
| 74 |
+
color: #fff !important;
|
| 75 |
+
box-shadow: 0 0 0 !important;
|
| 76 |
+
}
|
| 77 |
+
}
|
| 78 |
+
|
| 79 |
+
.gblocks-block-control-icon svg {
|
| 80 |
+
margin-right: 0 !important;
|
| 81 |
+
margin-left: 0 !important;
|
| 82 |
+
padding: 2px;
|
| 83 |
+
}
|
| 84 |
+
|
| 85 |
+
.gblocks-block-control-icon.gblocks-add-grid-item svg {
|
| 86 |
+
padding: 0;
|
| 87 |
+
}
|
| 88 |
+
|
| 89 |
+
.gblocks-block-control-icon svg path {
|
| 90 |
+
fill: inherit !important;
|
| 91 |
+
}
|
| 92 |
+
|
| 93 |
+
.gblocks-option-notice.components-notice {
|
| 94 |
+
margin: 0 0 24px;
|
| 95 |
+
|
| 96 |
+
.components-notice__content {
|
| 97 |
+
margin: 5px;
|
| 98 |
+
}
|
| 99 |
+
}
|
src/shared/style-imports.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
| 1 |
+
import './editor.scss';
|
src/utils/get-background-image/index.js
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import hexToRGBA from '../hex-to-rgba';
|
| 2 |
+
|
| 3 |
+
export default function getBackgroundImageCSS( attributes ) {
|
| 4 |
+
let backgroundImage = false,
|
| 5 |
+
gradientColorStopOneValue = '',
|
| 6 |
+
gradientColorStopTwoValue = '';
|
| 7 |
+
|
| 8 |
+
const backgroundColor = hexToRGBA( attributes.backgroundColor, attributes.backgroundColorOpacity );
|
| 9 |
+
const gradientColorOne = hexToRGBA( attributes.gradientColorOne, attributes.gradientColorOneOpacity );
|
| 10 |
+
const gradientColorTwo = hexToRGBA( attributes.gradientColorTwo, attributes.gradientColorTwoOpacity );
|
| 11 |
+
|
| 12 |
+
if ( attributes.gradient ) {
|
| 13 |
+
if ( gradientColorOne && '' !== attributes.gradientColorStopOne ) {
|
| 14 |
+
gradientColorStopOneValue = ' ' + attributes.gradientColorStopOne + '%';
|
| 15 |
+
}
|
| 16 |
+
|
| 17 |
+
if ( gradientColorTwo && '' !== attributes.gradientColorStopTwo ) {
|
| 18 |
+
gradientColorStopTwoValue = ' ' + attributes.gradientColorStopTwo + '%';
|
| 19 |
+
}
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
if ( attributes.bgImage && 'element' === attributes.bgOptions.selector ) {
|
| 23 |
+
const url = attributes.bgImage.image.url;
|
| 24 |
+
|
| 25 |
+
if ( ( backgroundColor || attributes.gradient ) && typeof attributes.bgOptions.overlay !== 'undefined' && attributes.bgOptions.overlay ) {
|
| 26 |
+
if ( attributes.gradient ) {
|
| 27 |
+
backgroundImage = 'linear-gradient(' + attributes.gradientDirection + 'deg, ' + gradientColorOne + gradientColorStopOneValue + ', ' + gradientColorTwo + gradientColorStopTwoValue + '), url(' + url + ')';
|
| 28 |
+
} else if ( backgroundColor ) {
|
| 29 |
+
backgroundImage = 'linear-gradient(0deg, ' + backgroundColor + ', ' + backgroundColor + '), url(' + url + ')';
|
| 30 |
+
}
|
| 31 |
+
} else {
|
| 32 |
+
backgroundImage = 'url(' + url + ')';
|
| 33 |
+
}
|
| 34 |
+
} else if ( attributes.gradient ) {
|
| 35 |
+
backgroundImage = 'linear-gradient(' + attributes.gradientDirection + 'deg, ' + gradientColorOne + gradientColorStopOneValue + ', ' + gradientColorTwo + gradientColorStopTwoValue + ')';
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
return backgroundImage;
|
| 39 |
+
}
|
src/utils/get-selected-device/index.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
export default function getSelectedDevice( selectedDevice ) {
|
| 2 |
+
const storedDevice = window.localStorage.getItem( 'generateblocksSelectedDevice' );
|
| 3 |
+
let currentDevice = selectedDevice;
|
| 4 |
+
|
| 5 |
+
if ( storedDevice ) {
|
| 6 |
+
currentDevice = storedDevice;
|
| 7 |
+
}
|
| 8 |
+
|
| 9 |
+
return currentDevice;
|
| 10 |
+
}
|
src/{components/color-picker/hex-to-rgba.js → utils/hex-to-rgba/index.js}
RENAMED
|
File without changes
|
