GenerateBlocks - Version 1.4.0

Version Description

  • New: Add flex (flex-grow, flex-shrink, flex-basis) options to grid item containers
  • New: Add "auto" width option to grid item containers on tablet and mobile
  • New: Allow CSS variables in color picker component
  • New: Use built-in color transparency in color picker component
  • Tweak: Improve design of empty Container blocks
  • Tweak: Remove Container padding defaults
  • Tweak: Remove grid gap default
  • Tweak: Remove gradient defaults
  • Tweak: Remove grid item width defaults
  • Tweak: Make Button Container stack & fill options device-specific
  • Tweak: Stop auto-adding z-index to Container when using pseudo gradients
  • Tweak: Only output shorthand CSS values if all fields are set
  • Tweak: Add missing tablet "order" property from editor CSS
  • Tweak: Improve unique ID generation
  • Tweak: Remove GeneratePress full width option from Container block
  • Tweak: Replace advanced typography attribute with local storage
  • Tweak: Allow for empty Container padding values
  • Tweak: Check for FS_CHMOD_FILE constant in external css file
  • Tweak: Force inline CSS on single posts
  • Tweak: Remove "Select Grid" button from grid item Containers
  • Tweak: Allow for no value in grid item width field
  • Tweak: Allow zero values for minHeight on devices
  • Tweak: Add new block on Enter key in Headline block
  • Tweak: Remove relative protocol from Google Fonts requests
  • Fix: Responsive border-radius when using pseudo backgrounds
  • Fix: Buttons alignment in the editor
  • Fix: Container tag name accepting any value
  • Fix: Missing align wide/full options when using block themes
Download this release

Release Info

Developer edge22
Plugin Icon 128x128 GenerateBlocks
Version 1.4.0
Comparing to
See all releases

Code changes from version 1.3.5 to 1.4.0

Files changed (48) hide show
  1. dist/blocks.asset.php +1 -1
  2. dist/blocks.css +4 -3
  3. dist/blocks.js +13 -13
  4. dist/dashboard.asset.php +1 -1
  5. dist/dashboard.js +1 -1
  6. includes/class-do-css.php +8 -0
  7. includes/class-enqueue-css.php +6 -1
  8. includes/class-legacy-attributes.php +115 -0
  9. includes/class-render-blocks.php +20 -0
  10. includes/defaults.php +34 -24
  11. includes/functions.php +7 -2
  12. includes/general.php +15 -2
  13. includes/generate-css.php +115 -99
  14. plugin.php +3 -2
  15. readme.txt +31 -1
  16. src/blocks/button-container/attributes.js +3 -0
  17. src/blocks/button-container/block.js +2 -2
  18. src/blocks/button-container/css/desktop.js +40 -0
  19. src/blocks/button-container/css/main.js +1 -26
  20. src/blocks/button-container/css/mobile.js +1 -0
  21. src/blocks/button-container/css/tablet-only.js +40 -0
  22. src/blocks/button-container/css/tablet.js +1 -26
  23. src/blocks/button-container/edit.js +49 -20
  24. src/blocks/button/attributes.js +0 -4
  25. src/blocks/button/block.js +2 -2
  26. src/blocks/button/edit.js +54 -22
  27. src/blocks/container/attributes.js +51 -4
  28. src/blocks/container/block-controls.js +20 -20
  29. src/blocks/container/block.js +2 -2
  30. src/blocks/container/css/main.js +11 -9
  31. src/blocks/container/css/mobile.js +18 -1
  32. src/blocks/container/css/tablet.js +22 -1
  33. src/blocks/container/edit.js +678 -180
  34. src/blocks/container/editor.scss +135 -7
  35. src/blocks/grid/attributes.js +3 -0
  36. src/blocks/grid/block.js +2 -2
  37. src/blocks/grid/edit.js +60 -96
  38. src/blocks/headline/attributes.js +0 -4
  39. src/blocks/headline/block.js +2 -2
  40. src/blocks/headline/edit.js +35 -20
  41. src/blocks/headline/element-icons.js +0 -2
  42. src/components/color-picker/editor.scss +19 -12
  43. src/components/color-picker/index.js +96 -20
  44. src/components/dimensions/index.js +0 -59
  45. src/components/gradient/index.js +26 -4
  46. src/components/range-control/editor.scss +26 -0
  47. src/components/range-control/index.js +88 -0
  48. src/components/typography/google-fonts.js +0 -3414
dist/blocks.asset.php CHANGED
@@ -1 +1 @@
1
- <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-polyfill', 'wp-rich-text'), 'version' => '55e5757e383b547b2609885572d12862');
1
+ <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-polyfill', 'wp-rich-text'), 'version' => 'abd3bfade39adca2eab3e5e23b36a2ed');
dist/blocks.css CHANGED
@@ -1,14 +1,15 @@
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:flex;flex-wrap:wrap;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:flex;flex-wrap:wrap;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:flex;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,.75);border-radius:4px;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,.75);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:flex;flex:1;flex-direction:column;width:0}.gb-col>.block-editor-block-list__block-edit{display:flex;flex-basis:100%;margin-top:0 !important;margin-bottom:0 !important}.gb-col>.block-editor-block-list__block-edit>[data-block]{flex:100%}.gb-col>.block-editor-block-list__block-edit>.editor-block-contextual-toolbar+[data-block]{margin-left:30px}.gb-col.gb-col-25{flex-basis:25%}.gb-col.gb-col-75{flex-basis:75%}.gb-col.gb-col-50{flex-basis:50%}.gb-col.gb-col-60{flex-basis:60%}.gb-col.gb-col-20{flex-basis:20%}.gb-col.gb-col-16{flex-basis:16.6%}.gb-grid-appender button{background:#fff;box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;padding:20px;width:100%;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:flex;justify-content:center;align-items:center}.gb-select-layout .gb-grid-wrapper-layout-preview{max-width:500px}.gb-select-layout .components-placeholder__fieldset{display:flex;justify-content:center}.wp-block[data-type="generateblocks/grid"]{margin-top:0;margin-bottom:0}
2
  .gb-responsive-tabs{position:sticky;top:0;background:#fff;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7;z-index:10;display:flex}.gb-responsive-tabs button{flex-grow:1;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){box-shadow:unset !important;background:#007cba !important;color:#fff !important}.block-editor-block-inspector .gb-responsive-tabs+.components-panel__body{border-top:0}
3
  .components-gblocks-units-control-header__units{display:flex;justify-content:space-between;margin-bottom:5px;align-items:center}.components-gblocks-control__units .components-gblocks-control-buttons__units button.components-button{background:#fff;box-shadow:none !important;color:#929da7;font-size:10px;padding:0 5px;position:relative;text-align:center;text-shadow:none;border:0;border-radius:0 !important;line-height:20px;padding:0 5px;height:auto}.components-gblocks-control__units .components-gblocks-control-buttons__units button.components-button.is-primary{background:#fff !important;color:#000 !important;cursor:default;z-index:1;font-weight:bold}
4
- 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}.additional-class-notice .components-notice{margin:0 0 10px}.widthButtons button{font-size:12px;flex:1;box-shadow:inset 0 0 0 1px #007cba;justify-content:center}.widthButtons{margin-bottom:10px;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;box-sizing:border-box}.gblocks-bg-image-wrapper{display:flex}.gblocks-bg-image-wrapper .components-base-control,.gblocks-bg-image-wrapper .components-base-control__field{margin:0}.gblocks-bg-image-wrapper>.components-base-control{flex-grow:1}.gblocks-bg-image-wrapper .components-button{line-height:inherit;height:100%}.components-gblocks-control__image-sizes{margin-bottom:24px}.components-gblocks-control__image-sizes button{margin:0 5px 5px 0}.wp-block[data-type="generateblocks/container"]{margin-top:0;margin-bottom:0}.gb-container .wp-block-image{margin-top:0;margin-bottom:0}.gb-container .gb-shape{position:absolute;overflow:hidden;line-height:0;pointer-events:none}.gb-container .gb-shape svg{fill:currentColor}.gblocks-add-new-shape{margin-top:10px}.gblocks-shape-controls{width:100%}.gblocks-shape-controls>.components-base-control{margin-bottom:20px}.gblocks-shape-controls .gblocks-edit-shape{display:block;width:100%;text-align:left}.gblocks-shape-controls .gblocks-shape-chooser{margin:0}.gblocks-shape-controls .gblocks-shape-chooser li{margin:5px 0}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button{width:100%;height:auto;background:#efefef}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button svg{width:100%}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button:hover{background:#efefef}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button.gblocks-shape-is-active{box-shadow:0 0 0 3px #007cba}.gblocks-shape-divider-preview{padding:10px}.gblocks-shape-divider-preview svg{fill:currentColor}.gblocks-shape-toggle-preview{margin-right:10px}.gblocks-shape-toggle-preview svg{width:30px}.gblocks-shape-container{display:flex;align-items:center;margin-bottom:10px;border:1px solid #efefef;border-radius:3px}.gblocks-shape-container .components-dropdown{margin-left:auto}.gblocks-shape-container .components-button.gblocks-shape-dropdown,.gblocks-shape-container .components-button.gblocks-remove-shape{justify-content:center}.gblocks-shape-container .components-button.gblocks-shape-dropdown>svg,.gblocks-shape-container .components-button.gblocks-remove-shape>svg{margin-right:0}.components-popover.gblocks-shapes-dropdown .components-popover__content{min-width:260px}.gblocks-gpress-full-width .components-base-control__label{display:block}
5
- .gblocks-component-color-picker-wrapper>.components-base-control__field{position:relative;display:flex;align-items:center;justify-content:space-between}.gblocks-component-color-picker-wrapper>.components-base-control__field .components-color-palette__item-wrapper{margin:0}.gblocks-component-color-picker>.components-base-control:first-child{margin-bottom:0}.gblocks-component-color-picker .components-color-picker__inputs-wrapper{min-width:auto}.gblocks-component-color-picker .gblocks-component-color-picker-palette{padding:16px;margin-top:10px}.gblocks-component-color-picker .gblocks-component-color-picker-palette .components-circular-option-picker{display:flex;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}.gblocks-component-color-picker .components-popover__content{padding:10px;width:300px}.gblocks-component-color-picker .components-color-picker__inputs-fields{margin-right:0}.gblocks-component-color-picker .components-color-clear-color{margin:0 16px}.gblocks-component-color-opacity{display:flex;padding:0 16px;margin:10px 0}.gblocks-component-color-opacity .components-range-control{flex-grow:1;padding-left:5px}.gblocks-color-picker-area{width:28px;height:28px}
6
  .components-gblocks-dimensions-control__inputs,.components-gblocks-dimensions-control__input-labels{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;box-shadow:none;height:auto;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{box-shadow:none !important}
7
  .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:flex;justify-content:space-between;margin-bottom:5px;align-items:center}.components-gblocks-typography-control__inputs+.components-gblocks-typography-control__header{margin-top:25px}.components-gblocks-typography-control__inputs{display:flex;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:flex;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{flex-grow:1}
8
  .gblocks-component-gradient-control{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:8px}.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{flex-grow:1;padding-left:10px}
 
9
  .gb-button-wrapper{display:flex;flex-wrap:wrap;align-items:flex-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:inline-flex}.gblocks-add-new-button svg{margin-right:0 !important;margin-left:0 !important}.gblocks-button-container-appender{-ms-grid-row-align:center;align-self:center}.wp-block[data-type="generateblocks/button-container"]{margin-top:0;margin-bottom:0}
10
  .gb-button-wrapper{position:relative;margin-top:0}.gb-button-wrapper .gb-button{display:flex;justify-content:center;align-items:center;text-align:center;padding:unset;line-height:unset;text-decoration:none !important;border:none;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:flex;flex-wrap:wrap;align-items:flex-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{justify-content:flex-end}.gb-button-wrapper.gb-button-wrapper-align-center>.block-editor-inner-blocks>.block-editor-block-list__layout{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%;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-grid-row-align:center;align-self:center}.gb-button-wrapper .components-button.gblocks-add-button svg{margin-right:0}.gb-button .gb-icon{-ms-grid-row-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;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{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{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}.wp-block[data-type="generateblocks/button"]{margin-top:0;margin-bottom:0}
11
  .gblocks-icon-chooser{display:flex;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;box-shadow:none;padding:8px;line-height:normal;font-size:15px;justify-content:center}.gblocks-icon-chooser li button.components-button span{line-height:0}.gblocks-icon-chooser li button.components-button:hover{background:#fff;box-shadow:none}.gblocks-icon-chooser li button.components-button svg{width:1em;height:1em}.gb-icon{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:flex;align-items: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:flex;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.components-panel__body-toggle{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}
12
  .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:flex;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]::-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;box-shadow:0 3px 30px rgba(25,30,35,.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%}
13
  mark.gb-highlight{background:none;color:unset}.gb-headline span.rich-text{display:inline-block}.wp-block[data-type="generateblocks/headline"]{margin-top:0;margin-bottom:0}
14
- .gblocks-notice{margin-bottom:20px}.gblocks-panel-label .components-panel__body-toggle.components-button{display:flex;flex-direction:row-reverse;justify-content:flex-end}.gblocks-panel-label svg.components-panel__icon{margin:0 10px 0 0}.gblocks-control-tabs .components-tab-panel__tabs{display:flex;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;flex:1;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;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}
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:flex;flex-wrap:wrap;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:flex;flex-wrap:wrap;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:flex;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,.75);border-radius:4px;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,.75);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:flex;flex:1;flex-direction:column;width:0}.gb-col>.block-editor-block-list__block-edit{display:flex;flex-basis:100%;margin-top:0 !important;margin-bottom:0 !important}.gb-col>.block-editor-block-list__block-edit>[data-block]{flex:100%}.gb-col>.block-editor-block-list__block-edit>.editor-block-contextual-toolbar+[data-block]{margin-left:30px}.gb-col.gb-col-25{flex-basis:25%}.gb-col.gb-col-75{flex-basis:75%}.gb-col.gb-col-50{flex-basis:50%}.gb-col.gb-col-60{flex-basis:60%}.gb-col.gb-col-20{flex-basis:20%}.gb-col.gb-col-16{flex-basis:16.6%}.gb-grid-appender button{background:#fff;box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;padding:20px;width:100%;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:flex;justify-content:center;align-items:center}.gb-select-layout .gb-grid-wrapper-layout-preview{max-width:500px}.gb-select-layout .components-placeholder__fieldset{display:flex;justify-content:center}.wp-block[data-type="generateblocks/grid"]{margin-top:0;margin-bottom:0}
2
  .gb-responsive-tabs{position:sticky;top:0;background:#fff;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7;z-index:10;display:flex}.gb-responsive-tabs button{flex-grow:1;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){box-shadow:unset !important;background:#007cba !important;color:#fff !important}.block-editor-block-inspector .gb-responsive-tabs+.components-panel__body{border-top:0}
3
  .components-gblocks-units-control-header__units{display:flex;justify-content:space-between;margin-bottom:5px;align-items:center}.components-gblocks-control__units .components-gblocks-control-buttons__units button.components-button{background:#fff;box-shadow:none !important;color:#929da7;font-size:10px;padding:0 5px;position:relative;text-align:center;text-shadow:none;border:0;border-radius:0 !important;line-height:20px;padding:0 5px;height:auto}.components-gblocks-control__units .components-gblocks-control-buttons__units button.components-button.is-primary{background:#fff !important;color:#000 !important;cursor:default;z-index:1;font-weight:bold}
4
+ 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}.additional-class-notice .components-notice{margin:0 0 10px}.widthButtons{margin-bottom:10px;display:flex}.widthButtons button{font-size:12px;flex:1;box-shadow:inset 0 0 0 1px #007cba;justify-content:center;padding:5px 0}.widthButtons button:first-child{padding:5px}.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;box-sizing:border-box}.gblocks-bg-image-wrapper{display:flex}.gblocks-bg-image-wrapper .components-base-control,.gblocks-bg-image-wrapper .components-base-control__field{margin:0}.gblocks-bg-image-wrapper>.components-base-control{flex-grow:1}.gblocks-bg-image-wrapper .components-button{line-height:inherit;height:100%}.components-gblocks-control__image-sizes{margin-bottom:24px}.components-gblocks-control__image-sizes button{margin:0 5px 5px 0}.wp-block[data-type="generateblocks/container"]{margin-top:0;margin-bottom:0}.gb-container .wp-block-image{margin-top:0;margin-bottom:0}.gb-container .gb-shape{position:absolute;overflow:hidden;line-height:0;pointer-events:none}.gb-container .gb-shape svg{fill:currentColor}.gblocks-add-new-shape{margin-top:10px}.gblocks-shape-controls{width:100%}.gblocks-shape-controls>.components-base-control{margin-bottom:20px}.gblocks-shape-controls .gblocks-edit-shape{display:block;width:100%;text-align:left}.gblocks-shape-controls .gblocks-shape-chooser{margin:0}.gblocks-shape-controls .gblocks-shape-chooser li{margin:5px 0}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button{width:100%;height:auto;background:#efefef}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button svg{width:100%}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button:hover{background:#efefef}.gblocks-shape-controls .gblocks-shape-chooser li button.components-button.gblocks-shape-is-active{box-shadow:0 0 0 3px #007cba}.gblocks-shape-divider-preview{padding:10px}.gblocks-shape-divider-preview svg{fill:currentColor}.gblocks-shape-toggle-preview{margin-right:10px}.gblocks-shape-toggle-preview svg{width:30px}.gblocks-shape-container{display:flex;align-items:center;margin-bottom:10px;border:1px solid #efefef;border-radius:3px}.gblocks-shape-container .components-dropdown{margin-left:auto}.gblocks-shape-container .components-button.gblocks-shape-dropdown,.gblocks-shape-container .components-button.gblocks-remove-shape{justify-content:center}.gblocks-shape-container .components-button.gblocks-shape-dropdown>svg,.gblocks-shape-container .components-button.gblocks-remove-shape>svg{margin-right:0}.components-popover.gblocks-shapes-dropdown .components-popover__content{min-width:260px}.gblocks-gpress-full-width .components-base-control__label{display:block}.gblocks-flex-controls-inner{display:flex}.gblocks-flex-controls-inner>.components-base-control{margin-bottom:0}.gblocks-flex-controls-inner>.components-base-control:nth-child(1){margin-right:1px;flex-basis:25%}.gblocks-flex-controls-inner>.components-base-control:nth-child(2){margin-right:1px;flex-basis:25%}.gblocks-flex-controls-inner>.components-base-control:nth-child(3){flex-basis:50%}.gblocks-flex-controls-inner p{margin-bottom:0}.gblocks-flex-controls-inner .gblocks-flex-basis-wrapper{position:relative}.gblocks-flex-controls-inner .gblocks-flex-basis-wrapper .components-gblocks-units-control-header__units{position:absolute;right:0;top:5px}.gb-container-empty{padding:5px;position:relative}.gb-container-empty.gb-container-visual-guides:before{content:"";position:absolute;top:.5px;right:.5px;bottom:.5px;left:.5px;border:1px dashed #000;box-shadow:inset 0 0 0 1px #fff;opacity:.2;transition:opacity 500ms ease}.gb-container-empty.gb-container-visual-guides:hover:before{opacity:.3}.gb-container .block-editor-block-list__layout .block-list-appender{margin:0}.gb-container .block-editor-block-list__layout .block-list-appender:not(:first-child):not(:empty){margin-top:10px}.components-button.gblocks-container-selector{width:100%;display:block;text-align:left;color:inherit;padding:5px;border:1px solid transparent}.components-button.gblocks-container-selector .gblocks-container-selector__icon{background:#fff;opacity:.3;display:inline-flex;height:25px;width:25px;align-items:center;justify-content:center;border-radius:2px;transition:opacity 500ms ease}.components-button.gblocks-container-selector .gblocks-container-selector__icon svg{transform:scale(0.7)}.components-button.gblocks-container-selector .gblocks-container-selector__icon svg path{fill:#000}.components-button.gblocks-container-selector:hover .gblocks-container-selector__icon{opacity:.4}.gb-container>.gb-inside-container>.block-editor-inner-blocks>.block-editor-block-list__layout>.block-list-appender .block-editor-button-block-appender{background:unset;color:#000;box-shadow:inset 0 0 0 1px #fff;border:1px solid #000;padding:5px 12px}.gb-container>.gb-inside-container>.block-editor-inner-blocks>.block-editor-block-list__layout>.block-list-appender .block-editor-button-block-appender svg path{fill:#000;stroke:#fff;stroke-width:2px;paint-order:stroke}
5
+ .gblocks-component-color-picker-wrapper>.components-base-control__field{position:relative;display:flex;align-items:center;justify-content:space-between}.gblocks-component-color-picker-wrapper>.components-base-control__field .components-color-palette__item-wrapper{margin:0}.gblocks-component-color-picker .components-color-picker__inputs-wrapper{display:none}.gblocks-component-color-picker .gblocks-color-input-wrapper{display:flex;padding:16px 16px 0}.gblocks-component-color-picker .gblocks-color-input-wrapper input{margin-right:5px}.gblocks-component-color-picker .gblocks-color-input-wrapper .components-base-control__field{margin-bottom:0}.gblocks-component-color-picker>.components-base-control:first-child{margin-bottom:0}.gblocks-component-color-picker .components-color-picker__inputs-wrapper{min-width:auto}.gblocks-component-color-picker .gblocks-component-color-picker-palette{padding:16px 16px 0}.gblocks-component-color-picker .gblocks-component-color-picker-palette .components-circular-option-picker{display:flex;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-color-palette{margin:0}.gblocks-component-color-picker .components-color-picker{padding:5px}.gblocks-component-color-picker .components-color-picker__body{padding-bottom:0}.gblocks-component-color-picker .components-popover__content{padding:10px;width:300px}.gblocks-component-color-picker .components-color-clear-color{height:auto}.gblocks-component-color-opacity{display:flex;padding:0 16px;margin:10px 0}.gblocks-component-color-opacity .components-range-control{flex-grow:1;padding-left:5px}.gblocks-color-picker-area{width:28px;height:28px}
6
  .components-gblocks-dimensions-control__inputs,.components-gblocks-dimensions-control__input-labels{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;box-shadow:none;height:auto;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{box-shadow:none !important}
7
  .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:flex;justify-content:space-between;margin-bottom:5px;align-items:center}.components-gblocks-typography-control__inputs+.components-gblocks-typography-control__header{margin-top:25px}.components-gblocks-typography-control__inputs{display:flex;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:flex;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{flex-grow:1}
8
  .gblocks-component-gradient-control{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:8px}.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{flex-grow:1;padding-left:10px}
9
+ .components-gblocks-range-control .components-gblocks-range-control--wrapper{display:flex;justify-content:space-between}.components-gblocks-range-control .components-gblocks-range-control--wrapper .components-gblocks-range-control--range{width:calc(100% - 80px)}.components-gblocks-range-control .components-gblocks-range-control--wrapper .components-gblocks-range-control-input{width:60px}.components-gblocks-range-control .components-base-control__help{margin-top:-8px;font-size:12px;font-style:normal;color:#757575}.components-gblocks-range-control .components-base-control,.components-gblocks-range-control .components-base-control__field{margin-bottom:0 !important}
10
  .gb-button-wrapper{display:flex;flex-wrap:wrap;align-items:flex-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:inline-flex}.gblocks-add-new-button svg{margin-right:0 !important;margin-left:0 !important}.gblocks-button-container-appender{-ms-grid-row-align:center;align-self:center}.wp-block[data-type="generateblocks/button-container"]{margin-top:0;margin-bottom:0}
11
  .gb-button-wrapper{position:relative;margin-top:0}.gb-button-wrapper .gb-button{display:flex;justify-content:center;align-items:center;text-align:center;padding:unset;line-height:unset;text-decoration:none !important;border:none;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:flex;flex-wrap:wrap;align-items:flex-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{justify-content:flex-end}.gb-button-wrapper.gb-button-wrapper-align-center>.block-editor-inner-blocks>.block-editor-block-list__layout{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%;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-grid-row-align:center;align-self:center}.gb-button-wrapper .components-button.gblocks-add-button svg{margin-right:0}.gb-button .gb-icon{-ms-grid-row-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;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{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{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}.wp-block[data-type="generateblocks/button"]{margin-top:0;margin-bottom:0}
12
  .gblocks-icon-chooser{display:flex;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;box-shadow:none;padding:8px;line-height:normal;font-size:15px;justify-content:center}.gblocks-icon-chooser li button.components-button span{line-height:0}.gblocks-icon-chooser li button.components-button:hover{background:#fff;box-shadow:none}.gblocks-icon-chooser li button.components-button svg{width:1em;height:1em}.gb-icon{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:flex;align-items: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:flex;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.components-panel__body-toggle{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}
13
  .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:flex;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]::-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;box-shadow:0 3px 30px rgba(25,30,35,.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%}
14
  mark.gb-highlight{background:none;color:unset}.gb-headline span.rich-text{display:inline-block}.wp-block[data-type="generateblocks/headline"]{margin-top:0;margin-bottom:0}
15
+ .gblocks-notice{margin-bottom:20px}.gblocks-panel-label .components-panel__body-toggle.components-button{display:flex;flex-direction:row-reverse;justify-content:flex-end}.gblocks-panel-label svg.components-panel__icon{margin:0 10px 0 0}.gblocks-control-tabs .components-tab-panel__tabs{display:flex;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;flex:1;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;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}.gblocks-small-notice-description{font-size:12px;color:#777;margin-bottom:10px}.gblocks-utility-label{display:flex;align-items:flex-end;margin-bottom:5px}.gblocks-utility-label label{margin-right:auto}.gblocks-utility-label .components-button{height:auto;justify-content:center !important;margin-left:5px;min-width:auto;padding:0 6px}.gblocks-utility-label .components-button.gblocks-reset-button svg{height:20px;width:20px}.gblocks-utility-label .components-button:last-child{margin-right:-5px}.gblocks-utility-label .components-button svg{margin-right:0 !important;height:13px;width:13px}
dist/blocks.js CHANGED
@@ -1,15 +1,15 @@
1
- !function(e){var t={};function a(l){if(t[l])return t[l].exports;var i=t[l]={i:l,l:!1,exports:{}};return e[l].call(i.exports,i,i.exports,a),i.l=!0,i.exports}a.m=e,a.c=t,a.d=function(e,t,l){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(a.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)a.d(l,i,function(t){return e[t]}.bind(null,i));return l},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s=13)}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.hooks},function(e,t){function a(){return e.exports=a=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},e.exports.default=e.exports,e.exports.__esModule=!0,a.apply(this,arguments)}e.exports=a,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){e.exports=window.wp.blockEditor},function(e,t,a){var l;!function(){"use strict";var a={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var r=typeof l;if("string"===r||"number"===r)e.push(l);else if(Array.isArray(l)){if(l.length){var n=i.apply(null,l);n&&e.push(n)}}else if("object"===r)if(l.toString===Object.prototype.toString)for(var o in l)a.call(l,o)&&l[o]&&e.push(o);else e.push(l.toString())}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(l=function(){return i}.apply(t,[]))||(e.exports=l)}()},function(e,t){e.exports=window.wp.blocks},function(e,t){e.exports=window.wp.data},function(e,t){e.exports=window.wp.compose},function(e,t){e.exports=window.wp.richText},,function(e,t,a){e.exports=function(){"use strict";var e=Object.hasOwnProperty,t=Object.setPrototypeOf,a=Object.isFrozen,l=Object.getPrototypeOf,i=Object.getOwnPropertyDescriptor,r=Object.freeze,n=Object.seal,o=Object.create,c="undefined"!=typeof Reflect&&Reflect,s=c.apply,g=c.construct;s||(s=function(e,t,a){return e.apply(t,a)}),r||(r=function(e){return e}),n||(n=function(e){return e}),g||(g=function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,a=Array(e.length);t<e.length;t++)a[t]=e[t];return a}return Array.from(e)}(t))))});var b,d=v(Array.prototype.forEach),p=v(Array.prototype.pop),u=v(Array.prototype.push),h=v(String.prototype.toLowerCase),m=v(String.prototype.match),f=v(String.prototype.replace),k=v(String.prototype.indexOf),y=v(String.prototype.trim),w=v(RegExp.prototype.test),O=(b=TypeError,function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return g(b,t)});function v(e){return function(t){for(var a=arguments.length,l=Array(a>1?a-1:0),i=1;i<a;i++)l[i-1]=arguments[i];return s(e,t,l)}}function j(e,l){t&&t(e,null);for(var i=l.length;i--;){var r=l[i];if("string"==typeof r){var n=h(r);n!==r&&(a(l)||(l[i]=n),r=n)}e[r]=!0}return e}function T(t){var a=o(null),l=void 0;for(l in t)s(e,t,[l])&&(a[l]=t[l]);return a}function C(e,t){for(;null!==e;){var a=i(e,t);if(a){if(a.get)return v(a.get);if("function"==typeof a.value)return v(a.value)}e=l(e)}return function(e){return console.warn("fallback value for",e),null}}var _=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),B=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),S=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),E=r(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),D=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),x=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),M=r(["#text"]),z=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),R=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),L=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),A=n(/\{\{[\s\S]*|[\s\S]*\}\}/gm),U=n(/<%[\s\S]*|[\s\S]*%>/gm),P=n(/^data-[\-\w.\u00B7-\uFFFF]/),N=n(/^aria-[\-\w]+$/),H=n(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),I=n(/^(?:\w+script|data):/i),G=n(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function q(e){if(Array.isArray(e)){for(var t=0,a=Array(e.length);t<e.length;t++)a[t]=e[t];return a}return Array.from(e)}var W=function(){return"undefined"==typeof window?null:window},Z=function(e,t){if("object"!==(void 0===e?"undefined":V(e))||"function"!=typeof e.createPolicy)return null;var a=null;t.currentScript&&t.currentScript.hasAttribute("data-tt-policy-suffix")&&(a=t.currentScript.getAttribute("data-tt-policy-suffix"));var l="dompurify"+(a?"#"+a:"");try{return e.createPolicy(l,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+l+" could not be created."),null}};return function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:W(),a=function(t){return e(t)};if(a.version="2.2.8",a.removed=[],!t||!t.document||9!==t.document.nodeType)return a.isSupported=!1,a;var l=t.document,i=t.document,n=t.DocumentFragment,o=t.HTMLTemplateElement,c=t.Node,s=t.Element,g=t.NodeFilter,b=t.NamedNodeMap,v=void 0===b?t.NamedNodeMap||t.MozNamedAttrMap:b,K=t.Text,J=t.Comment,Y=t.DOMParser,Q=t.trustedTypes,X=s.prototype,$=C(X,"cloneNode"),ee=C(X,"nextSibling"),te=C(X,"childNodes"),ae=C(X,"parentNode");if("function"==typeof o){var le=i.createElement("template");le.content&&le.content.ownerDocument&&(i=le.content.ownerDocument)}var ie=Z(Q,l),re=ie&&Fe?ie.createHTML(""):"",ne=i,oe=ne.implementation,ce=ne.createNodeIterator,se=ne.createDocumentFragment,ge=l.importNode,be={};try{be=T(i).documentMode?i.documentMode:{}}catch(e){}var de={};a.isSupported="function"==typeof ae&&oe&&void 0!==oe.createHTMLDocument&&9!==be;var pe=A,ue=U,he=P,me=N,fe=I,ke=G,ye=H,we=null,Oe=j({},[].concat(q(_),q(B),q(S),q(D),q(M))),ve=null,je=j({},[].concat(q(z),q(R),q(L),q(F))),Te=null,Ce=null,_e=!0,Be=!0,Se=!1,Ee=!1,De=!1,xe=!1,Me=!1,ze=!1,Re=!1,Le=!0,Fe=!1,Ae=!0,Ue=!0,Pe=!1,Ne={},He=j({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ie=null,Ge=j({},["audio","video","img","source","image","track"]),Ve=null,qe=j({},["alt","class","for","id","label","name","pattern","placeholder","summary","title","value","style","xmlns"]),We="http://www.w3.org/1998/Math/MathML",Ze="http://www.w3.org/2000/svg",Ke="http://www.w3.org/1999/xhtml",Je=Ke,Ye=null,Qe=i.createElement("form"),Xe=function(e){Ye&&Ye===e||(e&&"object"===(void 0===e?"undefined":V(e))||(e={}),e=T(e),we="ALLOWED_TAGS"in e?j({},e.ALLOWED_TAGS):Oe,ve="ALLOWED_ATTR"in e?j({},e.ALLOWED_ATTR):je,Ve="ADD_URI_SAFE_ATTR"in e?j(T(qe),e.ADD_URI_SAFE_ATTR):qe,Ie="ADD_DATA_URI_TAGS"in e?j(T(Ge),e.ADD_DATA_URI_TAGS):Ge,Te="FORBID_TAGS"in e?j({},e.FORBID_TAGS):{},Ce="FORBID_ATTR"in e?j({},e.FORBID_ATTR):{},Ne="USE_PROFILES"in e&&e.USE_PROFILES,_e=!1!==e.ALLOW_ARIA_ATTR,Be=!1!==e.ALLOW_DATA_ATTR,Se=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Ee=e.SAFE_FOR_TEMPLATES||!1,De=e.WHOLE_DOCUMENT||!1,ze=e.RETURN_DOM||!1,Re=e.RETURN_DOM_FRAGMENT||!1,Le=!1!==e.RETURN_DOM_IMPORT,Fe=e.RETURN_TRUSTED_TYPE||!1,Me=e.FORCE_BODY||!1,Ae=!1!==e.SANITIZE_DOM,Ue=!1!==e.KEEP_CONTENT,Pe=e.IN_PLACE||!1,ye=e.ALLOWED_URI_REGEXP||ye,Je=e.NAMESPACE||Je,Ee&&(Be=!1),Re&&(ze=!0),Ne&&(we=j({},[].concat(q(M))),ve=[],!0===Ne.html&&(j(we,_),j(ve,z)),!0===Ne.svg&&(j(we,B),j(ve,R),j(ve,F)),!0===Ne.svgFilters&&(j(we,S),j(ve,R),j(ve,F)),!0===Ne.mathMl&&(j(we,D),j(ve,L),j(ve,F))),e.ADD_TAGS&&(we===Oe&&(we=T(we)),j(we,e.ADD_TAGS)),e.ADD_ATTR&&(ve===je&&(ve=T(ve)),j(ve,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&j(Ve,e.ADD_URI_SAFE_ATTR),Ue&&(we["#text"]=!0),De&&j(we,["html","head","body"]),we.table&&(j(we,["tbody"]),delete Te.tbody),r&&r(e),Ye=e)},$e=j({},["mi","mo","mn","ms","mtext"]),et=j({},["foreignobject","desc","title","annotation-xml"]),tt=j({},B);j(tt,S),j(tt,E);var at=j({},D);j(at,x);var lt=function(e){var t=ae(e);t&&t.tagName||(t={namespaceURI:Ke,tagName:"template"});var a=h(e.tagName),l=h(t.tagName);if(e.namespaceURI===Ze)return t.namespaceURI===Ke?"svg"===a:t.namespaceURI===We?"svg"===a&&("annotation-xml"===l||$e[l]):Boolean(tt[a]);if(e.namespaceURI===We)return t.namespaceURI===Ke?"math"===a:t.namespaceURI===Ze?"math"===a&&et[l]:Boolean(at[a]);if(e.namespaceURI===Ke){if(t.namespaceURI===Ze&&!et[l])return!1;if(t.namespaceURI===We&&!$e[l])return!1;var i=j({},["title","style","font","a","script"]);return!at[a]&&(i[a]||!tt[a])}return!1},it=function(e){u(a.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=re}catch(t){e.remove()}}},rt=function(e,t){try{u(a.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){u(a.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!ve[e])if(ze||Re)try{it(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},nt=function(e){var t=void 0,a=void 0;if(Me)e="<remove></remove>"+e;else{var l=m(e,/^[\r\n\t ]+/);a=l&&l[0]}var r=ie?ie.createHTML(e):e;if(Je===Ke)try{t=(new Y).parseFromString(r,"text/html")}catch(e){}t&&t.documentElement||((t=oe.createDocument(Je,"template",null)).documentElement.innerHTML=r);var n=t.body||t.documentElement;return e&&a&&n.insertBefore(i.createTextNode(a),n.childNodes[0]||null),De?t.documentElement:n},ot=function(e){return ce.call(e.ownerDocument||e,e,g.SHOW_ELEMENT|g.SHOW_COMMENT|g.SHOW_TEXT,(function(){return g.FILTER_ACCEPT}),!1)},ct=function(e){return!(e instanceof K||e instanceof J||"string"==typeof e.nodeName&&"string"==typeof e.textContent&&"function"==typeof e.removeChild&&e.attributes instanceof v&&"function"==typeof e.removeAttribute&&"function"==typeof e.setAttribute&&"string"==typeof e.namespaceURI&&"function"==typeof e.insertBefore)},st=function(e){return"object"===(void 0===c?"undefined":V(c))?e instanceof c:e&&"object"===(void 0===e?"undefined":V(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},gt=function(e,t,l){de[e]&&d(de[e],(function(e){e.call(a,t,l,Ye)}))},bt=function(e){var t=void 0;if(gt("beforeSanitizeElements",e,null),ct(e))return it(e),!0;if(m(e.nodeName,/[\u0080-\uFFFF]/))return it(e),!0;var l=h(e.nodeName);if(gt("uponSanitizeElement",e,{tagName:l,allowedTags:we}),!st(e.firstElementChild)&&(!st(e.content)||!st(e.content.firstElementChild))&&w(/<[/\w]/g,e.innerHTML)&&w(/<[/\w]/g,e.textContent))return it(e),!0;if(!we[l]||Te[l]){if(Ue&&!He[l]){var i=ae(e)||e.parentNode,r=te(e)||e.childNodes;if(r&&i)for(var n=r.length-1;n>=0;--n)i.insertBefore($(r[n],!0),ee(e))}return it(e),!0}return e instanceof s&&!lt(e)?(it(e),!0):"noscript"!==l&&"noembed"!==l||!w(/<\/no(script|embed)/i,e.innerHTML)?(Ee&&3===e.nodeType&&(t=e.textContent,t=f(t,pe," "),t=f(t,ue," "),e.textContent!==t&&(u(a.removed,{element:e.cloneNode()}),e.textContent=t)),gt("afterSanitizeElements",e,null),!1):(it(e),!0)},dt=function(e,t,a){if(Ae&&("id"===t||"name"===t)&&(a in i||a in Qe))return!1;if(Be&&w(he,t));else if(_e&&w(me,t));else{if(!ve[t]||Ce[t])return!1;if(Ve[t]);else if(w(ye,f(a,ke,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==k(a,"data:")||!Ie[e])if(Se&&!w(fe,f(a,ke,"")));else if(a)return!1}return!0},pt=function(e){var t=void 0,l=void 0,i=void 0,r=void 0;gt("beforeSanitizeAttributes",e,null);var n=e.attributes;if(n){var o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:ve};for(r=n.length;r--;){var c=t=n[r],s=c.name,g=c.namespaceURI;if(l=y(t.value),i=h(s),o.attrName=i,o.attrValue=l,o.keepAttr=!0,o.forceKeepAttr=void 0,gt("uponSanitizeAttribute",e,o),l=o.attrValue,!o.forceKeepAttr&&(rt(s,e),o.keepAttr))if(w(/\/>/i,l))rt(s,e);else{Ee&&(l=f(l,pe," "),l=f(l,ue," "));var b=e.nodeName.toLowerCase();if(dt(b,i,l))try{g?e.setAttributeNS(g,s,l):e.setAttribute(s,l),p(a.removed)}catch(e){}}}gt("afterSanitizeAttributes",e,null)}},ut=function e(t){var a=void 0,l=ot(t);for(gt("beforeSanitizeShadowDOM",t,null);a=l.nextNode();)gt("uponSanitizeShadowNode",a,null),bt(a)||(a.content instanceof n&&e(a.content),pt(a));gt("afterSanitizeShadowDOM",t,null)};return a.sanitize=function(e,i){var r=void 0,o=void 0,s=void 0,g=void 0,b=void 0;if(e||(e="\x3c!--\x3e"),"string"!=typeof e&&!st(e)){if("function"!=typeof e.toString)throw O("toString is not a function");if("string"!=typeof(e=e.toString()))throw O("dirty is not a string, aborting")}if(!a.isSupported){if("object"===V(t.toStaticHTML)||"function"==typeof t.toStaticHTML){if("string"==typeof e)return t.toStaticHTML(e);if(st(e))return t.toStaticHTML(e.outerHTML)}return e}if(xe||Xe(i),a.removed=[],"string"==typeof e&&(Pe=!1),Pe);else if(e instanceof c)1===(o=(r=nt("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===o.nodeName||"HTML"===o.nodeName?r=o:r.appendChild(o);else{if(!ze&&!Ee&&!De&&-1===e.indexOf("<"))return ie&&Fe?ie.createHTML(e):e;if(!(r=nt(e)))return ze?null:re}r&&Me&&it(r.firstChild);for(var d=ot(Pe?e:r);s=d.nextNode();)3===s.nodeType&&s===g||bt(s)||(s.content instanceof n&&ut(s.content),pt(s),g=s);if(g=null,Pe)return e;if(ze){if(Re)for(b=se.call(r.ownerDocument);r.firstChild;)b.appendChild(r.firstChild);else b=r;return Le&&(b=ge.call(l,b,!0)),b}var p=De?r.outerHTML:r.innerHTML;return Ee&&(p=f(p,pe," "),p=f(p,ue," ")),ie&&Fe?ie.createHTML(p):p},a.setConfig=function(e){Xe(e),xe=!0},a.clearConfig=function(){Ye=null,xe=!1},a.isValidAttribute=function(e,t,a){Ye||Xe({});var l=h(e),i=h(t);return dt(l,i,a)},a.addHook=function(e,t){"function"==typeof t&&(de[e]=de[e]||[],u(de[e],t))},a.removeHook=function(e){de[e]&&p(de[e])},a.removeHooks=function(e){de[e]&&(de[e]=[])},a.removeAllHooks=function(){de={}},a}()}()},function(e,t,a){"use strict";a.r(t);var l=a(0),i=a(4),r=a.n(i),n=a(6),o=a.n(n);const c=wp.element.createElement;function s(e){return"tabs-desktop"===e?c("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},c("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"}),c("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?c("svg",{width:24,height:24,viewBox:"0 0 24 24"},c("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"}),c("path",{d:"M12 17.5H12.01"})):"tabs-mobile"===e?c("svg",{width:24,height:24,viewBox:"0 0 24 24"},c("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"}),c("path",{d:"M12 17.5H12.01"})):"sync"===e?c("svg",{width:24,height:24,viewBox:"0 0 24 24"},c("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?c("svg",{width:24,height:24,viewBox:"0 0 20 20",style:{padding:"1px"}},c("path",{d:"M12.5 4v5.2h-5V4H5v13h2.5v-5.2h5V17H15V4",fill:"#1e72bd"})):"grid"===e?c("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},c("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?c("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},c("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?c("svg",{width:20,height:20,viewBox:"0 0 20 20"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 64 64",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:24,height:24,viewBox:"0 0 24 24",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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"})):"shapes"===e?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("path",{d:"M106.756,6.244C115.081,14.571 115.081,98.429 106.756,106.756C98.429,115.081 14.571,115.081 6.244,106.756C-2.081,98.429 -2.081,14.571 6.244,6.244C14.571,-2.081 98.429,-2.081 106.756,6.244ZM67.875,88.052C67.875,86.977 67.003,86.105 65.928,86.105L47.072,86.105C45.997,86.105 45.125,86.977 45.125,88.052L45.125,91.948C45.125,93.023 45.997,93.896 47.072,93.896L65.928,93.896C67.003,93.896 67.875,93.023 67.875,91.948L67.875,88.052ZM57.899,31.409L59.305,31.409C60.853,31.409 62.11,30.152 62.11,28.604L62.11,28.089L73.263,57.543C73.757,58.333 73.731,59.161 73.731,59.403C73.729,62.659 65.231,69.414 65.375,83.611L47.625,83.611C47.769,69.414 39.271,62.659 39.269,59.403C39.269,59.161 39.243,58.333 39.737,57.543L50.89,28.089L50.89,28.604C50.89,30.152 52.147,31.409 53.695,31.409L55.101,31.409C55.111,35.738 55.142,50.367 55.098,54.109C55.093,54.494 54.907,54.988 54.68,55.45C52.915,56.169 51.669,57.903 51.669,59.925C51.669,62.592 53.834,64.756 56.5,64.756C59.166,64.756 61.331,62.592 61.331,59.925C61.331,57.903 60.085,56.169 58.32,55.45C58.093,54.988 57.907,54.494 57.902,54.109C57.858,50.367 57.889,35.738 57.899,31.409ZM52.227,19.451L52.227,18.881C52.227,17.702 53.185,16.745 54.364,16.745L58.636,16.745C59.815,16.745 60.773,17.702 60.773,18.881L60.773,19.451L88.831,19.451C89.457,17.867 91.002,16.745 92.807,16.745C95.165,16.745 97.08,18.66 97.08,21.018C97.08,23.376 95.165,25.29 92.807,25.29C91.03,25.29 89.505,24.203 88.861,22.658L71.798,22.658C83.83,28.003 92.531,39.501 93.898,53.148L94.93,53.148C96.109,53.148 97.067,54.105 97.067,55.284L97.067,59.557C97.067,60.736 96.109,61.693 94.93,61.693L90.657,61.693C89.478,61.693 88.521,60.736 88.521,59.557L88.521,55.284C88.521,54.105 89.478,53.148 90.657,53.148L90.922,53.148C89.19,37.24 76.627,24.564 60.773,22.659L60.773,23.154C60.773,24.333 59.815,25.29 58.636,25.29L54.364,25.29C53.185,25.29 52.227,24.333 52.227,23.154L52.227,22.688C36.484,24.689 24.036,37.318 22.312,53.148L22.329,53.148C23.508,53.148 24.466,54.105 24.466,55.284L24.466,59.557C24.466,60.736 23.508,61.693 22.329,61.693L18.056,61.693C16.877,61.693 15.92,60.736 15.92,59.557L15.92,55.284C15.92,54.105 16.877,53.148 18.056,53.148L19.336,53.148C20.703,39.501 29.405,28.003 41.437,22.658L24.139,22.658C23.495,24.203 21.97,25.29 20.193,25.29C17.835,25.29 15.92,23.376 15.92,21.018C15.92,18.66 17.835,16.745 20.193,16.745C21.998,16.745 23.543,17.867 24.169,19.451L52.227,19.451Z"})):"wrench"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(l.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(l.createElement)("g",null,Object(l.createElement)("path",{d:"M16.68 9.77c-1.34 1.34-3.3 1.67-4.95.99l-5.41 6.52c-.99.99-2.59.99-3.58 0s-.99-2.59 0-3.57l6.52-5.42c-.68-1.65-.35-3.61.99-4.95 1.28-1.28 3.12-1.62 4.72-1.06l-2.89 2.89 2.82 2.82 2.86-2.87c.53 1.58.18 3.39-1.08 4.65zM3.81 16.21c.4.39 1.04.39 1.43 0 .4-.4.4-1.04 0-1.43-.39-.4-1.03-.4-1.43 0-.39.39-.39 1.03 0 1.43z"}))):"x"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(l.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(l.createElement)("g",null,Object(l.createElement)("path",{d:"M14.95 6.46L11.41 10l3.54 3.54-1.41 1.41L10 11.42l-3.53 3.53-1.42-1.42L8.58 10 5.05 6.47l1.42-1.42L10 8.58l3.54-3.53z"}))):"ellipsis"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(l.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(l.createElement)("g",null,Object(l.createElement)("path",{d:"M5 10c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm12-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-7 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}))):void 0}var g=a(1),b=a(2),d=a(3);class p extends l.Component{render(){const{onClick:e,selectedDevice:t}=this.props;return Object(l.createElement)(l.Fragment,null,Object(l.createElement)("div",{className:"gb-responsive-tabs"},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Show options for all devices","generateblocks")},Object(l.createElement)(b.Button,{isPressed:"Desktop"===t,onClick:()=>{e("Desktop")}},Object(g.__)("Desktop","generateblocks"))),Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Show options for tablet devices","generateblocks")},Object(l.createElement)(b.Button,{isPressed:"Tablet"===t,onClick:()=>{e("Tablet")}},Object(g.__)("Tablet","generateblocks"))),Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Show options for mobile devices","generateblocks")},Object(l.createElement)(b.Button,{isPressed:"Mobile"===t,onClick:()=>{e("Mobile")}},Object(g.__)("Mobile","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","afterResponsiveTabs",this.props,this.state))}}class u extends l.Component{render(){const{label:e,value:t,onClick:a,units:i}=this.props;return Object(l.createElement)("div",{className:"components-gblocks-units-control-header__units"},Object(l.createElement)("div",{className:"components-gblocks-units-control-label__units"},e),Object(l.createElement)("div",{className:"components-gblocks-control__units"},Object(l.createElement)(b.ButtonGroup,{className:"components-gblocks-control-buttons__units","aria-label":Object(g.__)("Select Units","generateblocks")},i.map(e=>{let i=e;return"px"===e&&(i=Object(g._x)("Pixel","A size unit for CSS markup","generateblocks")),"em"===e&&(i=Object(g._x)("Em","A size unit for CSS markup","generateblocks")),"%"===e&&(i=Object(g._x)("Percentage","A size unit for CSS markup","generateblocks")),"deg"===e&&(i=Object(g._x)("Degree","A size unit for CSS markup","generateblocks")),Object(l.createElement)(b.Tooltip
2
  /* translators: Unit type (px, em, %) */,{text:Object(g.sprintf)(Object(g.__)("%s Units","generateblocks"),i),key:e},Object(l.createElement)(b.Button,{key:e,className:"components-gblocks-control-button__units--"+e,isSmall:!0,isPrimary:t===e,"aria-pressed":t===e
3
- /* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Units","generateblocks"),i),onClick:()=>a(e)},e))}))))}}function h(e){let t="";for(const[a,l]of Object.entries(e)){if(l.length<1)continue;let e=a+"{",i=0;for(const[t,a]of Object.entries(l))for(const[t,l]of Object.entries(a))(l||0===l)&&(i++,e+=t+": "+l+";");e+="}",i>0&&(t+=e)}return t}function m(e,t){return!(!e&&0!==e)&&e+t}class f extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,horizontalGap:a,verticalGap:i,verticalAlignment:r,horizontalAlignment:n}=e;let o=[];return o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":r,"justify-content":n,"margin-left":"-"+a/2+"px","margin-right":"-"+a/2+"px"}],o[".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":m(i,"px")}],o=Object(d.applyFilters)("generateblocks.editor.mainCSS",o,this.props,"grid"),Object(l.createElement)("style",null,h(o))}}class k extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.desktopCSS",e,this.props,"grid"),Object(l.createElement)("style",null,h(e))}}class y extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,horizontalGapTablet:a,verticalGapTablet:i,verticalAlignmentTablet:r,horizontalAlignmentTablet:n}=e;let o=[];return o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":"inherit"!==r?r:null,"justify-content":"inherit"!==n?n:null,"margin-left":a||0===a?"-"+a/2+"px":null,"margin-right":a||0===a?"-"+a/2+"px":null}],o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{"padding-left":a||0===a?a/2+"px":null,"padding-right":a||0===a?a/2+"px":null,"margin-bottom":i||0===i?m(i,"px"):null}],o=Object(d.applyFilters)("generateblocks.editor.tabletCSS",o,this.props,"grid"),Object(l.createElement)("style",null,h(o))}}class w extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",e,this.props,"grid"),Object(l.createElement)("style",null,h(e))}}class O extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,horizontalGapMobile:a,verticalGapMobile:i,verticalAlignmentMobile:r,horizontalAlignmentMobile:n}=e;let o=[];return o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":"inherit"!==r?r:null,"justify-content":"inherit"!==n?n:null,"margin-left":a||0===a?"-"+a/2+"px":null,"margin-right":a||0===a?"-"+a/2+"px":null}],o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{"padding-left":a||0===a?a/2+"px":null,"padding-right":a||0===a?a/2+"px":null,"margin-bottom":i||0===i?m(i,"px"):null}],o=Object(d.applyFilters)("generateblocks.editor.mobileCSS",o,this.props,"grid"),Object(l.createElement)("style",null,h(o))}}class v extends l.Component{render(){const{name:e,children:t}=this.props;return Object(d.applyFilters)(e,t||"",this.props)}}class j extends l.Component{render(){const{title:e=!1,initialOpen:t=!1,icon:a,className:i,id:r,state:n,showPanel:o=!0,children:c}=this.props;if(!Object(d.applyFilters)("generateblocks.editor.showPanel",o,r,this.props))return null;let s=!0;return""===c&&(s=!1),"object"==typeof c&&(s=Object.values(c).some(e=>null!==e&&!1!==e&&""!==e)),s?Object(l.createElement)(v,{name:"generateblocks.panel."+r,props:this.props,state:n},e?Object(l.createElement)(b.PanelBody,{title:e,initialOpen:t,icon:a,className:i},Object(d.applyFilters)("generateblocks.editor.panelContents",c,r,this.props)):Object(l.createElement)(b.PanelBody,null,Object(d.applyFilters)("generateblocks.editor.panelContents",c,r,this.props))):null}}var T=a(5),C=a(7),_=a(8),B=a(9);const S=/[\s#]/g,E=[];class D extends l.Component{constructor(){super(...arguments),this.state={selectedLayout:!1,selectedDevice:"Desktop"},this.onLayoutSelect=this.onLayoutSelect.bind(this),this.getColumnsFromLayout=this.getColumnsFromLayout.bind(this),this.getLayoutsSelector=this.getLayoutsSelector.bind(this),this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=this.props.clientId.substr(2,9).replace("-",""),t=void 0!==this.props.attributes.isGlobalStyle&&this.props.attributes.isGlobalStyle;this.props.attributes.uniqueId?E.includes(this.props.attributes.uniqueId)&&!t?(this.props.setAttributes({uniqueId:e}),E.push(e)):E.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),E.push(e)),void 0!==this.props.attributes.isDynamic&&this.props.attributes.isDynamic||this.props.setAttributes({isDynamic:!0})}componentDidUpdate(){const{attributes:e,setAttributes:t,clientId:a}=this.props;let{columns:l}=e;if(this.state.selectedLayout){const e=this.getColumnsFromLayout(this.state.selectedLayout);e.forEach(e=>{wp.data.dispatch("core/block-editor").insertBlocks(Object(C.createBlock)("generateblocks/container",e),void 0,a,!1)}),l=e.length,t({columns:l}),this.setState({selectedLayout:!1})}else{const e=wp.data.select("core/block-editor").getBlocksByClientId(a)[0];e&&(l=e.innerBlocks.length,t({columns:l}))}}getColumnsFromLayout(e){const t=[],a=e.split("-");let l=0;return a.forEach(()=>{const e={isGrid:!0,gridId:this.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(a[l]),l++,t.push(e)}),t}getLayoutsSelector(){return Object(l.createElement)(b.Placeholder,{label:Object(g.__)("Grid","generateblocks"),instructions:Object(g.__)("Select one layout to get started.","generateblocks"),className:"gb-select-layout"},Object(l.createElement)("div",{className:"gb-grid-wrapper-layout-preview"},["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-16-16-16-16-16"].map(e=>{const t=this.getColumnsFromLayout(e);return Object(l.createElement)("button",{key:"layout-"+e,className:"gb-grid-wrapper-layout-preview-btn",onClick:()=>this.onLayoutSelect(e)},t.map((t,a)=>Object(l.createElement)("div",{key:`layout-${e}-col-${a}`,className:o()("gb-col","gb-col-"+t.width)})))})))}onLayoutSelect(e){this.setState({selectedLayout:e})}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,clientId:a}=this.props,{uniqueId:i,className:n,anchor:c,columns:h,horizontalGap:m,verticalGap:v,verticalAlignment:_,horizontalGapTablet:B,verticalGapTablet:E,verticalAlignmentTablet:D,horizontalGapMobile:x,verticalGapMobile:M,verticalAlignmentMobile:z,horizontalAlignment:R,horizontalAlignmentTablet:L,horizontalAlignmentMobile:F}=e,A=void 0!==e.useGlobalStyle&&e.useGlobalStyle&&void 0!==e.globalStyleId&&e.globalStyleId;let U=m||0===m?m:"";A&&generateBlocksDefaults.gridContainer.horizontalGap===U&&(U="");const P=U,N=v||0===v?v:"";let H=U,I=v||0===v?v:"";B&&(H=B),E&&(I=E);let G={className:o()({"gb-grid-wrapper":!0,["gb-grid-wrapper-"+i]:!0,[""+n]:void 0!==n}),id:c||null};return G=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",G,"generateblocks/grid",e),Object(l.createElement)(l.Fragment,null,(h>0||this.state.selectedLayout)&&Object(l.createElement)(T.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:s("addContainer"),label:Object(g.__)("Add Grid Item","generateblocks"),onClick:()=>{wp.data.dispatch("core/block-editor").insertBlocks(Object(C.createBlock)("generateblocks/container",{isGrid:!0,gridId:i,paddingTop:generateBlocksStyling.container.gridItemPaddingTop||"0",paddingRight:generateBlocksStyling.container.gridItemPaddingRight||"0",paddingBottom:generateBlocksStyling.container.gridItemPaddingBottom||"0",paddingLeft:generateBlocksStyling.container.gridItemPaddingLeft||"0"}),void 0,a)},showTooltip:!0}))),Object(l.createElement)(T.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{id:"gridLayout",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Horizontal Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:U,min:"0",onChange:e=>{e=e.toString().replace(/-/g,""),t({horizontalGap:e})},onBlur:()=>{A||m||!generateBlocksDefaults.gridContainer.horizontalGap?""!==m&&t({horizontalGap:parseFloat(m)}):t({horizontalGap:0})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({horizontalGap:generateBlocksDefaults.gridContainer.horizontalGap})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(u,{label:Object(g.__)("Vertical Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:v||0===v?v:"",min:"0",onChange:e=>{e=e.toString().replace(/-/g,""),t({verticalGap:e})},onBlur:()=>{A||v||!generateBlocksDefaults.gridContainer.verticalGap?""!==v&&t({verticalGap:parseFloat(v)}):t({verticalGap:0})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({verticalGap:generateBlocksDefaults.gridContainer.verticalGap})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:_,help:Object(g.__)("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignment:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Horizontal Alignment","generateblocks"),value:R,options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Left","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Right","generateblocks"),value:"flex-end"}],onChange:e=>{t({horizontalAlignment:e})}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Horizontal Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:B||0===B?B:"",min:"0",placeholder:P,onChange:e=>{e=e.toString().replace(/-/g,""),t({horizontalGapTablet:e})},onBlur:()=>{A||B||!generateBlocksDefaults.gridContainer.horizontalGapTablet?""!==B&&t({horizontalGapTablet:parseFloat(B)}):t({horizontalGapTablet:0})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({horizontalGapTablet:generateBlocksDefaults.gridContainer.horizontalGapTablet})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(u,{label:Object(g.__)("Vertical Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:E||0===E?E:"",min:"0",placeholder:N,onChange:e=>{e=e.toString().replace(/-/g,""),t({verticalGapTablet:e})},onBlur:()=>{A||E||!generateBlocksDefaults.gridContainer.verticalGapTablet?""!==E&&t({verticalGapTablet:parseFloat(E)}):t({verticalGapTablet:0})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({verticalGapTablet:generateBlocksDefaults.gridContainer.verticalGapTablet})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:D,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentTablet:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Horizontal Alignment","generateblocks"),value:L,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Left","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Right","generateblocks"),value:"flex-end"}],onChange:e=>{t({horizontalAlignmentTablet:e})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Horizontal Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:x||0===x?x:"",min:"0",placeholder:H,onChange:e=>{e=e.toString().replace(/-/g,""),t({horizontalGapMobile:e})},onBlur:()=>{A||x||!generateBlocksDefaults.gridContainer.horizontalGapMobile?""!==x&&t({horizontalGapMobile:parseFloat(x)}):t({horizontalGapMobile:0})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({horizontalGapMobile:generateBlocksDefaults.gridContainer.horizontalGapMobile})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(u,{label:Object(g.__)("Vertical Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:M||0===M?M:"",min:"0",placeholder:I,onChange:e=>{e=e.toString().replace(/-/g,""),t({verticalGapMobile:e})},onBlur:()=>{A||M||!generateBlocksDefaults.gridContainer.verticalGapMobile?""!==M&&t({verticalGapMobile:parseFloat(M)}):t({verticalGapMobile:0})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({verticalGapMobile:generateBlocksDefaults.gridContainer.verticalGapMobile})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:z,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentMobile:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Horizontal Alignment","generateblocks"),value:F,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Left","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Right","generateblocks"),value:"flex-end"}],onChange:e=>{t({horizontalAlignmentMobile:e})}})),Object(d.applyFilters)("generateblocks.editor.controls","","gridLayout",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"gridDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/grid/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","gridDocumentation",this.props,this.state))),Object(l.createElement)(T.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:c||"",onChange:e=>{e=e.replace(S,"-"),t({anchor:e})}})),Object(l.createElement)(f,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(k,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(y,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(w,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(O,this.props)),Object(l.createElement)("div",G,h>0||this.state.selectedLayout?Object(l.createElement)(l.Fragment,null,Object(l.createElement)(T.InnerBlocks,{allowedBlocks:["generateblocks/container"],renderAppender:!1})):this.getLayoutsSelector()))}}var x=Object(B.compose)([Object(_.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(_.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])(D),M={uniqueId:{type:"string",default:""},anchor:{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},isDynamic:{type:"boolean"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},z=[{attributes:M,supports:{anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i}=e;let r={id:a||void 0,className:o()({"gb-grid-wrapper":!0,["gb-grid-wrapper-"+t]:!0,[""+i]:""!==i})};return r=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",r,"generateblocks/grid",e),Object(l.createElement)("div",r,Object(l.createElement)(T.InnerBlocks.Content,null))}}];Object(C.registerBlockType)("generateblocks/grid",{title:Object(g.__)("Grid","generateblocks"),description:Object(g.__)("Create advanced layouts with flexible grids.","generateblocks"),icon:s("grid"),category:"generateblocks",keywords:[Object(g.__)("grid"),Object(g.__)("column"),Object(g.__)("generate")],attributes:M,supports:{className:!1},edit:x,save:()=>Object(l.createElement)(T.InnerBlocks.Content,null),deprecated:z});const R=generateBlocksInfo.hasWideAlignSupport,L=["wide","full"],F=Object(B.createHigherOrderComponent)(e=>t=>{const{name:a,attributes:i,isSelected:r,clientId:n,setAttributes:o}=t,{isGrid:c,align:d}=i;let p=!1;return p="function"==typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(n,"generateblocks/grid",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(n),Object(l.createElement)(l.Fragment,null,r&&c&&p&&"generateblocks/container"===a&&Object(l.createElement)(T.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:s("addContainer"),label:Object(g.__)("Duplicate Grid Item","generateblocks"),onClick:()=>{const e=wp.data.select("core/block-editor").getBlocksByClientId(n)[0],t=Object(C.cloneBlock)(e);wp.data.dispatch("core/block-editor").insertBlocks(t,void 0,p)},showTooltip:!0})),Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-block-control-icon",icon:s("grid"),label:Object(g.__)("Select Parent Grid","generateblocks"),onClick:()=>{wp.data.dispatch("core/block-editor").selectBlock(p)},showTooltip:!0}))),r&&R&&!c&&"generateblocks/container"===a&&Object(l.createElement)(T.BlockControls,null,Object(l.createElement)(T.BlockAlignmentToolbar,{value:d,onChange:e=>{o({align:e}),"full"===e&&o({outerContainer:"full"})},controls:L})),Object(l.createElement)(e,t))},"withAdvancedControls");function A({tagName:e,htmlAttrs:t,children:a}){return Object(l.createElement)(e,t,a)}function U(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:""}Object(d.addFilter)("editor.BlockEdit","generateblocks/container-block-controls",F);class P extends l.Component{constructor(){super(...arguments),this.state={colorKey:!1}}render(){const{value:e,onChange:t,onOpacityChange:a,label:i,alpha:r=!1,valueOpacity:n}=this.props,{colorKey:c}=this.state,d=()=>{!0===this.state.isVisible&&this.setState({isVisible:!1})};return Object(l.createElement)(b.BaseControl,{className:"gblocks-component-color-picker-wrapper"},!!i&&Object(l.createElement)("div",{className:"gblocks-color-component-label"},Object(l.createElement)("span",null,i)),Object(l.createElement)("div",{className:"gblocks-color-picker-area"},!this.state.isVisible&&Object(l.createElement)("div",{className:o()("components-color-palette__item-wrapper components-circular-option-picker__option-wrapper",e?"":"components-color-palette__custom-color")},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Choose Color","generateblocks")},Object(l.createElement)("button",{type:"button","aria-expanded":this.state.isVisible,className:"components-color-palette__item components-circular-option-picker__option",onClick:()=>{this.setState({isVisible:!0})},"aria-label":Object(g.__)("Custom color picker","generateblocks"),style:{color:e?U(e,n):"transparent"}},Object(l.createElement)("span",{className:"components-color-palette__custom-color-gradient"})))),this.state.isVisible&&Object(l.createElement)("div",{className:o()("components-color-palette__item-wrapper components-circular-option-picker__option-wrapper",e?"":"components-color-palette__custom-color")},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Choose Color","generateblocks")},Object(l.createElement)("button",{type:"button","aria-expanded":this.state.isVisible,className:"components-color-palette__item components-circular-option-picker__option",onClick:d,"aria-label":Object(g.__)("Custom color picker","generateblocks"),style:{color:e?U(e,n):"transparent"}},Object(l.createElement)("span",{className:"components-color-palette__custom-color-gradient"})))),this.state.isVisible&&Object(l.createElement)(b.Popover,{position:"top left",className:"gblocks-component-color-picker",onClose:d},Object(l.createElement)(b.BaseControl,{key:c},Object(l.createElement)(b.ColorPicker,{key:c,color:e||"",onChangeComplete:e=>{t(e.hex)},disableAlpha:!0})),r&&Object(l.createElement)("div",{className:"gblocks-component-color-opacity"},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Opacity","generateblocks")},s("gradient")),Object(l.createElement)(b.RangeControl,{value:n||0,onChange:e=>a(e),min:0,max:1,step:.01,initialPosition:1})),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-color-clear-color",onClick:()=>{t(""),a(1),this.setState({colorKey:!1})}},Object(g.__)("Clear Color","generateblocks")),Object(l.createElement)(b.BaseControl,{className:"gblocks-component-color-picker-palette"},Object(l.createElement)(T.ColorPalette,{value:e,onChange:e=>{t(e),this.setState({colorKey:e})},disableCustomColors:!0,clearable:!1})))))}}class N extends l.Component{constructor(){super(...arguments),this.onChangeTop=this.onChangeTop.bind(this),this.onChangeRight=this.onChangeRight.bind(this),this.onChangeBottom=this.onChangeBottom.bind(this),this.onChangeLeft=this.onChangeLeft.bind(this),this.onChangeAll=this.onChangeAll.bind(this),this.syncUnits=this.syncUnits.bind(this),this.onChangeUnits=this.onChangeUnits.bind(this)}onReset(e){this.props.setAttributes({[this.props[e]]:""})}onChangeTop(e){this.props.setAttributes({[this.props.attrTop]:e})}onChangeRight(e){this.props.setAttributes({[this.props.attrRight]:e})}onChangeBottom(e){this.props.setAttributes({[this.props.attrBottom]:e})}onChangeLeft(e){this.props.setAttributes({[this.props.attrLeft]:e})}onChangeAll(e){this.props.setAttributes({[this.props.attrTop]:e,[this.props.attrRight]:e,[this.props.attrBottom]:e,[this.props.attrLeft]:e})}syncUnits(){const e=[this.props.attributes[this.props.attrTop],this.props.attributes[this.props.attrRight],this.props.attributes[this.props.attrBottom],this.props.attributes[this.props.attrLeft]],t=Math.max.apply(null,e);this.props.setAttributes({[this.props.attrSyncUnits]:!this.props.attributes[this.props.attrSyncUnits],[this.props.attrTop]:t.toString(),[this.props.attrRight]:t.toString(),[this.props.attrBottom]:t.toString(),[this.props.attrLeft]:t.toString()})}onChangeUnits(e){this.props.setAttributes({[this.props.attrUnit]:e})}render(){const{attributes:e,label:t=Object(g.__)("Margin","generateblocks"),type:a="margin",attrTop:i,attrRight:r,attrBottom:n,attrLeft:c,attrSyncUnits:d,attrUnit:p,labelTop:h=Object(g.__)("Top","generateblocks"),labelRight:m=Object(g.__)("Right","generateblocks"),labelBottom:f=Object(g.__)("Bottom","generateblocks"),labelLeft:k=Object(g.__)("Left","generateblocks"),device:y,block:w,defaults:O,units:v}=this.props,j=o()("components-base-control","components-gblocks-dimensions-control");let T="",C="",_="",B="";if("headline"===w&&n.includes("marginBottom")){if("px"===this.props.attributes.marginUnit){const e=document.querySelector(".gb-headline-"+this.props.attributes.uniqueId);e&&(_=parseFloat(window.getComputedStyle(e).marginBottom))}else"em"===this.props.attributes.marginUnit&&void 0!==generateBlocksStyling.headline&&void 0!==generateBlocksStyling.headline[e.element]&&void 0!==generateBlocksStyling.headline[e.element].marginBottom&&generateBlocksStyling.headline[e.element].marginUnit===e.marginUnit&&(_=generateBlocksStyling.headline[e.element].marginBottom);"div"!==this.props.attributes.element&&"span"!==this.props.attributes.element||(_="")}if("Tablet"===y){const t=i.replace("Tablet",""),a=r.replace("Tablet",""),l=n.replace("Tablet",""),o=c.replace("Tablet","");T=e[t]?e[t]:T,C=e[a]?e[a]:C,_=e[l]?e[l]:_,B=e[o]?e[o]:B}if("Mobile"===y){const t=i.replace("Mobile",""),a=r.replace("Mobile",""),l=n.replace("Mobile",""),o=c.replace("Mobile","");e[t+"Tablet"]?T=e[t+"Tablet"]:e[t]&&(T=e[t]),e[a+"Tablet"]?C=e[a+"Tablet"]:e[a]&&(C=e[a]),e[l+"Tablet"]?_=e[l+"Tablet"]:e[l]&&(_=e[l]),e[o+"Tablet"]?B=e[o+"Tablet"]:e[o]&&(B=e[o])}const S=void 0!==e.useGlobalStyle&&e.useGlobalStyle;return Object(l.createElement)(l.Fragment,null,Object(l.createElement)("div",{className:j},Object(l.createElement)(u,{label:t,value:void 0!==e[p]?e[p]:"px",units:v,onClick:t=>{if(void 0===e[p])return!1;this.onChangeUnits(t)}}),Object(l.createElement)("div",{className:"components-gblocks-dimensions-control__inputs"},Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:T,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeTop(t):this.onReset("attrTop")},onBlur:()=>{S||""!==e[i]||""===O[i]||(this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll("0"):this.onChangeTop("0"))},onClick:e=>{e.currentTarget.focus()}
4
- /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Top","generateblocks"),t),value:e[i]?e[i]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:C,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeRight(t):this.onReset("attrRight")},onBlur:()=>{S||""!==e[r]||""===O[r]||(this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll("0"):this.onChangeRight("0"))},onClick:e=>{e.currentTarget.focus()}
5
- /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Right","generateblocks"),t),value:e[r]?e[r]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:_,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeBottom(t):this.onReset("attrBottom")},onBlur:()=>{S||""!==e[n]||""===O[n]||(this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll("0"):this.onChangeBottom("0"))},onClick:e=>{e.currentTarget.focus()}
6
- /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Bottom","generateblocks"),t),value:e[n]?e[n]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:B,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeLeft(t):this.onReset("attrLeft")},onBlur:()=>{S||""!==e[c]||""===O[c]||(this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll("0"):this.onChangeLeft("0"))},onClick:e=>{e.currentTarget.focus()}
7
- /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Left","generateblocks"),t),value:e[c]?e[c]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)(b.Tooltip,{text:e[d]?Object(g.__)("Unsync","generateblocks"):Object(g.__)("Sync","generateblocks")},Object(l.createElement)(b.Button,{className:"components-gblocks-dimensions-control_sync","aria-label":Object(g.__)("Sync Units","generateblocks"),isPrimary:!!e[d]&&e[d],"aria-pressed":!!e[d]&&e[d],onClick:e=>this.syncUnits(e,""),isSmall:!0},(e[d],s("sync"))))),Object(l.createElement)("div",{className:"components-gblocks-dimensions-control__input-labels"},Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},h),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},m),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},f),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},k),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"}))))}}var H=N,I={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"}};class G extends l.Component{render(){const{setAttributes:e,attributes:t,device:a="",showFontSize:i=!1,showFontFamily:r=!1,showFontWeight:n=!1,showTextTransform:o=!1,showLineHeight:c=!1,showLetterSpacing:s=!1,disableAdvancedToggle:d=!1,fontSizePlaceholder:p="17"}=this.props,h=[{value:"",label:Object(g.__)("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(I).slice(0,20).forEach(e=>{h.push({value:e,label:e})}),h.push({value:"other",label:Object(g.__)("Other","generateblocks")});let m=[{value:"",label:Object(g.__)("Default","generateblocks")},{value:"normal",label:Object(g.__)("Normal","generateblocks")},{value:"bold",label:Object(g.__)("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"}];const f=[{value:"",label:Object(g.__)("Default","generateblocks")},{value:"uppercase",label:Object(g.__)("Uppercase","generateblocks")},{value:"lowercase",label:Object(g.__)("Lowercase","generateblocks")},{value:"capitalize",label:Object(g.__)("Capitalize","generateblocks")},{value:"initial",label:Object(g.__)("Normal","generateblocks")}];void 0!==I[t.fontFamily]&&void 0!==I[t.fontFamily].weight&&(m=[{value:"",label:Object(g.__)("Default","generateblocks")},{value:"normal",label:Object(g.__)("Normal","generateblocks")},{value:"bold",label:Object(g.__)("Bold","generateblocks")}],I[t.fontFamily].weight.filter((function(e){const t=e.match(/[a-z]/g),a=e.match(/[0-9]/g);return!(t&&a||"italic"===e)})).forEach(e=>{m.push({value:e,label:e})}));const k=a=>{"other"===a&&(a="");let l=t.fontWeight;e({fontFamily:a}),t.fontWeight&&Object.values(m).indexOf(t.fontWeight)<0&&(l=""),void 0!==I[a]?e({googleFont:!0,fontFamilyFallback:I[a].fallback,googleFontVariants:I[a].weight.join(", ")}):e({googleFont:!1,fontFamilyFallback:"",googleFontVariants:""})},y=t=>{e({fontFamily:t.target.value}),k(t.target.value)},w=(e,a)=>t[e+a],O=(e,t)=>e+t;let v=t.showAdvancedTypography;d&&(v=!0);let j=p;"Tablet"===a&&t.fontSize&&(j=t.fontSize),"Mobile"===a&&(t.fontSizeTablet?j=t.fontSizeTablet:t.fontSize&&(j=t.fontSize));let T="";return"Tablet"===a&&t.lineHeight&&(T=t.lineHeight),"Mobile"===a&&(t.lineHeightTablet?T=t.lineHeightTablet:t.lineHeight&&(T=t.lineHeight)),Object(l.createElement)(l.Fragment,null,Object(l.createElement)("div",{className:"components-gblocks-typography-weight-transform"},n&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Weight","generateblocks"),value:t.fontWeight,options:m,onChange:t=>{e({fontWeight:t})},className:"components-base-control"}),o&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Transform","generateblocks"),value:t.textTransform,options:f,onChange:t=>{e({textTransform:t})},className:"components-base-control"})),!d&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Show Advanced Typography","generateblocks"),checked:!!t.showAdvancedTypography,onChange:t=>{e({showAdvancedTypography:t})}}),r&&v&&Object(l.createElement)(b.BaseControl,{className:"gblocks-font-family-shortcuts"},Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Font Family","generateblocks")),Object(l.createElement)("select",{className:"components-select-control__input components-select-control__input--gblocks-fontfamily",onChange:y,onBlur:y},h.map((e,t)=>Object(l.createElement)("option",{key:`${e.label}-${e.value}-${t}`,value:e.value},e.label)))),r&&v&&Object(l.createElement)(b.TextControl,{value:t.fontFamily,placeholder:Object(g.__)("Enter font name","generateblocks"),onChange:e=>k(e)}),r&&""!==t.fontFamily&&v&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Google Font","generateblocks"),checked:!!t.googleFont,onChange:a=>{e({googleFont:a}),a&&void 0!==I[t.fontFamily]&&e({fontFamilyFallback:I[t.fontFamily].fallback,googleFontVariants:I[t.fontFamily].weight.join(", ")})}}),!!t.googleFont&&Object(l.createElement)(b.TextControl,{label:Object(g.__)("Variants","generateblocks"),value:t.googleFontVariants,placeholder:Object(g.__)("300, 400, 400i","generateblocks"),onChange:t=>{e({googleFontVariants:t})}})),r&&v&&Object(l.createElement)(b.TextControl,{label:Object(g.__)("Font Family Fallback","generateblocks"),value:t.fontFamilyFallback,placeholder:Object(g.__)("sans-serif","generateblocks"),onChange:t=>{e({fontFamilyFallback:t})}}),i&&v&&Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Font Size","generateblocks"),value:t.fontSizeUnit,units:["px","em","%"],onClick:t=>{e({fontSizeUnit:t})}}),Object(l.createElement)("div",{className:"components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:w("fontSize",a)||"",placeholder:j,onChange:t=>{const l=O("fontSize",a);e({[l]:parseFloat(t)})},min:1,autoComplete:"off"}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{const t=O("fontSize",a);e({[t]:this.props.defaultFontSize})}},Object(g.__)("Reset","generateblocks")))),c&&v&&Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Line Height","generateblocks"),value:t.lineHeightUnit,units:["px","em","%"],onClick:t=>{e({lineHeightUnit:t})}}),Object(l.createElement)("div",{className:"components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:w("lineHeight",a)||0===w("lineHeight",a)?w("lineHeight",a):"",placeholder:T,onChange:t=>{const l=O("lineHeight",a);e({[l]:t})},onBlur:()=>{const t=O("lineHeight",a);e({[t]:parseFloat(w("lineHeight",a))})},onClick:e=>{e.currentTarget.focus()},min:0,step:.1,autoComplete:"off"}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{const t=O("lineHeight",a);e({[t]:this.props.defaultLineHeight})}},Object(g.__)("Reset","generateblocks")))),s&&v&&Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Letter Spacing","generateblocks"),value:"em",units:["em"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:w("letterSpacing",a)||"",placeholder:"0.01",onChange:t=>{const l=O("letterSpacing",a);e({[l]:t})},onBlur:()=>{const t=O("letterSpacing",a);e({[t]:parseFloat(w("letterSpacing",a))})},onClick:e=>{e.currentTarget.focus()},min:-1,step:.01,autoComplete:"off"}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{const t=O("letterSpacing",a);e({[t]:this.props.defaultLetterSpacing})}},Object(g.__)("Reset","generateblocks")))))}}var V=G;class q extends l.Component{render(){const{attributes:e,setAttributes:t,attrGradient:a,attrGradientDirection:i,attrGradientColorOne:r,attrGradientColorOneOpacity:n,attrGradientColorStopOne:o,attrGradientColorTwo:c,attrGradientColorTwoOpacity:s,attrGradientColorStopTwo:d,defaultColorOne:p,defaultColorTwo:u}=this.props,{gradientSelector:h}=e,m="element"===h?Object(g.__)("Displays behind the background image.","generateblocks"):Object(g.__)("Displays in front of the background image.","generateblocks");return Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Use Gradient","generateblocks"),checked:!!e[a],onChange:e=>{t({[this.props.attrGradient]:e})}}),!!e[a]&&Object(l.createElement)(l.Fragment,null,void 0!==h&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Selector","generateblocks"),help:m,value:h,options:[{label:Object(g.__)("Element","generateblocks"),value:"element"},{label:Object(g.__)("Pseudo Element","generateblocks"),value:"pseudo-element"}],onChange:e=>{t({gradientSelector:e})}}),Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Direction","generateblocks")),Object(l.createElement)(b.RangeControl,{value:e[i]?e[i]:1,onChange:e=>{t({[i]:e})},min:0,max:360,step:1,initialPosition:90})),Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Color One","generateblocks")),Object(l.createElement)("div",{className:"gblocks-component-gradient-control"},Object(l.createElement)(P,{value:e[r],alpha:!0,valueOpacity:e[n],attrOpacity:"gradientColorOneOpacity",onChange:e=>t({[r]:e}),onOpacityChange:e=>t({[n]:e}),onClear:()=>t({[r]:p})}),Object(l.createElement)(b.TextControl,{className:"gblocks-component-gradient-stop-value",type:"text",value:e[o]||0===e[o]?e[o]:"",placeholder:Object(g.__)("Stop position (%)","generateblocks"),onChange:e=>{t({[o]:e})},onBlur:()=>{(e[o]||0===e[o])&&t({[o]:parseFloat(e[o])})},onClick:e=>{e.currentTarget.focus()}}))),Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Color Two","generateblocks")),Object(l.createElement)("div",{className:"gblocks-component-gradient-control"},Object(l.createElement)(P,{value:e[c],alpha:!0,valueOpacity:e[s],attrOpacity:"gradientColorTwoOpacity",onChange:e=>t({[c]:e}),onOpacityChange:e=>t({[s]:e}),onClear:()=>t({[c]:u})}),Object(l.createElement)(b.TextControl,{className:"gblocks-component-gradient-stop-value",type:"text",value:e[d]||0===e[d]?e[d]:"",placeholder:Object(g.__)("Stop position (%)","generateblocks"),onChange:e=>{t({[d]:e})},onBlur:()=>{(e[d]||0===e[d])&&t({[d]:parseFloat(e[d])})},onClick:e=>{e.currentTarget.focus()}})))))}}var W=q,Z=a(12),K=a.n(Z);function J(e){return K.a.sanitize(e,{USE_PROFILES:{svg:!0,svgFilters:!0}})}function Y(e,t,a,l,i){if(""!==e||""!==t||""!==a||""!==l)return e=0!=parseFloat(e)&&""!==e?parseFloat(e)+i+" ":"0 ",t=0!=parseFloat(t)&&""!==t?parseFloat(t)+i+" ":"0 ",a=0!=parseFloat(a)&&""!==a?parseFloat(a)+i+" ":"0 ",t===(l=0!=parseFloat(l)&&""!==l?parseFloat(l)+i+" ":"0 ")&&(l="",e===a&&(a="",e===t&&(t=""))),(e+t+a+l).trim()}function Q(e,t){const a=Object(d.applyFilters)("generateblocks.editor.cssAttrs",t.attributes,t),{backgroundColor:l,backgroundColorOpacity:i,bgImage:r,gradient:n,bgOptions:o,gradientColorOne:c,gradientColorOneOpacity:s,gradientColorTwo:g,gradientColorTwoOpacity:b,gradientColorStopOne:p,gradientColorStopTwo:u,gradientDirection:h}=a;let m="";if(n){let e="",t="";const a=U(c,s),l=U(g,b);c&&""!==p&&(e=" "+p+"%"),g&&""!==u&&(t=" "+u+"%"),m="linear-gradient("+h+"deg, "+a+e+", "+l+t+")"}if("gradient"===e)return m;let f=!1;const k=U(l,i);if(r){let e=r.image.url;e=Object(d.applyFilters)("generateblocks.editor.bgImageURL",e,t),"element"===o.selector&&(k||n)&&void 0!==o.overlay&&o.overlay?n?f=m+", url("+e+")":k&&(f="linear-gradient(0deg, "+k+", "+k+"), url("+e+")"):f="url("+e+")"}return f}class X extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,isGrid:i,width:r,outerContainer:n,innerContainer:o,containerWidth:c,minHeight:s,minHeightUnit:g,paddingTop:b,paddingRight:p,paddingBottom:u,paddingLeft:f,paddingUnit:k,marginTop:y,marginRight:w,marginBottom:O,marginLeft:v,marginUnit:j,borderSizeTop:T,borderSizeRight:C,borderSizeBottom:_,borderSizeLeft:B,borderRadiusTopRight:S,borderRadiusBottomRight:E,borderRadiusBottomLeft:D,borderRadiusTopLeft:x,borderRadiusUnit:M,borderColor:z,borderColorOpacity:R,backgroundColor:L,backgroundColorOpacity:F,gradient:A,gradientSelector:P,textColor:N,linkColor:H,linkColorHover:I,bgImage:G,bgOptions:V,verticalAlignment:q,zindex:W,innerZindex:Z,alignment:K,fontFamily:J,fontFamilyFallback:X,fontWeight:$,fontSize:ee,fontSizeUnit:te,textTransform:ae,shapeDividers:le}=e;let ie=c;ie||(ie=generateBlocksDefaults.container.containerWidth);let re="";J&&X&&(re=", "+X);const ne=!!G,oe=Q("image",this.props),ce=Q("gradient",this.props);let se=Z,ge=[];return ge[".gb-container-"+a]=[{"background-color":U(L,F),color:N,"border-radius":Y(x,S,E,D,M),margin:Y(y,w,O,v,j),"z-index":W,"text-align":K,"font-family":J+re,"font-weight":$,"text-transform":ae,"font-size":m(ee,te),"min-height":m(s,g),"border-color":U(z,R)}],ne&&"element"===V.selector&&oe?ge[".gb-container-"+a].push({"background-image":oe,"background-size":V.size,"background-position":V.position,"background-repeat":V.repeat,"background-attachment":V.attachment}):A&&"element"===P&&ge[".gb-container-"+a].push({"background-image":ce}),(ne&&"pseudo-element"===V.selector||W||A&&"pseudo-element"===P)&&ge[".gb-container-"+a].push({position:"relative"}),(ne&&"pseudo-element"===V.selector||A&&"pseudo-element"===P)&&(ge[".gb-container-"+a].push({overflow:"hidden"}),ge[".gb-container-"+a+" .block-list-appender"]=[{"z-index":10}],se||(se=1)),ge[".editor-styles-wrapper .gb-container-"+a+" h1,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h2,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h3,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h4,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h5,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h6"]=[{color:N}],(T||C||_||B)&&ge[".gb-container-"+a].push({"border-width":Y(T,C,_,B,"px"),"border-style":"solid"}),s&&!i&&ge[".gb-container-"+a].push({display:"flex","flex-direction":"row","align-items":q}),i&&(ge[".gb-container-"+a].push({display:"flex","flex-direction":"column",height:"100%","justify-content":q}),ge[".block-editor-block-list__layout > #block-"+t]=[{height:"100%"}]),ne&&"pseudo-element"===V.selector&&(ge[".gb-container-"+a+":before"]=[{content:'""',"background-image":oe,"background-repeat":V.repeat,"background-position":V.position,"background-size":V.size,"background-attachment":V.attachment,"z-index":"0",position:"absolute",top:"0",right:"0",bottom:"0",left:"0","border-radius":Y(x,S,E,D,M)}],void 0!==V.opacity&&1!==V.opacity&&ge[".gb-container-"+a+":before"].push({opacity:V.opacity})),A&&"pseudo-element"===P&&(ge[".gb-container-"+a+":after"]=[{content:'""',"background-image":ce,"z-index":"0",position:"absolute",top:"0",right:"0",bottom:"0",left:"0"}]),ge[".gb-container-"+a+" a, .gb-container-"+a+" a:visited"]=[{color:H}],ge[".gb-container-"+a+" a:hover"]=[{color:I}],ge[".gb-container-"+a+" > .gb-inside-container"]=[{padding:Y(b,p,u,f,k),width:!(!s||i)&&"100%"}],(se||0===se)&&ge[".gb-container-"+a+" > .gb-inside-container"].push({"z-index":se,position:"relative"}),"contained"!==o||i||ge[".gb-container-"+a+" > .gb-inside-container"].push({"max-width":m(ie,"px"),"margin-left":"auto","margin-right":"auto"}),ge[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t]=[{width:m(r,"%"),display:"flex","flex-direction":"column","margin-left":"0px","margin-right":"0px"}],ge[".block-editor-block-list__layout > #block-"+t]=[{"max-width":"contained"===n&&!i&&m(ie,"px")}],ge[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t+" > .block-editor-block-list__block-edit,\n\t\t.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t+' > .block-editor-block-list__block-edit > [data-block="'+t+'"]']=[{height:"100%"}],ge["#block-"+t+":not(.has-child-selected):not(.is-selected) .block-list-appender:not(:first-child),\n\t\t#block-"+t+":not(.has-child-selected):not(.is-selected) .block-editor-block-list__layout > div:not(:first-child) > .block-list-appender"]=[{display:"none"}],le.length&&(ge[".gb-container-"+a].push({position:"relative"}),ge[".gb-container-"+a+" .block-list-appender"]=[{position:"relative","z-index":100}],le.forEach((e,t)=>{const l=[],i=t+1;"top"===le[t].location&&l.push("scaleY(-1)"),le[t].flipHorizontally&&(l.push("scaleX(-1)"),ge[".gblocks-shape-container > .gblocks-shape-toggle-preview-"+i+" .gblocks-shape-divider-preview"]=[{transform:"scaleX(-1)"}]),ge[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i]=[{color:U(le[t].color,le[t].colorOpacity),"z-index":le[t].zindex}],"top"!==le[t].location&&"bottom"!==le[t].location||ge[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({left:"0",right:"0"}),"bottom"===le[t].location&&ge[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({bottom:"-1px"}),"top"===le[t].location&&ge[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({top:"-1px"}),l.length&&ge[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({transform:l.join(" ")});let r=le[t].width+"%";100===le[t].width&&(r="calc("+r+" + 1.3px)"),ge[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i+" svg"]=[{height:m(le[t].height,"px"),width:r}],"top"!==le[t].location&&"bottom"!==le[t].location||ge[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i+" svg"].push({position:"relative",left:"50%",transform:"translateX(-50%)","min-width":"100%"})})),ge=Object(d.applyFilters)("generateblocks.editor.mainCSS",ge,this.props,"container"),Object(l.createElement)("style",null,h(ge))}}class $ extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{removeVerticalGap:a}=e;let i=[];return i[".block-editor-block-list__layout > #block-"+t]=[{"margin-bottom":!!a&&"0px !important"}],i=Object(d.applyFilters)("generateblocks.editor.desktopCSS",i,this.props,"container"),Object(l.createElement)("style",null,h(i))}}class ee extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,isGrid:i,widthTablet:r,minHeightTablet:n,minHeightUnitTablet:o,paddingTopTablet:c,paddingRightTablet:s,paddingBottomTablet:g,paddingLeftTablet:b,paddingUnit:p,marginTopTablet:u,marginRightTablet:f,marginBottomTablet:k,marginLeftTablet:y,marginUnit:w,borderSizeTopTablet:O,borderSizeRightTablet:v,borderSizeBottomTablet:j,borderSizeLeftTablet:T,borderRadiusTopRightTablet:C,borderRadiusBottomRightTablet:_,borderRadiusBottomLeftTablet:B,borderRadiusTopLeftTablet:S,borderRadiusUnit:E,verticalAlignmentTablet:D,alignmentTablet:x,fontSizeTablet:M,fontSizeUnit:z,shapeDividers:R}=e;let L=[];return L[".gb-container-"+a]=[{"border-top-left-radius":m(S,E),"border-top-right-radius":m(C,E),"border-bottom-right-radius":m(_,E),"border-bottom-left-radius":m(B,E),"margin-top":m(u,w),"margin-right":m(f,w),"margin-bottom":m(k,w),"margin-left":m(y,w),"text-align":x,"font-size":m(M,z),"min-height":m(n,o)}],(O||v||j||T)&&L[".gb-container-"+a].push({"border-top-width":m(O,"px"),"border-right-width":m(v,"px"),"border-bottom-width":m(j,"px"),"border-left-width":m(T,"px"),"border-style":"solid"}),n&&!i&&L[".gb-container-"+a].push({display:"flex","flex-direction":"row","align-items":"inherit"!==D?D:null}),i&&"inherit"!==D&&L[".gb-container-"+a].push({display:"flex","flex-direction":"column",height:"100%","justify-content":D}),L[".gb-container-"+a+" > .gb-inside-container"]=[{"padding-top":m(c,p),"padding-right":m(s,p),"padding-bottom":m(g,p),"padding-left":m(b,p),width:!(!n||i)&&"100%"}],L[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t]=[{width:m(r,"%")}],R.length&&R.forEach((e,t)=>{L[".gb-container-"+a+" > .gb-shapes .gb-shape-"+(t+1)+" svg"]=[{height:m(R[t].heightTablet,"px"),width:m(R[t].widthTablet,"%")}]}),L=Object(d.applyFilters)("generateblocks.editor.tabletCSS",L,this.props,"container"),Object(l.createElement)("style",null,h(L))}}class te extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{removeVerticalGapTablet:a}=e;let i=[];return a&&(i[".block-editor-block-list__layout > #block-"+t]=[{"margin-bottom":"0px !important"}]),i=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",i,this.props,"container"),Object(l.createElement)("style",null,h(i))}}class ae extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,isGrid:i,widthMobile:r,minHeightMobile:n,minHeightUnitMobile:o,paddingTopMobile:c,paddingRightMobile:s,paddingBottomMobile:g,paddingLeftMobile:b,paddingUnit:p,marginTopMobile:u,marginRightMobile:f,marginBottomMobile:k,marginLeftMobile:y,marginUnit:w,borderSizeTopMobile:O,borderSizeRightMobile:v,borderSizeBottomMobile:j,borderSizeLeftMobile:T,borderRadiusTopRightMobile:C,borderRadiusBottomRightMobile:_,borderRadiusBottomLeftMobile:B,borderRadiusTopLeftMobile:S,borderRadiusUnit:E,verticalAlignmentMobile:D,removeVerticalGapMobile:x,alignmentMobile:M,fontSizeMobile:z,fontSizeUnit:R,orderMobile:L,shapeDividers:F,bgImage:A,bgOptions:U}=e;let P=[];return P[".gb-container-"+a]=[{"border-top-left-radius":m(S,E),"border-top-right-radius":m(C,E),"border-bottom-right-radius":m(_,E),"border-bottom-left-radius":m(B,E),"margin-top":m(u,w),"margin-right":m(f,w),"margin-bottom":m(k,w),"margin-left":m(y,w),"text-align":M,"font-size":m(z,R),"min-height":m(n,o)}],(O||v||j||T)&&P[".gb-container-"+a].push({"border-top-width":m(O,"px"),"border-right-width":m(v,"px"),"border-bottom-width":m(j,"px"),"border-left-width":m(T,"px"),"border-style":"solid"}),"inherit"!==D&&n&&!i&&P[".gb-container-"+a].push({display:"flex","flex-direction":"row","align-items":D}),i&&"inherit"!==D&&P[".gb-container-"+a].push({display:"flex","flex-direction":"column",height:"100%","justify-content":D}),P[".gb-container-"+a+" > .gb-inside-container"]=[{"padding-top":m(c,p),"padding-right":m(s,p),"padding-bottom":m(g,p),"padding-left":m(b,p),width:!(!n||i)&&"100%"}],P[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t]=[{width:m(r,"%"),order:L}],x&&(P[".block-editor-block-list__layout > #block-"+t]=[{"margin-bottom":"0px !important"}]),F.length&&F.forEach((e,t)=>{P[".gb-container-"+a+" > .gb-shapes .gb-shape-"+(t+1)+" svg"]=[{height:m(F[t].heightMobile,"px"),width:m(F[t].widthMobile,"%")}]}),A&&"fixed"===U.attachment&&("element"===U.selector&&P[".gb-container-"+a].push({"background-attachment":"initial"}),"pseudo-element"===U.selector&&(P[".gb-container-"+a+":before"]=[{"background-attachment":"initial"}])),P=Object(d.applyFilters)("generateblocks.editor.mobileCSS",P,this.props,"container"),Object(l.createElement)("style",null,h(P))}}const le=/[\s#]/g,ie=[];class re extends l.Component{constructor(){super(...arguments),this.state={selectedDevice:"Desktop"},this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=this.props.clientId.substr(2,9).replace("-",""),t=void 0!==this.props.attributes.isGlobalStyle&&this.props.attributes.isGlobalStyle;this.props.attributes.uniqueId?ie.includes(this.props.attributes.uniqueId)&&!t?(this.props.setAttributes({uniqueId:e}),ie.push(e)):ie.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),ie.push(e));const a=document.getElementById("block-"+this.props.clientId);a&&"full"===this.props.attributes.align&&a.setAttribute("data-align","full"),void 0!==this.props.attributes.isDynamic&&this.props.attributes.isDynamic||this.props.setAttributes({isDynamic:!0})}componentDidUpdate(){const e=document.getElementById("block-"+this.props.clientId);if(e){const t=this.props.attributes.align;let 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"))}}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,hasChildBlocks:a,clientId:i}=this.props,{uniqueId:n,className:c,anchor:h,tagName:m,isGrid:f,width:k,widthTablet:y,widthMobile:w,outerContainer:O,innerContainer:v,containerWidth:C,minHeight:_,minHeightUnit:B,minHeightTablet:S,minHeightUnitTablet:E,minHeightMobile:D,minHeightUnitMobile:x,borderColor:M,borderColorOpacity:z,backgroundColor:R,backgroundColorOpacity:L,textColor:F,linkColor:U,linkColorHover:N,bgImage:I,bgOptions:G,bgImageSize:q,verticalAlignment:Z,verticalAlignmentTablet:K,verticalAlignmentMobile:Y,zindex:Q,innerZindex:ie,removeVerticalGap:re,removeVerticalGapTablet:ne,removeVerticalGapMobile:oe,orderTablet:ce,orderMobile:se,alignment:ge,alignmentTablet:be,alignmentMobile:de,fontFamily:pe,googleFont:ue,googleFontVariants:he,fullWidthContent:me,align:fe,shapeDividers:ke}=e;void 0===e.bgOptions.selector&&(e.bgOptions.selector="element"),void 0===e.bgOptions.opacity&&(e.bgOptions.opacity=1);const ye=[{label:"div",value:"div"},{label:"section",value:"section"},{label:"header",value:"header"},{label:"footer",value:"footer"},{label:"aside",value:"aside"}],we=document.getElementById("_generate-full-width-content"),Oe=new Event("change"),ve=wp.data.select("core/block-editor").getBlockHierarchyRootClientId(i)===i;let je="";he&&(je=":"+he);let Te=!1,Ce=!1,_e=!1,Be="";"function"==typeof wp.data.select("core/block-editor").getBlockParents&&(Te=wp.data.select("core/block-editor").getBlockParents(i,!0)[0],Te&&(Ce=wp.data.select("core/block-editor").getBlocksByClientId(Te),Ce&&"generateblocks/grid"===Ce[0].name&&(_e=!0,Be=Ce[0].attributes.uniqueId)));const Se=[];Object.keys(generateBlocksInfo.svgShapes).forEach(e=>{const t=generateBlocksInfo.svgShapes[e].svgs;Object.keys(t).forEach(e=>{Se[e]={label:t[e].label,icon:t[e].icon}})});const Ee=[];Object.keys(generateBlocksInfo.imageSizes).forEach(e=>{Ee.push({label:generateBlocksInfo.imageSizes[e],value:generateBlocksInfo.imageSizes[e]})});let De={className:o()({"gb-container":!0,["gb-container-"+n]:!0,[""+c]:void 0!==c}),id:h||null};return De=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",De,"generateblocks/container",e),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(T.BlockControls,null,"Desktop"===this.getDeviceType()&&Object(l.createElement)(T.AlignmentToolbar,{value:ge,onChange:e=>{t({alignment:e})}}),"Tablet"===this.getDeviceType()&&Object(l.createElement)(T.AlignmentToolbar,{value:be,onChange:e=>{t({alignmentTablet:e})}}),"Mobile"===this.getDeviceType()&&Object(l.createElement)(T.AlignmentToolbar,{value:de,onChange:e=>{t({alignmentMobile:e})}})),Object(l.createElement)(T.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),!f&&Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Layout","generateblocks"),initialOpen:!0,icon:s("layout"),className:"gblocks-panel-label",id:"containerLayout",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,_e&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Grid Item","generateblocks"),help:Object(g.__)("This Container is inside a Grid Block but is not set as a grid item. Enable this option for optimal results.","generateblocks"),checked:!!f,onChange:e=>{t({isGrid:e,gridId:Be})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Container","generateblocks"),value:O,options:[{label:Object(g.__)("Full width","generateblocks"),value:"full"},{label:Object(g.__)("Contained width","generateblocks"),value:"contained"}],onChange:e=>{t({outerContainer:e}),"contained"===e&&"full"===fe&&t({align:""})}}),"full"===O&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Inner Container","generateblocks"),value:v,options:[{label:Object(g.__)("Full width","generateblocks"),value:"full"},{label:Object(g.__)("Contained width","generateblocks"),value:"contained"}],onChange:e=>{t({innerContainer:e})}}),("contained"===O||"contained"===v)&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",className:"gblocks-container-width",value:parseFloat(C)||"",placeholder:generateBlocksDefaults.container.containerWidth,onChange:e=>{t({containerWidth:""!==e?parseFloat(e):void 0})}})),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Tag Name","generateblocks"),value:m,options:Object(d.applyFilters)("generateblocks.editor.containerTagNames",ye,this.props,this.state),onChange:e=>{t({tagName:e})}}),Object(d.applyFilters)("generateblocks.editor.controls","","containerAfterElementTag",this.props,this.state),Object(l.createElement)(l.Fragment,null,generateBlocksInfo.isGeneratePress&&ve&&we&&Object(l.createElement)(b.BaseControl,{id:"gblocks-gp-full-width-page",label:Object(g.__)("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"},Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Make page full-width","generateblocks"),checked:!!me,onChange:e=>{e?("select"===we.tagName.toLowerCase()?(we.value="true",we.dispatchEvent(Oe)):(we.checked=!0,we.setAttribute("value","true"),we.dispatchEvent(Oe)),t({fullWidthContent:"true",align:""})):("select"===we.tagName.toLowerCase()?(we.value="",we.dispatchEvent(Oe)):(we.checked=!1,we.setAttribute("value",""),document.querySelector('input[name="_generate-full-width-content"]#default-content').checked=!0,we.dispatchEvent(Oe)),t({fullWidthContent:""}))}})))),Object(d.applyFilters)("generateblocks.editor.controls","","containerLayout",this.props,this.state)),f&&Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Layout","generateblocks"),initialOpen:!0,icon:s("layout"),className:"gblocks-panel-label",id:"containerGridLayout",state:this.state}),!_e&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Grid Item","generateblocks"),help:Object(g.__)("This container is set as a grid item but is not inside a grid block. Deactivate this option for optimal results.","generateblocks"),checked:!!f,onChange:e=>{t({isGrid:e,gridId:""})}}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.ButtonGroup,{className:"widthButtons"},Object(l.createElement)(b.Button,{isPrimary:25===k,onClick:()=>t({width:25})},"25"),Object(l.createElement)(b.Button,{isPrimary:33.33===k,onClick:()=>t({width:33.33})},"33"),Object(l.createElement)(b.Button,{isPrimary:50===k,onClick:()=>t({width:50})},"50"),Object(l.createElement)(b.Button,{isPrimary:66.66===k,onClick:()=>t({width:66.66})},"66"),Object(l.createElement)(b.Button,{isPrimary:75===k,onClick:()=>t({width:75})},"75"),Object(l.createElement)(b.Button,{isPrimary:100===k,onClick:()=>t({width:100})},"100")),Object(l.createElement)(b.RangeControl,{className:"gblocks-column-width-control",value:k||"",onChange:e=>{t({width:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.width}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:Z,options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignment:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Vertical Gap","generateblocks"),checked:!!re,onChange:e=>{t({removeVerticalGap:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Tag Name","generateblocks"),value:m,options:Object(d.applyFilters)("generateblocks.editor.containerTagNames",ye,this.props,this.state),onChange:e=>{t({tagName:e})}}),Object(d.applyFilters)("generateblocks.editor.controls","","containerAfterElementTag",this.props,this.state)),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.ButtonGroup,{className:"widthButtons"},Object(l.createElement)(b.Button,{isPrimary:25===y,onClick:()=>t({widthTablet:25})},"25"),Object(l.createElement)(b.Button,{isPrimary:33.33===y,onClick:()=>t({widthTablet:33.33})},"33"),Object(l.createElement)(b.Button,{isPrimary:50===y,onClick:()=>t({widthTablet:50})},"50"),Object(l.createElement)(b.Button,{isPrimary:66.66===y,onClick:()=>t({widthTablet:66.66})},"66"),Object(l.createElement)(b.Button,{isPrimary:75===y,onClick:()=>t({widthTablet:75})},"75"),Object(l.createElement)(b.Button,{isPrimary:100===y,onClick:()=>t({widthTablet:100})},"100")),Object(l.createElement)(b.RangeControl,{className:"gblocks-column-width-control",value:y||"",onChange:e=>{t({widthTablet:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.widthTablet}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:K,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentTablet:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Vertical Gap","generateblocks"),checked:!!ne,onChange:e=>{t({removeVerticalGapTablet:e})}}),Object(l.createElement)(b.TextControl,{type:"number",label:Object(g.__)("Order","generateblocks"),value:ce||0===ce?ce:"",onChange:e=>{t({orderTablet:parseFloat(e)})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.ButtonGroup,{className:"widthButtons"},Object(l.createElement)(b.Button,{isPrimary:25===w,onClick:()=>t({widthMobile:25})},"25"),Object(l.createElement)(b.Button,{isPrimary:33.33===w,onClick:()=>t({widthMobile:33.33})},"33"),Object(l.createElement)(b.Button,{isPrimary:50===w,onClick:()=>t({widthMobile:50})},"50"),Object(l.createElement)(b.Button,{isPrimary:66.66===w,onClick:()=>t({widthMobile:66.66})},"66"),Object(l.createElement)(b.Button,{isPrimary:75===w,onClick:()=>t({widthMobile:75})},"75"),Object(l.createElement)(b.Button,{isPrimary:100===w,onClick:()=>t({widthMobile:100})},"100")),Object(l.createElement)(b.RangeControl,{className:"gblocks-column-width-control",value:w||"",onChange:e=>{t({widthMobile:e})},min:0,max:100,step:.01,initialPosition:generateBlocksDefaults.container.widthMobile}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:Y,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentMobile:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Vertical Gap","generateblocks"),checked:!!oe,onChange:e=>{t({removeVerticalGapMobile:e})}}),Object(l.createElement)(b.TextControl,{type:"number",label:Object(g.__)("Order","generateblocks"),value:se||0===se?se:"",onChange:e=>{t({orderMobile:parseFloat(e)})}})),Object(d.applyFilters)("generateblocks.editor.controls","","containerGridLayout",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Typography","generateblocks"),initialOpen:!1,icon:s("typography"),className:"gblocks-panel-label",id:"containerTypography",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},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"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:"Tablet",showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightTablet,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingTablet}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:"Mobile",showFontSize:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightMobile,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingMobile}))),Object(d.applyFilters)("generateblocks.editor.controls","","containerTypography",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!1,icon:s("spacing"),className:"gblocks-panel-label",id:"containerSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Minimum Height","generateblocks"),value:B,units:["px","vh","vw"],onClick:e=>{t({minHeightUnit:e})}}),Object(l.createElement)(b.TextControl,{type:"number",value:_||"",onChange:e=>{t({minHeight:parseFloat(e)})}}),!!_&&!f&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:Z,options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignment:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.container,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Outer z-index","generateblocks"),type:"number",value:Q||0===Q?Q:"",onChange:e=>{t({zindex:e})},onBlur:()=>{t({zindex:parseFloat(Q)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Inner z-index","generateblocks"),type:"number",value:ie||0===ie?ie:"",onChange:e=>{t({innerZindex:e})},onBlur:()=>{t({innerZindex:parseFloat(ie)})},onClick:e=>{e.currentTarget.focus()}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Minimum Height","generateblocks"),value:E,units:["px","vh","vw"],onClick:e=>{t({minHeightUnitTablet:e})}}),Object(l.createElement)(b.TextControl,{type:"number",value:S||"",onChange:e=>{t({minHeightTablet:parseFloat(e)})}}),(!!_||!!S)&&!f&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:K,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentTablet:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.container,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.container,units:["px","em","%"]}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Minimum Height","generateblocks"),value:x,units:["px","vh","vw"],onClick:e=>{t({minHeightUnitMobile:e})}}),Object(l.createElement)(b.TextControl,{type:"number",value:D||"",onChange:e=>{t({minHeightMobile:parseFloat(e)})}}),(!!_||!!S||!!D)&&!f&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:Y,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentMobile:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.container,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.container,units:["px","em","%"]}))),Object(d.applyFilters)("generateblocks.editor.controls","","containerSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Colors","generateblocks"),initialOpen:!1,icon:s("colors"),className:"gblocks-panel-label",id:"containerColors",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(P,{label:Object(g.__)("Background Color","generateblocks"),value:R,alpha:!0,valueOpacity:L,attrOpacity:"backgroundColorOpacity",onChange:e=>t({backgroundColor:e}),onOpacityChange:e=>t({backgroundColorOpacity:e})}),Object(l.createElement)(P,{label:Object(g.__)("Text Color","generateblocks"),value:F,alpha:!1,onChange:e=>t({textColor:e})}),Object(l.createElement)(P,{label:Object(g.__)("Link Color","generateblocks"),value:U,alpha:!1,onChange:e=>t({linkColor:e})}),Object(l.createElement)(P,{label:Object(g.__)("Link Color Hover","generateblocks"),value:N,alpha:!1,onChange:e=>t({linkColorHover:e})}),Object(l.createElement)(P,{label:Object(g.__)("Border Color","generateblocks"),value:M,alpha:!0,valueOpacity:z,attrOpacity:"borderColorOpacity",onChange:e=>t({borderColor:e}),onOpacityChange:e=>t({borderColorOpacity:e})})),Object(d.applyFilters)("generateblocks.editor.controls","","containerColors",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Backgrounds","generateblocks"),initialOpen:!1,icon:s("gradients"),className:"gblocks-panel-label",id:"containerBackground",state:this.state}),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,{id:"gblocks-background-image-upload",label:Object(g.__)("Image URL","generateblocks")},Object(l.createElement)("div",{className:"gblocks-bg-image-wrapper"},Object(l.createElement)(b.TextControl,{type:"text",value:I?I.image.url:"",onChange:e=>{t(e?{bgImage:{id:"",image:{url:e}}}:{bgImage:null})}}),Object(l.createElement)("div",{className:"gblocks-background-image-action-buttons"},Object(l.createElement)(T.MediaUpload,{title:Object(g.__)("Set background image","generateblocks"),onSelect:e=>{let a=generateBlocksDefaults.container.bgImageSize;void 0===e.sizes[a]&&(a="full"),t({bgImage:{id:e.id,image:e.sizes[a]}})},onClose:()=>{document.querySelector(".gblocks-bg-image-wrapper input").focus()},allowedTypes:["image"],value:I?I.id:"",modalClass:"editor-gb-container-background__media-modal",render:({open:e})=>Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Open the Media Library","generateblocks")},Object(l.createElement)(b.Button,{onClick:e,className:"is-secondary is-small"},Object(g.__)("Browse","generateblocks")))}),Object(d.applyFilters)("generateblocks.editor.backgroundImageActions","",this.props,this.state)))),!!I&&Object(l.createElement)(l.Fragment,null,G.overlay?Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Background Color Overlay","generateblocks"),checked:!!G.overlay,onChange:e=>{t({bgOptions:{...G,overlay:e}})}}),Object(l.createElement)(b.Notice,{className:"gblocks-option-notice",status:"info",isDismissible:!1},Object(g.__)("The background color overlay option is deprecated. Toggle this option to use the new method.","generateblocks"))):Object(l.createElement)(l.Fragment,null,void 0!==I.id&&I.id&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Image Size","generateblocks"),value:q,options:Ee,onChange:e=>{t({bgImageSize:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Selector","generateblocks"),value:G.selector,options:[{label:Object(g.__)("Element","generateblocks"),value:"element"},{label:Object(g.__)("Pseudo Element","generateblocks"),value:"pseudo-element"}],onChange:e=>{t({bgOptions:{...G,selector:e}})}}),Object(l.createElement)(b.RangeControl,{label:Object(g.__)("Image Opacity","generateblocks"),value:G.opacity,onChange:e=>{t({bgOptions:{...G,opacity:e,selector:"pseudo-element"}})},min:0,max:1,step:.1,initialPosition:generateBlocksDefaults.container.bgOptions.opacity}),1!==G.opacity&&"pseudo-element"!==G.selector&&Object(l.createElement)(b.Notice,{className:"gblocks-option-notice",status:"info",isDismissible:!1},Object(g.__)("Your selector must be set to Pseudo Element to use opacity.","generateblocks"))),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Size","generateblocks"),value:G.size,onChange:e=>{t({bgOptions:{...G,size:e}})}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Position","generateblocks"),value:G.position,onChange:e=>{t({bgOptions:{...G,position:e}})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Repeat","generateblocks"),value:G.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:e=>{t({bgOptions:{...G,repeat:e}})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Attachment","generateblocks"),value:G.attachment,options:[{label:"scroll",value:""},{label:"fixed",value:"fixed"},{label:"local",value:"local"}],onChange:e=>{t({bgOptions:{...G,attachment:e}})}})),Object(l.createElement)(W,r()({},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})),Object(d.applyFilters)("generateblocks.editor.controls","","containerBackground",this.props,this.state))),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Shapes","generateblocks"),initialOpen:!1,icon:s("shapes"),className:"gblocks-panel-label",id:"containerShapes",state:this.state,showPanel:!("Desktop"!==this.getDeviceType()&&!e.shapeDividers.length)}),Object(l.createElement)(b.BaseControl,{className:"gb-icon-chooser gb-shape-chooser"},ke.map((e,a)=>{const i=a+1;return Object(l.createElement)(l.Fragment,{key:a},Object(l.createElement)("div",{className:"gblocks-shape-container"},Object(l.createElement)("div",{className:o()({"gblocks-shape-toggle-preview":!0,["gblocks-shape-toggle-preview-"+i]:!0}),style:{backgroundColor:R}},void 0!==Se[ke[a].shape]&&Object(l.createElement)("div",{className:"gblocks-shape-divider-preview",style:{color:ke[a].color},dangerouslySetInnerHTML:{__html:J(Se[ke[a].shape].icon)}})),
8
  /* translators: Shape number */
9
- Object(g.sprintf)(Object(g.__)("Shape %s","generateblocks"),i),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.Dropdown,{contentClassName:"gblocks-shapes-dropdown",renderToggle:({isOpen:e,onToggle:t})=>Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Edit Shape","generateblocks")},Object(l.createElement)(b.Button,{className:"gblocks-shape-dropdown",isSecondary:!e||void 0,isPrimary:!!e||void 0,icon:s("wrench"),onClick:t,"aria-expanded":e})),renderContent:()=>Object(l.createElement)("div",{className:"gblocks-shape-controls"},"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,{className:"gb-icon-chooser"},Object.keys(generateBlocksInfo.svgShapes).map((e,i)=>{const r=generateBlocksInfo.svgShapes[e].svgs;return Object(l.createElement)(b.PanelBody,{title:generateBlocksInfo.svgShapes[e].group,initialOpen:r.hasOwnProperty(ke[a].shape),key:i},Object(l.createElement)(b.PanelRow,null,Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("ul",{className:"gblocks-icon-chooser gblocks-shape-chooser"},Object.keys(r).map((e,i)=>Object(l.createElement)("li",{key:"editor-pblock-types-list-item-"+i},Object(l.createElement)(b.Tooltip,{text:r[e].label},Object(l.createElement)(b.Button,{className:o()({"editor-block-list-item-button":!0,"gblocks-shape-is-active":ke[a].shape===e}),onClick:()=>{const l=[...ke];l[a]={...l[a],shape:e},t({shapeDividers:l})}},"string"==typeof r[e].icon?Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon",dangerouslySetInnerHTML:{__html:J(r[e].icon)}})):Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon"},r[e].icon))))))))))})),Object(l.createElement)(P,{label:Object(g.__)("Color","generateblocks"),value:ke[a].color,alpha:!0,valueOpacity:ke[a].colorOpacity,onChange:e=>{const l=[...ke];l[a]={...l[a],color:e},t({shapeDividers:l})},onOpacityChange:e=>{const l=[...ke];l[a]={...l[a],colorOpacity:e},t({shapeDividers:l})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Location","generateblocks"),value:ke[a].location,options:[{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{const l=[...ke];l[a]={...l[a],location:e},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Height","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:ke[a].height?ke[a].height:"",onChange:e=>{const l=[...ke];l[a]={...l[a],height:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:ke[a].width?ke[a].width:"",min:"100",onChange:e=>{const l=[...ke];l[a]={...l[a],width:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Flip Horizontally","generateblocks"),checked:!!ke[a].flipHorizontally,onChange:e=>{const l=[...ke];l[a]={...l[a],flipHorizontally:e},t({shapeDividers:l})}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("z-index","generateblocks"),type:"number",min:"0",value:ke[a].zindex||0===ke[a].zindex?ke[a].zindex:"",onChange:e=>{const l=[...ke];l[a]={...l[a],zindex:e},t({shapeDividers:l})},onBlur:()=>{const e=[...ke];e[a]={...e[a],zindex:parseFloat(ke[a].zindex)},t({shapeDividers:e})},onClick:e=>{e.currentTarget.focus()}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Height","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:ke[a].heightTablet?ke[a].heightTablet:"",onChange:e=>{const l=[...ke];l[a]={...l[a],heightTablet:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:ke[a].widthTablet?ke[a].widthTablet:"",min:"100",onChange:e=>{const l=[...ke];l[a]={...l[a],widthTablet:parseFloat(e)},t({shapeDividers:l})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Height","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:ke[a].heightMobile?ke[a].heightMobile:"",onChange:e=>{const l=[...ke];l[a]={...l[a],heightMobile:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:ke[a].widthMobile?ke[a].widthMobile:"",min:"100",onChange:e=>{const l=[...ke];l[a]={...l[a],widthMobile:parseFloat(e)},t({shapeDividers:l})}})))})),"Desktop"===this.getDeviceType()&&Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Delete Shape","generateblocks")},Object(l.createElement)(b.Button,{className:"gblocks-remove-shape",onClick:()=>{window.confirm(Object(g.__)("This will permanently delete this shape.","generateblocks"))&&(e=>{const a=[...ke];a.splice(e,1),t({shapeDividers:a})})(a)},icon:s("x")}))))}),Object(l.createElement)("div",{className:"gblocks-add-new-shape"},Object(l.createElement)(b.Button,{isSecondary:!0,onClick:(()=>{const e=[...ke];e.push({shape:generateBlocksStyling.container.shapeDividers.shape,color:generateBlocksStyling.container.shapeDividers.color,colorOpacity:generateBlocksStyling.container.shapeDividers.colorOpacity,location:generateBlocksStyling.container.shapeDividers.location,height:generateBlocksStyling.container.shapeDividers.height,heightTablet:generateBlocksStyling.container.shapeDividers.heightTablet,heightMobile:generateBlocksStyling.container.shapeDividers.heightMobile,width:generateBlocksStyling.container.shapeDividers.width,widthTablet:generateBlocksStyling.container.shapeDividers.widthTablet,widthMobile:generateBlocksStyling.container.shapeDividers.widthMobile,flipHorizontally:generateBlocksStyling.container.shapeDividers.flipHorizontally,zindex:generateBlocksStyling.container.shapeDividers.zindex}),t({shapeDividers:e})}).bind(this)},Object(g.__)("Add Shape","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","containerShapeDivider",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),initialOpen:!1,icon:s("documentation"),className:"gblocks-panel-label",id:"containerDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/container/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","containerDocumentation",this.props,this.state))),Object(l.createElement)(T.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:h||"",onChange:e=>{e=e.replace(le,"-"),t({anchor:e})}})),Object(l.createElement)(X,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)($,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(ee,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(te,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(ae,this.props)),pe&&ue&&Object(l.createElement)("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+pe.replace(/ /g,"+")+je}),Object(l.createElement)(A,{tagName:Object(d.applyFilters)("generateblocks.frontend.containerTagName",m,e),htmlAttrs:De},Object(d.applyFilters)("generateblocks.frontend.afterContainerOpen","",e),Object(l.createElement)("div",{className:o()({"gb-inside-container":!0})},Object(d.applyFilters)("generateblocks.frontend.insideContainer","",e),Object(l.createElement)(T.InnerBlocks,{templateLock:!1,renderAppender:a?void 0:()=>Object(l.createElement)(T.InnerBlocks.ButtonBlockAppender,null)})),Object(l.createElement)(l.Fragment,null,!!e.shapeDividers.length&&Object(l.createElement)("div",{className:"gb-shapes"},e.shapeDividers.map((e,t)=>{const a=t+1;return Object(l.createElement)(l.Fragment,{key:t},void 0!==Se[ke[t].shape]&&Object(l.createElement)("div",{className:o()({"gb-shape":!0,["gb-shape-"+a]:!0}),dangerouslySetInnerHTML:{__html:J(Se[ke[t].shape].icon)}}))}))),Object(d.applyFilters)("generateblocks.frontend.beforeContainerClose","",e)))}}var ne=Object(B.compose)([Object(_.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(_.withSelect)(e=>{if(!e("core/edit-post"))return{media:null,deviceType:null};const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post"),{getMedia:a}=e("core"),{getEditedPostAttribute:l}=e("core/editor"),i=l("featured_media");return t?{media:i?a(i):null,deviceType:t()}:{media:i?a(i):null,deviceType:null}})])(re);const oe={uniqueId:{type:"string",default:""},anchor:{type:"string",default:""},isGrid:{type:"boolean",default:!1},gridId:{type:"string",default:""},tagName:{type:"string",default:generateBlocksDefaults.container.tagName},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},gradientSelector:{type:"string",default:"element"},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}},bgImageSize:{type:"string",default:generateBlocksDefaults.container.bgImageSize},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},innerZindex:{type:"number",default:generateBlocksDefaults.container.innerZindex},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:""},shapeDividers:{type:"array",default:[]},isDynamic:{type:"boolean"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}};generateBlocksInfo.hasCustomFields&&Object.assign(oe,{fullWidthContent:{type:"string",source:"meta",meta:"_generate-full-width-content"}});var ce=oe,se=[{attributes:ce,supports:{align:!1,anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,tagName:a,elementId:i,cssClasses:r,isGrid:n,align:c}=e;let s={className:o()({"gb-container":!0,["gb-container-"+t]:!0,[""+r]:""!==r,["align"+c]:!!c&&!n}),id:i||null};return s=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",s,"generateblocks/container",e),Object(l.createElement)(({condition:e,wrap:t,children:a})=>e?t(a):a,{condition:n,wrap:e=>Object(l.createElement)("div",{className:o()({"gb-grid-column":!0,["gb-grid-column-"+t]:!0})},e)},Object(l.createElement)(A,{tagName:a,htmlAttrs:s},Object(d.applyFilters)("generateblocks.frontend.insideContainer","",e),Object(l.createElement)("div",{className:o()({"gb-inside-container":!0})},Object(l.createElement)(T.InnerBlocks.Content,null))))}}];function ge(e){return"left"===e||"top"===e?"flex-start":"right"===e||"bottom"===e?"flex-end":e}Object(C.registerBlockType)("generateblocks/container",{title:Object(g.__)("Container","generateblocks"),description:Object(g.__)("Organize your content into rows and sections.","generateblocks"),icon:s("container"),category:"generateblocks",keywords:[Object(g.__)("section"),Object(g.__)("container"),Object(g.__)("generate")],attributes:ce,supports:{align:!1,className:!1},edit:ne,save:()=>Object(l.createElement)(T.InnerBlocks.Content,null),deprecated:se});class be extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignment:a,marginTop:i,marginRight:r,marginBottom:n,marginLeft:o,marginUnit:c,stack:s,fillHorizontalSpace:g}=e;let b=[];return b[".gb-button-wrapper-"+t]=[{display:!!g&&"block",margin:Y(i,r,n,o,c),"justify-content":ge(a),"flex-direction":!!s&&"column","align-items":!!s&&ge(a)}],b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!s&&"column","align-items":!!s&&ge(a)}],g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],b[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),s&&g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),b=Object(d.applyFilters)("generateblocks.editor.mainCSS",b,this.props,"button-container"),Object(l.createElement)("style",null,h(b))}}class de extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.desktopCSS",e,this.props,"button-container"),Object(l.createElement)("style",null,h(e))}}class pe extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignmentTablet:a,marginTopTablet:i,marginRightTablet:r,marginBottomTablet:n,marginLeftTablet:o,marginUnit:c,stackTablet:s,fillHorizontalSpaceTablet:g}=e;let b=[];return b[".gb-button-wrapper-"+t]=[{display:!!g&&"block","margin-top":m(i,c),"margin-right":m(r,c),"margin-bottom":m(n,c),"margin-left":m(o,c),"justify-content":ge(a),"flex-direction":!!s&&"column","align-items":!!s&&ge(a)}],b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!s&&"column","align-items":!!s&&ge(a)}],g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],b[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),s&&g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),b=Object(d.applyFilters)("generateblocks.editor.tabletCSS",b,this.props,"button-container"),Object(l.createElement)("style",null,h(b))}}class ue extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",e,this.props,"button-container"),Object(l.createElement)("style",null,h(e))}}class he extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignmentMobile:a,marginTopMobile:i,marginRightMobile:r,marginBottomMobile:n,marginLeftMobile:o,marginUnit:c,stackMobile:s,fillHorizontalSpaceMobile:g}=e;let b=[];return b[".gb-button-wrapper-"+t]=[{display:!!g&&"block","margin-top":m(i,c),"margin-right":m(r,c),"margin-bottom":m(n,c),"margin-left":m(o,c),"justify-content":ge(a),"flex-direction":!!s&&"column","align-items":!!s&&ge(a)}],b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!s&&"column","align-items":!!s&&ge(a)}],g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],b[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),s&&g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),b=Object(d.applyFilters)("generateblocks.editor.mobileCSS",b,this.props,"button-container"),Object(l.createElement)("style",null,h(b))}}const me=/[\s#]/g,fe=[],ke=[{icon:"editor-alignleft",title:Object(g.__)("Align Buttons Left","generateblocks"),align:"left"},{icon:"editor-aligncenter",title:Object(g.__)("Align Buttons Center","generateblocks"),align:"center"},{icon:"editor-alignright",title:Object(g.__)("Align Buttons Right","generateblocks"),align:"right"}];class ye extends l.Component{constructor(){super(...arguments),this.state={selectedDevice:"Desktop"},this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=this.props.clientId.substr(2,9).replace("-",""),t=void 0!==this.props.attributes.isGlobalStyle&&this.props.attributes.isGlobalStyle;this.props.attributes.uniqueId?fe.includes(this.props.attributes.uniqueId)&&!t?(this.props.setAttributes({uniqueId:e}),fe.push(e)):fe.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),fe.push(e));const a=wp.data.select("core/block-editor").getBlocksByClientId(this.props.clientId)[0];a&&0===a.innerBlocks.length&&wp.data.dispatch("core/block-editor").insertBlocks(Object(C.createBlock)("generateblocks/button",generateBlocksStyling.button),void 0,this.props.clientId),void 0!==this.props.attributes.isDynamic&&this.props.attributes.isDynamic||this.props.setAttributes({isDynamic:!0})}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,clientId:a}=this.props,{uniqueId:i,className:n,anchor:c,alignment:u,alignmentTablet:h,alignmentMobile:m,stack:f,stackTablet:k,stackMobile:y,fillHorizontalSpace:w,fillHorizontalSpaceTablet:O,fillHorizontalSpaceMobile:v}=e;let _={className:o()({"gb-button-wrapper":!0,["gb-button-wrapper-"+i]:!0,[""+n]:void 0!==n}),id:c||null};return _=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",_,"generateblocks/button-container",e),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(T.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-add-new-button",icon:"insert",label:Object(g.__)("Add Button","generateblocks"),onClick:()=>{const e=wp.data.select("core/block-editor").getBlocksByClientId(a)[0];if(e){const t=e.innerBlocks,l=Object.keys(t),i=l[l.length-1];if(void 0!==t[i]){const e=t[i].clientId;if(e){const t=wp.data.select("core/block-editor").getBlocksByClientId(e)[0],l=Object(C.cloneBlock)(t);wp.data.dispatch("core/block-editor").insertBlocks(l,void 0,a)}}else 0===t.length&&wp.data.dispatch("core/block-editor").insertBlocks(Object(C.createBlock)("generateblocks/button",generateBlocksStyling.button),void 0,a)}},showTooltip:!0})),"Desktop"===this.getDeviceType()&&Object(l.createElement)(T.AlignmentToolbar,{value:u,alignmentControls:ke,onChange:e=>{t({alignment:e})}}),"Tablet"===this.getDeviceType()&&Object(l.createElement)(T.AlignmentToolbar,{value:h,alignmentControls:ke,onChange:e=>{t({alignmentTablet:e})}}),"Mobile"===this.getDeviceType()&&Object(l.createElement)(T.AlignmentToolbar,{value:m,alignmentControls:ke,onChange:e=>{t({alignmentMobile:e})}})),Object(l.createElement)(T.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!0,icon:s("spacing"),className:"gblocks-panel-label",id:"buttonContainerSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer,units:["px","em","%"]})),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Stack Vertically","generateblocks"),checked:!!f,onChange:e=>{t({stack:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Fill Horizontal Space","generateblocks"),checked:!!w,onChange:e=>{t({fillHorizontalSpace:e})}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer,units:["px","em","%"]})),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Stack Vertically","generateblocks"),checked:!!k,onChange:e=>{t({stackTablet:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Fill Horizontal Space","generateblocks"),checked:!!O,onChange:e=>{t({fillHorizontalSpaceTablet:e})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer,units:["px","em","%"]})),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Stack Vertically","generateblocks"),checked:!!y,onChange:e=>{t({stackMobile:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Fill Horizontal Space","generateblocks"),checked:!!v,onChange:e=>{t({fillHorizontalSpaceMobile:e})}})),Object(d.applyFilters)("generateblocks.editor.controls","","buttonContainerSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonContainerDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","buttonContainerDocumentation",this.props,this.state))),Object(l.createElement)(T.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:c||"",onChange:e=>{e=e.replace(me,"-"),t({anchor:e})}})),Object(l.createElement)(be,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(de,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(pe,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(ue,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(he,this.props)),Object(l.createElement)("div",_,Object(l.createElement)(T.InnerBlocks,{allowedBlocks:["generateblocks/button"],renderAppender:()=>Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Add Button","generateblocks")},Object(l.createElement)(b.Button,{className:"gblocks-add-new-button gblocks-button-container-appender",icon:"insert",onClick:()=>{wp.data.dispatch("core/block-editor").insertBlocks(Object(C.createBlock)("generateblocks/button",generateBlocksStyling.button),void 0,a)}}))})))}}var we=Object(B.compose)([Object(_.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(_.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])(ye),Oe={uniqueId:{type:"string",default:""},anchor:{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},isDynamic:{type:"boolean"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},ve=[{attributes:Oe,supports:{anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i}=e;let r={id:a||void 0,className:o()({"gb-button-wrapper":!0,["gb-button-wrapper-"+t]:!0,[""+i]:""!==i})};return r=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",r,"generateblocks/button-container",e),Object(l.createElement)("div",r,Object(l.createElement)(T.InnerBlocks.Content,null))}}];Object(C.registerBlockType)("generateblocks/button-container",{title:Object(g.__)("Buttons","generateblocks"),description:Object(g.__)("Drive conversions with beautiful buttons.","generateblocks"),icon:s("button"),category:"generateblocks",keywords:[Object(g.__)("button"),Object(g.__)("buttons"),Object(g.__)("generate")],attributes:Oe,supports:{className:!1},edit:we,save:()=>Object(l.createElement)(T.InnerBlocks.Content,null),deprecated:ve});var je={facebook:{label:Object(g._x)("Facebook","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Facebook - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Facebook - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Instagram","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("LinkedIn","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("LinkedIn - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Pinterest","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Pinterest - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Pinterest - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Reddit","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Reddit - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Reddit - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Snapchat","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Soundcloud","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Twitch","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Twitter","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Twitter - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Vimeo","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Vimeo - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("WhatsApp","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("WhatsApp - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("YouTube","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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"}))}},Te={clock:{label:Object(g._x)("Clock","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Clock Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Asterisk","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("At","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Award","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Ban","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bars","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Beer","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bolt","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Book","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Box - Open","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bullhorn","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bullseye","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Burn","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Calender","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Circle Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Square Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Down","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Left","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Right","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Up","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.createElement)("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"}))},circleOutline:{label:Object(g._x)("Circle - Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Coffee","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Dot - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Dot - Circle Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Ellipses - Horizontal","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Ellipses - Vertical","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 192 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Envelope","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Fire","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Heart","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Map Marker","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Paper Plane","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Phone","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus - Square Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Shield","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Star","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Tags","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("User - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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"}))}};class Ce extends l.Component{constructor(){super(...arguments),this.state={showIcons:!1,showGeneralIcons:!1,showSocialIcons:!1}}render(){const{attributes:e,setAttributes:t,attrIcon:a,attrIconLocation:i,locationOptions:r,attrRemoveText:n}=this.props;let o={general:{group:Object(g.__)("General","generateblocks"),svgs:Te},social:{group:Object(g.__)("Social","generateblocks"),svgs:je}};return o=Object(d.applyFilters)("generateblocks.editor.iconSVGSets",o),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,{className:"gb-svg-html"},Object(l.createElement)(b.TextControl,{label:Object(g.__)("Icon SVG HTML","generateblocks"),value:e[a],onChange:e=>{t({[this.props.attrIcon]:J(e)}),t(""!==e?{hasIcon:!0}:{hasIcon:!1})}}),Object(l.createElement)("div",{className:"gb-icon-preview"},Object(l.createElement)("span",{dangerouslySetInnerHTML:{__html:J(e[a])}}),Object(l.createElement)(b.Button,{isSmall:!0,className:"reset-icon is-secondary",onClick:()=>{t({[this.props.attrIcon]:"",hasIcon:!1})}},Object(l.createElement)("span",{className:"editor-block-types-list__item-icon"},Object(g.__)("Clear","generateblocks"))))),Object(l.createElement)(b.BaseControl,{className:"gb-icon-chooser"},Object.keys(o).map((e,a)=>{const i=o[e].svgs;return Object(l.createElement)(b.PanelBody,{title:o[e].group,initialOpen:!1,key:a},Object(l.createElement)(b.PanelRow,null,Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("ul",{className:"gblocks-icon-chooser"},Object.keys(i).map((e,a)=>Object(l.createElement)("li",{key:"editor-pblock-types-list-item-"+a},Object(l.createElement)(b.Tooltip,{text:i[e].label},Object(l.createElement)(b.Button,{className:"editor-block-list-item-button",onClick:()=>{let a=i[e].icon;"string"!=typeof a&&(a=Object(l.renderToString)(a)),t({[this.props.attrIcon]:a,hasIcon:!0})}},"string"==typeof i[e].icon?Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon",dangerouslySetInnerHTML:{__html:J(i[e].icon)}})):Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon"},i[e].icon))))))))))})),void 0!==e[i]&&!e[n]&&!!e[a]&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:e[i],options:r,onChange:a=>{const l=e.iconPaddingLeft,i=e.iconPaddingRight,r=e.iconPaddingRightTablet,n=e.iconPaddingLeftTablet,o=e.iconPaddingRightMobile,c=e.iconPaddingLeftMobile;"right"===a&&(!l&&i&&t({iconPaddingLeft:i,iconPaddingRight:""}),!n&&r&&t({iconPaddingLeftTablet:r,iconPaddingRightTablet:""}),!c&&o&&t({iconPaddingLeftMobile:o,iconPaddingRightMobile:""})),"left"===a&&(!i&&l&&t({iconPaddingRight:l,iconPaddingLeft:""}),!r&&n&&t({iconPaddingRightTablet:n,iconPaddingLeftTablet:""}),!o&&c&&t({iconPaddingRightMobile:c,iconPaddingLeftMobile:""})),t({[this.props.attrIconLocation]:a})}}),void 0!==e[n]&&!!e[a]&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Text","generateblocks"),checked:!!e[n],onChange:e=>{t({[this.props.attrRemoveText]:e})}}))}}var _e=Ce;class Be extends l.Component{constructor(){super(...arguments),this.state={moreOptions:!1},this.onChange=this.onChange.bind(this)}onChange(e){const{url:t,target:a,relNoFollow:l,relSponsored:i}=this.props;this.props.onChange({url:t,target:a,relNoFollow:l,relSponsored:i,...e})}render(){const{url:e,target:t,relNoFollow:a,relSponsored:i,className:r,autoFocus:n}=this.props,{onChange:c}=this,{moreOptions:p}=this.state;return Object(l.createElement)("div",{className:o()("gblocks-component-url-input",r)},Object(l.createElement)("div",{className:"gblocks-component-url-input-flex"},Object(l.createElement)(T.URLInput,{value:e,onChange:e=>{c({url:e})},autoFocus:n}),Object(l.createElement)(b.Button,{icon:s("ellipsis"),label:p?Object(g.__)("Hide More Options","generateblocks"):Object(g.__)("Show More Options","generateblocks"),onClick:()=>{this.setState({moreOptions:!p})}})),p&&Object(l.createElement)("div",{className:"gblocks-component-url-input-more-options"},Object(d.applyFilters)("generateblocks.editor.urlInputMoreOptions","",this.props,this.state),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Open link in a new tab","generateblocks"),checked:t||"",onChange:e=>{c({target:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)('Add rel="nofollow"',"generateblocks"),checked:a||"",onChange:e=>{c({relNoFollow:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)('Add rel="sponsored"',"generateblocks"),checked:i||"",onChange:e=>{c({relSponsored:e})}})))}}class Se extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{url:t,uniqueId:a,removeText:i,backgroundColor:r,backgroundColorOpacity:n,textColor:o,backgroundColorHover:c,backgroundColorHoverOpacity:s,textColorHover:g,fontFamily:b,fontFamilyFallback:p,fontWeight:u,textTransform:f,letterSpacing:k,fontSize:y,fontSizeUnit:w,marginTop:O,marginRight:v,marginBottom:j,marginLeft:T,marginUnit:C,paddingTop:_,paddingRight:B,paddingBottom:S,paddingLeft:E,paddingUnit:D,borderSizeTop:x,borderSizeRight:M,borderSizeBottom:z,borderSizeLeft:R,borderRadiusTopRight:L,borderRadiusBottomRight:F,borderRadiusBottomLeft:A,borderRadiusTopLeft:P,borderRadiusUnit:N,borderColor:H,borderColorOpacity:I,borderColorHover:G,borderColorHoverOpacity:V,gradient:q,gradientDirection:W,gradientColorOne:Z,gradientColorOneOpacity:K,gradientColorStopOne:J,gradientColorTwo:Q,gradientColorTwoOpacity:X,gradientColorStopTwo:$,iconPaddingTop:ee,iconPaddingRight:te,iconPaddingBottom:ae,iconPaddingLeft:le,iconPaddingUnit:ie,iconSize:re,iconSizeUnit:ne}=e;let oe,ce="",se="",ge="";q&&(Z&&""!==J&&(se=" "+J+"%"),Q&&""!==$&&(ge=" "+$+"%")),q&&(oe="linear-gradient("+W+"deg, "+U(Z,K)+se+", "+U(Q,X)+ge+");"),b&&p&&(ce=", "+p);let be="a.gb-button-"+a;t||(be=".gb-button-"+a);let de=[];return de[".block-editor-block-list__block "+be]=[{"background-color":U(r,n),"background-image":oe,color:o,padding:Y(_,B,S,E,D),"border-radius":Y(P,L,F,A,N),"font-family":b+ce,"font-weight":u,"text-transform":f,"font-size":m(y,w),"letter-spacing":m(k,"em"),margin:Y(O,v,j,T,C),"border-color":U(H,I)}],(x||M||z||R)&&de[".block-editor-block-list__block "+be].push({"border-width":Y(x,M,z,R,"px"),"border-style":"solid"}),de[".block-editor-block-list__block "+be+":hover,\n\t\t.block-editor-block-list__block "+be+":focus,\n\t\t.block-editor-block-list__block "+be+":active"]=[{"background-color":U(c,s),color:g,"border-color":U(G,V)}],de[".block-editor-block-list__block "+be+" .gb-icon"]=[{padding:!i&&Y(ee,te,ae,le,ie),"font-size":m(re,ne)}],de=Object(d.applyFilters)("generateblocks.editor.mainCSS",de,this.props,"button"),Object(l.createElement)("style",null,h(de))}}class Ee extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.desktopCSS",e,this.props,"button"),Object(l.createElement)("style",null,h(e))}}class De extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{url:t,uniqueId:a,removeText:i,letterSpacingTablet:r,fontSizeTablet:n,fontSizeUnit:o,marginTopTablet:c,marginRightTablet:s,marginBottomTablet:g,marginLeftTablet:b,marginUnit:p,paddingTopTablet:u,paddingRightTablet:f,paddingBottomTablet:k,paddingLeftTablet:y,paddingUnit:w,borderSizeTopTablet:O,borderSizeRightTablet:v,borderSizeBottomTablet:j,borderSizeLeftTablet:T,borderRadiusTopRightTablet:C,borderRadiusBottomRightTablet:_,borderRadiusBottomLeftTablet:B,borderRadiusTopLeftTablet:S,borderRadiusUnit:E,iconPaddingTopTablet:D,iconPaddingRightTablet:x,iconPaddingBottomTablet:M,iconPaddingLeftTablet:z,iconPaddingUnit:R,iconSizeTablet:L,iconSizeUnit:F}=e;let A="a.gb-button-"+a;t||(A=".gb-button-"+a);let U=[];return U[".block-editor-block-list__block "+A]=[{"padding-top":m(u,w),"padding-right":m(f,w),"padding-bottom":m(k,w),"padding-left":m(y,w),"border-top-left-radius":m(S,E),"border-top-right-radius":m(C,E),"border-bottom-right-radius":m(_,E),"border-bottom-left-radius":m(B,E),"font-size":m(n,o),"letter-spacing":m(r,"em"),"margin-top":m(c,p),"margin-right":m(s,p),"margin-bottom":m(g,p),"margin-left":m(b,p)}],(O||v||j||T)&&U[".block-editor-block-list__block "+A].push({"border-top-width":m(O,"px"),"border-right-width":m(v,"px"),"border-bottom-width":m(j,"px"),"border-left-width":m(T,"px"),"border-style":"solid"}),U[".block-editor-block-list__block "+A+" .gb-icon"]=[{"padding-top":!i&&m(D,R),"padding-right":!i&&m(x,R),"padding-bottom":!i&&m(M,R),"padding-left":!i&&m(z,R),"font-size":m(L,F)}],U=Object(d.applyFilters)("generateblocks.editor.tabletCSS",U,this.props,"button"),Object(l.createElement)("style",null,h(U))}}class xe extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",e,this.props,"button"),Object(l.createElement)("style",null,h(e))}}class Me extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{url:t,uniqueId:a,removeText:i,letterSpacingMobile:r,fontSizeMobile:n,fontSizeUnit:o,marginTopMobile:c,marginRightMobile:s,marginBottomMobile:g,marginLeftMobile:b,marginUnit:p,paddingTopMobile:u,paddingRightMobile:f,paddingBottomMobile:k,paddingLeftMobile:y,paddingUnit:w,borderSizeTopMobile:O,borderSizeRightMobile:v,borderSizeBottomMobile:j,borderSizeLeftMobile:T,borderRadiusTopRightMobile:C,borderRadiusBottomRightMobile:_,borderRadiusBottomLeftMobile:B,borderRadiusTopLeftMobile:S,borderRadiusUnit:E,iconPaddingTopMobile:D,iconPaddingRightMobile:x,iconPaddingBottomMobile:M,iconPaddingLeftMobile:z,iconPaddingUnit:R,iconSizeMobile:L,iconSizeUnit:F}=e;let A="a.gb-button-"+a;t||(A=".gb-button-"+a);let U=[];return U[".block-editor-block-list__block "+A]=[{"padding-top":m(u,w),"padding-right":m(f,w),"padding-bottom":m(k,w),"padding-left":m(y,w),"border-top-left-radius":m(S,E),"border-top-right-radius":m(C,E),"border-bottom-right-radius":m(_,E),"border-bottom-left-radius":m(B,E),"font-size":m(n,o),"letter-spacing":m(r,"em"),"margin-top":m(c,p),"margin-right":m(s,p),"margin-bottom":m(g,p),"margin-left":m(b,p)}],(O||v||j||T)&&U[".block-editor-block-list__block "+A].push({"border-top-width":m(O,"px"),"border-right-width":m(v,"px"),"border-bottom-width":m(j,"px"),"border-left-width":m(T,"px"),"border-style":"solid"}),U[".block-editor-block-list__block "+A+" .gb-icon"]=[{"padding-top":!i&&m(D,R),"padding-right":!i&&m(x,R),"padding-bottom":!i&&m(M,R),"padding-left":!i&&m(z,R),"font-size":m(L,F)}],U=Object(d.applyFilters)("generateblocks.editor.mobileCSS",U,this.props,"button"),Object(l.createElement)("style",null,h(U))}}const ze=/[\s#]/g,Re=[];class Le extends l.Component{constructor(){super(...arguments),this.state={selectedDevice:"Desktop",fontSizePlaceholder:"17"},this.getFontSizePlaceholder=this.getFontSizePlaceholder.bind(this),this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=this.props.clientId.substr(2,9).replace("-",""),t=void 0!==this.props.attributes.isGlobalStyle&&this.props.attributes.isGlobalStyle;this.props.attributes.uniqueId?Re.includes(this.props.attributes.uniqueId)&&!t?(this.props.setAttributes({uniqueId:e}),Re.push(e)):Re.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),Re.push(e));const a=this.getFontSizePlaceholder();a!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:a}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0}),void 0===this.props.attributes.hasUrl&&(this.props.attributes.url?this.props.setAttributes({hasUrl:!0}):this.props.setAttributes({hasUrl:!1}))}componentDidUpdate(){const e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}getFontSizePlaceholder(){let e="17";const t=document.querySelector(".gb-button-"+this.props.attributes.uniqueId);return t&&(e=parseFloat(window.getComputedStyle(t).fontSize)),e}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,isSelected:a,clientId:i}=this.props,{fontSizePlaceholder:n}=this.state,{uniqueId:c,className:h,anchor:m,text:f,url:k,target:y,relNoFollow:w,relSponsored:O,icon:v,iconLocation:_,removeText:B,ariaLabel:S,backgroundColor:E,backgroundColorOpacity:D,textColor:x,backgroundColorHover:M,backgroundColorHoverOpacity:z,textColorHover:R,fontFamily:L,googleFont:F,googleFontVariants:U,borderColor:N,borderColorOpacity:I,borderColorHover:G,borderColorHoverOpacity:q,iconSize:Z,iconSizeTablet:K,iconSizeMobile:J,iconSizeUnit:Y}=e,Q=document.querySelectorAll("a.gb-button");for(let e=0;e<Q.length;e++)Q[e].addEventListener("click",(function(t){Q[e].getAttribute("href")&&(Q[e].removeAttribute("href"),t.preventDefault())}),!1);const X=[];w&&X.push("nofollow"),y&&X.push("noopener","noreferrer"),O&&X.push("sponsored");let $="";U&&($=":"+U);let ee={className:o()({"gb-button":!0,["gb-button-"+c]:!0,"gb-button-text":!v,[""+h]:void 0!==h}),href:k||null,target:y?"_blank":null,rel:X&&X.length>0?X.join(" "):null,"aria-label":S||null,id:m||null};return ee=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",ee,"generateblocks/button",e),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(T.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-add-new-button",icon:"insert",label:Object(g.__)("Add Button","generateblocks"),onClick:()=>{let e=!1;e="function"==typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(i,"generateblocks/button-container",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(i);const t=wp.data.select("core/block-editor").getBlocksByClientId(i)[0],a=Object(C.cloneBlock)(t);wp.data.dispatch("core/block-editor").insertBlocks(a,void 0,e)},showTooltip:!0}))),Object(l.createElement)(T.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Typography","generateblocks"),initialOpen:!1,icon:s("typography"),className:"gblocks-panel-label",id:"buttonTypography",state:this.state,showPanel:!B||!1}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLetterSpacing:!0,fontSizePlaceholder:n,defaultFontSize:generateBlocksDefaults.button.fontSize,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacing}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:"Tablet",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingTablet}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:"Mobile",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingMobile}))),Object(d.applyFilters)("generateblocks.editor.controls","","buttonTypography",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!1,icon:s("spacing"),className:"gblocks-panel-label",id:"buttonSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.button,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.button,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.button,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(d.applyFilters)("generateblocks.editor.controls","","buttonSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Colors","generateblocks"),initialOpen:!1,icon:s("colors"),className:"gblocks-panel-label",id:"buttonColors",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(b.TabPanel,{className:"layout-tab-panel gblocks-control-tabs",activeClass:"active-tab",tabs:[{name:"button-colors",title:Object(g.__)("Normal","generateblocks"),className:"button-colors"},{name:"button-colors-hover",title:Object(g.__)("Hover","generateblocks"),className:"button-colors-hover"}]},e=>{const a="button-colors"===e.name;return Object(l.createElement)("div",null,a?Object(l.createElement)(l.Fragment,null,Object(l.createElement)(P,{label:Object(g.__)("Background Color","generateblocks"),value:E,alpha:!0,valueOpacity:D,attrOpacity:"backgroundColorOpacity",key:"buttonBackgroundColor",onChange:e=>t({backgroundColor:e}),onOpacityChange:e=>t({backgroundColorOpacity:e})}),Object(l.createElement)(P,{label:Object(g.__)("Text Color","generateblocks"),value:x,alpha:!1,key:"buttonTextColor",onChange:e=>t({textColor:e})}),Object(l.createElement)(P,{label:Object(g.__)("Border Color","generateblocks"),value:N,alpha:!0,valueOpacity:I,attrOpacity:"borderColorOpacity",key:"buttonBorderColor",onChange:e=>t({borderColor:e}),onOpacityChange:e=>t({borderColorOpacity:e})}),Object(d.applyFilters)("generateblocks.editor.controls","","buttonColorsNormal",this.props,this.state)):Object(l.createElement)(l.Fragment,null,Object(l.createElement)(P,{label:Object(g.__)("Background Color","generateblocks"),value:M,alpha:!0,valueOpacity:z,attrOpacity:"backgroundColorHoverOpacity",key:"buttonBackgroundColorHover",onChange:e=>t({backgroundColorHover:e}),onOpacityChange:e=>t({backgroundColorHoverOpacity:e})}),Object(l.createElement)(P,{label:Object(g.__)("Text Color","generateblocks"),value:R,alpha:!1,key:"buttonTextColorHover",onChange:e=>t({textColorHover:e})}),Object(l.createElement)(P,{label:Object(g.__)("Border Color","generateblocks"),value:G,alpha:!0,valueOpacity:q,attrOpacity:"borderColorHoverOpacity",key:"buttonBorderColorHover",onChange:e=>t({borderColorHover:e}),onOpacityChange:e=>t({borderColorHoverOpacity:e})}),Object(d.applyFilters)("generateblocks.editor.controls","","buttonColorsHover",this.props,this.state)))}),Object(d.applyFilters)("generateblocks.editor.controls","","buttonColors",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Background Gradient","generateblocks"),initialOpen:!1,icon:s("gradients"),className:"gblocks-panel-label",id:"buttonBackgroundGradient",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(W,r()({},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})),Object(d.applyFilters)("generateblocks.editor.controls","","buttonBackgroundGradient",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Icon","generateblocks"),initialOpen:!1,icon:s("icons"),className:"gblocks-panel-label",id:"buttonIcon",state:this.state,showPanel:!("Desktop"!==this.getDeviceType()&&!v)}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(_e,r()({},this.props,{attrIcon:"icon",attrIconLocation:"iconLocation",attrRemoveText:"removeText",locationOptions:[{label:Object(g.__)("Left","generateblocks"),value:"left"},{label:Object(g.__)("Right","generateblocks"),value:"right"}]})),"Desktop"===this.getDeviceType()&&!!v&&Object(l.createElement)(l.Fragment,null,!B&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:Y,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:Z||"",step:"em"===Y?.1:1,onChange:e=>{t({iconSize:e})},onBlur:()=>{t({iconSize:parseFloat(Z)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSize:generateBlocksDefaults.button.iconSize})}},Object(g.__)("Reset","generateblocks")))),"Tablet"===this.getDeviceType()&&!!v&&Object(l.createElement)(l.Fragment,null,!B&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:Y,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:K||"",step:"em"===Y?.1:1,placeholder:"1",onChange:e=>{t({iconSizeTablet:e})},onBlur:()=>{t({iconSizeTablet:parseFloat(K)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeTablet:generateBlocksDefaults.button.iconSizeTablet})}},Object(g.__)("Reset","generateblocks")))),"Mobile"===this.getDeviceType()&&!!v&&Object(l.createElement)(l.Fragment,null,!B&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:Y,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:J||"",step:"em"===Y?.1:1,placeholder:"1",onChange:e=>{t({iconSizeMobile:e})},onBlur:()=>{t({iconSizeMobile:parseFloat(J)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeMobile:generateBlocksDefaults.button.iconSizeMobile})}},Object(g.__)("Reset","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","buttonIcon",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","buttonDocumentation",this.props,this.state))),Object(l.createElement)(T.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:m||"",onChange:e=>{e=e.replace(ze,"-"),t({anchor:e})}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("ARIA Label","generateblocks"),help:Object(g.__)("Helpful to people using screen readers.","generateblocks"),value:S,onChange:e=>{t({ariaLabel:e})}})),Object(l.createElement)(Se,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(Ee,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(De,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(xe,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(Me,this.props)),L&&F&&Object(l.createElement)("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+L.replace(/ /g,"+")+$}),Object(l.createElement)(A,{tagName:k?"a":"span",htmlAttrs:ee},!!v&&Object(l.createElement)(l.Fragment,null,"left"===_&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:v}}),!B&&Object(l.createElement)("span",{className:"gb-button-text"},Object(l.createElement)(T.RichText,{placeholder:Object(g.__)("Add text…","generateblocks"),value:f,onChange:e=>t({text:e}),allowedFormats:Object(d.applyFilters)("generateblocks.editor.buttonDisableFormatting",!1,this.props)?[]:["core/bold","core/italic","core/strikethrough"],isSelected:a,keepPlaceholderOnFocus:!0})),"right"===_&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:v}})),!v&&!B&&Object(l.createElement)(T.RichText,{placeholder:Object(g.__)("Add text…","generateblocks"),value:f,onChange:e=>t({text:e}),allowedFormats:Object(d.applyFilters)("generateblocks.editor.buttonDisableFormatting",!1,this.props)?[]:["core/bold","core/italic","core/strikethrough"],isSelected:a,keepPlaceholderOnFocus:!0})),a&&Object(l.createElement)(Be,{url:k,target:y,relNoFollow:w,relSponsored:O,onChange:e=>{t(e),""!==e.url?t({hasUrl:!0}):t({hasUrl:!1})},autoFocus:!1,className:"gblocks-component-url-input-float"}))}}var Fe=Object(B.compose)([Object(_.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(_.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])(Le),Ae={uniqueId:{type:"string",default:""},anchor:{type:"string",default:""},url:{type:"string",source:"attribute",selector:".gb-button",attribute:"href"},hasUrl:{type:"boolean"},target:{type:"boolean"},relNoFollow:{type:"boolean"},relSponsored:{type:"boolean"},text:{type:"string",source:"html",selector:".gb-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},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},Ue=[{attributes:{...Ae,text:{type:"array",source:"children",selector:".gb-button .button-text",default:"Button"}},supports:{anchor:!1,className:!1,customClassName:!1,inserter:!1,reusable:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i,text:r,url:n,target:c,relNoFollow:s,relSponsored:g,icon:b,iconLocation:p,removeText:u,ariaLabel:h}=e,m=[];s&&m.push("nofollow"),c&&m.push("noopener","noreferrer"),g&&m.push("sponsored");let f={id:a||void 0,className:o()({"gb-button":!0,["gb-button-"+t]:!0,[""+i]:""!==i}),href:n||void 0,target:c?"_blank":void 0,rel:m&&m.length>0?m.join(" "):void 0,"aria-label":h||void 0};return f=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",f,"generateblocks/button",e),Object(l.createElement)("a",f,b&&"left"===p&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:J(b)}}),!u&&Object(l.createElement)(T.RichText.Content,{tagName:"span",className:"button-text",value:r,key:"button-text"}),b&&"right"===p&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:J(b)}}))}}];Object(C.registerBlockType)("generateblocks/button",{title:Object(g.__)("Button","generateblocks"),description:Object(g.__)("Drive conversions with beautiful buttons.","generateblocks"),parent:["generateblocks/button-container"],icon:s("button"),category:"generateblocks",keywords:[Object(g.__)("button"),Object(g.__)("buttons"),Object(g.__)("generate")],attributes:Ae,supports:{className:!1,inserter:!1,reusable:!1},edit:Fe,save:({attributes:e})=>{const{uniqueId:t,className:a,text:i,url:r,target:n,relNoFollow:c,relSponsored:s,icon:g,iconLocation:b,removeText:p,ariaLabel:u,anchor:h}=e,m=[];c&&m.push("nofollow"),n&&m.push("noopener","noreferrer"),s&&m.push("sponsored");let f={className:o()({"gb-button":!0,["gb-button-"+t]:!0,"gb-button-text":!g,[""+a]:void 0!==a}),href:r||null,target:n?"_blank":null,rel:m&&m.length>0?m.join(" "):null,"aria-label":u||null,id:h||null};return f=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",f,"generateblocks/button",e),Object(l.createElement)(A,{tagName:r?"a":"span",htmlAttrs:f},!!g&&"left"===b&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:g}}),!p&&Object(l.createElement)(T.RichText.Content,{value:i,tagName:g?"span":null,className:g?"gb-button-text":null}),!!g&&"right"===b&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:g}}))},deprecated:Ue});class Pe extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,element:i,alignment:r,backgroundColor:n,backgroundColorOpacity:o,textColor:c,linkColor:s,borderColor:g,borderColorOpacity:b,highlightTextColor:p,fontFamily:u,fontFamilyFallback:f,fontWeight:k,fontSize:y,fontSizeUnit:w,textTransform:O,lineHeight:v,lineHeightUnit:j,letterSpacing:T,marginTop:C,marginRight:_,marginBottom:B,marginLeft:S,marginUnit:E,paddingTop:D,paddingRight:x,paddingBottom:M,paddingLeft:z,paddingUnit:R,borderSizeTop:L,borderSizeRight:F,borderSizeBottom:A,borderSizeLeft:P,borderRadiusTopRight:N,borderRadiusBottomRight:H,borderRadiusBottomLeft:I,borderRadiusTopLeft:G,borderRadiusUnit:V,icon:q,iconColor:W,iconColorOpacity:Z,iconLocation:K,iconVerticalAlignment:J,iconPaddingTop:Q,iconPaddingRight:X,iconPaddingBottom:$,iconPaddingLeft:ee,iconPaddingUnit:te,iconSize:ae,iconSizeUnit:le,inlineWidth:ie,removeText:re}=e;let ne="",oe="inline-block";u&&f&&(ne=", "+f);const ce=i+".gb-headline-"+a;let se=[];return se[".editor-styles-wrapper "+ce]=[{color:c,"font-family":u+ne,"font-weight":k,"text-transform":O,"text-align":r,"font-size":m(y,w),"line-height":m(v,j),"letter-spacing":m(T,"em"),display:!!q&&"flex","align-items":ge("inline"===K?J:r),"justify-content":ge(r),"flex-direction":!(!q||"above"!==K)&&"column"}],se[".editor-styles-wrapper .gb-container "+ce]=[{color:c}],q&&(oe="inline-flex"),se[".editor-styles-wrapper "+ce].push({"background-color":U(n,o),color:c,display:!!ie&&oe,"margin-top":m(C,E),"margin-right":m(_,E),"margin-bottom":m(B,E),"margin-left":m(S,E),padding:Y(D,x,M,z,R),"border-radius":Y(G,N,H,I,V),"border-color":U(g,b)}),(L||F||A||P)&&se[".editor-styles-wrapper "+ce].push({"border-width":Y(L,F,A,P,"px"),"border-style":"solid"}),se[".editor-styles-wrapper "+ce+" a"]=[{color:s}],se[ce+" .gb-icon"]=[{padding:!re&&Y(Q,X,$,ee,te),"align-self":!(!q||"above"!==K)&&ge(r),color:U(W,Z),display:!(!q||"above"!==K)&&"inline"}],se[ce+" .gb-icon svg"]=[{width:m(ae,le),height:m(ae,le)}],se[ce+" .gb-highlight"]=[{color:p}],se["#block-"+t]=[{display:!!ie&&"inline-flex"}],se=Object(d.applyFilters)("generateblocks.editor.mainCSS",se,this.props,"headline"),Object(l.createElement)("style",null,h(se))}}class Ne extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.desktopCSS",e,this.props,"headline"),Object(l.createElement)("style",null,h(e))}}class He extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,element:i,alignmentTablet:r,fontSizeTablet:n,fontSizeUnit:o,lineHeightTablet:c,lineHeightUnit:s,letterSpacingTablet:g,marginTopTablet:b,marginRightTablet:p,marginBottomTablet:u,marginLeftTablet:f,marginUnit:k,paddingTopTablet:y,paddingRightTablet:w,paddingBottomTablet:O,paddingLeftTablet:v,paddingUnit:j,borderSizeTopTablet:T,borderSizeRightTablet:C,borderSizeBottomTablet:_,borderSizeLeftTablet:B,borderRadiusTopRightTablet:S,borderRadiusBottomRightTablet:E,borderRadiusBottomLeftTablet:D,borderRadiusTopLeftTablet:x,borderRadiusUnit:M,icon:z,iconLocationTablet:R,iconVerticalAlignmentTablet:L,iconPaddingTopTablet:F,iconPaddingRightTablet:A,iconPaddingBottomTablet:U,iconPaddingLeftTablet:P,iconPaddingUnit:N,iconSizeTablet:H,iconSizeUnit:I,inlineWidthTablet:G,removeText:V}=e,q=i+".gb-headline-"+a;let W="inline-block",Z=[];return Z[".editor-styles-wrapper "+q]=[{"text-align":r,"font-size":m(n,o),"line-height":m(c,s),"letter-spacing":m(g,"em"),display:!!z&&"flex","align-items":ge("inline"===R?L:r),"justify-content":ge(r),"flex-direction":!(!z||"above"!==R)&&"column","margin-top":m(b,k)+" !important","margin-right":m(p,k)+" !important","margin-bottom":m(u,k)+" !important","margin-left":m(f,k)+" !important","padding-top":m(y,j),"padding-right":m(w,j),"padding-bottom":m(O,j),"padding-left":m(v,j),"border-top-left-radius":m(x,M),"border-top-right-radius":m(S,M),"border-bottom-right-radius":m(E,M),"border-bottom-left-radius":m(D,M)}],z&&(W="inline-flex",Z[".editor-styles-wrapper "+q].push({display:!!G&&W})),(T||C||_||B)&&Z[".editor-styles-wrapper "+q].push({"border-top-width":m(T,"px"),"border-right-width":m(C,"px"),"border-bottom-width":m(_,"px"),"border-left-width":m(B,"px"),"border-style":"solid"}),Z[q+" .gb-icon"]=[{"padding-top":!V&&m(F,N),"padding-right":!V&&m(A,N),"padding-bottom":!V&&m(U,N),"padding-left":!V&&m(P,N),"align-self":!(!z||"above"!==R)&&ge(r),display:!(!z||"above"!==R)&&"inline"}],Z[q+" .gb-icon svg"]=[{width:m(H,I),height:m(H,I)}],Z["#block-"+t]=[{display:!!G&&"inline-flex"}],Z=Object(d.applyFilters)("generateblocks.editor.tabletCSS",Z,this.props,"text"),Object(l.createElement)("style",null,h(Z))}}class Ie extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",e,this.props,"headline"),Object(l.createElement)("style",null,h(e))}}class Ge extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,element:i,alignmentMobile:r,fontSizeMobile:n,fontSizeUnit:o,lineHeightMobile:c,lineHeightUnit:s,letterSpacingMobile:g,marginTopMobile:b,marginRightMobile:p,marginBottomMobile:u,marginLeftMobile:f,marginUnit:k,paddingTopMobile:y,paddingRightMobile:w,paddingBottomMobile:O,paddingLeftMobile:v,paddingUnit:j,borderSizeTopMobile:T,borderSizeRightMobile:C,borderSizeBottomMobile:_,borderSizeLeftMobile:B,borderRadiusTopRightMobile:S,borderRadiusBottomRightMobile:E,borderRadiusBottomLeftMobile:D,borderRadiusTopLeftMobile:x,borderRadiusUnit:M,icon:z,iconLocationMobile:R,iconVerticalAlignmentMobile:L,iconPaddingTopMobile:F,iconPaddingRightMobile:A,iconPaddingBottomMobile:U,iconPaddingLeftMobile:P,iconPaddingUnit:N,iconSizeMobile:H,iconSizeUnit:I,inlineWidthMobile:G,removeText:V}=e,q=i+".gb-headline-"+a;let W="inline-block",Z=[];return Z[".editor-styles-wrapper "+q]=[{"text-align":r,"font-size":m(n,o),"line-height":m(c,s),"letter-spacing":m(g,"em"),display:!!z&&"flex","align-items":ge("inline"===R?L:r),"justify-content":ge(r),"flex-direction":!(!z||"above"!==R)&&"column","margin-top":m(b,k)+" !important","margin-right":m(p,k)+" !important","margin-bottom":m(u,k)+" !important","margin-left":m(f,k)+" !important","padding-top":m(y,j),"padding-right":m(w,j),"padding-bottom":m(O,j),"padding-left":m(v,j),"border-top-left-radius":m(x,M),"border-top-right-radius":m(S,M),"border-bottom-right-radius":m(E,M),"border-bottom-left-radius":m(D,M)}],z&&(W="inline-flex",Z[".editor-styles-wrapper "+q].push({display:!!G&&W})),(T||C||_||B)&&Z[".editor-styles-wrapper "+q].push({"border-top-width":m(T,"px"),"border-right-width":m(C,"px"),"border-bottom-width":m(_,"px"),"border-left-width":m(B,"px"),"border-style":"solid"}),Z[q+" .gb-icon"]=[{"padding-top":!V&&m(F,N),"padding-right":!V&&m(A,N),"padding-bottom":!V&&m(U,N),"padding-left":!V&&m(P,N),"align-self":!(!z||"above"!==R)&&ge(r),display:!(!z||"above"!==R)&&"inline"}],Z[q+" .gb-icon svg"]=[{width:m(H,I),height:m(H,I)}],Z["#block-"+t]=[{display:!!G&&"inline-flex"}],Z=Object(d.applyFilters)("generateblocks.editor.mobileCSS",Z,this.props,"headline"),Object(l.createElement)("style",null,h(Z))}}var Ve=a(10);const qe=Object(l.createElement)("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"1.414"},Object(l.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"})),We=Object(B.compose)(Object(_.withSelect)((function(e){return{selectedBlock:e("core/block-editor").getSelectedBlock()}})),Object(B.ifCondition)((function(e){return e.selectedBlock&&"generateblocks/headline"===e.selectedBlock.name})))((function(e){const t=()=>e.onChange(Object(Ve.toggleFormat)(e.value,{type:"generateblocks/mark"}));return Object(l.createElement)(l.Fragment,null,Object(l.createElement)(T.RichTextShortcut,{type:"primary",character:"m",onUse:t}),Object(l.createElement)(T.RichTextToolbarButton,{icon:qe,title:Object(g.__)("Highlight","generateblocks"),onClick:t,isActive:e.isActive,shortcutType:"access",shortcutCharacter:"m",className:"toolbar-button-with-text toolbar-button__generateblocks/mark"}))})),Ze={title:Object(g.__)("Highlight","generateblocks"),tagName:"mark",className:"gb-highlight",edit:We};function Ke({level:e}){const t={h1:"M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z",h2:"M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z",h3:"M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z",h4:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z",h5:"M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z",h6:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z",p:"M7.411 18V6.005h3.887c1.474 0 2.429.067 2.881.184.687.185 1.257.57 1.726 1.173.452.603.687 1.374.687 2.329 0 .737-.135 1.357-.403 1.86-.268.502-.603.904-1.021 1.189-.403.284-.821.469-1.257.57-.57.117-1.407.167-2.496.167H9.823V18H7.411zm2.412-9.968v3.401h1.324c.955 0 1.591-.05 1.926-.184.319-.118.57-.319.754-.587.185-.268.268-.57.268-.938 0-.435-.117-.787-.385-1.072a1.607 1.607 0 00-.972-.536c-.284-.05-.87-.084-1.742-.084H9.823z",div:"M6.969 6.005h4.423c1.005 0 1.759.084 2.295.235.703.2 1.306.57 1.809 1.105.503.52.871 1.173 1.14 1.944.267.754.385 1.708.385 2.83 0 .99-.118 1.844-.369 2.547-.302.871-.72 1.592-1.273 2.128-.419.402-.989.72-1.709.955-.536.167-1.24.251-2.144.251H6.969V6.005zm2.43 2.027v7.94h1.808c.67 0 1.156-.033 1.458-.1.402-.1.72-.268.972-.502.268-.235.485-.62.636-1.156.168-.536.251-1.273.251-2.195 0-.938-.083-1.641-.25-2.144-.152-.486-.386-.888-.688-1.156-.285-.285-.67-.469-1.122-.57-.335-.067-.989-.117-1.977-.117H9.398z"};if(!t.hasOwnProperty(e))return null;let a="0 0 20 20";return"p"!==e&&"div"!==e||(a="0 0 24 24"),Object(l.createElement)(b.SVG,{width:"24",height:"24",viewBox:a,xmlns:"http://www.w3.org/2000/svg"},Object(l.createElement)(b.Path,{d:t[e]}))}Object(Ve.registerFormatType)("generateblocks/mark",Ze);const Je=/[\s#]/g,Ye=[];class Qe extends l.Component{constructor(){super(...arguments),this.getFontSizePlaceholder=this.getFontSizePlaceholder.bind(this),this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this),this.state={selectedDevice:"Desktop",fontSizePlaceholder:"17"}}componentDidMount(){const e=this.props.clientId.substr(2,9).replace("-",""),t=void 0!==this.props.attributes.isGlobalStyle&&this.props.attributes.isGlobalStyle;this.props.attributes.uniqueId?Ye.includes(this.props.attributes.uniqueId)&&!t?(this.props.setAttributes({uniqueId:e}),Ye.push(e)):Ye.push(this.props.attributes.uniqueId):(this.props.setAttributes({uniqueId:e}),Ye.push(e));const a=this.getFontSizePlaceholder();a!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:a}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0})}componentDidUpdate(){const e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}getFontSizePlaceholder(){let e="25";if("em"===this.props.attributes.fontSizeUnit)e="1";else if("%"===this.props.attributes.fontSizeUnit)e="100";else{const t=document.querySelector(".gb-headline-"+this.props.attributes.uniqueId);t&&(e=parseFloat(window.getComputedStyle(t).fontSize))}return e}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t}=this.props,{fontSizePlaceholder:a}=this.state,{uniqueId:i,anchor:n,className:c,content:h,element:m,alignment:f,alignmentTablet:k,alignmentMobile:y,backgroundColor:w,backgroundColorOpacity:O,textColor:v,linkColor:C,linkColorHover:_,borderColor:B,borderColorOpacity:S,highlightTextColor:E,fontFamily:D,googleFont:x,googleFontVariants:M,marginTop:z,marginRight:R,marginBottom:L,marginLeft:F,icon:U,hasIcon:N,iconColor:I,iconColorOpacity:G,iconLocation:q,iconLocationTablet:W,iconLocationMobile:Z,iconVerticalAlignment:K,iconVerticalAlignmentTablet:J,iconVerticalAlignmentMobile:Y,iconSize:Q,iconSizeTablet:X,iconSizeMobile:$,iconSizeUnit:ee,inlineWidth:te,inlineWidthTablet:ae,inlineWidthMobile:le,removeText:ie,ariaLabel:re}=e;let ne="";M&&(ne=":"+M);let oe="";oe=X||0===X?X:Q||0===Q?Q:"";let ce={className:o()({"gb-headline":!0,["gb-headline-"+i]:!0,"gb-headline-text":!N,[c]:void 0!==c}),id:n||null};return ce=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",ce,"generateblocks/headline",e),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(T.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,{isCollapsed:!0,icon:Object(l.createElement)(Ke,{level:m}),label:Object(g.__)("Change Headline Element","generateblocks"),controls:[{isActive:"h1"===m,icon:Object(l.createElement)(Ke,{level:"h1"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
10
- Object(g.__)("Heading %s","generateblocks"),"1"),onClick:()=>{t({element:"h1"})}},{isActive:"h2"===m,icon:Object(l.createElement)(Ke,{level:"h2"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
11
- Object(g.__)("Heading %s","generateblocks"),"2"),onClick:()=>{t({element:"h2"})}},{isActive:"h3"===m,icon:Object(l.createElement)(Ke,{level:"h3"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
12
- Object(g.__)("Heading %s","generateblocks"),"3"),onClick:()=>{t({element:"h3"})}},{isActive:"h4"===m,icon:Object(l.createElement)(Ke,{level:"h4"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
13
- Object(g.__)("Heading %s","generateblocks"),"4"),onClick:()=>{t({element:"h4"})}},{isActive:"h5"===m,icon:Object(l.createElement)(Ke,{level:"h5"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
14
- Object(g.__)("Heading %s","generateblocks"),"5"),onClick:()=>{t({element:"h5"})}},{isActive:"h6"===m,icon:Object(l.createElement)(Ke,{level:"h6"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
15
- Object(g.__)("Heading %s","generateblocks"),"6"),onClick:()=>{t({element:"h6"})}},{isActive:"p"===m,icon:Object(l.createElement)(Ke,{level:"p"}),title:Object(g.__)("Paragraph","generateblocks"),onClick:()=>{t({element:"p"})}},{isActive:"div"===m,icon:Object(l.createElement)(Ke,{level:"div"}),title:Object(g.__)("Div","generateblocks"),onClick:()=>{t({element:"div"})}}]}),"Desktop"===this.getDeviceType()&&!te&&Object(l.createElement)(T.AlignmentToolbar,{value:f,onChange:e=>{t({alignment:e})}}),"Tablet"===this.getDeviceType()&&!ae&&Object(l.createElement)(T.AlignmentToolbar,{value:k,onChange:e=>{t({alignmentTablet:e})}}),"Mobile"===this.getDeviceType()&&!le&&Object(l.createElement)(T.AlignmentToolbar,{value:y,onChange:e=>{t({alignmentMobile:e})}})),Object(l.createElement)(T.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{id:"headlineElement",state:this.state,showPanel:"Desktop"===this.getDeviceType()}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Tag Name","generateblocks"),value:m,options:[{label:"h1",value:"h1"},{label:"h2",value:"h2"},{label:"h3",value:"h3"},{label:"h4",value:"h4"},{label:"h5",value:"h5"},{label:"h6",value:"h6"},{label:"paragraph",value:"p"},{label:"div",value:"div"}],onChange:e=>{t({element:e}),z||R||L||F||t("p"===e?{marginUnit:"em"}:{marginUnit:generateBlocksDefaults.headline.marginUnit})}}),Object(d.applyFilters)("generateblocks.editor.controls","","headlineElement",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Typography","generateblocks"),initialOpen:!1,icon:s("typography"),className:"gblocks-panel-label",id:"headlineTypography",state:this.state,showPanel:!ie||!1}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,fontSizePlaceholder:a,defaultFontSize:generateBlocksDefaults.headline.fontSize,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeight,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacing}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},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"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},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}))),Object(d.applyFilters)("generateblocks.editor.controls","","headlineTypography",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!1,icon:s("spacing"),className:"gblocks-panel-label",id:"headlineSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Inline Width","generateblocks"),checked:!!te,onChange:e=>{t({inlineWidth:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",block:"headline",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.headline,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Inline Width","generateblocks"),checked:!!ae,onChange:e=>{t({inlineWidthTablet:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",block:"headline",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.headline,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Inline Width","generateblocks"),checked:!!le,onChange:e=>{t({inlineWidthMobile:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"margin",block:"headline",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.headline,units:["px"]})),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(d.applyFilters)("generateblocks.editor.controls","","headlineSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Colors","generateblocks"),initialOpen:!1,icon:s("colors"),className:"gblocks-panel-label",id:"headlineColors",state:this.state,showPanel:"Desktop"===this.getDeviceType()||!1}),Object(l.createElement)(P,{label:Object(g.__)("Background Color","generateblocks"),value:w,alpha:!0,valueOpacity:O,attrOpacity:"backgroundColorOpacity",onChange:e=>t({backgroundColor:e}),onOpacityChange:e=>t({backgroundColorOpacity:e})}),Object(l.createElement)(P,{label:Object(g.__)("Text Color","generateblocks"),value:v,alpha:!1,onChange:e=>t({textColor:e})}),Object(l.createElement)(P,{label:Object(g.__)("Link Color","generateblocks"),value:C,alpha:!1,onChange:e=>t({linkColor:e})}),Object(l.createElement)(P,{label:Object(g.__)("Link Color Hover","generateblocks"),value:_,alpha:!1,onChange:e=>t({linkColorHover:e})}),Object(l.createElement)(P,{label:Object(g.__)("Border Color","generateblocks"),value:B,alpha:!0,valueOpacity:S,attrOpacity:"borderColorOpacity",onChange:e=>t({borderColor:e}),onOpacityChange:e=>t({borderColorOpacity:e})}),U&&Object(l.createElement)(P,{label:Object(g.__)("Icon Color","generateblocks"),value:I,alpha:!0,valueOpacity:G,attrOpacity:"iconColorOpacity",onChange:e=>t({iconColor:e}),onOpacityChange:e=>t({iconColorOpacity:e})}),Object(l.createElement)(P,{label:Object(g.__)("Highlight Text","generateblocks"),value:E,alpha:!1,onChange:e=>t({highlightTextColor:e})})),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Icon","generateblocks"),initialOpen:!1,icon:s("icons"),className:"gblocks-panel-label",id:"headlineIcon",state:this.state,showPanel:!("Desktop"!==this.getDeviceType()&&!U)}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(_e,r()({},this.props,{attrIcon:"icon",attrRemoveText:"removeText",attrAriaLabel:"ariaLabel"})),"Desktop"===this.getDeviceType()&&!!U&&Object(l.createElement)(l.Fragment,null,!ie&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:q,options:[{label:Object(g.__)("Inline","generateblocks"),value:"inline"},{label:Object(g.__)("Above","generateblocks"),value:"above"}],onChange:e=>{t({iconLocation:e,iconPaddingRight:"inline"===e?"0.5":"",iconPaddingBottom:"above"===e?"0.5":""})}}),"inline"===q&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Alignment","generateblocks"),value:K,options:[{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{t({iconVerticalAlignment:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:ee,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:Q||0===Q?Q:"",step:"em"===ee?.1:1,onChange:e=>{t({iconSize:e})},onBlur:()=>{t({iconSize:parseFloat(Q)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSize:generateBlocksDefaults.headline.iconSize})}},Object(g.__)("Reset","generateblocks")))),"Tablet"===this.getDeviceType()&&!!U&&Object(l.createElement)(l.Fragment,null,!ie&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:W,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Inline","generateblocks"),value:"inline"},{label:Object(g.__)("Above","generateblocks"),value:"above"}],onChange:e=>{t({iconLocationTablet:e,iconPaddingRightTablet:"inline"===e?"0.5":"",iconPaddingBottomTablet:"above"===e?"0.5":""})}}),"inline"===W&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Alignment","generateblocks"),value:J,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{t({iconVerticalAlignmentTablet:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:ee,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:X||0===X?X:"",step:"em"===ee?.1:1,placeholder:Q||0===Q?Q:"",onChange:e=>{t({iconSizeTablet:e})},onBlur:()=>{t({iconSizeTablet:parseFloat(X)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeTablet:generateBlocksDefaults.headline.iconSizeTablet})}},Object(g.__)("Reset","generateblocks")))),"Mobile"===this.getDeviceType()&&!!U&&Object(l.createElement)(l.Fragment,null,!ie&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:Z,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Inline","generateblocks"),value:"inline"},{label:Object(g.__)("Above","generateblocks"),value:"above"}],onChange:e=>{t({iconLocationMobile:e,iconPaddingRightMobile:"inline"===e?"0.5":"",iconPaddingBottomMobile:"above"===e?"0.5":""})}}),"inline"===Z&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Alignment","generateblocks"),value:Y,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{t({iconVerticalAlignmentMobile:e})}}),Object(l.createElement)(H,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:ee,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:$||0===$?$:"",step:"em"===ee?.1:1,placeholder:oe,onChange:e=>{t({iconSizeMobile:e})},onBlur:()=>{t({iconSizeMobile:parseFloat($)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeMobile:generateBlocksDefaults.headline.iconSizeMobile})}},Object(g.__)("Reset","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","headlineIcon",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"headlineDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/headline/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","headlineDocumentation",this.props,this.state))),Object(l.createElement)(T.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:n||"",onChange:e=>{e=e.replace(Je,"-"),t({anchor:e})}})),Object(l.createElement)(Pe,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(Ne,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(He,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(Ie,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(Ge,this.props)),D&&x&&Object(l.createElement)("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+D.replace(/ /g,"+")+ne}),Object(d.applyFilters)("generateblocks.editor.beforeHeadlineElement","",this.props),Object(l.createElement)(A,{tagName:m,htmlAttrs:ce},N&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"gb-icon","aria-label":ie&&re?re:void 0,dangerouslySetInnerHTML:{__html:U}}),!ie&&Object(l.createElement)("span",{className:"gb-headline-text"},Object(l.createElement)(T.RichText,{tagName:"span",value:h,onChange:e=>t({content:e}),placeholder:Object(g.__)("Headline","generateblocks"),keepPlaceholderOnFocus:!0,allowedFormats:Object(d.applyFilters)("generateblocks.editor.headlineDisableFormatting",!1,this.props)?[]:null}))),!N&&!ie&&Object(l.createElement)(T.RichText,{tagName:"span",value:h,onChange:e=>t({content:e}),placeholder:Object(g.__)("Headline","generateblocks"),keepPlaceholderOnFocus:!0,allowedFormats:Object(d.applyFilters)("generateblocks.editor.headlineDisableFormatting",!1,this.props)?[]:null})))}}var Xe=Object(B.compose)([Object(_.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(_.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])(Qe),$e={uniqueId:{type:"string",default:""},anchor:{type:"string",default:""},content:{type:"string",source:"html",selector:".gb-headline-text"},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},borderRadiusTopRight:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopRight},borderRadiusBottomRight:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomRight},borderRadiusBottomLeft:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomLeft},borderRadiusTopLeft:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopLeft},borderRadiusUnit:{type:"string",default:generateBlocksDefaults.headline.borderRadiusUnit},borderRadiusTopRightTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopRightTablet},borderRadiusBottomRightTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomRightTablet},borderRadiusBottomLeftTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomLeftTablet},borderRadiusTopLeftTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopLeftTablet},borderRadiusTopRightMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopRightMobile},borderRadiusBottomRightMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomRightMobile},borderRadiusBottomLeftMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomLeftMobile},borderRadiusTopLeftMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopLeftMobile},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},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},et={from:[{type:"block",blocks:["core/paragraph"],transform:({content:e})=>Object(C.createBlock)("generateblocks/headline",{content:e})},{type:"block",blocks:["core/heading"],transform:({content:e})=>Object(C.createBlock)("generateblocks/headline",{content:e})}],to:[{type:"block",blocks:["core/paragraph"],transform:({content:e})=>Object(C.createBlock)("core/paragraph",{content:e})},{type:"block",blocks:["core/heading"],transform:({content:e})=>Object(C.createBlock)("core/heading",{content:e})}]},tt=[{attributes:{...$e,content:{type:"array",source:"children",selector:"p,h1,h2,h3,h4,h5,h6"}},supports:{anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;let l=e.element?e.element:generateBlocksDefaults.headline.element;return e.icon&&e.removeText&&"div"!==l&&(l="div"),{...e,className:t,anchor:a,cssClasses:"",elementId:"",element:l}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i,element:n,content:c,icon:s,removeText:g,ariaLabel:b}=e;let p={id:a||void 0,className:o()({"gb-headline":!0,["gb-headline-"+t]:!0,[""+i]:""!==i})};return p=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",p,"generateblocks/headline",e),Object(l.createElement)(({condition:e,wrap:t,children:a})=>e?t(a):a,{condition:s,wrap:e=>Object(l.createElement)("div",{className:o()({"gb-headline-wrapper":!0,["gb-headline-wrapper-"+t]:!0})},e)},s&&Object(l.createElement)("span",{className:"gb-icon","aria-label":g&&b?b:void 0,dangerouslySetInnerHTML:{__html:J(s)}}),!g&&Object(l.createElement)(T.RichText.Content,r()({tagName:n,value:c},p)))}},{attributes:{...$e,element:{type:"string",default:"p"},content:{type:"array",source:"children",selector:"p,h1,h2,h3,h4,h5,h6"}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i,element:n,content:c,icon:s,removeText:g,ariaLabel:b}=e;let p={id:a||void 0,className:o()({"gb-headline":!0,["gb-headline-"+t]:!0,[""+i]:""!==i})};return p=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",p,"generateblocks/headline",e),Object(l.createElement)(({condition:e,wrap:t,children:a})=>e?t(a):a,{condition:s,wrap:e=>Object(l.createElement)("div",{className:o()({"gb-headline-wrapper":!0,["gb-headline-wrapper-"+t]:!0})},e)},s&&Object(l.createElement)("span",{className:"gb-icon","aria-label":g&&b?b:void 0,dangerouslySetInnerHTML:{__html:J(s)}}),!g&&Object(l.createElement)(T.RichText.Content,r()({tagName:n,value:c},p)))}}];Object(C.registerBlockType)("generateblocks/headline",{title:Object(g.__)("Headline","generateblocks"),description:Object(g.__)("Craft text-rich content with advanced typography.","generateblocks"),icon:s("headline"),category:"generateblocks",keywords:[Object(g.__)("heading"),Object(g.__)("headline"),Object(g.__)("title"),Object(g.__)("generate")],attributes:$e,supports:{className:!1},edit:Xe,save:({attributes:e})=>{const{uniqueId:t,className:a,anchor:i,element:r,content:n,icon:c,removeText:s,ariaLabel:g}=e;let b={className:o()({"gb-headline":!0,["gb-headline-"+t]:!0,"gb-headline-text":!c,[a]:void 0!==a}),id:i||null};return b=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",b,"generateblocks/headline",e),Object(l.createElement)(A,{tagName:r,htmlAttrs:b},!!c&&Object(l.createElement)("span",{className:"gb-icon","aria-label":s&&g?g:void 0,dangerouslySetInnerHTML:{__html:c}}),!s&&Object(l.createElement)(T.RichText.Content,{value:n,tagName:c?"span":null,className:c?"gb-headline-text":null}))},transforms:et,deprecated:tt})}]);
1
+ !function(e){var t={};function a(l){if(t[l])return t[l].exports;var i=t[l]={i:l,l:!1,exports:{}};return e[l].call(i.exports,i,i.exports,a),i.l=!0,i.exports}a.m=e,a.c=t,a.d=function(e,t,l){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(a.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)a.d(l,i,function(t){return e[t]}.bind(null,i));return l},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s=14)}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.hooks},function(e,t){function a(){return e.exports=a=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},e.exports.default=e.exports,e.exports.__esModule=!0,a.apply(this,arguments)}e.exports=a,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){e.exports=window.wp.blockEditor},function(e,t,a){var l;!function(){"use strict";var a={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var r=typeof l;if("string"===r||"number"===r)e.push(l);else if(Array.isArray(l)){if(l.length){var n=i.apply(null,l);n&&e.push(n)}}else if("object"===r)if(l.toString===Object.prototype.toString)for(var o in l)a.call(l,o)&&l[o]&&e.push(o);else e.push(l.toString())}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(l=function(){return i}.apply(t,[]))||(e.exports=l)}()},function(e,t){e.exports=window.wp.blocks},function(e,t){e.exports=window.wp.data},function(e,t){e.exports=window.wp.compose},function(e){e.exports=JSON.parse('{"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"},"Noto Sans JP":{"weight":["100","300","regular","500","700","900"],"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"},"Roboto Condensed":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"sans-serif"},"Source Sans Pro":{"weight":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900","900italic"],"fallback":"sans-serif"},"Oswald":{"weight":["200","300","regular","500","600","700"],"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"},"Roboto Mono":{"weight":["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],"fallback":"monospace"},"Noto Sans":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Raleway":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"PT 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"},"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"},"Nunito":{"weight":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],"fallback":"sans-serif"},"Noto Sans KR":{"weight":["100","300","regular","500","700","900"],"fallback":"sans-serif"},"Open Sans Condensed":{"weight":["300","300italic","700"],"fallback":"sans-serif"},"Rubik":{"weight":["300","regular","500","600","700","800","900","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Lora":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"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"},"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"},"PT Serif":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Nanum Gothic":{"weight":["regular","700","800"],"fallback":"sans-serif"},"Inter":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-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"},"Noto Serif":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Quicksand":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Titillium Web":{"weight":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900"],"fallback":"sans-serif"},"Hind Siliguri":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Karla":{"weight":["200","300","regular","500","600","700","800","200italic","300italic","italic","500italic","600italic","700italic","800italic"],"fallback":"sans-serif"},"Barlow":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"fallback":"sans-serif"},"Inconsolata":{"weight":["200","300","regular","500","600","700","800","900"],"fallback":"monospace"},"Heebo":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Noto Sans SC":{"weight":["100","300","regular","500","700","900"],"fallback":"sans-serif"},"Oxygen":{"weight":["300","regular","700"],"fallback":"sans-serif"},"Source Code Pro":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],"fallback":"monospace"},"Anton":{"weight":["regular"],"fallback":"sans-serif"},"Josefin Sans":{"weight":["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],"fallback":"sans-serif"},"Arimo":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"sans-serif"},"PT Sans Narrow":{"weight":["regular","700"],"fallback":"sans-serif"},"IBM Plex Sans":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Dosis":{"weight":["200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Noto Sans HK":{"weight":["100","300","regular","500","700","900"],"fallback":"sans-serif"},"Libre Franklin":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Libre Baskerville":{"weight":["regular","italic","700"],"fallback":"serif"},"Cabin":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"sans-serif"},"Hind":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Bitter":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Crimson Text":{"weight":["regular","italic","600","600italic","700","700italic"],"fallback":"serif"},"Bebas Neue":{"weight":["regular"],"fallback":"display"},"Lobster":{"weight":["regular"],"fallback":"display"},"Yanone Kaffeesatz":{"weight":["200","300","regular","500","600","700"],"fallback":"sans-serif"},"Dancing Script":{"weight":["regular","500","600","700"],"fallback":"handwriting"},"Cairo":{"weight":["200","300","regular","600","700","900"],"fallback":"sans-serif"},"Abel":{"weight":["regular"],"fallback":"sans-serif"},"Fjalla One":{"weight":["regular"],"fallback":"sans-serif"},"Varela Round":{"weight":["regular"],"fallback":"sans-serif"},"Source Serif Pro":{"weight":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900","900italic"],"fallback":"serif"},"Arvo":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"EB Garamond":{"weight":["regular","500","600","700","800","italic","500italic","600italic","700italic","800italic"],"fallback":"serif"},"Barlow Condensed":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"fallback":"sans-serif"},"Architects Daughter":{"weight":["regular"],"fallback":"handwriting"},"Zilla Slab":{"weight":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"serif"},"Indie Flower":{"weight":["regular"],"fallback":"handwriting"},"Mulish":{"weight":["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Comfortaa":{"weight":["300","regular","500","600","700"],"fallback":"display"},"DM Sans":{"weight":["regular","italic","500","500italic","700","700italic"],"fallback":"sans-serif"},"Pacifico":{"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"},"Kanit":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"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"},"Shadows Into Light":{"weight":["regular"],"fallback":"handwriting"},"Questrial":{"weight":["regular"],"fallback":"sans-serif"},"Merriweather Sans":{"weight":["300","regular","500","600","700","800","300italic","italic","500italic","600italic","700italic","800italic"],"fallback":"sans-serif"},"Teko":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Balsamiq Sans":{"weight":["regular","italic","700","700italic"],"fallback":"display"},"Asap":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"sans-serif"},"Hind Madurai":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Cormorant Garamond":{"weight":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"serif"},"Antic Slab":{"weight":["regular"],"fallback":"serif"},"Archivo Narrow":{"weight":["regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Overpass":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],"fallback":"sans-serif"},"Abril Fatface":{"weight":["regular"],"fallback":"display"},"Slabo 27px":{"weight":["regular"],"fallback":"serif"},"Exo":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Assistant":{"weight":["200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Maven Pro":{"weight":["regular","500","600","700","800","900"],"fallback":"sans-serif"},"Domine":{"weight":["regular","500","600","700"],"fallback":"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"},"Caveat":{"weight":["regular","500","600","700"],"fallback":"handwriting"},"Rajdhani":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"IBM Plex Serif":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"serif"},"Martel":{"weight":["200","300","regular","600","700","800","900"],"fallback":"serif"},"Play":{"weight":["regular","700"],"fallback":"sans-serif"},"Amatic SC":{"weight":["regular","700"],"fallback":"handwriting"},"Bree Serif":{"weight":["regular"],"fallback":"serif"},"Tajawal":{"weight":["200","300","regular","500","700","800","900"],"fallback":"sans-serif"},"Noto Serif JP":{"weight":["200","300","regular","500","600","700","900"],"fallback":"serif"},"Righteous":{"weight":["regular"],"fallback":"display"},"Satisfy":{"weight":["regular"],"fallback":"handwriting"},"Signika":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Catamaran":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Acme":{"weight":["regular"],"fallback":"sans-serif"},"Manrope":{"weight":["200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Fredoka One":{"weight":["regular"],"fallback":"display"},"Nanum Myeongjo":{"weight":["regular","700","800"],"fallback":"serif"},"ABeeZee":{"weight":["regular","italic"],"fallback":"sans-serif"},"Amiri":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Patrick Hand":{"weight":["regular"],"fallback":"handwriting"},"PT Sans Caption":{"weight":["regular","700"],"fallback":"sans-serif"},"Archivo":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Alfa Slab One":{"weight":["regular"],"fallback":"display"},"Cinzel":{"weight":["regular","500","600","700","800","900"],"fallback":"serif"},"Crete Round":{"weight":["regular","italic"],"fallback":"serif"},"Permanent Marker":{"weight":["regular"],"fallback":"handwriting"},"Alegreya Sans":{"weight":["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],"fallback":"sans-serif"},"Almarai":{"weight":["300","regular","700","800"],"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"},"Russo One":{"weight":["regular"],"fallback":"sans-serif"},"Vollkorn":{"weight":["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Sarabun":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"fallback":"sans-serif"},"Krona One":{"weight":["regular"],"fallback":"sans-serif"},"M PLUS Rounded 1c":{"weight":["100","300","regular","500","700","800","900"],"fallback":"sans-serif"},"Noticia Text":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Courgette":{"weight":["regular"],"fallback":"handwriting"},"Monda":{"weight":["regular","700"],"fallback":"sans-serif"},"Alegreya":{"weight":["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Frank Ruhl Libre":{"weight":["300","regular","500","700","900"],"fallback":"serif"},"Patua One":{"weight":["regular"],"fallback":"display"},"Ubuntu Condensed":{"weight":["regular"],"fallback":"sans-serif"},"Great Vibes":{"weight":["regular"],"fallback":"handwriting"},"Quattrocento Sans":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"M PLUS 1p":{"weight":["100","300","regular","500","700","800","900"],"fallback":"sans-serif"},"Spartan":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Yantramanav":{"weight":["100","300","regular","500","700","900"],"fallback":"sans-serif"},"Lobster Two":{"weight":["regular","italic","700","700italic"],"fallback":"display"},"Archivo Black":{"weight":["regular"],"fallback":"sans-serif"},"Kaushan Script":{"weight":["regular"],"fallback":"handwriting"},"Tinos":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Cardo":{"weight":["regular","italic","700"],"fallback":"serif"},"Orbitron":{"weight":["regular","500","600","700","800","900"],"fallback":"sans-serif"},"Sacramento":{"weight":["regular"],"fallback":"handwriting"},"IBM Plex Mono":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"monospace"},"Francois One":{"weight":["regular"],"fallback":"sans-serif"},"Luckiest Guy":{"weight":["regular"],"fallback":"display"},"Gothic A1":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Kalam":{"weight":["300","regular","700"],"fallback":"handwriting"},"Parisienne":{"weight":["regular"],"fallback":"handwriting"},"Gloria Hallelujah":{"weight":["regular"],"fallback":"handwriting"},"Didact Gothic":{"weight":["regular"],"fallback":"sans-serif"},"Cantarell":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Press Start 2P":{"weight":["regular"],"fallback":"display"},"Jost":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Rokkitt":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"serif"},"Paytone One":{"weight":["regular"],"fallback":"sans-serif"},"Prata":{"weight":["regular"],"fallback":"serif"},"Baloo 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Cuprum":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"sans-serif"},"Chivo":{"weight":["300","300italic","regular","italic","700","700italic","900","900italic"],"fallback":"sans-serif"},"Encode Sans":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"News Cycle":{"weight":["regular","700"],"fallback":"sans-serif"},"Old Standard TT":{"weight":["regular","italic","700"],"fallback":"serif"},"Hind Guntur":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Pathway Gothic One":{"weight":["regular"],"fallback":"sans-serif"},"Red Hat Display":{"weight":["regular","italic","500","500italic","700","700italic","900","900italic"],"fallback":"sans-serif"},"Public Sans":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Secular One":{"weight":["regular"],"fallback":"sans-serif"},"Volkhov":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Concert One":{"weight":["regular"],"fallback":"display"},"Asap Condensed":{"weight":["regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-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"},"Ropa Sans":{"weight":["regular","italic"],"fallback":"sans-serif"},"Josefin Slab":{"weight":["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],"fallback":"serif"},"Poiret One":{"weight":["regular"],"fallback":"display"},"Passion One":{"weight":["regular","700","900"],"fallback":"display"},"Padauk":{"weight":["regular","700"],"fallback":"sans-serif"},"Changa":{"weight":["200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Saira Condensed":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Ultra":{"weight":["regular"],"fallback":"serif"},"Quattrocento":{"weight":["regular","700"],"fallback":"serif"},"Arapey":{"weight":["regular","italic"],"fallback":"serif"},"Vidaloka":{"weight":["regular"],"fallback":"serif"},"Playfair Display SC":{"weight":["regular","italic","700","700italic","900","900italic"],"fallback":"serif"},"Cookie":{"weight":["regular"],"fallback":"handwriting"},"Chakra Petch":{"weight":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Istok Web":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Cormorant":{"weight":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"serif"},"DM Serif Display":{"weight":["regular","italic"],"fallback":"serif"},"Neuton":{"weight":["200","300","regular","italic","700","800"],"fallback":"serif"},"Spectral":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"fallback":"serif"},"Sawarabi Mincho":{"weight":["regular"],"fallback":"sans-serif"},"Lemonada":{"weight":["300","regular","500","600","700"],"fallback":"display"},"Yellowtail":{"weight":["regular"],"fallback":"handwriting"},"Handlee":{"weight":["regular"],"fallback":"handwriting"},"Merienda":{"weight":["regular","700"],"fallback":"handwriting"},"Philosopher":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Sanchez":{"weight":["regular","italic"],"fallback":"serif"},"Hammersmith One":{"weight":["regular"],"fallback":"sans-serif"},"Special Elite":{"weight":["regular"],"fallback":"display"},"Economica":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Staatliches":{"weight":["regular"],"fallback":"display"},"Sriracha":{"weight":["regular"],"fallback":"handwriting"},"Hind Vadodara":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Monoton":{"weight":["regular"],"fallback":"display"},"Ruda":{"weight":["regular","500","600","700","800","900"],"fallback":"sans-serif"},"Advent Pro":{"weight":["100","200","300","regular","500","600","700"],"fallback":"sans-serif"},"Saira":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Homemade Apple":{"weight":["regular"],"fallback":"handwriting"},"Sigmar One":{"weight":["regular"],"fallback":"display"},"Mitr":{"weight":["200","300","regular","500","600","700"],"fallback":"sans-serif"},"Bangers":{"weight":["regular"],"fallback":"display"},"Khand":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Faustina":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"serif"},"Saira Semi Condensed":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Cabin Condensed":{"weight":["regular","500","600","700"],"fallback":"sans-serif"},"Gudea":{"weight":["regular","italic","700"],"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"},"DM Serif Text":{"weight":["regular","italic"],"fallback":"serif"},"El Messiri":{"weight":["regular","500","600","700"],"fallback":"sans-serif"},"Electrolize":{"weight":["regular"],"fallback":"sans-serif"},"Taviraj":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"fallback":"serif"},"PT Mono":{"weight":["regular"],"fallback":"monospace"},"Gentium Basic":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Space Mono":{"weight":["regular","italic","700","700italic"],"fallback":"monospace"},"Alice":{"weight":["regular"],"fallback":"serif"},"Unica One":{"weight":["regular"],"fallback":"display"},"Ubuntu Mono":{"weight":["regular","italic","700","700italic"],"fallback":"monospace"},"Pragati Narrow":{"weight":["regular","700"],"fallback":"sans-serif"},"Noto Serif TC":{"weight":["200","300","regular","500","600","700","900"],"fallback":"serif"},"Amaranth":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Karma":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Actor":{"weight":["regular"],"fallback":"sans-serif"},"Nanum Pen Script":{"weight":["regular"],"fallback":"handwriting"},"Noto Serif SC":{"weight":["200","300","regular","500","600","700","900"],"fallback":"serif"},"Tangerine":{"weight":["regular","700"],"fallback":"handwriting"},"Carter One":{"weight":["regular"],"fallback":"display"},"Neucha":{"weight":["regular"],"fallback":"handwriting"},"Unna":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Pontano Sans":{"weight":["regular"],"fallback":"sans-serif"},"Bai Jamjuree":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Marck Script":{"weight":["regular"],"fallback":"handwriting"},"BenchNine":{"weight":["300","regular","700"],"fallback":"sans-serif"},"Fugaz One":{"weight":["regular"],"fallback":"display"},"Yeseva One":{"weight":["regular"],"fallback":"display"},"Eczar":{"weight":["regular","500","600","700","800"],"fallback":"serif"},"Bad Script":{"weight":["regular"],"fallback":"handwriting"},"Viga":{"weight":["regular"],"fallback":"sans-serif"},"Gentium Book Basic":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Jura":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Allura":{"weight":["regular"],"fallback":"handwriting"},"Palanquin":{"weight":["100","200","300","regular","500","600","700"],"fallback":"sans-serif"},"Sawarabi Gothic":{"weight":["regular"],"fallback":"sans-serif"},"Rock Salt":{"weight":["regular"],"fallback":"handwriting"},"Lusitana":{"weight":["regular","700"],"fallback":"serif"},"Alef":{"weight":["regular","700"],"fallback":"sans-serif"},"Julius Sans One":{"weight":["regular"],"fallback":"sans-serif"},"Tenor Sans":{"weight":["regular"],"fallback":"sans-serif"},"Nothing You Could Do":{"weight":["regular"],"fallback":"handwriting"},"Cutive Mono":{"weight":["regular"],"fallback":"monospace"},"Khula":{"weight":["300","regular","600","700","800"],"fallback":"sans-serif"},"Adamina":{"weight":["regular"],"fallback":"serif"},"Playball":{"weight":["regular"],"fallback":"display"},"Audiowide":{"weight":["regular"],"fallback":"display"},"Jaldi":{"weight":["regular","700"],"fallback":"sans-serif"},"Black Ops One":{"weight":["regular"],"fallback":"display"},"Signika Negative":{"weight":["300","regular","600","700"],"fallback":"sans-serif"},"Shadows Into Light Two":{"weight":["regular"],"fallback":"handwriting"},"Armata":{"weight":["regular"],"fallback":"sans-serif"},"Mali":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"handwriting"},"Antic":{"weight":["regular"],"fallback":"sans-serif"},"Varela":{"weight":["regular"],"fallback":"sans-serif"},"Berkshire Swash":{"weight":["regular"],"fallback":"handwriting"},"Aleo":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"serif"},"Gelasio":{"weight":["regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"serif"},"Rufina":{"weight":["regular","700"],"fallback":"serif"},"Markazi Text":{"weight":["regular","500","600","700"],"fallback":"serif"},"Nanum Gothic Coding":{"weight":["regular","700"],"fallback":"monospace"},"Allan":{"weight":["regular","700"],"fallback":"display"},"Noto Serif KR":{"weight":["200","300","regular","500","600","700","900"],"fallback":"serif"},"Abhaya Libre":{"weight":["regular","500","600","700","800"],"fallback":"serif"},"Quantico":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Marcellus":{"weight":["regular"],"fallback":"serif"},"Sorts Mill Goudy":{"weight":["regular","italic"],"fallback":"serif"},"Alata":{"weight":["regular"],"fallback":"sans-serif"},"Knewave":{"weight":["regular"],"fallback":"display"},"Alex Brush":{"weight":["regular"],"fallback":"handwriting"},"Aclonica":{"weight":["regular"],"fallback":"sans-serif"},"Gruppo":{"weight":["regular"],"fallback":"display"},"Damion":{"weight":["regular"],"fallback":"handwriting"},"Itim":{"weight":["regular"],"fallback":"handwriting"},"Bungee":{"weight":["regular"],"fallback":"display"},"Gochi Hand":{"weight":["regular"],"fallback":"handwriting"},"Mr Dafoe":{"weight":["regular"],"fallback":"handwriting"},"Freckle Face":{"weight":["regular"],"fallback":"display"},"Baloo Chettan 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Trirong":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"fallback":"serif"},"Kosugi Maru":{"weight":["regular"],"fallback":"sans-serif"},"Rubik Mono One":{"weight":["regular"],"fallback":"sans-serif"},"Fira Mono":{"weight":["regular","500","700"],"fallback":"monospace"},"Cantata One":{"weight":["regular"],"fallback":"serif"},"Suez One":{"weight":["regular"],"fallback":"serif"},"Niconne":{"weight":["regular"],"fallback":"handwriting"},"Six Caps":{"weight":["regular"],"fallback":"sans-serif"},"Miriam Libre":{"weight":["regular","700"],"fallback":"sans-serif"},"Sarala":{"weight":["regular","700"],"fallback":"sans-serif"},"Sintony":{"weight":["regular","700"],"fallback":"sans-serif"},"Titan One":{"weight":["regular"],"fallback":"display"},"Encode Sans Condensed":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Cousine":{"weight":["regular","italic","700","700italic"],"fallback":"monospace"},"PT Serif Caption":{"weight":["regular","italic"],"fallback":"serif"},"Courier Prime":{"weight":["regular","italic","700","700italic"],"fallback":"monospace"},"Overlock":{"weight":["regular","italic","700","700italic","900","900italic"],"fallback":"display"},"Allerta":{"weight":["regular"],"fallback":"sans-serif"},"Arsenal":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Black Han Sans":{"weight":["regular"],"fallback":"sans-serif"},"Squada One":{"weight":["regular"],"fallback":"display"},"Lateef":{"weight":["regular"],"fallback":"handwriting"},"Arima Madurai":{"weight":["100","200","300","regular","500","700","800","900"],"fallback":"display"},"Ramabhadra":{"weight":["regular"],"fallback":"sans-serif"},"Covered By Your Grace":{"weight":["regular"],"fallback":"handwriting"},"Martel Sans":{"weight":["200","300","regular","600","700","800","900"],"fallback":"sans-serif"},"Rancho":{"weight":["regular"],"fallback":"handwriting"},"Enriqueta":{"weight":["regular","500","600","700"],"fallback":"serif"},"Syncopate":{"weight":["regular","700"],"fallback":"sans-serif"},"Pinyon Script":{"weight":["regular"],"fallback":"handwriting"},"Chewy":{"weight":["regular"],"fallback":"display"},"Oleo Script":{"weight":["regular","700"],"fallback":"display"},"Kreon":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Candal":{"weight":["regular"],"fallback":"sans-serif"},"Spinnaker":{"weight":["regular"],"fallback":"sans-serif"},"Reem Kufi":{"weight":["regular"],"fallback":"sans-serif"},"Krub":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Michroma":{"weight":["regular"],"fallback":"sans-serif"},"Annie Use Your Telescope":{"weight":["regular"],"fallback":"handwriting"},"Lilita One":{"weight":["regular"],"fallback":"display"},"Coda":{"weight":["regular","800"],"fallback":"display"},"Fredericka the Great":{"weight":["regular"],"fallback":"display"},"Mukta Malar":{"weight":["200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Bowlby One SC":{"weight":["regular"],"fallback":"display"},"Average":{"weight":["regular"],"fallback":"serif"},"Londrina Solid":{"weight":["100","300","regular","900"],"fallback":"display"},"New Tegomin":{"weight":["regular"],"fallback":"serif"},"Glegoo":{"weight":["regular","700"],"fallback":"serif"},"Pridi":{"weight":["200","300","regular","500","600","700"],"fallback":"serif"},"Boogaloo":{"weight":["regular"],"fallback":"display"},"Red Hat Text":{"weight":["regular","italic","500","500italic","700","700italic"],"fallback":"sans-serif"},"Aldrich":{"weight":["regular"],"fallback":"sans-serif"},"Basic":{"weight":["regular"],"fallback":"sans-serif"},"Capriola":{"weight":["regular"],"fallback":"sans-serif"},"Forum":{"weight":["regular"],"fallback":"display"},"Reenie Beanie":{"weight":["regular"],"fallback":"handwriting"},"Laila":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Alegreya Sans SC":{"weight":["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],"fallback":"sans-serif"},"Share Tech Mono":{"weight":["regular"],"fallback":"monospace"},"Italianno":{"weight":["regular"],"fallback":"handwriting"},"Lalezar":{"weight":["regular"],"fallback":"display"},"Lexend Deca":{"weight":["regular"],"fallback":"sans-serif"},"Caveat Brush":{"weight":["regular"],"fallback":"handwriting"},"Shrikhand":{"weight":["regular"],"fallback":"display"},"Creepster":{"weight":["regular"],"fallback":"display"},"Kameron":{"weight":["regular","700"],"fallback":"serif"},"Coda Caption":{"weight":["800"],"fallback":"sans-serif"},"Goudy Bookletter 1911":{"weight":["regular"],"fallback":"serif"},"Coming Soon":{"weight":["regular"],"fallback":"handwriting"},"Saira Extra Condensed":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Yrsa":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Telex":{"weight":["regular"],"fallback":"sans-serif"},"Bevan":{"weight":["regular"],"fallback":"display"},"Voltaire":{"weight":["regular"],"fallback":"sans-serif"},"Days One":{"weight":["regular"],"fallback":"sans-serif"},"Cabin Sketch":{"weight":["regular","700"],"fallback":"display"},"Norican":{"weight":["regular"],"fallback":"handwriting"},"Rambla":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Mukta Vaani":{"weight":["200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Average Sans":{"weight":["regular"],"fallback":"sans-serif"},"Arbutus Slab":{"weight":["regular"],"fallback":"serif"},"Sansita":{"weight":["regular","italic","700","700italic","800","800italic","900","900italic"],"fallback":"sans-serif"},"Mada":{"weight":["200","300","regular","500","600","700","900"],"fallback":"sans-serif"},"Just Another Hand":{"weight":["regular"],"fallback":"handwriting"},"Nobile":{"weight":["regular","italic","500","500italic","700","700italic"],"fallback":"sans-serif"},"Gilda Display":{"weight":["regular"],"fallback":"serif"},"VT323":{"weight":["regular"],"fallback":"monospace"},"Mandali":{"weight":["regular"],"fallback":"sans-serif"},"Caudex":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Anonymous Pro":{"weight":["regular","italic","700","700italic"],"fallback":"monospace"},"Bentham":{"weight":["regular"],"fallback":"serif"},"Overpass Mono":{"weight":["300","regular","600","700"],"fallback":"monospace"},"Sen":{"weight":["regular","700","800"],"fallback":"sans-serif"},"Kadwa":{"weight":["regular","700"],"fallback":"serif"},"Cambay":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Yesteryear":{"weight":["regular"],"fallback":"handwriting"},"Molengo":{"weight":["regular"],"fallback":"sans-serif"},"Nixie One":{"weight":["regular"],"fallback":"display"},"Scada":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Crimson Pro":{"weight":["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Arizonia":{"weight":["regular"],"fallback":"handwriting"},"Racing Sans One":{"weight":["regular"],"fallback":"display"},"Scheherazade":{"weight":["regular","700"],"fallback":"serif"},"Seaweed Script":{"weight":["regular"],"fallback":"display"},"Belleza":{"weight":["regular"],"fallback":"sans-serif"},"Harmattan":{"weight":["regular","700"],"fallback":"sans-serif"},"Leckerli One":{"weight":["regular"],"fallback":"handwriting"},"Ovo":{"weight":["regular"],"fallback":"serif"},"Merienda One":{"weight":["regular"],"fallback":"handwriting"},"Holtwood One SC":{"weight":["regular"],"fallback":"serif"},"Cinzel Decorative":{"weight":["regular","700","900"],"fallback":"display"},"Literata":{"weight":["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Mrs Saint Delafield":{"weight":["regular"],"fallback":"handwriting"},"Schoolbell":{"weight":["regular"],"fallback":"handwriting"},"Bungee Inline":{"weight":["regular"],"fallback":"display"},"Herr Von Muellerhoff":{"weight":["regular"],"fallback":"handwriting"},"Oranienbaum":{"weight":["regular"],"fallback":"serif"},"Baloo Tamma 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Sniglet":{"weight":["regular","800"],"fallback":"display"},"Bubblegum Sans":{"weight":["regular"],"fallback":"display"},"Rochester":{"weight":["regular"],"fallback":"handwriting"},"Judson":{"weight":["regular","italic","700"],"fallback":"serif"},"Marcellus SC":{"weight":["regular"],"fallback":"serif"},"Darker Grotesque":{"weight":["300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Changa One":{"weight":["regular","italic"],"fallback":"display"},"Alegreya SC":{"weight":["regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],"fallback":"serif"},"Pattaya":{"weight":["regular"],"fallback":"sans-serif"},"Mallanna":{"weight":["regular"],"fallback":"sans-serif"},"Share":{"weight":["regular","italic","700","700italic"],"fallback":"display"},"Podkova":{"weight":["regular","500","600","700","800"],"fallback":"serif"},"Allerta Stencil":{"weight":["regular"],"fallback":"sans-serif"},"Charm":{"weight":["regular","700"],"fallback":"handwriting"},"Niramit":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Halant":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Graduate":{"weight":["regular"],"fallback":"display"},"Nanum Brush Script":{"weight":["regular"],"fallback":"handwriting"},"Amita":{"weight":["regular","700"],"fallback":"handwriting"},"Rozha One":{"weight":["regular"],"fallback":"serif"},"Kristi":{"weight":["regular"],"fallback":"handwriting"},"Biryani":{"weight":["200","300","regular","600","700","800","900"],"fallback":"sans-serif"},"Lustria":{"weight":["regular"],"fallback":"serif"},"Delius":{"weight":["regular"],"fallback":"handwriting"},"Suranna":{"weight":["regular"],"fallback":"serif"},"Amethysta":{"weight":["regular"],"fallback":"serif"},"Contrail One":{"weight":["regular"],"fallback":"display"},"Averia Serif Libre":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"display"},"Do Hyeon":{"weight":["regular"],"fallback":"sans-serif"},"IBM Plex Sans Condensed":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Marvel":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Rye":{"weight":["regular"],"fallback":"display"},"Fauna One":{"weight":["regular"],"fallback":"serif"},"Corben":{"weight":["regular","700"],"fallback":"display"},"Cedarville Cursive":{"weight":["regular"],"fallback":"handwriting"},"Jockey One":{"weight":["regular"],"fallback":"sans-serif"},"Libre Caslon Text":{"weight":["regular","italic","700"],"fallback":"serif"},"Carrois Gothic":{"weight":["regular"],"fallback":"sans-serif"},"Calligraffitti":{"weight":["regular"],"fallback":"handwriting"},"Trocchi":{"weight":["regular"],"fallback":"serif"},"Spectral SC":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"fallback":"serif"},"Coustard":{"weight":["regular","900"],"fallback":"serif"},"Copse":{"weight":["regular"],"fallback":"serif"},"Athiti":{"weight":["200","300","regular","500","600","700"],"fallback":"sans-serif"},"Carme":{"weight":["regular"],"fallback":"sans-serif"},"Rosario":{"weight":["300","regular","500","600","700","300italic","italic","500italic","600italic","700italic"],"fallback":"sans-serif"},"Limelight":{"weight":["regular"],"fallback":"display"},"Jua":{"weight":["regular"],"fallback":"sans-serif"},"Petit Formal Script":{"weight":["regular"],"fallback":"handwriting"},"Love Ya Like A Sister":{"weight":["regular"],"fallback":"display"},"GFS Didot":{"weight":["regular"],"fallback":"serif"},"Aladin":{"weight":["regular"],"fallback":"handwriting"},"Palanquin Dark":{"weight":["regular","500","600","700"],"fallback":"sans-serif"},"Amiko":{"weight":["regular","600","700"],"fallback":"sans-serif"},"Cormorant Infant":{"weight":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"serif"},"Wallpoet":{"weight":["regular"],"fallback":"display"},"Magra":{"weight":["regular","700"],"fallback":"sans-serif"},"Grand Hotel":{"weight":["regular"],"fallback":"handwriting"},"Sunflower":{"weight":["300","500","700"],"fallback":"sans-serif"},"Big Shoulders Display":{"weight":["100","300","regular","500","600","700","800","900"],"fallback":"display"},"Slabo 13px":{"weight":["regular"],"fallback":"serif"},"Pangolin":{"weight":["regular"],"fallback":"handwriting"},"Mr De Haviland":{"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"},"Marmelad":{"weight":["regular"],"fallback":"sans-serif"},"Thasadith":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"La Belle Aurore":{"weight":["regular"],"fallback":"handwriting"},"Hanuman":{"weight":["regular","700"],"fallback":"serif"},"Metrophobic":{"weight":["regular"],"fallback":"sans-serif"},"Epilogue":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"sans-serif"},"Radley":{"weight":["regular","italic"],"fallback":"serif"},"Poly":{"weight":["regular","italic"],"fallback":"serif"},"Commissioner":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Averia Libre":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"display"},"IM Fell Double Pica":{"weight":["regular","italic"],"fallback":"serif"},"Comic Neue":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"handwriting"},"Baskervville":{"weight":["regular","italic"],"fallback":"serif"},"Kelly Slab":{"weight":["regular"],"fallback":"display"},"Oxygen Mono":{"weight":["regular"],"fallback":"monospace"},"Maitree":{"weight":["200","300","regular","500","600","700"],"fallback":"serif"},"Buenard":{"weight":["regular","700"],"fallback":"serif"},"Duru Sans":{"weight":["regular"],"fallback":"sans-serif"},"Baloo Da 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Grandstander":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"display"},"Balthazar":{"weight":["regular"],"fallback":"serif"},"ZCOOL XiaoWei":{"weight":["regular"],"fallback":"serif"},"Cutive":{"weight":["regular"],"fallback":"serif"},"Antic Didone":{"weight":["regular"],"fallback":"serif"},"Waiting for the Sunrise":{"weight":["regular"],"fallback":"handwriting"},"B612 Mono":{"weight":["regular","italic","700","700italic"],"fallback":"monospace"},"Chonburi":{"weight":["regular"],"fallback":"display"},"Montaga":{"weight":["regular"],"fallback":"serif"},"UnifrakturMaguntia":{"weight":["regular"],"fallback":"display"},"Kosugi":{"weight":["regular"],"fallback":"sans-serif"},"Gravitas One":{"weight":["regular"],"fallback":"display"},"Mirza":{"weight":["regular","500","600","700"],"fallback":"display"},"Manjari":{"weight":["100","regular","700"],"fallback":"sans-serif"},"Alike":{"weight":["regular"],"fallback":"serif"},"Lekton":{"weight":["regular","italic","700"],"fallback":"sans-serif"},"Sora":{"weight":["100","200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Gabriela":{"weight":["regular"],"fallback":"serif"},"Lemon":{"weight":["regular"],"fallback":"display"},"Esteban":{"weight":["regular"],"fallback":"serif"},"Alatsi":{"weight":["regular"],"fallback":"sans-serif"},"Turret Road":{"weight":["200","300","regular","500","700","800"],"fallback":"display"},"Monsieur La Doulaise":{"weight":["regular"],"fallback":"handwriting"},"Pompiere":{"weight":["regular"],"fallback":"display"},"Cormorant SC":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Kurale":{"weight":["regular"],"fallback":"serif"},"Frijole":{"weight":["regular"],"fallback":"display"},"Rammetto One":{"weight":["regular"],"fallback":"display"},"Chelsea Market":{"weight":["regular"],"fallback":"display"},"Megrim":{"weight":["regular"],"fallback":"display"},"IM Fell English":{"weight":["regular","italic"],"fallback":"serif"},"Oregano":{"weight":["regular","italic"],"fallback":"display"},"Andada":{"weight":["regular"],"fallback":"serif"},"Mate":{"weight":["regular","italic"],"fallback":"serif"},"Convergence":{"weight":["regular"],"fallback":"sans-serif"},"Rouge Script":{"weight":["regular"],"fallback":"handwriting"},"Bowlby One":{"weight":["regular"],"fallback":"display"},"Emilys Candy":{"weight":["regular"],"fallback":"display"},"Wendy One":{"weight":["regular"],"fallback":"sans-serif"},"Fira Code":{"weight":["300","regular","500","600","700"],"fallback":"monospace"},"Dawning of a New Day":{"weight":["regular"],"fallback":"handwriting"},"Sue Ellen Francisco":{"weight":["regular"],"fallback":"handwriting"},"Gurajada":{"weight":["regular"],"fallback":"serif"},"David Libre":{"weight":["regular","500","700"],"fallback":"serif"},"Sofia":{"weight":["regular"],"fallback":"handwriting"},"Short Stack":{"weight":["regular"],"fallback":"handwriting"},"Chau Philomene One":{"weight":["regular","italic"],"fallback":"sans-serif"},"Bellefair":{"weight":["regular"],"fallback":"serif"},"Belgrano":{"weight":["regular"],"fallback":"serif"},"Expletus Sans":{"weight":["regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"display"},"Original Surfer":{"weight":["regular"],"fallback":"display"},"Doppio One":{"weight":["regular"],"fallback":"sans-serif"},"Be Vietnam":{"weight":["100","100italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"fallback":"sans-serif"},"Sail":{"weight":["regular"],"fallback":"display"},"Inder":{"weight":["regular"],"fallback":"sans-serif"},"Give You Glory":{"weight":["regular"],"fallback":"handwriting"},"IM Fell DW Pica":{"weight":["regular","italic"],"fallback":"serif"},"McLaren":{"weight":["regular"],"fallback":"display"},"Encode Sans Semi Condensed":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Bungee Shade":{"weight":["regular"],"fallback":"display"},"Baumans":{"weight":["regular"],"fallback":"display"},"Brawler":{"weight":["regular"],"fallback":"serif"},"Tenali Ramakrishna":{"weight":["regular"],"fallback":"sans-serif"},"Ceviche One":{"weight":["regular"],"fallback":"display"},"B612":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Zeyada":{"weight":["regular"],"fallback":"handwriting"},"Mountains of Christmas":{"weight":["regular","700"],"fallback":"display"},"Sedgwick Ave":{"weight":["regular"],"fallback":"handwriting"},"Gugi":{"weight":["regular"],"fallback":"display"},"Oleo Script Swash Caps":{"weight":["regular","700"],"fallback":"display"},"Skranji":{"weight":["regular","700"],"fallback":"display"},"Meddon":{"weight":["regular"],"fallback":"handwriting"},"NTR":{"weight":["regular"],"fallback":"sans-serif"},"Finger Paint":{"weight":["regular"],"fallback":"display"},"Blinker":{"weight":["100","200","300","regular","600","700","800","900"],"fallback":"sans-serif"},"Fanwood Text":{"weight":["regular","italic"],"fallback":"serif"},"Grenze Gotisch":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"display"},"Hepta Slab":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"serif"},"Anaheim":{"weight":["regular"],"fallback":"sans-serif"},"Major Mono Display":{"weight":["regular"],"fallback":"monospace"},"Quando":{"weight":["regular"],"fallback":"serif"},"Andika":{"weight":["regular"],"fallback":"sans-serif"},"Qwigley":{"weight":["regular"],"fallback":"handwriting"},"Vast Shadow":{"weight":["regular"],"fallback":"display"},"Happy Monkey":{"weight":["regular"],"fallback":"display"},"Montez":{"weight":["regular"],"fallback":"handwriting"},"Proza Libre":{"weight":["regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"fallback":"sans-serif"},"Homenaje":{"weight":["regular"],"fallback":"sans-serif"},"Ma Shan Zheng":{"weight":["regular"],"fallback":"handwriting"},"Loved by the King":{"weight":["regular"],"fallback":"handwriting"},"Trade Winds":{"weight":["regular"],"fallback":"display"},"Stardos Stencil":{"weight":["regular","700"],"fallback":"display"},"Raleway Dots":{"weight":["regular"],"fallback":"display"},"Libre Barcode 39":{"weight":["regular"],"fallback":"display"},"Recursive":{"weight":["300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Numans":{"weight":["regular"],"fallback":"sans-serif"},"RocknRoll One":{"weight":["regular"],"fallback":"sans-serif"},"Rakkas":{"weight":["regular"],"fallback":"display"},"Mouse Memoirs":{"weight":["regular"],"fallback":"sans-serif"},"BioRhyme":{"weight":["200","300","regular","700","800"],"fallback":"serif"},"Ranchers":{"weight":["regular"],"fallback":"display"},"Patrick Hand SC":{"weight":["regular"],"fallback":"handwriting"},"Codystar":{"weight":["300","regular"],"fallback":"display"},"Rasa":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Meera Inimai":{"weight":["regular"],"fallback":"sans-serif"},"Clicker Script":{"weight":["regular"],"fallback":"handwriting"},"DM Mono":{"weight":["300","300italic","regular","italic","500","500italic"],"fallback":"monospace"},"Gaegu":{"weight":["300","regular","700"],"fallback":"handwriting"},"Aguafina Script":{"weight":["regular"],"fallback":"handwriting"},"Unkempt":{"weight":["regular","700"],"fallback":"display"},"Over the Rainbow":{"weight":["regular"],"fallback":"handwriting"},"Fondamento":{"weight":["regular","italic"],"fallback":"handwriting"},"Battambang":{"weight":["regular","700"],"fallback":"display"},"Cambo":{"weight":["regular"],"fallback":"serif"},"Crafty Girls":{"weight":["regular"],"fallback":"handwriting"},"Nova Mono":{"weight":["regular"],"fallback":"monospace"},"Tillana":{"weight":["regular","500","600","700","800"],"fallback":"handwriting"},"Alike Angular":{"weight":["regular"],"fallback":"serif"},"Kumbh Sans":{"weight":["300","regular","700"],"fallback":"sans-serif"},"Katibeh":{"weight":["regular"],"fallback":"display"},"Sarpanch":{"weight":["regular","500","600","700","800","900"],"fallback":"sans-serif"},"Antonio":{"weight":["100","200","300","regular","500","600","700"],"fallback":"sans-serif"},"Mansalva":{"weight":["regular"],"fallback":"handwriting"},"Faster One":{"weight":["regular"],"fallback":"display"},"Federo":{"weight":["regular"],"fallback":"sans-serif"},"Dokdo":{"weight":["regular"],"fallback":"handwriting"},"Hi Melody":{"weight":["regular"],"fallback":"handwriting"},"Euphoria Script":{"weight":["regular"],"fallback":"handwriting"},"Orienta":{"weight":["regular"],"fallback":"sans-serif"},"Space Grotesk":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Galada":{"weight":["regular"],"fallback":"display"},"Timmana":{"weight":["regular"],"fallback":"sans-serif"},"JetBrains Mono":{"weight":["100","200","300","regular","500","600","700","800","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic"],"fallback":"monospace"},"Baloo Thambi 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Averia Sans Libre":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"display"},"UnifrakturCook":{"weight":["700"],"fallback":"display"},"Tauri":{"weight":["regular"],"fallback":"sans-serif"},"Share Tech":{"weight":["regular"],"fallback":"sans-serif"},"Walter Turncoat":{"weight":["regular"],"fallback":"handwriting"},"Geo":{"weight":["regular","italic"],"fallback":"sans-serif"},"Atma":{"weight":["300","regular","500","600","700"],"fallback":"display"},"Almendra":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Jomhuria":{"weight":["regular"],"fallback":"display"},"Strait":{"weight":["regular"],"fallback":"sans-serif"},"Encode Sans Expanded":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Metamorphous":{"weight":["regular"],"fallback":"display"},"Iceland":{"weight":["regular"],"fallback":"display"},"Ledger":{"weight":["regular"],"fallback":"serif"},"Poller One":{"weight":["regular"],"fallback":"display"},"Vollkorn SC":{"weight":["regular","600","700","900"],"fallback":"serif"},"Vesper Libre":{"weight":["regular","500","700","900"],"fallback":"serif"},"Aref Ruqaa":{"weight":["regular","700"],"fallback":"serif"},"Livvic":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],"fallback":"sans-serif"},"Caladea":{"weight":["regular","italic","700","700italic"],"fallback":"serif"},"Montserrat Subrayada":{"weight":["regular","700"],"fallback":"sans-serif"},"Vampiro One":{"weight":["regular"],"fallback":"display"},"Farro":{"weight":["300","regular","500","700"],"fallback":"sans-serif"},"New Rocker":{"weight":["regular"],"fallback":"display"},"Delius Swash Caps":{"weight":["regular"],"fallback":"handwriting"},"Calistoga":{"weight":["regular"],"fallback":"display"},"Carrois Gothic SC":{"weight":["regular"],"fallback":"sans-serif"},"Italiana":{"weight":["regular"],"fallback":"serif"},"Inknut Antiqua":{"weight":["300","regular","500","600","700","800","900"],"fallback":"serif"},"Life Savers":{"weight":["regular","700","800"],"fallback":"display"},"Imprima":{"weight":["regular"],"fallback":"sans-serif"},"Mako":{"weight":["regular"],"fallback":"sans-serif"},"Lily Script One":{"weight":["regular"],"fallback":"display"},"Bilbo Swash Caps":{"weight":["regular"],"fallback":"handwriting"},"IM Fell English SC":{"weight":["regular"],"fallback":"serif"},"Red Rose":{"weight":["300","regular","500","600","700"],"fallback":"display"},"Shojumaru":{"weight":["regular"],"fallback":"display"},"Prosto One":{"weight":["regular"],"fallback":"display"},"Bodoni Moda":{"weight":["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Mukta Mahee":{"weight":["200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Bubbler One":{"weight":["regular"],"fallback":"sans-serif"},"The Girl Next Door":{"weight":["regular"],"fallback":"handwriting"},"Artifika":{"weight":["regular"],"fallback":"serif"},"Cantora One":{"weight":["regular"],"fallback":"sans-serif"},"Scope One":{"weight":["regular"],"fallback":"serif"},"Yusei Magic":{"weight":["regular"],"fallback":"sans-serif"},"Oxanium":{"weight":["200","300","regular","500","600","700","800"],"fallback":"display"},"Tienne":{"weight":["regular","700","900"],"fallback":"serif"},"Salsa":{"weight":["regular"],"fallback":"display"},"Flamenco":{"weight":["300","regular"],"fallback":"display"},"Port Lligat Sans":{"weight":["regular"],"fallback":"sans-serif"},"Denk One":{"weight":["regular"],"fallback":"sans-serif"},"Fontdiner Swanky":{"weight":["regular"],"fallback":"display"},"Nova Round":{"weight":["regular"],"fallback":"display"},"Gafata":{"weight":["regular"],"fallback":"sans-serif"},"Cormorant Upright":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Cherry Cream Soda":{"weight":["regular"],"fallback":"display"},"Asul":{"weight":["regular","700"],"fallback":"sans-serif"},"Big Shoulders Text":{"weight":["100","300","regular","500","600","700","800","900"],"fallback":"display"},"Voces":{"weight":["regular"],"fallback":"display"},"Dynalight":{"weight":["regular"],"fallback":"display"},"Peralta":{"weight":["regular"],"fallback":"display"},"Mina":{"weight":["regular","700"],"fallback":"sans-serif"},"Headland One":{"weight":["regular"],"fallback":"serif"},"Medula One":{"weight":["regular"],"fallback":"display"},"Englebert":{"weight":["regular"],"fallback":"sans-serif"},"Nova Square":{"weight":["regular"],"fallback":"display"},"Delius Unicase":{"weight":["regular","700"],"fallback":"handwriting"},"Sumana":{"weight":["regular","700"],"fallback":"serif"},"Bilbo":{"weight":["regular"],"fallback":"handwriting"},"Engagement":{"weight":["regular"],"fallback":"handwriting"},"ZCOOL QingKe HuangYou":{"weight":["regular"],"fallback":"display"},"Fresca":{"weight":["regular"],"fallback":"sans-serif"},"Ranga":{"weight":["regular","700"],"fallback":"display"},"Orelega One":{"weight":["regular"],"fallback":"display"},"Zen Dots":{"weight":["regular"],"fallback":"display"},"Shippori Mincho":{"weight":["regular","500","600","700","800"],"fallback":"serif"},"Henny Penny":{"weight":["regular"],"fallback":"display"},"Della Respira":{"weight":["regular"],"fallback":"serif"},"Cherry Swash":{"weight":["regular","700"],"fallback":"display"},"Notable":{"weight":["regular"],"fallback":"sans-serif"},"Arya":{"weight":["regular","700"],"fallback":"sans-serif"},"Slackey":{"weight":["regular"],"fallback":"display"},"Vibur":{"weight":["regular"],"fallback":"handwriting"},"Coiny":{"weight":["regular"],"fallback":"display"},"Lexend Zetta":{"weight":["regular"],"fallback":"sans-serif"},"Elsie":{"weight":["regular","900"],"fallback":"display"},"Fjord One":{"weight":["regular"],"fallback":"serif"},"Puritan":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Just Me Again Down Here":{"weight":["regular"],"fallback":"handwriting"},"Khmer":{"weight":["regular"],"fallback":"display"},"Girassol":{"weight":["regular"],"fallback":"display"},"Bellota Text":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"display"},"Yatra One":{"weight":["regular"],"fallback":"display"},"Stalemate":{"weight":["regular"],"fallback":"handwriting"},"Wire One":{"weight":["regular"],"fallback":"sans-serif"},"Spicy Rice":{"weight":["regular"],"fallback":"display"},"Saira Stencil One":{"weight":["regular"],"fallback":"display"},"Kite One":{"weight":["regular"],"fallback":"sans-serif"},"Port Lligat Slab":{"weight":["regular"],"fallback":"serif"},"Baloo Bhaina 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Pavanam":{"weight":["regular"],"fallback":"sans-serif"},"Eater":{"weight":["regular"],"fallback":"display"},"Text Me One":{"weight":["regular"],"fallback":"sans-serif"},"Ribeye":{"weight":["regular"],"fallback":"display"},"Pirata One":{"weight":["regular"],"fallback":"display"},"Amarante":{"weight":["regular"],"fallback":"display"},"Milonga":{"weight":["regular"],"fallback":"display"},"Habibi":{"weight":["regular"],"fallback":"serif"},"Ruslan Display":{"weight":["regular"],"fallback":"display"},"Encode Sans Semi Expanded":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Nokora":{"weight":["regular","700"],"fallback":"serif"},"Rowdies":{"weight":["300","regular","700"],"fallback":"display"},"Kranky":{"weight":["regular"],"fallback":"display"},"Bigelow Rules":{"weight":["regular"],"fallback":"display"},"League Script":{"weight":["regular"],"fallback":"handwriting"},"Swanky and Moo Moo":{"weight":["regular"],"fallback":"handwriting"},"Karantina":{"weight":["300","regular","700"],"fallback":"display"},"Lovers Quarrel":{"weight":["regular"],"fallback":"handwriting"},"Mate SC":{"weight":["regular"],"fallback":"serif"},"Manuale":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"serif"},"Germania One":{"weight":["regular"],"fallback":"display"},"Sura":{"weight":["regular","700"],"fallback":"serif"},"Sarina":{"weight":["regular"],"fallback":"display"},"Macondo Swash Caps":{"weight":["regular"],"fallback":"display"},"Kotta One":{"weight":["regular"],"fallback":"serif"},"IM Fell French Canon SC":{"weight":["regular"],"fallback":"serif"},"Julee":{"weight":["regular"],"fallback":"handwriting"},"Charmonman":{"weight":["regular","700"],"fallback":"handwriting"},"Shanti":{"weight":["regular"],"fallback":"sans-serif"},"Gamja Flower":{"weight":["regular"],"fallback":"handwriting"},"Averia Gruesa Libre":{"weight":["regular"],"fallback":"display"},"Stint Ultra Expanded":{"weight":["regular"],"fallback":"display"},"Uncial Antiqua":{"weight":["regular"],"fallback":"display"},"Mystery Quest":{"weight":["regular"],"fallback":"display"},"Goldman":{"weight":["regular","700"],"fallback":"display"},"Paprika":{"weight":["regular"],"fallback":"display"},"IM Fell French Canon":{"weight":["regular","italic"],"fallback":"serif"},"Prociono":{"weight":["regular"],"fallback":"serif"},"Kodchasan":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Libre Barcode 39 Text":{"weight":["regular"],"fallback":"display"},"Quintessential":{"weight":["regular"],"fallback":"handwriting"},"Moul":{"weight":["regular"],"fallback":"display"},"Libre Barcode 128":{"weight":["regular"],"fallback":"display"},"Ramaraja":{"weight":["regular"],"fallback":"serif"},"Modak":{"weight":["regular"],"fallback":"display"},"Song Myung":{"weight":["regular"],"fallback":"serif"},"East Sea Dokdo":{"weight":["regular"],"fallback":"handwriting"},"Crushed":{"weight":["regular"],"fallback":"display"},"Dekko":{"weight":["regular"],"fallback":"handwriting"},"Chilanka":{"weight":["regular"],"fallback":"handwriting"},"Hanalei Fill":{"weight":["regular"],"fallback":"display"},"Mogra":{"weight":["regular"],"fallback":"display"},"Baloo Tammudu 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Baloo Bhai 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Libre Barcode 39 Extended Text":{"weight":["regular"],"fallback":"display"},"Rosarivo":{"weight":["regular","italic"],"fallback":"serif"},"KoHo":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Offside":{"weight":["regular"],"fallback":"display"},"Reggae One":{"weight":["regular"],"fallback":"display"},"Syne":{"weight":["regular","500","600","700","800"],"fallback":"sans-serif"},"Zilla Slab Highlight":{"weight":["regular","700"],"fallback":"display"},"Donegal One":{"weight":["regular"],"fallback":"serif"},"Bellota":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"display"},"Stoke":{"weight":["300","regular"],"fallback":"serif"},"Cormorant Unicase":{"weight":["300","regular","500","600","700"],"fallback":"serif"},"Cagliostro":{"weight":["regular"],"fallback":"sans-serif"},"Rationale":{"weight":["regular"],"fallback":"sans-serif"},"Margarine":{"weight":["regular"],"fallback":"display"},"Sancreek":{"weight":["regular"],"fallback":"display"},"Inria Serif":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"serif"},"Overlock SC":{"weight":["regular"],"fallback":"display"},"Nosifer":{"weight":["regular"],"fallback":"display"},"Libre Barcode EAN13 Text":{"weight":["regular"],"fallback":"display"},"Yeon Sung":{"weight":["regular"],"fallback":"display"},"Ruluko":{"weight":["regular"],"fallback":"sans-serif"},"Simonetta":{"weight":["regular","italic","900","900italic"],"fallback":"display"},"Lakki Reddy":{"weight":["regular"],"fallback":"handwriting"},"Baloo Paaji 2":{"weight":["regular","500","600","700","800"],"fallback":"display"},"Chango":{"weight":["regular"],"fallback":"display"},"Galdeano":{"weight":["regular"],"fallback":"sans-serif"},"Fahkwang":{"weight":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Elsie Swash Caps":{"weight":["regular","900"],"fallback":"display"},"Buda":{"weight":["300"],"fallback":"display"},"Condiment":{"weight":["regular"],"fallback":"handwriting"},"Barrio":{"weight":["regular"],"fallback":"display"},"Chicle":{"weight":["regular"],"fallback":"display"},"Angkor":{"weight":["regular"],"fallback":"display"},"Akronim":{"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"},"Sonsie One":{"weight":["regular"],"fallback":"display"},"Kumar One":{"weight":["regular"],"fallback":"display"},"Autour One":{"weight":["regular"],"fallback":"display"},"Libre Caslon Display":{"weight":["regular"],"fallback":"serif"},"Farsan":{"weight":["regular"],"fallback":"display"},"Fenix":{"weight":["regular"],"fallback":"serif"},"Solway":{"weight":["300","regular","500","700","800"],"fallback":"serif"},"Kulim Park":{"weight":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic"],"fallback":"sans-serif"},"Stint Ultra Condensed":{"weight":["regular"],"fallback":"display"},"Metal":{"weight":["regular"],"fallback":"display"},"Rum Raisin":{"weight":["regular"],"fallback":"sans-serif"},"Redressed":{"weight":["regular"],"fallback":"handwriting"},"Tulpen One":{"weight":["regular"],"fallback":"display"},"Petrona":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Marko One":{"weight":["regular"],"fallback":"serif"},"Asar":{"weight":["regular"],"fallback":"serif"},"Nova Flat":{"weight":["regular"],"fallback":"display"},"Koulen":{"weight":["regular"],"fallback":"display"},"Lexend Exa":{"weight":["regular"],"fallback":"sans-serif"},"Londrina Outline":{"weight":["regular"],"fallback":"display"},"Cute Font":{"weight":["regular"],"fallback":"display"},"IM Fell Great Primer":{"weight":["regular","italic"],"fallback":"serif"},"Junge":{"weight":["regular"],"fallback":"serif"},"Stylish":{"weight":["regular"],"fallback":"sans-serif"},"Lexend":{"weight":["100","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Spirax":{"weight":["regular"],"fallback":"display"},"Piazzolla":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Piedra":{"weight":["regular"],"fallback":"display"},"Ribeye Marrow":{"weight":["regular"],"fallback":"display"},"Dorsa":{"weight":["regular"],"fallback":"sans-serif"},"Ibarra Real Nova":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"serif"},"IM Fell DW Pica SC":{"weight":["regular"],"fallback":"serif"},"Wellfleet":{"weight":["regular"],"fallback":"display"},"Eagle Lake":{"weight":["regular"],"fallback":"handwriting"},"Meie Script":{"weight":["regular"],"fallback":"handwriting"},"Goblin One":{"weight":["regular"],"fallback":"display"},"Flavors":{"weight":["regular"],"fallback":"display"},"Gotu":{"weight":["regular"],"fallback":"sans-serif"},"Linden Hill":{"weight":["regular","italic"],"fallback":"serif"},"Chathura":{"weight":["100","300","regular","700","800"],"fallback":"sans-serif"},"Croissant One":{"weight":["regular"],"fallback":"display"},"Jomolhari":{"weight":["regular"],"fallback":"serif"},"Srisakdi":{"weight":["regular","700"],"fallback":"display"},"Modern Antiqua":{"weight":["regular"],"fallback":"display"},"Joti One":{"weight":["regular"],"fallback":"display"},"Kavoon":{"weight":["regular"],"fallback":"display"},"Sulphur Point":{"weight":["300","regular","700"],"fallback":"sans-serif"},"Castoro":{"weight":["regular","italic"],"fallback":"serif"},"Chela One":{"weight":["regular"],"fallback":"display"},"Atomic Age":{"weight":["regular"],"fallback":"display"},"Maiden Orange":{"weight":["regular"],"fallback":"display"},"Ruthie":{"weight":["regular"],"fallback":"handwriting"},"Bayon":{"weight":["regular"],"fallback":"display"},"Potta One":{"weight":["regular"],"fallback":"display"},"Iceberg":{"weight":["regular"],"fallback":"display"},"Bigshot One":{"weight":["regular"],"fallback":"display"},"Gorditas":{"weight":["regular","700"],"fallback":"display"},"Sree Krushnadevaraya":{"weight":["regular"],"fallback":"serif"},"Trykker":{"weight":["regular"],"fallback":"serif"},"Kufam":{"weight":["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"display"},"Diplomata SC":{"weight":["regular"],"fallback":"display"},"Poor Story":{"weight":["regular"],"fallback":"display"},"Sirin Stencil":{"weight":["regular"],"fallback":"display"},"Kavivanar":{"weight":["regular"],"fallback":"handwriting"},"Syne Mono":{"weight":["regular"],"fallback":"monospace"},"Metal Mania":{"weight":["regular"],"fallback":"display"},"Arbutus":{"weight":["regular"],"fallback":"display"},"Unlock":{"weight":["regular"],"fallback":"display"},"MuseoModerno":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"display"},"Glass Antiqua":{"weight":["regular"],"fallback":"display"},"Miniver":{"weight":["regular"],"fallback":"display"},"Griffy":{"weight":["regular"],"fallback":"display"},"Bokor":{"weight":["regular"],"fallback":"display"},"Felipa":{"weight":["regular"],"fallback":"handwriting"},"Inika":{"weight":["regular","700"],"fallback":"serif"},"Princess Sofia":{"weight":["regular"],"fallback":"handwriting"},"Mrs Sheppards":{"weight":["regular"],"fallback":"handwriting"},"Monofett":{"weight":["regular"],"fallback":"display"},"Sahitya":{"weight":["regular","700"],"fallback":"serif"},"Dela Gothic One":{"weight":["regular"],"fallback":"display"},"Shippori Mincho B1":{"weight":["regular","500","600","700","800"],"fallback":"serif"},"Beth Ellen":{"weight":["regular"],"fallback":"handwriting"},"Lancelot":{"weight":["regular"],"fallback":"display"},"Rhodium Libre":{"weight":["regular"],"fallback":"serif"},"Fraunces":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"Hachi Maru Pop":{"weight":["regular"],"fallback":"handwriting"},"Snippet":{"weight":["regular"],"fallback":"sans-serif"},"Content":{"weight":["regular","700"],"fallback":"display"},"Revalia":{"weight":["regular"],"fallback":"display"},"Diplomata":{"weight":["regular"],"fallback":"display"},"Libre Barcode 128 Text":{"weight":["regular"],"fallback":"display"},"Jacques Francois Shadow":{"weight":["regular"],"fallback":"display"},"Long Cang":{"weight":["regular"],"fallback":"handwriting"},"Caesar Dressing":{"weight":["regular"],"fallback":"display"},"Odor Mean Chey":{"weight":["regular"],"fallback":"display"},"Jolly Lodger":{"weight":["regular"],"fallback":"display"},"Texturina":{"weight":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"fallback":"serif"},"DotGothic16":{"weight":["regular"],"fallback":"sans-serif"},"Ewert":{"weight":["regular"],"fallback":"display"},"Romanesco":{"weight":["regular"],"fallback":"handwriting"},"Kantumruy":{"weight":["300","regular","700"],"fallback":"sans-serif"},"Asset":{"weight":["regular"],"fallback":"display"},"Odibee Sans":{"weight":["regular"],"fallback":"display"},"Emblema One":{"weight":["regular"],"fallback":"display"},"Kdam Thmor":{"weight":["regular"],"fallback":"display"},"Dr Sugiyama":{"weight":["regular"],"fallback":"handwriting"},"Bahiana":{"weight":["regular"],"fallback":"display"},"GFS Neohellenic":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Oldenburg":{"weight":["regular"],"fallback":"display"},"Molle":{"weight":["italic"],"fallback":"handwriting"},"Ravi Prakash":{"weight":["regular"],"fallback":"display"},"Gayathri":{"weight":["100","regular","700"],"fallback":"sans-serif"},"Almendra SC":{"weight":["regular"],"fallback":"serif"},"Varta":{"weight":["300","regular","500","600","700"],"fallback":"sans-serif"},"Risque":{"weight":["regular"],"fallback":"display"},"Sansita Swashed":{"weight":["300","regular","500","600","700","800","900"],"fallback":"display"},"Kiwi Maru":{"weight":["300","regular","500"],"fallback":"serif"},"Dangrek":{"weight":["regular"],"fallback":"display"},"Devonshire":{"weight":["regular"],"fallback":"handwriting"},"Big Shoulders Stencil Text":{"weight":["100","300","regular","500","600","700","800","900"],"fallback":"display"},"Jim Nightshade":{"weight":["regular"],"fallback":"handwriting"},"Smythe":{"weight":["regular"],"fallback":"display"},"Stick":{"weight":["regular"],"fallback":"sans-serif"},"Lexend Mega":{"weight":["regular"],"fallback":"sans-serif"},"Siemreap":{"weight":["regular"],"fallback":"display"},"Londrina Shadow":{"weight":["regular"],"fallback":"display"},"Train One":{"weight":["regular"],"fallback":"display"},"IM Fell Great Primer SC":{"weight":["regular"],"fallback":"serif"},"Barriecito":{"weight":["regular"],"fallback":"display"},"Underdog":{"weight":["regular"],"fallback":"display"},"Stalinist One":{"weight":["regular"],"fallback":"display"},"Mr Bedfort":{"weight":["regular"],"fallback":"handwriting"},"Freehand":{"weight":["regular"],"fallback":"display"},"MedievalSharp":{"weight":["regular"],"fallback":"display"},"Lexend Giga":{"weight":["regular"],"fallback":"sans-serif"},"Keania One":{"weight":["regular"],"fallback":"display"},"Peddana":{"weight":["regular"],"fallback":"serif"},"Galindo":{"weight":["regular"],"fallback":"display"},"Fascinate":{"weight":["regular"],"fallback":"display"},"Londrina Sketch":{"weight":["regular"],"fallback":"display"},"Gupter":{"weight":["regular","500","700"],"fallback":"serif"},"Nova Slim":{"weight":["regular"],"fallback":"display"},"Snowburst One":{"weight":["regular"],"fallback":"display"},"ZCOOL KuaiLe":{"weight":["regular"],"fallback":"display"},"Plaster":{"weight":["regular"],"fallback":"display"},"Fascinate Inline":{"weight":["regular"],"fallback":"display"},"Newsreader":{"weight":["200","300","regular","500","600","700","800","200italic","300italic","italic","500italic","600italic","700italic","800italic"],"fallback":"serif"},"Purple Purse":{"weight":["regular"],"fallback":"display"},"Sedgwick Ave Display":{"weight":["regular"],"fallback":"handwriting"},"Jacques Francois":{"weight":["regular"],"fallback":"serif"},"Almendra Display":{"weight":["regular"],"fallback":"display"},"Irish Grover":{"weight":["regular"],"fallback":"display"},"Kumar One Outline":{"weight":["regular"],"fallback":"display"},"Andika New Basic":{"weight":["regular","italic","700","700italic"],"fallback":"sans-serif"},"Libre Barcode 39 Extended":{"weight":["regular"],"fallback":"display"},"Taprom":{"weight":["regular"],"fallback":"display"},"Miss Fajardose":{"weight":["regular"],"fallback":"handwriting"},"IM Fell Double Pica SC":{"weight":["regular"],"fallback":"serif"},"Macondo":{"weight":["regular"],"fallback":"display"},"Ruge Boogie":{"weight":["regular"],"fallback":"handwriting"},"Sunshiney":{"weight":["regular"],"fallback":"handwriting"},"Brygada 1918":{"weight":["regular","500","600","700","italic","500italic","600italic","700italic"],"fallback":"serif"},"Grenze":{"weight":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"fallback":"serif"},"Erica One":{"weight":["regular"],"fallback":"display"},"Seymour One":{"weight":["regular"],"fallback":"sans-serif"},"Supermercado One":{"weight":["regular"],"fallback":"display"},"Zhi Mang Xing":{"weight":["regular"],"fallback":"handwriting"},"Butterfly Kids":{"weight":["regular"],"fallback":"handwriting"},"Kirang Haerang":{"weight":["regular"],"fallback":"display"},"Federant":{"weight":["regular"],"fallback":"display"},"Liu Jian Mao Cao":{"weight":["regular"],"fallback":"handwriting"},"Chenla":{"weight":["regular"],"fallback":"display"},"Hanalei":{"weight":["regular"],"fallback":"display"},"Langar":{"weight":["regular"],"fallback":"display"},"Trochut":{"weight":["regular","italic","700"],"fallback":"display"},"Smokum":{"weight":["regular"],"fallback":"display"},"Black And White Picture":{"weight":["regular"],"fallback":"sans-serif"},"Preahvihear":{"weight":["regular"],"fallback":"display"},"Bungee Outline":{"weight":["regular"],"fallback":"display"},"Astloch":{"weight":["regular","700"],"fallback":"display"},"Fasthand":{"weight":["regular"],"fallback":"serif"},"Akaya Telivigala":{"weight":["regular"],"fallback":"display"},"Inria Sans":{"weight":["300","300italic","regular","italic","700","700italic"],"fallback":"sans-serif"},"Bonbon":{"weight":["regular"],"fallback":"handwriting"},"Combo":{"weight":["regular"],"fallback":"display"},"Nova Script":{"weight":["regular"],"fallback":"display"},"Sofadi One":{"weight":["regular"],"fallback":"display"},"Passero One":{"weight":["regular"],"fallback":"display"},"Suwannaphum":{"weight":["regular"],"fallback":"display"},"Miltonian Tattoo":{"weight":["regular"],"fallback":"display"},"Bungee Hairline":{"weight":["regular"],"fallback":"display"},"Gidugu":{"weight":["regular"],"fallback":"sans-serif"},"Geostar Fill":{"weight":["regular"],"fallback":"display"},"Nerko One":{"weight":["regular"],"fallback":"handwriting"},"Lacquer":{"weight":["regular"],"fallback":"display"},"Butcherman":{"weight":["regular"],"fallback":"display"},"Sevillana":{"weight":["regular"],"fallback":"display"},"Nova Oval":{"weight":["regular"],"fallback":"display"},"Aubrey":{"weight":["regular"],"fallback":"display"},"Akaya Kanadaka":{"weight":["regular"],"fallback":"display"},"Nova Cut":{"weight":["regular"],"fallback":"display"},"Vibes":{"weight":["regular"],"fallback":"display"},"Miltonian":{"weight":["regular"],"fallback":"display"},"Moulpali":{"weight":["regular"],"fallback":"display"},"BioRhyme Expanded":{"weight":["200","300","regular","700","800"],"fallback":"serif"},"Bahianita":{"weight":["regular"],"fallback":"display"},"Suravaram":{"weight":["regular"],"fallback":"serif"},"Fruktur":{"weight":["regular"],"fallback":"display"},"Single Day":{"weight":["regular"],"fallback":"display"},"Imbue":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"serif"},"Lexend Tera":{"weight":["regular"],"fallback":"sans-serif"},"Big Shoulders Inline Text":{"weight":["100","300","regular","500","600","700","800","900"],"fallback":"display"},"Dhurjati":{"weight":["regular"],"fallback":"sans-serif"},"Warnes":{"weight":["regular"],"fallback":"display"},"Kenia":{"weight":["regular"],"fallback":"display"},"Lexend Peta":{"weight":["regular"],"fallback":"sans-serif"},"Big Shoulders Stencil Display":{"weight":["100","300","regular","500","600","700","800","900"],"fallback":"display"},"Geostar":{"weight":["regular"],"fallback":"display"},"Big Shoulders Inline Display":{"weight":["100","300","regular","500","600","700","800","900"],"fallback":"display"},"Oi":{"weight":["regular"],"fallback":"display"},"Xanh Mono":{"weight":["regular","italic"],"fallback":"monospace"},"Viaoda Libre":{"weight":["regular"],"fallback":"display"},"Truculenta":{"weight":["100","200","300","regular","500","600","700","800","900"],"fallback":"sans-serif"},"Syne Tactile":{"weight":["regular"],"fallback":"display"},"Trispace":{"weight":["100","200","300","regular","500","600","700","800"],"fallback":"sans-serif"},"Ballet":{"weight":["regular"],"fallback":"handwriting"},"Benne":{"weight":["regular"],"fallback":"serif"}}')},function(e,t){e.exports=window.wp.richText},,function(e,t,a){e.exports=function(){"use strict";var e=Object.hasOwnProperty,t=Object.setPrototypeOf,a=Object.isFrozen,l=Object.getPrototypeOf,i=Object.getOwnPropertyDescriptor,r=Object.freeze,n=Object.seal,o=Object.create,c="undefined"!=typeof Reflect&&Reflect,s=c.apply,g=c.construct;s||(s=function(e,t,a){return e.apply(t,a)}),r||(r=function(e){return e}),n||(n=function(e){return e}),g||(g=function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,a=Array(e.length);t<e.length;t++)a[t]=e[t];return a}return Array.from(e)}(t))))});var b,d=v(Array.prototype.forEach),p=v(Array.prototype.pop),u=v(Array.prototype.push),h=v(String.prototype.toLowerCase),f=v(String.prototype.match),m=v(String.prototype.replace),k=v(String.prototype.indexOf),w=v(String.prototype.trim),y=v(RegExp.prototype.test),O=(b=TypeError,function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return g(b,t)});function v(e){return function(t){for(var a=arguments.length,l=Array(a>1?a-1:0),i=1;i<a;i++)l[i-1]=arguments[i];return s(e,t,l)}}function j(e,l){t&&t(e,null);for(var i=l.length;i--;){var r=l[i];if("string"==typeof r){var n=h(r);n!==r&&(a(l)||(l[i]=n),r=n)}e[r]=!0}return e}function T(t){var a=o(null),l=void 0;for(l in t)s(e,t,[l])&&(a[l]=t[l]);return a}function C(e,t){for(;null!==e;){var a=i(e,t);if(a){if(a.get)return v(a.get);if("function"==typeof a.value)return v(a.value)}e=l(e)}return function(e){return console.warn("fallback value for",e),null}}var B=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),_=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),S=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),x=r(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),E=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),D=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),M=r(["#text"]),z=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),R=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),L=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),A=n(/\{\{[\s\S]*|[\s\S]*\}\}/gm),N=n(/<%[\s\S]*|[\s\S]*%>/gm),U=n(/^data-[\-\w.\u00B7-\uFFFF]/),P=n(/^aria-[\-\w]+$/),H=n(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),I=n(/^(?:\w+script|data):/i),G=n(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function W(e){if(Array.isArray(e)){for(var t=0,a=Array(e.length);t<e.length;t++)a[t]=e[t];return a}return Array.from(e)}var q=function(){return"undefined"==typeof window?null:window},Z=function(e,t){if("object"!==(void 0===e?"undefined":V(e))||"function"!=typeof e.createPolicy)return null;var a=null;t.currentScript&&t.currentScript.hasAttribute("data-tt-policy-suffix")&&(a=t.currentScript.getAttribute("data-tt-policy-suffix"));var l="dompurify"+(a?"#"+a:"");try{return e.createPolicy(l,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+l+" could not be created."),null}};return function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:q(),a=function(t){return e(t)};if(a.version="2.2.8",a.removed=[],!t||!t.document||9!==t.document.nodeType)return a.isSupported=!1,a;var l=t.document,i=t.document,n=t.DocumentFragment,o=t.HTMLTemplateElement,c=t.Node,s=t.Element,g=t.NodeFilter,b=t.NamedNodeMap,v=void 0===b?t.NamedNodeMap||t.MozNamedAttrMap:b,K=t.Text,J=t.Comment,Y=t.DOMParser,$=t.trustedTypes,Q=s.prototype,X=C(Q,"cloneNode"),ee=C(Q,"nextSibling"),te=C(Q,"childNodes"),ae=C(Q,"parentNode");if("function"==typeof o){var le=i.createElement("template");le.content&&le.content.ownerDocument&&(i=le.content.ownerDocument)}var ie=Z($,l),re=ie&&Fe?ie.createHTML(""):"",ne=i,oe=ne.implementation,ce=ne.createNodeIterator,se=ne.createDocumentFragment,ge=l.importNode,be={};try{be=T(i).documentMode?i.documentMode:{}}catch(e){}var de={};a.isSupported="function"==typeof ae&&oe&&void 0!==oe.createHTMLDocument&&9!==be;var pe=A,ue=N,he=U,fe=P,me=I,ke=G,we=H,ye=null,Oe=j({},[].concat(W(B),W(_),W(S),W(E),W(M))),ve=null,je=j({},[].concat(W(z),W(R),W(L),W(F))),Te=null,Ce=null,Be=!0,_e=!0,Se=!1,xe=!1,Ee=!1,De=!1,Me=!1,ze=!1,Re=!1,Le=!0,Fe=!1,Ae=!0,Ne=!0,Ue=!1,Pe={},He=j({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ie=null,Ge=j({},["audio","video","img","source","image","track"]),Ve=null,We=j({},["alt","class","for","id","label","name","pattern","placeholder","summary","title","value","style","xmlns"]),qe="http://www.w3.org/1998/Math/MathML",Ze="http://www.w3.org/2000/svg",Ke="http://www.w3.org/1999/xhtml",Je=Ke,Ye=null,$e=i.createElement("form"),Qe=function(e){Ye&&Ye===e||(e&&"object"===(void 0===e?"undefined":V(e))||(e={}),e=T(e),ye="ALLOWED_TAGS"in e?j({},e.ALLOWED_TAGS):Oe,ve="ALLOWED_ATTR"in e?j({},e.ALLOWED_ATTR):je,Ve="ADD_URI_SAFE_ATTR"in e?j(T(We),e.ADD_URI_SAFE_ATTR):We,Ie="ADD_DATA_URI_TAGS"in e?j(T(Ge),e.ADD_DATA_URI_TAGS):Ge,Te="FORBID_TAGS"in e?j({},e.FORBID_TAGS):{},Ce="FORBID_ATTR"in e?j({},e.FORBID_ATTR):{},Pe="USE_PROFILES"in e&&e.USE_PROFILES,Be=!1!==e.ALLOW_ARIA_ATTR,_e=!1!==e.ALLOW_DATA_ATTR,Se=e.ALLOW_UNKNOWN_PROTOCOLS||!1,xe=e.SAFE_FOR_TEMPLATES||!1,Ee=e.WHOLE_DOCUMENT||!1,ze=e.RETURN_DOM||!1,Re=e.RETURN_DOM_FRAGMENT||!1,Le=!1!==e.RETURN_DOM_IMPORT,Fe=e.RETURN_TRUSTED_TYPE||!1,Me=e.FORCE_BODY||!1,Ae=!1!==e.SANITIZE_DOM,Ne=!1!==e.KEEP_CONTENT,Ue=e.IN_PLACE||!1,we=e.ALLOWED_URI_REGEXP||we,Je=e.NAMESPACE||Je,xe&&(_e=!1),Re&&(ze=!0),Pe&&(ye=j({},[].concat(W(M))),ve=[],!0===Pe.html&&(j(ye,B),j(ve,z)),!0===Pe.svg&&(j(ye,_),j(ve,R),j(ve,F)),!0===Pe.svgFilters&&(j(ye,S),j(ve,R),j(ve,F)),!0===Pe.mathMl&&(j(ye,E),j(ve,L),j(ve,F))),e.ADD_TAGS&&(ye===Oe&&(ye=T(ye)),j(ye,e.ADD_TAGS)),e.ADD_ATTR&&(ve===je&&(ve=T(ve)),j(ve,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&j(Ve,e.ADD_URI_SAFE_ATTR),Ne&&(ye["#text"]=!0),Ee&&j(ye,["html","head","body"]),ye.table&&(j(ye,["tbody"]),delete Te.tbody),r&&r(e),Ye=e)},Xe=j({},["mi","mo","mn","ms","mtext"]),et=j({},["foreignobject","desc","title","annotation-xml"]),tt=j({},_);j(tt,S),j(tt,x);var at=j({},E);j(at,D);var lt=function(e){var t=ae(e);t&&t.tagName||(t={namespaceURI:Ke,tagName:"template"});var a=h(e.tagName),l=h(t.tagName);if(e.namespaceURI===Ze)return t.namespaceURI===Ke?"svg"===a:t.namespaceURI===qe?"svg"===a&&("annotation-xml"===l||Xe[l]):Boolean(tt[a]);if(e.namespaceURI===qe)return t.namespaceURI===Ke?"math"===a:t.namespaceURI===Ze?"math"===a&&et[l]:Boolean(at[a]);if(e.namespaceURI===Ke){if(t.namespaceURI===Ze&&!et[l])return!1;if(t.namespaceURI===qe&&!Xe[l])return!1;var i=j({},["title","style","font","a","script"]);return!at[a]&&(i[a]||!tt[a])}return!1},it=function(e){u(a.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=re}catch(t){e.remove()}}},rt=function(e,t){try{u(a.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){u(a.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!ve[e])if(ze||Re)try{it(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},nt=function(e){var t=void 0,a=void 0;if(Me)e="<remove></remove>"+e;else{var l=f(e,/^[\r\n\t ]+/);a=l&&l[0]}var r=ie?ie.createHTML(e):e;if(Je===Ke)try{t=(new Y).parseFromString(r,"text/html")}catch(e){}t&&t.documentElement||((t=oe.createDocument(Je,"template",null)).documentElement.innerHTML=r);var n=t.body||t.documentElement;return e&&a&&n.insertBefore(i.createTextNode(a),n.childNodes[0]||null),Ee?t.documentElement:n},ot=function(e){return ce.call(e.ownerDocument||e,e,g.SHOW_ELEMENT|g.SHOW_COMMENT|g.SHOW_TEXT,(function(){return g.FILTER_ACCEPT}),!1)},ct=function(e){return!(e instanceof K||e instanceof J||"string"==typeof e.nodeName&&"string"==typeof e.textContent&&"function"==typeof e.removeChild&&e.attributes instanceof v&&"function"==typeof e.removeAttribute&&"function"==typeof e.setAttribute&&"string"==typeof e.namespaceURI&&"function"==typeof e.insertBefore)},st=function(e){return"object"===(void 0===c?"undefined":V(c))?e instanceof c:e&&"object"===(void 0===e?"undefined":V(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},gt=function(e,t,l){de[e]&&d(de[e],(function(e){e.call(a,t,l,Ye)}))},bt=function(e){var t=void 0;if(gt("beforeSanitizeElements",e,null),ct(e))return it(e),!0;if(f(e.nodeName,/[\u0080-\uFFFF]/))return it(e),!0;var l=h(e.nodeName);if(gt("uponSanitizeElement",e,{tagName:l,allowedTags:ye}),!st(e.firstElementChild)&&(!st(e.content)||!st(e.content.firstElementChild))&&y(/<[/\w]/g,e.innerHTML)&&y(/<[/\w]/g,e.textContent))return it(e),!0;if(!ye[l]||Te[l]){if(Ne&&!He[l]){var i=ae(e)||e.parentNode,r=te(e)||e.childNodes;if(r&&i)for(var n=r.length-1;n>=0;--n)i.insertBefore(X(r[n],!0),ee(e))}return it(e),!0}return e instanceof s&&!lt(e)?(it(e),!0):"noscript"!==l&&"noembed"!==l||!y(/<\/no(script|embed)/i,e.innerHTML)?(xe&&3===e.nodeType&&(t=e.textContent,t=m(t,pe," "),t=m(t,ue," "),e.textContent!==t&&(u(a.removed,{element:e.cloneNode()}),e.textContent=t)),gt("afterSanitizeElements",e,null),!1):(it(e),!0)},dt=function(e,t,a){if(Ae&&("id"===t||"name"===t)&&(a in i||a in $e))return!1;if(_e&&y(he,t));else if(Be&&y(fe,t));else{if(!ve[t]||Ce[t])return!1;if(Ve[t]);else if(y(we,m(a,ke,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==k(a,"data:")||!Ie[e])if(Se&&!y(me,m(a,ke,"")));else if(a)return!1}return!0},pt=function(e){var t=void 0,l=void 0,i=void 0,r=void 0;gt("beforeSanitizeAttributes",e,null);var n=e.attributes;if(n){var o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:ve};for(r=n.length;r--;){var c=t=n[r],s=c.name,g=c.namespaceURI;if(l=w(t.value),i=h(s),o.attrName=i,o.attrValue=l,o.keepAttr=!0,o.forceKeepAttr=void 0,gt("uponSanitizeAttribute",e,o),l=o.attrValue,!o.forceKeepAttr&&(rt(s,e),o.keepAttr))if(y(/\/>/i,l))rt(s,e);else{xe&&(l=m(l,pe," "),l=m(l,ue," "));var b=e.nodeName.toLowerCase();if(dt(b,i,l))try{g?e.setAttributeNS(g,s,l):e.setAttribute(s,l),p(a.removed)}catch(e){}}}gt("afterSanitizeAttributes",e,null)}},ut=function e(t){var a=void 0,l=ot(t);for(gt("beforeSanitizeShadowDOM",t,null);a=l.nextNode();)gt("uponSanitizeShadowNode",a,null),bt(a)||(a.content instanceof n&&e(a.content),pt(a));gt("afterSanitizeShadowDOM",t,null)};return a.sanitize=function(e,i){var r=void 0,o=void 0,s=void 0,g=void 0,b=void 0;if(e||(e="\x3c!--\x3e"),"string"!=typeof e&&!st(e)){if("function"!=typeof e.toString)throw O("toString is not a function");if("string"!=typeof(e=e.toString()))throw O("dirty is not a string, aborting")}if(!a.isSupported){if("object"===V(t.toStaticHTML)||"function"==typeof t.toStaticHTML){if("string"==typeof e)return t.toStaticHTML(e);if(st(e))return t.toStaticHTML(e.outerHTML)}return e}if(De||Qe(i),a.removed=[],"string"==typeof e&&(Ue=!1),Ue);else if(e instanceof c)1===(o=(r=nt("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===o.nodeName||"HTML"===o.nodeName?r=o:r.appendChild(o);else{if(!ze&&!xe&&!Ee&&-1===e.indexOf("<"))return ie&&Fe?ie.createHTML(e):e;if(!(r=nt(e)))return ze?null:re}r&&Me&&it(r.firstChild);for(var d=ot(Ue?e:r);s=d.nextNode();)3===s.nodeType&&s===g||bt(s)||(s.content instanceof n&&ut(s.content),pt(s),g=s);if(g=null,Ue)return e;if(ze){if(Re)for(b=se.call(r.ownerDocument);r.firstChild;)b.appendChild(r.firstChild);else b=r;return Le&&(b=ge.call(l,b,!0)),b}var p=Ee?r.outerHTML:r.innerHTML;return xe&&(p=m(p,pe," "),p=m(p,ue," ")),ie&&Fe?ie.createHTML(p):p},a.setConfig=function(e){Qe(e),De=!0},a.clearConfig=function(){Ye=null,De=!1},a.isValidAttribute=function(e,t,a){Ye||Qe({});var l=h(e),i=h(t);return dt(l,i,a)},a.addHook=function(e,t){"function"==typeof t&&(de[e]=de[e]||[],u(de[e],t))},a.removeHook=function(e){de[e]&&p(de[e])},a.removeHooks=function(e){de[e]&&(de[e]=[])},a.removeAllHooks=function(){de={}},a}()}()},function(e,t,a){"use strict";a.r(t);var l=a(0),i=a(4),r=a.n(i),n=a(6),o=a.n(n);const c=wp.element.createElement;function s(e){return"tabs-desktop"===e?c("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},c("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"}),c("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?c("svg",{width:24,height:24,viewBox:"0 0 24 24"},c("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"}),c("path",{d:"M12 17.5H12.01"})):"tabs-mobile"===e?c("svg",{width:24,height:24,viewBox:"0 0 24 24"},c("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"}),c("path",{d:"M12 17.5H12.01"})):"sync"===e?c("svg",{width:24,height:24,viewBox:"0 0 24 24"},c("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?c("svg",{width:24,height:24,viewBox:"0 0 20 20",style:{padding:"1px"}},c("path",{d:"M12.5 4v5.2h-5V4H5v13h2.5v-5.2h5V17H15V4",fill:"#1e72bd"})):"grid"===e?c("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},c("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?c("svg",{width:20,height:20,viewBox:"0 0 20 20",style:{padding:"1px"}},c("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?c("svg",{width:20,height:20,viewBox:"0 0 20 20"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 64 64",fillRule:"evenodd"},c("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"}),c("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?c("svg",{width:24,height:24,viewBox:"0 0 24 24",fillRule:"evenodd"},c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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"}),c("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?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("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"}),c("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"})):"shapes"===e?c("svg",{width:20,height:20,viewBox:"0 0 113 113",fillRule:"evenodd"},c("path",{d:"M106.756,6.244C115.081,14.571 115.081,98.429 106.756,106.756C98.429,115.081 14.571,115.081 6.244,106.756C-2.081,98.429 -2.081,14.571 6.244,6.244C14.571,-2.081 98.429,-2.081 106.756,6.244ZM67.875,88.052C67.875,86.977 67.003,86.105 65.928,86.105L47.072,86.105C45.997,86.105 45.125,86.977 45.125,88.052L45.125,91.948C45.125,93.023 45.997,93.896 47.072,93.896L65.928,93.896C67.003,93.896 67.875,93.023 67.875,91.948L67.875,88.052ZM57.899,31.409L59.305,31.409C60.853,31.409 62.11,30.152 62.11,28.604L62.11,28.089L73.263,57.543C73.757,58.333 73.731,59.161 73.731,59.403C73.729,62.659 65.231,69.414 65.375,83.611L47.625,83.611C47.769,69.414 39.271,62.659 39.269,59.403C39.269,59.161 39.243,58.333 39.737,57.543L50.89,28.089L50.89,28.604C50.89,30.152 52.147,31.409 53.695,31.409L55.101,31.409C55.111,35.738 55.142,50.367 55.098,54.109C55.093,54.494 54.907,54.988 54.68,55.45C52.915,56.169 51.669,57.903 51.669,59.925C51.669,62.592 53.834,64.756 56.5,64.756C59.166,64.756 61.331,62.592 61.331,59.925C61.331,57.903 60.085,56.169 58.32,55.45C58.093,54.988 57.907,54.494 57.902,54.109C57.858,50.367 57.889,35.738 57.899,31.409ZM52.227,19.451L52.227,18.881C52.227,17.702 53.185,16.745 54.364,16.745L58.636,16.745C59.815,16.745 60.773,17.702 60.773,18.881L60.773,19.451L88.831,19.451C89.457,17.867 91.002,16.745 92.807,16.745C95.165,16.745 97.08,18.66 97.08,21.018C97.08,23.376 95.165,25.29 92.807,25.29C91.03,25.29 89.505,24.203 88.861,22.658L71.798,22.658C83.83,28.003 92.531,39.501 93.898,53.148L94.93,53.148C96.109,53.148 97.067,54.105 97.067,55.284L97.067,59.557C97.067,60.736 96.109,61.693 94.93,61.693L90.657,61.693C89.478,61.693 88.521,60.736 88.521,59.557L88.521,55.284C88.521,54.105 89.478,53.148 90.657,53.148L90.922,53.148C89.19,37.24 76.627,24.564 60.773,22.659L60.773,23.154C60.773,24.333 59.815,25.29 58.636,25.29L54.364,25.29C53.185,25.29 52.227,24.333 52.227,23.154L52.227,22.688C36.484,24.689 24.036,37.318 22.312,53.148L22.329,53.148C23.508,53.148 24.466,54.105 24.466,55.284L24.466,59.557C24.466,60.736 23.508,61.693 22.329,61.693L18.056,61.693C16.877,61.693 15.92,60.736 15.92,59.557L15.92,55.284C15.92,54.105 16.877,53.148 18.056,53.148L19.336,53.148C20.703,39.501 29.405,28.003 41.437,22.658L24.139,22.658C23.495,24.203 21.97,25.29 20.193,25.29C17.835,25.29 15.92,23.376 15.92,21.018C15.92,18.66 17.835,16.745 20.193,16.745C21.998,16.745 23.543,17.867 24.169,19.451L52.227,19.451Z"})):"wrench"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(l.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(l.createElement)("g",null,Object(l.createElement)("path",{d:"M16.68 9.77c-1.34 1.34-3.3 1.67-4.95.99l-5.41 6.52c-.99.99-2.59.99-3.58 0s-.99-2.59 0-3.57l6.52-5.42c-.68-1.65-.35-3.61.99-4.95 1.28-1.28 3.12-1.62 4.72-1.06l-2.89 2.89 2.82 2.82 2.86-2.87c.53 1.58.18 3.39-1.08 4.65zM3.81 16.21c.4.39 1.04.39 1.43 0 .4-.4.4-1.04 0-1.43-.39-.4-1.03-.4-1.43 0-.39.39-.39 1.03 0 1.43z"}))):"x"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(l.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(l.createElement)("g",null,Object(l.createElement)("path",{d:"M14.95 6.46L11.41 10l3.54 3.54-1.41 1.41L10 11.42l-3.53 3.53-1.42-1.42L8.58 10 5.05 6.47l1.42-1.42L10 8.58l3.54-3.53z"}))):"ellipsis"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(l.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(l.createElement)("g",null,Object(l.createElement)("path",{d:"M5 10c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm12-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-7 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}))):"insert"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(l.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(l.createElement)("g",null,Object(l.createElement)("path",{d:"M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6z"}))):"reset"===e?Object(l.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 50 50"},Object(l.createElement)("path",{d:"M25 38c-5.1 0-9.7-3-11.8-7.6l1.8-.8c1.8 3.9 5.7 6.4 10 6.4 6.1 0 11-4.9 11-11s-4.9-11-11-11c-4.6 0-8.5 2.8-10.1 7.3l-1.9-.7c1.9-5.2 6.6-8.6 12-8.6 7.2 0 13 5.8 13 13s-5.8 13-13 13z",fill:"currentColor"}),Object(l.createElement)("path",{d:"M20 22h-8v-8h2v6h6z",fill:"currentColor"})):void 0}var g=a(1),b=a(2),d=a(3);class p extends l.Component{render(){const{onClick:e,selectedDevice:t}=this.props;return Object(l.createElement)(l.Fragment,null,Object(l.createElement)("div",{className:"gb-responsive-tabs"},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Show options for all devices","generateblocks")},Object(l.createElement)(b.Button,{isPressed:"Desktop"===t,onClick:()=>{e("Desktop")}},Object(g.__)("Desktop","generateblocks"))),Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Show options for tablet devices","generateblocks")},Object(l.createElement)(b.Button,{isPressed:"Tablet"===t,onClick:()=>{e("Tablet")}},Object(g.__)("Tablet","generateblocks"))),Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Show options for mobile devices","generateblocks")},Object(l.createElement)(b.Button,{isPressed:"Mobile"===t,onClick:()=>{e("Mobile")}},Object(g.__)("Mobile","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","afterResponsiveTabs",this.props,this.state))}}class u extends l.Component{render(){const{label:e,value:t,onClick:a,units:i,id:r}=this.props;return Object(l.createElement)("div",{className:"components-gblocks-units-control-header__units"},Object(l.createElement)("div",{className:"components-gblocks-units-control-label__units"},r?Object(l.createElement)("label",{htmlFor:r},e):e),Object(l.createElement)("div",{className:"components-gblocks-control__units"},Object(l.createElement)(b.ButtonGroup,{className:"components-gblocks-control-buttons__units","aria-label":Object(g.__)("Select Units","generateblocks")},i.map(e=>{let i=e;return"px"===e&&(i=Object(g._x)("Pixel","A size unit for CSS markup","generateblocks")),"em"===e&&(i=Object(g._x)("Em","A size unit for CSS markup","generateblocks")),"%"===e&&(i=Object(g._x)("Percentage","A size unit for CSS markup","generateblocks")),"deg"===e&&(i=Object(g._x)("Degree","A size unit for CSS markup","generateblocks")),Object(l.createElement)(b.Tooltip
2
  /* translators: Unit type (px, em, %) */,{text:Object(g.sprintf)(Object(g.__)("%s Units","generateblocks"),i),key:e},Object(l.createElement)(b.Button,{key:e,className:"components-gblocks-control-button__units--"+e,isSmall:!0,isPrimary:t===e,"aria-pressed":t===e
3
+ /* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Units","generateblocks"),i),onClick:()=>a(e)},e))}))))}}function h(e){let t="";for(const[a,l]of Object.entries(e)){if(l.length<1)continue;let e=a+"{",i=0;for(const[t,a]of Object.entries(l))for(const[t,l]of Object.entries(a))(l||0===l)&&(i++,e+=t+": "+l+";");e+="}",i>0&&(t+=e)}return t}function f(e,t){return!(!e&&0!==e)&&e+t}class m extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,horizontalGap:a,verticalGap:i,verticalAlignment:r,horizontalAlignment:n}=e;let o=[];return o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":r,"justify-content":n,"margin-left":"-"+a/2+"px","margin-right":"-"+a/2+"px"}],o[".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":f(i,"px")}],o=Object(d.applyFilters)("generateblocks.editor.mainCSS",o,this.props,"grid"),Object(l.createElement)("style",null,h(o))}}class k extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.desktopCSS",e,this.props,"grid"),Object(l.createElement)("style",null,h(e))}}class w extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,horizontalGapTablet:a,verticalGapTablet:i,verticalAlignmentTablet:r,horizontalAlignmentTablet:n}=e;let o=[];return o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":"inherit"!==r?r:null,"justify-content":"inherit"!==n?n:null,"margin-left":a||0===a?"-"+a/2+"px":null,"margin-right":a||0===a?"-"+a/2+"px":null}],o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{"padding-left":a||0===a?a/2+"px":null,"padding-right":a||0===a?a/2+"px":null,"margin-bottom":i||0===i?f(i,"px"):null}],o=Object(d.applyFilters)("generateblocks.editor.tabletCSS",o,this.props,"grid"),Object(l.createElement)("style",null,h(o))}}class y extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",e,this.props,"grid"),Object(l.createElement)("style",null,h(e))}}class O extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,horizontalGapMobile:a,verticalGapMobile:i,verticalAlignmentMobile:r,horizontalAlignmentMobile:n}=e;let o=[];return o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"align-items":"inherit"!==r?r:null,"justify-content":"inherit"!==n?n:null,"margin-left":a||0===a?"-"+a/2+"px":null,"margin-right":a||0===a?"-"+a/2+"px":null}],o[".gb-grid-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{"padding-left":a||0===a?a/2+"px":null,"padding-right":a||0===a?a/2+"px":null,"margin-bottom":i||0===i?f(i,"px"):null}],o=Object(d.applyFilters)("generateblocks.editor.mobileCSS",o,this.props,"grid"),Object(l.createElement)("style",null,h(o))}}class v extends l.Component{render(){const{name:e,children:t}=this.props;return Object(d.applyFilters)(e,t||"",this.props)}}class j extends l.Component{render(){const{title:e=!1,initialOpen:t=!1,icon:a,className:i,id:r,state:n,showPanel:o=!0,children:c}=this.props;if(!Object(d.applyFilters)("generateblocks.editor.showPanel",o,r,this.props))return null;let s=!0;return""===c&&(s=!1),"object"==typeof c&&(s=Object.values(c).some(e=>null!==e&&!1!==e&&""!==e)),s?Object(l.createElement)(v,{name:"generateblocks.panel."+r,props:this.props,state:n},e?Object(l.createElement)(b.PanelBody,{title:e,initialOpen:t,icon:a,className:i},Object(d.applyFilters)("generateblocks.editor.panelContents",c,r,this.props)):Object(l.createElement)(b.PanelBody,null,Object(d.applyFilters)("generateblocks.editor.panelContents",c,r,this.props))):null}}function T(e,t,a){return Object.keys(e).forEach(l=>{const i=void 0!==e[l].clientId?e[l].clientId:"",r=void 0!==e[l].name?e[l].name:"";i!==a&&r.includes("generateblocks")&&t.push(e[l].attributes.uniqueId),void 0!==e[l].innerBlocks&&e[l].innerBlocks.length>0&&T(e[l].innerBlocks,t,a)}),t}function C(e){return e||0===e}function B(e,t){return!e||e<t}function _(e,t,a,l){let i=t[e];return"Mobile"===a&&t[e+"Tablet"]&&(i=t[e+"Tablet"]),""!==i&&!1!==i||(i=l),i}function S(e){return""===e.uniqueId}var x=a(5),E=a(7),D=a(8),M=a(9);const z=/[\s#]/g;class R extends l.Component{constructor(){super(...arguments),this.state={selectedLayout:!1,selectedDevice:"Desktop"},this.onLayoutSelect=this.onLayoutSelect.bind(this),this.getColumnsFromLayout=this.getColumnsFromLayout.bind(this),this.getLayoutsSelector=this.getLayoutsSelector.bind(this),this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=T(wp.data.select("core/block-editor").getBlocks(),[],this.props.clientId);if(this.props.attributes.uniqueId&&!e.includes(this.props.attributes.uniqueId)||this.props.setAttributes({uniqueId:this.props.clientId.substr(2,9).replace("-","")}),void 0!==this.props.attributes.isDynamic&&this.props.attributes.isDynamic||this.props.setAttributes({isDynamic:!0}),!S(this.props.attributes)&&B(this.props.attributes.blockVersion,2)){const e=generateBlocksLegacyDefaults.v_1_4_0.gridContainer,t={};void 0!==this.props.attributes.useGlobalStyle&&this.props.attributes.useGlobalStyle&&void 0!==this.props.attributes.globalStyleId&&this.props.attributes.globalStyleId||C(this.props.attributes.horizontalGap)||(t.horizontalGap=e.horizontalGap),Object.keys(t).length>0&&this.props.setAttributes(t)}B(this.props.attributes.blockVersion,2)&&this.props.setAttributes({blockVersion:2})}componentDidUpdate(){const{attributes:e,setAttributes:t,clientId:a}=this.props;let{columns:l}=e;if(this.state.selectedLayout){const e=this.getColumnsFromLayout(this.state.selectedLayout);e.forEach(e=>{wp.data.dispatch("core/block-editor").insertBlocks(Object(E.createBlock)("generateblocks/container",e),void 0,a,!1)}),l=e.length,t({columns:l}),this.setState({selectedLayout:!1})}else{const e=wp.data.select("core/block-editor").getBlocksByClientId(a)[0];e&&(l=e.innerBlocks.length,t({columns:l}))}}getColumnsFromLayout(e){const t=[],a=e.split("-");let l=0;return a.forEach(()=>{const e={isGrid:!0,gridId:this.props.attributes.uniqueId,paddingTop:generateBlocksStyling.container.gridItemPaddingTop||"",paddingRight:generateBlocksStyling.container.gridItemPaddingRight||"",paddingBottom:generateBlocksStyling.container.gridItemPaddingBottom||"",paddingLeft:generateBlocksStyling.container.gridItemPaddingLeft||"",widthMobile:100};e.width=Number(a[l]),l++,t.push(e)}),t}getLayoutsSelector(){return Object(l.createElement)(b.Placeholder,{label:Object(g.__)("Grid","generateblocks"),instructions:Object(g.__)("Select one layout to get started.","generateblocks"),className:"gb-select-layout"},Object(l.createElement)("div",{className:"gb-grid-wrapper-layout-preview"},["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-16-16-16-16-16"].map(e=>{const t=this.getColumnsFromLayout(e);return Object(l.createElement)("button",{key:"layout-"+e,className:"gb-grid-wrapper-layout-preview-btn",onClick:()=>this.onLayoutSelect(e)},t.map((t,a)=>Object(l.createElement)("div",{key:`layout-${e}-col-${a}`,className:o()("gb-col","gb-col-"+t.width)})))})))}onLayoutSelect(e){this.setState({selectedLayout:e})}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,clientId:a}=this.props,{uniqueId:i,className:n,anchor:c,columns:h,horizontalGap:f,verticalGap:v,verticalAlignment:T,horizontalGapTablet:B,verticalGapTablet:S,verticalAlignmentTablet:D,horizontalGapMobile:M,verticalGapMobile:R,verticalAlignmentMobile:L,horizontalAlignment:F,horizontalAlignmentTablet:A,horizontalAlignmentMobile:N}=e;let U={className:o()({"gb-grid-wrapper":!0,["gb-grid-wrapper-"+i]:!0,[""+n]:void 0!==n}),id:c||null};return U=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",U,"generateblocks/grid",e),Object(l.createElement)(l.Fragment,null,(h>0||this.state.selectedLayout)&&Object(l.createElement)(x.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:s("addContainer"),label:Object(g.__)("Add Grid Item","generateblocks"),onClick:()=>{wp.data.dispatch("core/block-editor").insertBlocks(Object(E.createBlock)("generateblocks/container",{isGrid:!0,gridId:i,paddingTop:generateBlocksStyling.container.gridItemPaddingTop||"",paddingRight:generateBlocksStyling.container.gridItemPaddingRight||"",paddingBottom:generateBlocksStyling.container.gridItemPaddingBottom||"",paddingLeft:generateBlocksStyling.container.gridItemPaddingLeft||"",width:50,widthMobile:100}),void 0,a)},showTooltip:!0}))),Object(l.createElement)(x.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{id:"gridLayout",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Horizontal Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:C(f)?f:"",min:"0",onChange:e=>{e=e.toString().replace(/-/g,""),t({horizontalGap:e})},onBlur:()=>{""!==f&&t({horizontalGap:parseFloat(f)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({horizontalGap:generateBlocksDefaults.gridContainer.horizontalGap})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(u,{label:Object(g.__)("Vertical Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:C(v)?v:"",min:"0",onChange:e=>{e=e.toString().replace(/-/g,""),t({verticalGap:e})},onBlur:()=>{""!==v&&t({verticalGap:parseFloat(v)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({verticalGap:generateBlocksDefaults.gridContainer.verticalGap})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:T,help:Object(g.__)("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignment:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Horizontal Alignment","generateblocks"),value:F,options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Left","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Right","generateblocks"),value:"flex-end"}],onChange:e=>{t({horizontalAlignment:e})}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Horizontal Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:C(B)?B:"",min:"0",placeholder:_("horizontalGap",e,"Tablet",""),onChange:e=>{e=e.toString().replace(/-/g,""),t({horizontalGapTablet:e})},onBlur:()=>{""!==B&&t({horizontalGapTablet:parseFloat(B)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({horizontalGapTablet:generateBlocksDefaults.gridContainer.horizontalGapTablet})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(u,{label:Object(g.__)("Vertical Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:C(S)?S:"",min:"0",placeholder:_("verticalGap",e,"Tablet",""),onChange:e=>{e=e.toString().replace(/-/g,""),t({verticalGapTablet:e})},onBlur:()=>{""!==S&&t({verticalGapTablet:parseFloat(S)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({verticalGapTablet:generateBlocksDefaults.gridContainer.verticalGapTablet})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:D,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentTablet:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Horizontal Alignment","generateblocks"),value:A,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Left","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Right","generateblocks"),value:"flex-end"}],onChange:e=>{t({horizontalAlignmentTablet:e})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Horizontal Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:C(M)?M:"",min:"0",placeholder:_("horizontalGap",e,"Mobile",""),onChange:e=>{e=e.toString().replace(/-/g,""),t({horizontalGapMobile:e})},onBlur:()=>{""!==M&&t({horizontalGapMobile:parseFloat(M)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({horizontalGapMobile:generateBlocksDefaults.gridContainer.horizontalGapMobile})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(u,{label:Object(g.__)("Vertical Gap","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:C(R)?R:"",min:"0",placeholder:_("verticalGap",e,"Mobile",""),onChange:e=>{e=e.toString().replace(/-/g,""),t({verticalGapMobile:e})},onBlur:()=>{""!==R&&t({verticalGapMobile:parseFloat(R)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({verticalGapMobile:generateBlocksDefaults.gridContainer.verticalGapMobile})}},Object(g.__)("Reset","generateblocks"))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid items. Removes same height columns and overrides grid item content alignment.","generateblocks"),value:L,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentMobile:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Horizontal Alignment","generateblocks"),value:N,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Left","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Right","generateblocks"),value:"flex-end"}],onChange:e=>{t({horizontalAlignmentMobile:e})}})),Object(d.applyFilters)("generateblocks.editor.controls","","gridLayout",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"gridDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/grid/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","gridDocumentation",this.props,this.state))),Object(l.createElement)(x.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:c||"",onChange:e=>{e=e.replace(z,"-"),t({anchor:e})}})),Object(l.createElement)(m,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(k,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(w,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(y,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(O,this.props)),Object(l.createElement)("div",U,h>0||this.state.selectedLayout?Object(l.createElement)(l.Fragment,null,Object(l.createElement)(x.InnerBlocks,{allowedBlocks:["generateblocks/container"],renderAppender:!1})):this.getLayoutsSelector()))}}var L=Object(M.compose)([Object(D.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(D.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])(R),F={uniqueId:{type:"string",default:""},anchor:{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},isDynamic:{type:"boolean"},blockVersion:{type:"number"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},A=[{attributes:F,supports:{anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i}=e;let r={id:a||void 0,className:o()({"gb-grid-wrapper":!0,["gb-grid-wrapper-"+t]:!0,[""+i]:""!==i})};return r=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",r,"generateblocks/grid",e),Object(l.createElement)("div",r,Object(l.createElement)(x.InnerBlocks.Content,null))}}];Object(E.registerBlockType)("generateblocks/grid",{title:Object(g.__)("Grid","generateblocks"),description:Object(g.__)("Create advanced layouts with flexible grids.","generateblocks"),icon:s("grid"),category:"generateblocks",keywords:[Object(g.__)("grid"),Object(g.__)("column"),Object(g.__)("generate")],attributes:F,supports:{className:!1},edit:L,save:()=>Object(l.createElement)(x.InnerBlocks.Content,null),deprecated:A});const N=["wide","full"],U=Object(M.createHigherOrderComponent)(e=>t=>{if("generateblocks/container"!==t.name)return Object(l.createElement)(e,t);const{attributes:a,clientId:i,setAttributes:r}=t,{isGrid:n,align:o}=a;let c=!1;c="function"==typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(i,"generateblocks/grid",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(i);const d=Object(E.getBlockSupport)("","align",!0)&&!n;return Object(l.createElement)(l.Fragment,null,n&&c&&Object(l.createElement)(x.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-block-control-icon gblocks-add-grid-item",icon:s("addContainer"),label:Object(g.__)("Duplicate Grid Item","generateblocks"),onClick:()=>{const e=wp.data.select("core/block-editor").getBlocksByClientId(i)[0],t=Object(E.cloneBlock)(e,{uniqueId:""});wp.data.dispatch("core/block-editor").insertBlocks(t,void 0,c)},showTooltip:!0}))),d&&Object(l.createElement)(x.BlockControls,null,Object(l.createElement)(x.BlockAlignmentToolbar,{value:o,onChange:e=>{r({align:e}),"full"===e&&r({outerContainer:"full"})},controls:N})),Object(l.createElement)(e,t))},"withAdvancedControls");function P({tagName:e,htmlAttrs:t,children:a}){return Object(l.createElement)(e,t,a)}function H(e,t){return e?(t||0===t)&&1!==t&&e.startsWith("#")?(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:""}Object(d.addFilter)("editor.BlockEdit","generateblocks/container-block-controls",U);class I extends l.Component{constructor(){super(...arguments),this.state={colorKey:!1},this.timer=null}componentWillUnmount(){clearTimeout(this.timer)}render(){const{value:e,onChange:t,onOpacityChange:a,label:i,alpha:r=!1,valueOpacity:n}=this.props,{colorKey:c}=this.state,d=()=>{!0===this.state.isVisible&&this.setState({isVisible:!1})};return Object(l.createElement)(b.BaseControl,{className:"gblocks-component-color-picker-wrapper"},!!i&&Object(l.createElement)("div",{className:"gblocks-color-component-label"},Object(l.createElement)("span",null,i)),Object(l.createElement)("div",{className:"gblocks-color-picker-area"},!this.state.isVisible&&Object(l.createElement)("div",{className:o()("components-color-palette__item-wrapper components-circular-option-picker__option-wrapper",e?"":"components-color-palette__custom-color")},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Choose Color","generateblocks")},Object(l.createElement)("button",{type:"button","aria-expanded":this.state.isVisible,className:"components-color-palette__item components-circular-option-picker__option",onClick:()=>{this.setState({isVisible:!0})},"aria-label":Object(g.__)("Custom color picker","generateblocks"),style:{color:e?H(e,n):"transparent"}},Object(l.createElement)("span",{className:"components-color-palette__custom-color-gradient"})))),this.state.isVisible&&Object(l.createElement)("div",{className:o()("components-color-palette__item-wrapper components-circular-option-picker__option-wrapper",e?"":"components-color-palette__custom-color")},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Choose Color","generateblocks")},Object(l.createElement)("button",{type:"button","aria-expanded":this.state.isVisible,className:"components-color-palette__item components-circular-option-picker__option",onClick:d,"aria-label":Object(g.__)("Custom color picker","generateblocks"),style:{color:e?H(e,n):"transparent"}},Object(l.createElement)("span",{className:"components-color-palette__custom-color-gradient"})))),this.state.isVisible&&Object(l.createElement)(b.Popover,{position:"top left",className:"gblocks-component-color-picker",onClose:d},Object(l.createElement)(b.BaseControl,{key:c},Object(l.createElement)(b.ColorPicker,{key:c,color:(e=>{if(String(e).startsWith("var(")){const t=e.match(/\(([^)]+)\)/);if(t){const a=getComputedStyle(document.documentElement).getPropertyValue(t[1]);a&&(e=a)}}return e})(e)||"",onChangeComplete:e=>{let a;if(void 0===e.rgb||1===e.rgb.a)a=e.hex;else{const{r:t,g:l,b:i,a:r}=e.rgb;a=`rgba(${t}, ${l}, ${i}, ${r})`}t(a)},disableAlpha:!r||1!==n}),Object(l.createElement)("div",{className:"gblocks-color-input-wrapper"},Object(l.createElement)(b.TextControl,{className:"gblocks-color-input",type:"text",value:e||"",onChange:e=>{!e.startsWith("#")&&/^([0-9A-F]{3}){1,2}$/i.test(e)&&(e="#"+e),t(e),clearTimeout(this.timer),this.timer=setTimeout(()=>{this.setState({colorKey:e});const t=document.querySelector(".gblocks-color-input-wrapper input");t&&t.focus()},350)}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-color-clear-color",onClick:()=>{t(""),r&&1!==n&&a(1),this.setState({colorKey:!1}),setTimeout((function(){document.querySelector(".gblocks-color-input-wrapper input").focus()}),10)}},Object(g.__)("Clear Color","generateblocks")))),r&&1!==n&&Object(l.createElement)("div",{className:"gblocks-component-color-opacity"},Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Opacity","generateblocks")},s("gradient")),Object(l.createElement)(b.RangeControl,{value:n||0,onChange:e=>a(e),min:0,max:1,step:.01,initialPosition:1})),Object(l.createElement)(b.BaseControl,{className:"gblocks-component-color-picker-palette"},Object(l.createElement)(x.ColorPalette,{value:e,onChange:e=>{t(e),this.setState({colorKey:e}),setTimeout((function(){document.querySelector(".gblocks-color-input-wrapper input").focus()}),10)},disableCustomColors:!0,clearable:!1})))))}}class G extends l.Component{constructor(){super(...arguments),this.onChangeTop=this.onChangeTop.bind(this),this.onChangeRight=this.onChangeRight.bind(this),this.onChangeBottom=this.onChangeBottom.bind(this),this.onChangeLeft=this.onChangeLeft.bind(this),this.onChangeAll=this.onChangeAll.bind(this),this.syncUnits=this.syncUnits.bind(this),this.onChangeUnits=this.onChangeUnits.bind(this)}onReset(e){this.props.setAttributes({[this.props[e]]:""})}onChangeTop(e){this.props.setAttributes({[this.props.attrTop]:e})}onChangeRight(e){this.props.setAttributes({[this.props.attrRight]:e})}onChangeBottom(e){this.props.setAttributes({[this.props.attrBottom]:e})}onChangeLeft(e){this.props.setAttributes({[this.props.attrLeft]:e})}onChangeAll(e){this.props.setAttributes({[this.props.attrTop]:e,[this.props.attrRight]:e,[this.props.attrBottom]:e,[this.props.attrLeft]:e})}syncUnits(){const e=[this.props.attributes[this.props.attrTop],this.props.attributes[this.props.attrRight],this.props.attributes[this.props.attrBottom],this.props.attributes[this.props.attrLeft]],t=Math.max.apply(null,e);this.props.setAttributes({[this.props.attrSyncUnits]:!this.props.attributes[this.props.attrSyncUnits],[this.props.attrTop]:t.toString(),[this.props.attrRight]:t.toString(),[this.props.attrBottom]:t.toString(),[this.props.attrLeft]:t.toString()})}onChangeUnits(e){this.props.setAttributes({[this.props.attrUnit]:e})}render(){const{attributes:e,label:t=Object(g.__)("Margin","generateblocks"),type:a="margin",attrTop:i,attrRight:r,attrBottom:n,attrLeft:c,attrSyncUnits:d,attrUnit:p,labelTop:h=Object(g.__)("Top","generateblocks"),labelRight:f=Object(g.__)("Right","generateblocks"),labelBottom:m=Object(g.__)("Bottom","generateblocks"),labelLeft:k=Object(g.__)("Left","generateblocks"),device:w,block:y,units:O}=this.props,v=o()("components-base-control","components-gblocks-dimensions-control");let j="",T="",C="",B="";if("headline"===y&&n.includes("marginBottom")){if("px"===this.props.attributes.marginUnit){const e=document.querySelector(".gb-headline-"+this.props.attributes.uniqueId);e&&(C=parseFloat(window.getComputedStyle(e).marginBottom))}else"em"===this.props.attributes.marginUnit&&void 0!==generateBlocksStyling.headline&&void 0!==generateBlocksStyling.headline[e.element]&&void 0!==generateBlocksStyling.headline[e.element].marginBottom&&generateBlocksStyling.headline[e.element].marginUnit===e.marginUnit&&(C=generateBlocksStyling.headline[e.element].marginBottom);"div"!==this.props.attributes.element&&"span"!==this.props.attributes.element||(C="")}if("Tablet"===w){const t=i.replace("Tablet",""),a=r.replace("Tablet",""),l=n.replace("Tablet",""),o=c.replace("Tablet","");j=e[t]?e[t]:j,T=e[a]?e[a]:T,C=e[l]?e[l]:C,B=e[o]?e[o]:B}if("Mobile"===w){const t=i.replace("Mobile",""),a=r.replace("Mobile",""),l=n.replace("Mobile",""),o=c.replace("Mobile","");e[t+"Tablet"]?j=e[t+"Tablet"]:e[t]&&(j=e[t]),e[a+"Tablet"]?T=e[a+"Tablet"]:e[a]&&(T=e[a]),e[l+"Tablet"]?C=e[l+"Tablet"]:e[l]&&(C=e[l]),e[o+"Tablet"]?B=e[o+"Tablet"]:e[o]&&(B=e[o])}return Object(l.createElement)(l.Fragment,null,Object(l.createElement)("div",{className:v},Object(l.createElement)(u,{label:t,value:void 0!==e[p]?e[p]:"px",units:O,onClick:t=>{if(void 0===e[p])return!1;this.onChangeUnits(t)}}),Object(l.createElement)("div",{className:"components-gblocks-dimensions-control__inputs"},Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:j,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeTop(t):this.onReset("attrTop")}
4
+ /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Top","generateblocks"),t),value:e[i]?e[i]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:T,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeRight(t):this.onReset("attrRight")}
5
+ /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Right","generateblocks"),t),value:e[r]?e[r]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:C,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeBottom(t):this.onReset("attrBottom")}
6
+ /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Bottom","generateblocks"),t),value:e[n]?e[n]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)("input",{className:"components-gblocks-dimensions-control__number",placeholder:B,type:"number",onChange:e=>{let t=e.target.value;"padding"===a&&(t=t.toString().replace(/-/g,"")),""!==t?this.props.attributes[this.props.attrSyncUnits]?this.onChangeAll(t):this.onChangeLeft(t):this.onReset("attrLeft")}
7
+ /* translators: Dimension label (padding, margin, border) */,"aria-label":Object(g.sprintf)(Object(g.__)("%s Left","generateblocks"),t),value:e[c]?e[c]:"",min:"padding"===a?0:void 0,"data-attribute":a}),Object(l.createElement)(b.Tooltip,{text:e[d]?Object(g.__)("Unsync","generateblocks"):Object(g.__)("Sync","generateblocks")},Object(l.createElement)(b.Button,{className:"components-gblocks-dimensions-control_sync","aria-label":Object(g.__)("Sync Units","generateblocks"),isPrimary:!!e[d]&&e[d],"aria-pressed":!!e[d]&&e[d],onClick:e=>this.syncUnits(e,""),isSmall:!0},(e[d],s("sync"))))),Object(l.createElement)("div",{className:"components-gblocks-dimensions-control__input-labels"},Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},h),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},f),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},m),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"},k),Object(l.createElement)("span",{className:"components-gblocks-dimensions-control__number-label"}))))}}var V=G,W=a(10);class q extends l.Component{constructor(){super(...arguments),this.state={showAdvancedTypography:"true"===localStorage.getItem("generateblocksShowAdvancedTypography")||!1}}render(){const{setAttributes:e,attributes:t,device:a="",showFontSize:i=!1,showFontFamily:r=!1,showFontWeight:n=!1,showTextTransform:o=!1,showLineHeight:c=!1,showLetterSpacing:s=!1,disableAdvancedToggle:d=!1,fontSizePlaceholder:p="17"}=this.props,h=[{value:"",label:Object(g.__)("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(W).slice(0,20).forEach(e=>{h.push({value:e,label:e})}),h.push({value:"other",label:Object(g.__)("Other","generateblocks")});let f=[{value:"",label:Object(g.__)("Default","generateblocks")},{value:"normal",label:Object(g.__)("Normal","generateblocks")},{value:"bold",label:Object(g.__)("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"}];const m=[{value:"",label:Object(g.__)("Default","generateblocks")},{value:"uppercase",label:Object(g.__)("Uppercase","generateblocks")},{value:"lowercase",label:Object(g.__)("Lowercase","generateblocks")},{value:"capitalize",label:Object(g.__)("Capitalize","generateblocks")},{value:"initial",label:Object(g.__)("Normal","generateblocks")}];void 0!==W[t.fontFamily]&&void 0!==W[t.fontFamily].weight&&(f=[{value:"",label:Object(g.__)("Default","generateblocks")},{value:"normal",label:Object(g.__)("Normal","generateblocks")},{value:"bold",label:Object(g.__)("Bold","generateblocks")}],W[t.fontFamily].weight.filter((function(e){const t=e.match(/[a-z]/g),a=e.match(/[0-9]/g);return!(t&&a||"italic"===e||"regular"===e)})).forEach(e=>{f.push({value:e,label:e})}));const k=a=>{"other"===a&&(a="");let l=t.fontWeight;e({fontFamily:a}),t.fontWeight&&Object.values(f).indexOf(t.fontWeight)<0&&(l=""),void 0!==W[a]?e({googleFont:!0,fontFamilyFallback:W[a].fallback,googleFontVariants:W[a].weight.join(", ")}):e({googleFont:!1,fontFamilyFallback:"",googleFontVariants:""})},w=t=>{e({fontFamily:t.target.value}),k(t.target.value)},y=(e,a)=>t[e+a],O=(e,t)=>e+t;let v=this.state.showAdvancedTypography;return d&&(v=!0),Object(l.createElement)(l.Fragment,null,Object(l.createElement)("div",{className:"components-gblocks-typography-weight-transform"},n&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Weight","generateblocks"),value:t.fontWeight,options:f,onChange:t=>{e({fontWeight:t})},className:"components-base-control"}),o&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Transform","generateblocks"),value:t.textTransform,options:m,onChange:t=>{e({textTransform:t})},className:"components-base-control"})),!d&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Show Advanced Typography","generateblocks"),checked:!!this.state.showAdvancedTypography,onChange:e=>{localStorage.setItem("generateblocksShowAdvancedTypography",e),this.setState({showAdvancedTypography:e})}}),r&&v&&Object(l.createElement)(b.BaseControl,{className:"gblocks-font-family-shortcuts"},Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Font Family","generateblocks")),Object(l.createElement)("select",{className:"components-select-control__input components-select-control__input--gblocks-fontfamily",onChange:w,onBlur:w},h.map((e,t)=>Object(l.createElement)("option",{key:`${e.label}-${e.value}-${t}`,value:e.value},e.label)))),r&&v&&Object(l.createElement)(b.TextControl,{value:t.fontFamily,placeholder:Object(g.__)("Enter font name","generateblocks"),onChange:e=>k(e)}),r&&""!==t.fontFamily&&v&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Google Font","generateblocks"),checked:!!t.googleFont,onChange:a=>{e({googleFont:a}),a&&void 0!==W[t.fontFamily]&&e({fontFamilyFallback:W[t.fontFamily].fallback,googleFontVariants:W[t.fontFamily].weight.join(", ")})}}),!!t.googleFont&&Object(l.createElement)(b.TextControl,{label:Object(g.__)("Variants","generateblocks"),value:t.googleFontVariants,placeholder:Object(g.__)("300, 400, 400i","generateblocks"),onChange:t=>{e({googleFontVariants:t})}})),r&&v&&Object(l.createElement)(b.TextControl,{label:Object(g.__)("Font Family Fallback","generateblocks"),value:t.fontFamilyFallback,placeholder:Object(g.__)("sans-serif","generateblocks"),onChange:t=>{e({fontFamilyFallback:t})}}),i&&v&&Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Font Size","generateblocks"),value:t.fontSizeUnit,units:["px","em","%"],onClick:t=>{e({fontSizeUnit:t})}}),Object(l.createElement)("div",{className:"components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:y("fontSize",a)||"",placeholder:_("fontSize",t,a,p),onChange:t=>{const l=O("fontSize",a);e({[l]:t})},onBlur:()=>{const t=O("fontSize",a);""!==y("fontSize",a)&&e({[t]:parseFloat(y("fontSize",a))})},onClick:e=>{e.currentTarget.focus()},min:1,autoComplete:"off"}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{const t=O("fontSize",a);e({[t]:this.props.defaultFontSize})}},Object(g.__)("Reset","generateblocks")))),c&&v&&Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Line Height","generateblocks"),value:t.lineHeightUnit,units:["px","em","%"],onClick:t=>{e({lineHeightUnit:t})}}),Object(l.createElement)("div",{className:"components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:y("lineHeight",a)||0===y("lineHeight",a)?y("lineHeight",a):"",placeholder:_("lineHeight",t,a,""),onChange:t=>{const l=O("lineHeight",a);e({[l]:t})},onBlur:()=>{const t=O("lineHeight",a);""!==y("lineHeight",a)&&e({[t]:parseFloat(y("lineHeight",a))})},onClick:e=>{e.currentTarget.focus()},min:0,step:.1,autoComplete:"off"}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{const t=O("lineHeight",a);e({[t]:this.props.defaultLineHeight})}},Object(g.__)("Reset","generateblocks")))),s&&v&&Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Letter Spacing","generateblocks"),value:"em",units:["em"],onClick:()=>!1}),Object(l.createElement)("div",{className:"components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:y("letterSpacing",a)||"",placeholder:_("letterSpacing",t,a,"0.01"),onChange:t=>{const l=O("letterSpacing",a);e({[l]:t})},onBlur:()=>{const t=O("letterSpacing",a);""!==y("letterSpacing",a)&&e({[t]:parseFloat(y("letterSpacing",a))})},onClick:e=>{e.currentTarget.focus()},min:-1,step:.01,autoComplete:"off"}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{const t=O("letterSpacing",a);e({[t]:this.props.defaultLetterSpacing})}},Object(g.__)("Reset","generateblocks")))))}}var Z=q;class K extends l.Component{render(){const{attributes:e,setAttributes:t,attrGradient:a,attrGradientDirection:i,attrGradientColorOne:r,attrGradientColorOneOpacity:n,attrGradientColorStopOne:o,attrGradientColorTwo:c,attrGradientColorTwoOpacity:s,attrGradientColorStopTwo:d,defaultColorOne:p,defaultColorTwo:u}=this.props,{gradientSelector:h,innerZindex:f}=e,m="element"===h?Object(g.__)("Displays behind the background image.","generateblocks"):Object(g.__)("Displays in front of the background image.","generateblocks");return Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Use Gradient","generateblocks"),checked:!!e[a],onChange:a=>{const l=this.props;let n=e[i],o=e[r],s=e[c];a&&(n=n||90,o=o||"rgba(255, 255, 255, 0.1)",s=s||"rgba(0, 0, 0, 0.30)"),t({[l.attrGradient]:a,[l.attrGradientDirection]:n,[l.attrGradientColorOne]:o,[l.attrGradientColorTwo]:s})}}),!!e[a]&&Object(l.createElement)(l.Fragment,null,void 0!==h&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Selector","generateblocks"),help:m,value:h,options:[{label:Object(g.__)("Element","generateblocks"),value:"element"},{label:Object(g.__)("Pseudo Element","generateblocks"),value:"pseudo-element"}],onChange:e=>{t({gradientSelector:e}),C(f)||"pseudo-element"!==e||t({innerZindex:1})}}),Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Direction","generateblocks")),Object(l.createElement)(b.RangeControl,{value:e[i]?e[i]:0,onChange:e=>{t({[i]:e})},min:0,max:360,step:1,initialPosition:90})),Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Color One","generateblocks")),Object(l.createElement)("div",{className:"gblocks-component-gradient-control"},Object(l.createElement)(I,{value:e[r],alpha:!0,valueOpacity:e[n]||1,attrOpacity:"gradientColorOneOpacity",onChange:e=>t({[r]:e}),onOpacityChange:e=>t({[n]:e}),onClear:()=>t({[r]:p})}),Object(l.createElement)(b.TextControl,{className:"gblocks-component-gradient-stop-value",type:"text",value:e[o]||0===e[o]?e[o]:"",placeholder:Object(g.__)("Stop position (%)","generateblocks"),onChange:e=>{t({[o]:e})},onBlur:()=>{(e[o]||0===e[o])&&t({[o]:parseFloat(e[o])})},onClick:e=>{e.currentTarget.focus()}}))),Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("span",{className:"components-base-control__label"},Object(g.__)("Color Two","generateblocks")),Object(l.createElement)("div",{className:"gblocks-component-gradient-control"},Object(l.createElement)(I,{value:e[c],alpha:!0,valueOpacity:e[s]||1,attrOpacity:"gradientColorTwoOpacity",onChange:e=>t({[c]:e}),onOpacityChange:e=>t({[s]:e}),onClear:()=>t({[c]:u})}),Object(l.createElement)(b.TextControl,{className:"gblocks-component-gradient-stop-value",type:"text",value:e[d]||0===e[d]?e[d]:"",placeholder:Object(g.__)("Stop position (%)","generateblocks"),onChange:e=>{t({[d]:e})},onBlur:()=>{(e[d]||0===e[d])&&t({[d]:parseFloat(e[d])})},onClick:e=>{e.currentTarget.focus()}})))))}}var J=K,Y=a(13),$=a.n(Y);function Q(e){return $.a.sanitize(e,{USE_PROFILES:{svg:!0,svgFilters:!0}})}class X extends l.Component{render(){const{label:e,value:t,onChange:a,rangeMin:i=0,rangeMax:r=100,inputMin:n="",inputMax:o="",step:c=1,help:s="",beforeIcon:g="",initialPosition:d="",placeholder:p="",disabled:u=!1}=this.props;return Object(l.createElement)("div",{className:"components-gblocks-range-control"},e&&Object(l.createElement)("div",{className:"components-gblocks-range-control--label"},e),Object(l.createElement)("div",{className:"components-gblocks-range-control--wrapper"},Object(l.createElement)("div",{className:"components-gblocks-range-control--range"},Object(l.createElement)(b.RangeControl,{className:"gblocks-range-control-range",beforeIcon:g,value:C(t)?parseFloat(t):"",onChange:e=>a(e),min:i,max:r,step:c,withInputField:!1,initialPosition:d,disabled:u})),Object(l.createElement)("div",{className:"components-gblocks-range-control-input"},Object(l.createElement)(b.TextControl,{type:"number",placeholder:""!==p?p:"",min:n,max:o,step:c,value:C(t)?t:"",disabled:u,onChange:e=>a(e),onBlur:()=>{C(t)&&a(parseFloat(t))},onClick:e=>{e.currentTarget.focus()}}))),s&&Object(l.createElement)("p",{className:"components-base-control__help"},s))}}function ee(e,t,a,l,i){if(""!==e||""!==t||""!==a||""!==l)return e=0!=parseFloat(e)&&""!==e?parseFloat(e)+i+" ":"0 ",t=0!=parseFloat(t)&&""!==t?parseFloat(t)+i+" ":"0 ",a=0!=parseFloat(a)&&""!==a?parseFloat(a)+i+" ":"0 ",t===(l=0!=parseFloat(l)&&""!==l?parseFloat(l)+i+" ":"0 ")&&(l="",e===a&&(a="",e===t&&(t=""))),(e+t+a+l).trim()}function te(e,t){const a=Object(d.applyFilters)("generateblocks.editor.cssAttrs",t.attributes,t),{backgroundColor:l,backgroundColorOpacity:i,bgImage:r,gradient:n,bgOptions:o,gradientColorOne:c,gradientColorOneOpacity:s,gradientColorTwo:g,gradientColorTwoOpacity:b,gradientColorStopOne:p,gradientColorStopTwo:u,gradientDirection:h}=a;let f="";if(n){let e="",t="";const a=H(c,s),l=H(g,b);c&&""!==p&&(e=" "+p+"%"),g&&""!==u&&(t=" "+u+"%"),f="linear-gradient("+h+"deg, "+a+e+", "+l+t+")"}if("gradient"===e)return f;let m=!1;const k=H(l,i);if(r){let e=r.image.url;e=Object(d.applyFilters)("generateblocks.editor.bgImageURL",e,t),"element"===o.selector&&(k||n)&&void 0!==o.overlay&&o.overlay?n?m=f+", url("+e+")":k&&(m="linear-gradient(0deg, "+k+", "+k+"), url("+e+")"):m="url("+e+")"}return m}class ae extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,isGrid:i,width:r,autoWidth:n,flexGrow:o,flexShrink:c,flexBasis:s,flexBasisUnit:g,outerContainer:b,innerContainer:p,containerWidth:u,minHeight:m,minHeightUnit:k,paddingTop:w,paddingRight:y,paddingBottom:O,paddingLeft:v,paddingUnit:j,marginTop:T,marginRight:C,marginBottom:B,marginLeft:_,marginUnit:S,borderSizeTop:x,borderSizeRight:E,borderSizeBottom:D,borderSizeLeft:M,borderRadiusTopRight:z,borderRadiusBottomRight:R,borderRadiusBottomLeft:L,borderRadiusTopLeft:F,borderRadiusUnit:A,borderColor:N,borderColorOpacity:U,backgroundColor:P,backgroundColorOpacity:I,gradient:G,gradientSelector:V,textColor:W,linkColor:q,linkColorHover:Z,bgImage:K,bgOptions:J,verticalAlignment:Y,zindex:$,innerZindex:Q,alignment:X,fontFamily:ae,fontFamilyFallback:le,fontWeight:ie,fontSize:re,fontSizeUnit:ne,textTransform:oe,shapeDividers:ce}=e;let se=u;se||(se=generateBlocksDefaults.container.containerWidth);let ge="";ae&&le&&(ge=", "+le);const be=!!K,de=te("image",this.props),pe=te("gradient",this.props);let ue=[];return ue[".gb-container-"+a]=[{"background-color":H(P,I),color:W,"border-radius":ee(F,z,R,L,A),margin:ee(T,C,B,_,S),"z-index":$,"text-align":X,"font-family":ae+ge,"font-weight":ie,"text-transform":oe,"font-size":f(re,ne),"min-height":f(m,k),"border-color":H(N,U)}],be&&"element"===J.selector&&de?ue[".gb-container-"+a].push({"background-image":de,"background-size":J.size,"background-position":J.position,"background-repeat":J.repeat,"background-attachment":J.attachment}):G&&"element"===V&&ue[".gb-container-"+a].push({"background-image":pe}),(be&&"pseudo-element"===J.selector||$||G&&"pseudo-element"===V)&&ue[".gb-container-"+a].push({position:"relative"}),(be&&"pseudo-element"===J.selector||G&&"pseudo-element"===V)&&(ue[".gb-container-"+a].push({overflow:"hidden"}),ue[".gb-container-"+a+" .block-list-appender"]=[{"z-index":10}]),ue[".editor-styles-wrapper .gb-container-"+a+" h1,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h2,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h3,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h4,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h5,\n\t\t\t.editor-styles-wrapper .gb-container-"+a+" h6"]=[{color:W}],(x||E||D||M)&&ue[".gb-container-"+a].push({"border-width":ee(x,E,D,M,"px"),"border-style":"solid"}),m&&!i&&ue[".gb-container-"+a].push({display:"flex","flex-direction":"row","align-items":Y}),i&&(ue[".gb-container-"+a].push({display:"flex","flex-direction":"column",height:"100%","justify-content":Y}),ue[".block-editor-block-list__layout > #block-"+t]=[{height:"100%"}]),be&&"pseudo-element"===J.selector&&(ue[".gb-container-"+a+":before"]=[{content:'""',"background-image":de,"background-repeat":J.repeat,"background-position":J.position,"background-size":J.size,"background-attachment":J.attachment,"z-index":"0",position:"absolute",top:"0",right:"0",bottom:"0",left:"0","border-radius":ee(F,z,R,L,A)}],void 0!==J.opacity&&1!==J.opacity&&ue[".gb-container-"+a+":before"].push({opacity:J.opacity})),G&&"pseudo-element"===V&&(ue[".gb-container-"+a+":after"]=[{content:'""',"background-image":pe,"z-index":"0",position:"absolute",top:"0",right:"0",bottom:"0",left:"0"}]),ue[".gb-container-"+a+" a, .gb-container-"+a+" a:visited"]=[{color:q}],ue[".gb-container-"+a+" a:hover"]=[{color:Z}],ue[".gb-container-"+a+" > .gb-inside-container"]=[{padding:ee(w,y,O,v,j),width:!(!m||i)&&"100%"}],(Q||0===Q)&&ue[".gb-container-"+a+" > .gb-inside-container"].push({"z-index":Q,position:"relative"}),"contained"!==p||i||ue[".gb-container-"+a+" > .gb-inside-container"].push({"max-width":f(se,"px"),"margin-left":"auto","margin-right":"auto"}),ue[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t]=[{width:!n&&f(r,"%"),"flex-grow":o,"flex-shrink":c,"flex-basis":isNaN(s)?s:f(s,g),display:"flex","flex-direction":"column","margin-left":"0px","margin-right":"0px"}],ue[".block-editor-block-list__layout > #block-"+t]=[{"max-width":"contained"===b&&!i&&f(se,"px")}],ue[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t+" > .block-editor-block-list__block-edit,\n\t\t.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t+' > .block-editor-block-list__block-edit > [data-block="'+t+'"]']=[{height:"100%"}],ue["#block-"+t+":not(.has-child-selected):not(.is-selected) .block-list-appender:not(:first-child),\n\t\t#block-"+t+":not(.has-child-selected):not(.is-selected) .block-editor-block-list__layout > div:not(:first-child) > .block-list-appender"]=[{display:"none"}],ce.length&&(ue[".gb-container-"+a].push({position:"relative"}),ue[".gb-container-"+a+" .block-list-appender"]=[{position:"relative","z-index":100}],ce.forEach((e,t)=>{const l=[],i=t+1;"top"===ce[t].location&&l.push("scaleY(-1)"),ce[t].flipHorizontally&&(l.push("scaleX(-1)"),ue[".gblocks-shape-container > .gblocks-shape-toggle-preview-"+i+" .gblocks-shape-divider-preview"]=[{transform:"scaleX(-1)"}]),ue[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i]=[{color:H(ce[t].color,ce[t].colorOpacity),"z-index":ce[t].zindex}],"top"!==ce[t].location&&"bottom"!==ce[t].location||ue[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({left:"0",right:"0"}),"bottom"===ce[t].location&&ue[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({bottom:"-1px"}),"top"===ce[t].location&&ue[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({top:"-1px"}),l.length&&ue[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i].push({transform:l.join(" ")});let r=ce[t].width+"%";100===ce[t].width&&(r="calc("+r+" + 1.3px)"),ue[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i+" svg"]=[{height:f(ce[t].height,"px"),width:r}],"top"!==ce[t].location&&"bottom"!==ce[t].location||ue[".gb-container-"+a+" > .gb-shapes .gb-shape-"+i+" svg"].push({position:"relative",left:"50%",transform:"translateX(-50%)","min-width":"100%"})})),ue=Object(d.applyFilters)("generateblocks.editor.mainCSS",ue,this.props,"container"),Object(l.createElement)("style",null,h(ue))}}class le extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{removeVerticalGap:a}=e;let i=[];return i[".block-editor-block-list__layout > #block-"+t]=[{"margin-bottom":!!a&&"0px !important"}],i=Object(d.applyFilters)("generateblocks.editor.desktopCSS",i,this.props,"container"),Object(l.createElement)("style",null,h(i))}}class ie extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,isGrid:i,widthTablet:r,autoWidthTablet:n,flexGrowTablet:o,flexShrinkTablet:c,flexBasisTablet:s,flexBasisUnit:g,minHeightTablet:b,minHeightUnitTablet:p,paddingTopTablet:u,paddingRightTablet:m,paddingBottomTablet:k,paddingLeftTablet:w,paddingUnit:y,marginTopTablet:O,marginRightTablet:v,marginBottomTablet:j,marginLeftTablet:T,marginUnit:C,borderSizeTopTablet:B,borderSizeRightTablet:_,borderSizeBottomTablet:S,borderSizeLeftTablet:x,borderRadiusTopRightTablet:E,borderRadiusBottomRightTablet:D,borderRadiusBottomLeftTablet:M,borderRadiusTopLeftTablet:z,borderRadiusUnit:R,verticalAlignmentTablet:L,alignmentTablet:F,fontSizeTablet:A,fontSizeUnit:N,orderTablet:U,shapeDividers:P,bgImage:H,bgOptions:I}=e;let G=[];return G[".gb-container-"+a]=[{"border-top-left-radius":f(z,R),"border-top-right-radius":f(E,R),"border-bottom-right-radius":f(D,R),"border-bottom-left-radius":f(M,R),"margin-top":f(O,C),"margin-right":f(v,C),"margin-bottom":f(j,C),"margin-left":f(T,C),"text-align":F,"font-size":f(A,N),"min-height":f(b,p)}],(B||_||S||x)&&G[".gb-container-"+a].push({"border-top-width":f(B,"px"),"border-right-width":f(_,"px"),"border-bottom-width":f(S,"px"),"border-left-width":f(x,"px"),"border-style":"solid"}),b&&!i&&G[".gb-container-"+a].push({display:"flex","flex-direction":"row","align-items":"inherit"!==L?L:null}),i&&"inherit"!==L&&G[".gb-container-"+a].push({display:"flex","flex-direction":"column",height:"100%","justify-content":L}),G[".gb-container-"+a+" > .gb-inside-container"]=[{"padding-top":f(u,y),"padding-right":f(m,y),"padding-bottom":f(k,y),"padding-left":f(w,y),width:!(!b||i)&&"100%"}],G[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t]=[{width:n?"auto":f(r,"%"),"flex-grow":o,"flex-shrink":c,"flex-basis":isNaN(s)?s:f(s,g),order:U}],H&&"pseudo-element"===I.selector&&(G[".gb-container-"+a+":before"]=[{"border-top-left-radius":f(z,R),"border-top-right-radius":f(E,R),"border-bottom-right-radius":f(D,R),"border-bottom-left-radius":f(M,R)}]),P.length&&P.forEach((e,t)=>{G[".gb-container-"+a+" > .gb-shapes .gb-shape-"+(t+1)+" svg"]=[{height:f(P[t].heightTablet,"px"),width:f(P[t].widthTablet,"%")}]}),G=Object(d.applyFilters)("generateblocks.editor.tabletCSS",G,this.props,"container"),Object(l.createElement)("style",null,h(G))}}class re extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{removeVerticalGapTablet:a}=e;let i=[];return a&&(i[".block-editor-block-list__layout > #block-"+t]=[{"margin-bottom":"0px !important"}]),i=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",i,this.props,"container"),Object(l.createElement)("style",null,h(i))}}class ne extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,isGrid:i,widthMobile:r,autoWidthMobile:n,flexGrowMobile:o,flexShrinkMobile:c,flexBasisMobile:s,flexBasisUnit:g,minHeightMobile:b,minHeightUnitMobile:p,paddingTopMobile:u,paddingRightMobile:m,paddingBottomMobile:k,paddingLeftMobile:w,paddingUnit:y,marginTopMobile:O,marginRightMobile:v,marginBottomMobile:j,marginLeftMobile:T,marginUnit:C,borderSizeTopMobile:B,borderSizeRightMobile:_,borderSizeBottomMobile:S,borderSizeLeftMobile:x,borderRadiusTopRightMobile:E,borderRadiusBottomRightMobile:D,borderRadiusBottomLeftMobile:M,borderRadiusTopLeftMobile:z,borderRadiusUnit:R,verticalAlignmentMobile:L,removeVerticalGapMobile:F,alignmentMobile:A,fontSizeMobile:N,fontSizeUnit:U,orderMobile:P,shapeDividers:H,bgImage:I,bgOptions:G}=e;let V=[];return V[".gb-container-"+a]=[{"border-top-left-radius":f(z,R),"border-top-right-radius":f(E,R),"border-bottom-right-radius":f(D,R),"border-bottom-left-radius":f(M,R),"margin-top":f(O,C),"margin-right":f(v,C),"margin-bottom":f(j,C),"margin-left":f(T,C),"text-align":A,"font-size":f(N,U),"min-height":f(b,p)}],(B||_||S||x)&&V[".gb-container-"+a].push({"border-top-width":f(B,"px"),"border-right-width":f(_,"px"),"border-bottom-width":f(S,"px"),"border-left-width":f(x,"px"),"border-style":"solid"}),"inherit"!==L&&b&&!i&&V[".gb-container-"+a].push({display:"flex","flex-direction":"row","align-items":L}),i&&"inherit"!==L&&V[".gb-container-"+a].push({display:"flex","flex-direction":"column",height:"100%","justify-content":L}),V[".gb-container-"+a+" > .gb-inside-container"]=[{"padding-top":f(u,y),"padding-right":f(m,y),"padding-bottom":f(k,y),"padding-left":f(w,y),width:!(!b||i)&&"100%"}],V[".gb-grid-wrapper > div > .block-editor-block-list__layout > #block-"+t]=[{width:n?"auto":f(r,"%"),"flex-grow":o,"flex-shrink":c,"flex-basis":isNaN(s)?s:f(s,g),order:P}],F&&(V[".block-editor-block-list__layout > #block-"+t]=[{"margin-bottom":"0px !important"}]),I&&"pseudo-element"===G.selector&&(V[".gb-container-"+a+":before"]=[{"border-top-left-radius":f(z,R),"border-top-right-radius":f(E,R),"border-bottom-right-radius":f(D,R),"border-bottom-left-radius":f(M,R)}]),H.length&&H.forEach((e,t)=>{V[".gb-container-"+a+" > .gb-shapes .gb-shape-"+(t+1)+" svg"]=[{height:f(H[t].heightMobile,"px"),width:f(H[t].widthMobile,"%")}]}),I&&"fixed"===G.attachment&&("element"===G.selector&&V[".gb-container-"+a].push({"background-attachment":"initial"}),"pseudo-element"===G.selector&&(V[".gb-container-"+a+":before"]=[{"background-attachment":"initial"}])),V=Object(d.applyFilters)("generateblocks.editor.mobileCSS",V,this.props,"container"),Object(l.createElement)("style",null,h(V))}}const oe=/[\s#]/g;class ce extends l.Component{constructor(){super(...arguments),this.state={selectedDevice:"Desktop"},this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=T(wp.data.select("core/block-editor").getBlocks(),[],this.props.clientId);this.props.attributes.uniqueId&&!e.includes(this.props.attributes.uniqueId)||this.props.setAttributes({uniqueId:this.props.clientId.substr(2,9).replace("-","")});const t=document.getElementById("block-"+this.props.clientId);if(t&&"full"===this.props.attributes.align&&t.setAttribute("data-align","full"),void 0!==this.props.attributes.isDynamic&&this.props.attributes.isDynamic||this.props.setAttributes({isDynamic:!0}),void 0===this.props.attributes.blockVersion||this.props.attributes.blockVersion<2){let e=this.props.attributes.gradient&&"pseudo-element"===this.props.attributes.gradientSelector&&!C(this.props.attributes.innerZindex);e||(e=!!this.props.attributes.bgImage&&void 0!==this.props.attributes.bgOptions.selector&&"pseudo-element"===this.props.attributes.bgOptions.selector),e||(e=void 0!==this.props.attributes.useAdvBackgrounds&&this.props.attributes.useAdvBackgrounds),e&&this.props.setAttributes({innerZindex:1})}if(!S(this.props.attributes)&&B(this.props.attributes.blockVersion,2)){const e=generateBlocksLegacyDefaults.v_1_4_0.container,t=void 0!==this.props.attributes.useGlobalStyle&&this.props.attributes.useGlobalStyle,a={},l=[];t||l.push("paddingTop","paddingRight","paddingBottom","paddingLeft"),this.props.attributes.isGrid&&l.push("width","widthMobile"),this.props.attributes.gradient&&l.push("gradientDirection","gradientColorOne","gradientColorOneOpacity","gradientColorTwo","gradientColorTwoOpacity"),l.forEach(t=>{C(this.props.attributes[t])||(a[t]=e[t])}),Object.keys(a).length>0&&this.props.setAttributes(a)}B(this.props.attributes.blockVersion,2)&&this.props.setAttributes({blockVersion:2})}componentDidUpdate(){const e=document.getElementById("block-"+this.props.clientId);if(e){const t=this.props.attributes.align;let 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"))}}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,hasChildBlocks:a,clientId:i}=this.props,{uniqueId:n,className:c,anchor:h,tagName:f,isGrid:m,width:k,widthTablet:w,widthMobile:y,autoWidthTablet:O,autoWidthMobile:v,flexGrow:T,flexGrowTablet:B,flexGrowMobile:S,flexShrink:E,flexShrinkTablet:D,flexShrinkMobile:M,flexBasis:z,flexBasisTablet:R,flexBasisMobile:L,flexBasisUnit:F,outerContainer:A,innerContainer:N,containerWidth:U,minHeight:H,minHeightUnit:G,minHeightTablet:W,minHeightUnitTablet:q,minHeightMobile:K,minHeightUnitMobile:Y,borderColor:$,borderColorOpacity:ee,backgroundColor:te,backgroundColorOpacity:ce,textColor:se,linkColor:ge,linkColorHover:be,bgImage:de,bgOptions:pe,bgImageSize:ue,verticalAlignment:he,verticalAlignmentTablet:fe,verticalAlignmentMobile:me,zindex:ke,innerZindex:we,removeVerticalGap:ye,removeVerticalGapTablet:Oe,removeVerticalGapMobile:ve,orderTablet:je,orderMobile:Te,alignment:Ce,alignmentTablet:Be,alignmentMobile:_e,fontFamily:Se,googleFont:xe,googleFontVariants:Ee,align:De,shapeDividers:Me}=e;void 0===e.bgOptions.selector&&(e.bgOptions.selector="element"),void 0===e.bgOptions.opacity&&(e.bgOptions.opacity=1);const ze=Object(d.applyFilters)("generateblocks.editor.containerTagNames",[{label:"div",value:"div"},{label:"section",value:"section"},{label:"header",value:"header"},{label:"footer",value:"footer"},{label:"aside",value:"aside"}],this.props,this.state),Re=Object(d.applyFilters)("generateblocks.editor.allowedContainerTagNames",["div","section","header","footer","aside","a"]),Le=e=>Re.includes(e)?e:"div";let Fe="";Ee&&(Fe=":"+Ee);let Ae=!1,Ne=!1,Ue=!1,Pe="";"function"==typeof wp.data.select("core/block-editor").getBlockParents&&(Ae=wp.data.select("core/block-editor").getBlockParents(i,!0)[0],Ae&&(Ne=wp.data.select("core/block-editor").getBlocksByClientId(Ae),Ne&&"generateblocks/grid"===Ne[0].name&&(Ue=!0,Pe=Ne[0].attributes.uniqueId)));const He=[];Object.keys(generateBlocksInfo.svgShapes).forEach(e=>{const t=generateBlocksInfo.svgShapes[e].svgs;Object.keys(t).forEach(e=>{He[e]={label:t[e].label,icon:t[e].icon}})});const Ie=[];Object.keys(generateBlocksInfo.imageSizes).forEach(e=>{Ie.push({label:generateBlocksInfo.imageSizes[e],value:generateBlocksInfo.imageSizes[e]})});const Ge=e=>C(e)&&"auto"!==e,Ve=Ge(z),We="auto"!==R&&(Ge(z)||Ge(R)),qe="auto"!==L&&(Ge(z)||Ge(R)||Ge(L));let Ze=!!te||e.borderSizeTop||e.borderSizeRight||e.borderSizeBottom||e.borderSizeLeft;Ze=Object(d.applyFilters)("generateblocks.editor.containerHasStyling",Ze,this.props);let Ke={className:o()({"gb-container":!0,["gb-container-"+n]:!0,[""+c]:void 0!==c,"gb-container-empty":!a,"gb-container-visual-guides":!a&&!Ze&&!this.props.isSelected}),id:h||null};return Ke=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",Ke,"generateblocks/container",e),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(x.BlockControls,null,"Desktop"===this.getDeviceType()&&Object(l.createElement)(x.AlignmentToolbar,{value:Ce,onChange:e=>{t({alignment:e})}}),"Tablet"===this.getDeviceType()&&Object(l.createElement)(x.AlignmentToolbar,{value:Be,onChange:e=>{t({alignmentTablet:e})}}),"Mobile"===this.getDeviceType()&&Object(l.createElement)(x.AlignmentToolbar,{value:_e,onChange:e=>{t({alignmentMobile:e})}})),Object(l.createElement)(x.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),!m&&Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Layout","generateblocks"),initialOpen:!0,icon:s("layout"),className:"gblocks-panel-label",id:"containerLayout",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Ue&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Grid Item","generateblocks"),help:Object(g.__)("This Container is inside a Grid Block but is not set as a grid item. Enable this option for optimal results.","generateblocks"),checked:!!m,onChange:e=>{t({isGrid:e,gridId:Pe})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Container","generateblocks"),value:A,options:[{label:Object(g.__)("Full width","generateblocks"),value:"full"},{label:Object(g.__)("Contained width","generateblocks"),value:"contained"}],onChange:e=>{t({outerContainer:e}),"contained"===e&&"full"===De&&t({align:""})}}),"full"===A&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Inner Container","generateblocks"),value:N,options:[{label:Object(g.__)("Full width","generateblocks"),value:"full"},{label:Object(g.__)("Contained width","generateblocks"),value:"contained"}],onChange:e=>{t({innerContainer:e})}}),("contained"===A||"contained"===N)&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",className:"gblocks-container-width",value:parseFloat(U)||"",placeholder:generateBlocksDefaults.container.containerWidth,onChange:e=>{t({containerWidth:""!==e?parseFloat(e):void 0})}})),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Tag Name","generateblocks"),value:f,options:ze,onChange:e=>{t({tagName:Le(e)})}}),Object(d.applyFilters)("generateblocks.editor.controls","","containerAfterElementTag",this.props,this.state)),Object(d.applyFilters)("generateblocks.editor.controls","","containerLayout",this.props,this.state)),m&&Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Layout","generateblocks"),initialOpen:!0,icon:s("layout"),className:"gblocks-panel-label",id:"containerGridLayout",state:this.state}),!Ue&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Grid Item","generateblocks"),help:Object(g.__)("This container is set as a grid item but is not inside a grid block. Deactivate this option for optimal results.","generateblocks"),checked:!!m,onChange:e=>{t({isGrid:e,gridId:""})}}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),!!Ve&&Object(l.createElement)("div",{className:"gblocks-small-notice-description"},Object(g.__)('Width disabled as Flex Basis is not "auto".',"generateblocks")),Object(l.createElement)(b.ButtonGroup,{className:"widthButtons"},Object(l.createElement)(b.Button,{isPrimary:25===k,onClick:()=>t({width:25}),disabled:Ve},"25"),Object(l.createElement)(b.Button,{isPrimary:33.33===k,onClick:()=>t({width:33.33}),disabled:Ve},"33"),Object(l.createElement)(b.Button,{isPrimary:50===k,onClick:()=>t({width:50}),disabled:Ve},"50"),Object(l.createElement)(b.Button,{isPrimary:66.66===k,onClick:()=>t({width:66.66}),disabled:Ve},"66"),Object(l.createElement)(b.Button,{isPrimary:75===k,onClick:()=>t({width:75}),disabled:Ve},"75"),Object(l.createElement)(b.Button,{isPrimary:100===k,onClick:()=>t({width:100}),disabled:Ve},"100")),Object(l.createElement)(X,{value:C(k)?k:"",onChange:e=>{String(e).startsWith(0)&&(e=""),t({width:e})},rangeMin:10,rangeMax:100,step:5,initialPosition:generateBlocksDefaults.container.width,disabled:Ve})),Object(l.createElement)(b.BaseControl,{className:"gblocks-flex-controls"},Object(l.createElement)("div",{className:"gblocks-utility-label"},Object(l.createElement)("label",{htmlFor:"gblocks-flex-grow-desktop",className:"components-base-control__label"},Object(g.__)("Flex","generateblocks")),Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Reset","generateblocks"),position:"top"},Object(l.createElement)(b.Button,{className:"gblocks-reset-button",icon:s("reset"),onClick:()=>{t({flexGrow:"",flexShrink:"",flexBasis:""})}}))),Object(l.createElement)("div",{className:"gblocks-flex-controls-inner"},Object(l.createElement)(b.TextControl,{help:Object(g.__)("Grow","generateblocks"),id:"gblocks-flex-grow-desktop",type:"number",value:T,min:"0",step:"1",placeholder:"0",onChange:e=>{t({flexGrow:e})},onBlur:()=>{""!==T&&t({flexGrow:parseFloat(T)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.TextControl,{help:Object(g.__)("Shrink","generateblocks"),type:"number",value:E,min:"0",step:"1",placeholder:"1",onChange:e=>{t({flexShrink:e})},onBlur:()=>{""!==E&&t({flexShrink:parseFloat(E)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)("div",{className:"gblocks-flex-basis-wrapper"},!isNaN(z)&&Object(l.createElement)(u,{value:F,units:["px","%"],onClick:e=>{t({flexBasisUnit:e})}}),Object(l.createElement)(b.TextControl,{help:Object(g.__)("Basis","generateblocks"),type:"text",placeholder:"auto",value:z,onChange:e=>{t({flexBasis:e})},onBlur:()=>{z.match(/(auto|fill|max-content|min-content|fit-content|content|inherit|initial|revert|unset|[0-9.]+)/g)||t({flexBasis:""})}})))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:he,options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignment:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Vertical Gap","generateblocks"),checked:!!ye,onChange:e=>{t({removeVerticalGap:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Tag Name","generateblocks"),value:f,options:ze,onChange:e=>{t({tagName:Le(e)})}}),Object(d.applyFilters)("generateblocks.editor.controls","","containerAfterElementTag",this.props,this.state)),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),!!We&&Object(l.createElement)("div",{className:"gblocks-small-notice-description"},Object(g.__)('Width disabled as Flex Basis is not "auto".',"generateblocks")),Object(l.createElement)(b.ButtonGroup,{className:"widthButtons"},Object(l.createElement)(b.Button,{isPrimary:!!O,disabled:We,onClick:()=>{t(O?{autoWidthTablet:!1}:{autoWidthTablet:!0})}},Object(g.__)("Auto","generateblocks")),Object(l.createElement)(b.Button,{isPrimary:25===w&&!O,onClick:()=>t({widthTablet:25,autoWidthTablet:!1}),disabled:We},"25"),Object(l.createElement)(b.Button,{isPrimary:33.33===w&&!O,onClick:()=>t({widthTablet:33.33,autoWidthTablet:!1}),disabled:We},"33"),Object(l.createElement)(b.Button,{isPrimary:50===w&&!O,onClick:()=>t({widthTablet:50,autoWidthTablet:!1}),disabled:We},"50"),Object(l.createElement)(b.Button,{isPrimary:66.66===w&&!O,onClick:()=>t({widthTablet:66.66,autoWidthTablet:!1}),disabled:We},"66"),Object(l.createElement)(b.Button,{isPrimary:75===w&&!O,onClick:()=>t({widthTablet:75,autoWidthTablet:!1}),disabled:We},"75"),Object(l.createElement)(b.Button,{isPrimary:100===w&&!O,onClick:()=>t({widthTablet:100,autoWidthTablet:!1}),disabled:We},"100")),!O&&Object(l.createElement)(X,{value:C(w)?w:"",onChange:e=>{String(e).startsWith(0)&&(e=""),t({widthTablet:e,autoWidthTablet:!1})},rangeMin:10,rangeMax:100,step:5,initialPosition:generateBlocksDefaults.container.widthTablet,disabled:We})),Object(l.createElement)(b.BaseControl,{className:"gblocks-flex-controls"},Object(l.createElement)("div",{className:"gblocks-utility-label"},Object(l.createElement)("label",{htmlFor:"gblocks-flex-grow-tablet",className:"components-base-control__label"},Object(g.__)("Flex","generateblocks")),Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Reset","generateblocks"),position:"top"},Object(l.createElement)(b.Button,{className:"gblocks-reset-button",icon:s("reset"),onClick:()=>{t({flexGrowTablet:"",flexShrinkTablet:"",flexBasisTablet:""})}}))),Object(l.createElement)("div",{className:"gblocks-flex-controls-inner"},Object(l.createElement)(b.TextControl,{help:Object(g.__)("Grow","generateblocks"),id:"gblocks-flex-grow-tablet",type:"number",value:B,min:"0",step:"1",placeholder:_("flexGrow",e,"Tablet","0"),onChange:e=>{t({flexGrowTablet:e})},onBlur:()=>{""!==B&&t({flexGrowTablet:parseFloat(B)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.TextControl,{help:Object(g.__)("Shrink","generateblocks"),type:"number",value:D,min:"0",step:"1",placeholder:_("flexShrink",e,"Tablet","1"),onChange:e=>{t({flexShrinkTablet:e})},onBlur:()=>{""!==D&&t({flexShrinkTablet:parseFloat(D)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)("div",{className:"gblocks-flex-basis-wrapper"},!isNaN(R)&&Object(l.createElement)(u,{value:F,units:["px","%"],onClick:e=>{t({flexBasisUnit:e})}}),Object(l.createElement)(b.TextControl,{help:Object(g.__)("Basis","generateblocks"),type:"text",value:R,placeholder:_("flexBasis",e,"Tablet","auto"),onChange:e=>{t({flexBasisTablet:e})},onBlur:()=>{R.match(/(auto|fill|max-content|min-content|fit-content|content|inherit|initial|revert|unset|[0-9.]+)/g)||t({flexBasisTablet:""})}})))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:fe,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentTablet:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Vertical Gap","generateblocks"),checked:!!Oe,onChange:e=>{t({removeVerticalGapTablet:e})}}),Object(l.createElement)(b.TextControl,{type:"number",label:Object(g.__)("Order","generateblocks"),value:je||0===je?je:"",onChange:e=>{t({orderTablet:parseFloat(e)})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,null,Object(l.createElement)(u,{label:Object(g.__)("Container Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),!!qe&&Object(l.createElement)("div",{className:"gblocks-small-notice-description"},Object(g.__)('Width disabled as Flex Basis is not "auto".',"generateblocks")),Object(l.createElement)(b.ButtonGroup,{className:"widthButtons"},Object(l.createElement)(b.Button,{isPrimary:!!v,disabled:qe,onClick:()=>{t(v?{autoWidthMobile:!1}:{autoWidthMobile:!0})}},Object(g.__)("Auto","generateblocks")),Object(l.createElement)(b.Button,{isPrimary:25===y&&!v,onClick:()=>t({widthMobile:25,autoWidthMobile:!1}),disabled:qe},"25"),Object(l.createElement)(b.Button,{isPrimary:33.33===y&&!v,onClick:()=>t({widthMobile:33.33,autoWidthMobile:!1}),disabled:qe},"33"),Object(l.createElement)(b.Button,{isPrimary:50===y&&!v,onClick:()=>t({widthMobile:50,autoWidthMobile:!1}),disabled:qe},"50"),Object(l.createElement)(b.Button,{isPrimary:66.66===y&&!v,onClick:()=>t({widthMobile:66.66,autoWidthMobile:!1}),disabled:qe},"66"),Object(l.createElement)(b.Button,{isPrimary:75===y&&!v,onClick:()=>t({widthMobile:75,autoWidthMobile:!1}),disabled:qe},"75"),Object(l.createElement)(b.Button,{isPrimary:100===y&&!v,onClick:()=>t({widthMobile:100,autoWidthMobile:!1}),disabled:qe},"100")),!v&&Object(l.createElement)(X,{value:C(y)?y:"",onChange:e=>{String(e).startsWith(0)&&(e=""),t({widthMobile:e,autoWidthMobile:!1})},rangeMin:10,rangeMax:100,step:5,initialPosition:generateBlocksDefaults.container.widthMobile,disabled:qe})),Object(l.createElement)(b.BaseControl,{className:"gblocks-flex-controls"},Object(l.createElement)("div",{className:"gblocks-utility-label"},Object(l.createElement)("label",{htmlFor:"gblocks-flex-grow-mobile",className:"components-base-control__label"},Object(g.__)("Flex","generateblocks")),Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Reset","generateblocks"),position:"top"},Object(l.createElement)(b.Button,{className:"gblocks-reset-button",icon:s("reset"),onClick:()=>{t({flexGrowMobile:"",flexShrinkMobile:"",flexBasisMobile:""})}}))),Object(l.createElement)("div",{className:"gblocks-flex-controls-inner"},Object(l.createElement)(b.TextControl,{help:Object(g.__)("Grow","generateblocks"),id:"gblocks-flex-grow-mobile",type:"number",value:S,min:"0",step:"1",placeholder:_("flexGrow",e,"Mobile","0"),onChange:e=>{t({flexGrowMobile:e})},onBlur:()=>{""!==S&&t({flexGrowMobile:parseFloat(S)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.TextControl,{help:Object(g.__)("Shrink","generateblocks"),type:"number",value:M,min:"0",step:"1",placeholder:_("flexShrink",e,"Mobile","1"),onChange:e=>{t({flexShrinkMobile:e})},onBlur:()=>{""!==M&&t({flexShrinkMobile:parseFloat(M)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)("div",{className:"gblocks-flex-basis-wrapper"},!isNaN(L)&&Object(l.createElement)(u,{value:F,units:["px","%"],onClick:e=>{t({flexBasisUnit:e})}}),Object(l.createElement)(b.TextControl,{help:Object(g.__)("Basis","generateblocks"),type:"text",value:L,placeholder:_("flexBasis",e,"Mobile","auto"),onChange:e=>{t({flexBasisMobile:e})},onBlur:()=>{L.match(/(auto|fill|max-content|min-content|fit-content|content|inherit|initial|revert|unset|[0-9.]+)/g)||t({flexBasisMobile:""})}})))),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),help:Object(g.__)("Align grid item content. Does not apply if vertical alignment is set in the grid.","generateblocks"),value:me,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentMobile:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Vertical Gap","generateblocks"),checked:!!ve,onChange:e=>{t({removeVerticalGapMobile:e})}}),Object(l.createElement)(b.TextControl,{type:"number",label:Object(g.__)("Order","generateblocks"),value:Te||0===Te?Te:"",onChange:e=>{t({orderMobile:parseFloat(e)})}})),Object(d.applyFilters)("generateblocks.editor.controls","","containerGridLayout",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Typography","generateblocks"),initialOpen:!1,icon:s("typography"),className:"gblocks-panel-label",id:"containerTypography",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},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"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},this.props,{device:"Tablet",showFontSize:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightTablet,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingTablet}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},this.props,{device:"Mobile",showFontSize:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.container.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.container.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.container.lineHeightMobile,defaultLineHeightUnit:generateBlocksDefaults.container.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.container.letterSpacingMobile}))),Object(d.applyFilters)("generateblocks.editor.controls","","containerTypography",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!1,icon:s("spacing"),className:"gblocks-panel-label",id:"containerSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Minimum Height","generateblocks"),value:G,units:["px","vh","vw"],onClick:e=>{t({minHeightUnit:e})}}),Object(l.createElement)(b.TextControl,{type:"number",value:H||"",onChange:e=>{t({minHeight:parseFloat(e)})}}),!!H&&!m&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:he,options:[{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignment:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.container,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Outer z-index","generateblocks"),type:"number",value:ke||0===ke?ke:"",onChange:e=>{t({zindex:e})},onBlur:()=>{t({zindex:parseFloat(ke)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Inner z-index","generateblocks"),type:"number",value:we||0===we?we:"",onChange:e=>{t({innerZindex:e})},onBlur:()=>{t({innerZindex:parseFloat(we)})},onClick:e=>{e.currentTarget.focus()}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Minimum Height","generateblocks"),value:q,units:["px","vh","vw"],onClick:e=>{t({minHeightUnitTablet:e})}}),Object(l.createElement)(b.TextControl,{type:"number",value:W||0===W?W:"",onChange:e=>{t({minHeightTablet:parseFloat(e)})}}),(!!H||!!W)&&!m&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:fe,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentTablet:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.container,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.container,units:["px","em","%"]}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Minimum Height","generateblocks"),value:Y,units:["px","vh","vw"],onClick:e=>{t({minHeightUnitMobile:e})}}),Object(l.createElement)(b.TextControl,{type:"number",value:K||0===K?K:"",onChange:e=>{t({minHeightMobile:parseFloat(e)})}}),(!!H||!!W||!!K)&&!m&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Vertical Alignment","generateblocks"),value:me,options:[{label:Object(g.__)("Inherit","generateblocks"),value:"inherit"},{label:Object(g.__)("Default","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"flex-start"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"flex-end"}],onChange:e=>{t({verticalAlignmentMobile:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.container,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.container,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.container,units:["px","em","%"]}))),Object(d.applyFilters)("generateblocks.editor.controls","","containerSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Colors","generateblocks"),initialOpen:!1,icon:s("colors"),className:"gblocks-panel-label",id:"containerColors",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(I,{label:Object(g.__)("Background Color","generateblocks"),value:te,alpha:!0,valueOpacity:ce,attrOpacity:"backgroundColorOpacity",onChange:e=>t({backgroundColor:e}),onOpacityChange:e=>t({backgroundColorOpacity:e})}),Object(l.createElement)(I,{label:Object(g.__)("Text Color","generateblocks"),value:se,alpha:!1,onChange:e=>t({textColor:e})}),Object(l.createElement)(I,{label:Object(g.__)("Link Color","generateblocks"),value:ge,alpha:!1,onChange:e=>t({linkColor:e})}),Object(l.createElement)(I,{label:Object(g.__)("Link Color Hover","generateblocks"),value:be,alpha:!1,onChange:e=>t({linkColorHover:e})}),Object(l.createElement)(I,{label:Object(g.__)("Border Color","generateblocks"),value:$,alpha:!0,valueOpacity:ee,attrOpacity:"borderColorOpacity",onChange:e=>t({borderColor:e}),onOpacityChange:e=>t({borderColorOpacity:e})})),Object(d.applyFilters)("generateblocks.editor.controls","","containerColors",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Backgrounds","generateblocks"),initialOpen:!1,icon:s("gradients"),className:"gblocks-panel-label",id:"containerBackground",state:this.state}),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,{id:"gblocks-background-image-upload",label:Object(g.__)("Image URL","generateblocks")},Object(l.createElement)("div",{className:"gblocks-bg-image-wrapper"},Object(l.createElement)(b.TextControl,{type:"text",value:de?de.image.url:"",onChange:e=>{t(e?{bgImage:{id:"",image:{url:e}}}:{bgImage:null})}}),Object(l.createElement)("div",{className:"gblocks-background-image-action-buttons"},Object(l.createElement)(x.MediaUpload,{title:Object(g.__)("Set background image","generateblocks"),onSelect:e=>{let a=generateBlocksDefaults.container.bgImageSize;void 0===e.sizes[a]&&(a="full"),t({bgImage:{id:e.id,image:e.sizes[a]}})},onClose:()=>{document.querySelector(".gblocks-bg-image-wrapper input").focus()},allowedTypes:["image"],value:de?de.id:"",modalClass:"editor-gb-container-background__media-modal",render:({open:e})=>Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Open the Media Library","generateblocks")},Object(l.createElement)(b.Button,{onClick:e,className:"is-secondary is-small"},Object(g.__)("Browse","generateblocks")))}),Object(d.applyFilters)("generateblocks.editor.backgroundImageActions","",this.props,this.state)))),!!de&&Object(l.createElement)(l.Fragment,null,pe.overlay?Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Background Color Overlay","generateblocks"),checked:!!pe.overlay,onChange:e=>{t({bgOptions:{...pe,overlay:e}})}}),Object(l.createElement)(b.Notice,{className:"gblocks-option-notice",status:"info",isDismissible:!1},Object(g.__)("The background color overlay option is deprecated. Toggle this option to use the new method.","generateblocks"))):Object(l.createElement)(l.Fragment,null,void 0!==de.id&&de.id&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Image Size","generateblocks"),value:ue,options:Ie,onChange:e=>{t({bgImageSize:e})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Selector","generateblocks"),value:pe.selector,options:[{label:Object(g.__)("Element","generateblocks"),value:"element"},{label:Object(g.__)("Pseudo Element","generateblocks"),value:"pseudo-element"}],onChange:e=>{t({bgOptions:{...pe,selector:e}}),"pseudo-element"!==e||we||0===we||t({innerZindex:1})}}),Object(l.createElement)(b.RangeControl,{label:Object(g.__)("Image Opacity","generateblocks"),value:pe.opacity,onChange:e=>{t({bgOptions:{...pe,opacity:e,selector:"pseudo-element"}}),we||0===we||t({innerZindex:1})},min:0,max:1,step:.1,initialPosition:generateBlocksDefaults.container.bgOptions.opacity}),1!==pe.opacity&&"pseudo-element"!==pe.selector&&Object(l.createElement)(b.Notice,{className:"gblocks-option-notice",status:"info",isDismissible:!1},Object(g.__)("Your selector must be set to Pseudo Element to use opacity.","generateblocks"))),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Size","generateblocks"),value:pe.size,onChange:e=>{t({bgOptions:{...pe,size:e}})}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("Position","generateblocks"),value:pe.position,onChange:e=>{t({bgOptions:{...pe,position:e}})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Repeat","generateblocks"),value:pe.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:e=>{t({bgOptions:{...pe,repeat:e}})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Attachment","generateblocks"),value:pe.attachment,options:[{label:"scroll",value:""},{label:"fixed",value:"fixed"},{label:"local",value:"local"}],onChange:e=>{t({bgOptions:{...pe,attachment:e}})}})),Object(l.createElement)(J,r()({},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})),Object(d.applyFilters)("generateblocks.editor.controls","","containerBackground",this.props,this.state))),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Shapes","generateblocks"),initialOpen:!1,icon:s("shapes"),className:"gblocks-panel-label",id:"containerShapes",state:this.state,showPanel:!("Desktop"!==this.getDeviceType()&&!e.shapeDividers.length)}),Object(l.createElement)(b.BaseControl,{className:"gb-icon-chooser gb-shape-chooser"},Me.map((e,a)=>{const i=a+1;return Object(l.createElement)(l.Fragment,{key:a},Object(l.createElement)("div",{className:"gblocks-shape-container"},Object(l.createElement)("div",{className:o()({"gblocks-shape-toggle-preview":!0,["gblocks-shape-toggle-preview-"+i]:!0}),style:{backgroundColor:te}},void 0!==He[Me[a].shape]&&Object(l.createElement)("div",{className:"gblocks-shape-divider-preview",style:{color:Me[a].color},dangerouslySetInnerHTML:{__html:Q(He[Me[a].shape].icon)}})),
8
  /* translators: Shape number */
9
+ Object(g.sprintf)(Object(g.__)("Shape %s","generateblocks"),i),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.Dropdown,{contentClassName:"gblocks-shapes-dropdown",renderToggle:({isOpen:e,onToggle:t})=>Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Edit Shape","generateblocks")},Object(l.createElement)(b.Button,{className:"gblocks-shape-dropdown",isSecondary:!e||void 0,isPrimary:!!e||void 0,icon:s("wrench"),onClick:t,"aria-expanded":e})),renderContent:()=>Object(l.createElement)("div",{className:"gblocks-shape-controls"},"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,{className:"gb-icon-chooser"},Object.keys(generateBlocksInfo.svgShapes).map((e,i)=>{const r=generateBlocksInfo.svgShapes[e].svgs;return Object(l.createElement)(b.PanelBody,{title:generateBlocksInfo.svgShapes[e].group,initialOpen:r.hasOwnProperty(Me[a].shape),key:i},Object(l.createElement)(b.PanelRow,null,Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("ul",{className:"gblocks-icon-chooser gblocks-shape-chooser"},Object.keys(r).map((e,i)=>Object(l.createElement)("li",{key:"editor-pblock-types-list-item-"+i},Object(l.createElement)(b.Tooltip,{text:r[e].label},Object(l.createElement)(b.Button,{className:o()({"editor-block-list-item-button":!0,"gblocks-shape-is-active":Me[a].shape===e}),onClick:()=>{const l=[...Me];l[a]={...l[a],shape:e},t({shapeDividers:l})}},"string"==typeof r[e].icon?Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon",dangerouslySetInnerHTML:{__html:Q(r[e].icon)}})):Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon"},r[e].icon))))))))))})),Object(l.createElement)(I,{label:Object(g.__)("Color","generateblocks"),value:Me[a].color,alpha:!0,valueOpacity:Me[a].colorOpacity,onChange:e=>{const l=[...Me];l[a]={...l[a],color:e},t({shapeDividers:l})},onOpacityChange:e=>{const l=[...Me];l[a]={...l[a],colorOpacity:e},t({shapeDividers:l})}}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Location","generateblocks"),value:Me[a].location,options:[{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{const l=[...Me];l[a]={...l[a],location:e},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Height","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:Me[a].height?Me[a].height:"",onChange:e=>{const l=[...Me];l[a]={...l[a],height:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:Me[a].width?Me[a].width:"",min:"100",onChange:e=>{const l=[...Me];l[a]={...l[a],width:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Flip Horizontally","generateblocks"),checked:!!Me[a].flipHorizontally,onChange:e=>{const l=[...Me];l[a]={...l[a],flipHorizontally:e},t({shapeDividers:l})}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("z-index","generateblocks"),type:"number",min:"0",value:Me[a].zindex||0===Me[a].zindex?Me[a].zindex:"",onChange:e=>{const l=[...Me];l[a]={...l[a],zindex:e},t({shapeDividers:l})},onBlur:()=>{const e=[...Me];e[a]={...e[a],zindex:parseFloat(Me[a].zindex)},t({shapeDividers:e})},onClick:e=>{e.currentTarget.focus()}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Height","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:Me[a].heightTablet?Me[a].heightTablet:"",onChange:e=>{const l=[...Me];l[a]={...l[a],heightTablet:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:Me[a].widthTablet?Me[a].widthTablet:"",min:"100",onChange:e=>{const l=[...Me];l[a]={...l[a],widthTablet:parseFloat(e)},t({shapeDividers:l})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(u,{label:Object(g.__)("Height","generateblocks"),value:"px",units:["px"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:Me[a].heightMobile?Me[a].heightMobile:"",onChange:e=>{const l=[...Me];l[a]={...l[a],heightMobile:parseFloat(e)},t({shapeDividers:l})}}),Object(l.createElement)(u,{label:Object(g.__)("Width","generateblocks"),value:"%",units:["%"],onClick:()=>!1}),Object(l.createElement)(b.TextControl,{type:"number",value:Me[a].widthMobile?Me[a].widthMobile:"",min:"100",onChange:e=>{const l=[...Me];l[a]={...l[a],widthMobile:parseFloat(e)},t({shapeDividers:l})}})))})),"Desktop"===this.getDeviceType()&&Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Delete Shape","generateblocks")},Object(l.createElement)(b.Button,{className:"gblocks-remove-shape",onClick:()=>{window.confirm(Object(g.__)("This will permanently delete this shape.","generateblocks"))&&(e=>{const a=[...Me];a.splice(e,1),t({shapeDividers:a})})(a)},icon:s("x")}))))}),Object(l.createElement)("div",{className:"gblocks-add-new-shape"},Object(l.createElement)(b.Button,{isSecondary:!0,onClick:(()=>{const e=[...Me];e.push({shape:generateBlocksStyling.container.shapeDividers.shape,color:generateBlocksStyling.container.shapeDividers.color,colorOpacity:generateBlocksStyling.container.shapeDividers.colorOpacity,location:generateBlocksStyling.container.shapeDividers.location,height:generateBlocksStyling.container.shapeDividers.height,heightTablet:generateBlocksStyling.container.shapeDividers.heightTablet,heightMobile:generateBlocksStyling.container.shapeDividers.heightMobile,width:generateBlocksStyling.container.shapeDividers.width,widthTablet:generateBlocksStyling.container.shapeDividers.widthTablet,widthMobile:generateBlocksStyling.container.shapeDividers.widthMobile,flipHorizontally:generateBlocksStyling.container.shapeDividers.flipHorizontally,zindex:generateBlocksStyling.container.shapeDividers.zindex}),t({shapeDividers:e})}).bind(this)},Object(g.__)("Add Shape","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","containerShapeDivider",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),initialOpen:!1,icon:s("documentation"),className:"gblocks-panel-label",id:"containerDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/container/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","containerDocumentation",this.props,this.state))),Object(l.createElement)(x.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:h||"",onChange:e=>{e=e.replace(oe,"-"),t({anchor:e})}})),Object(l.createElement)(ae,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(le,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(ie,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(re,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(ne,this.props)),Se&&xe&&Object(l.createElement)("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+Se.replace(/ /g,"+")+Fe}),Object(l.createElement)(P,{tagName:Le(Object(d.applyFilters)("generateblocks.frontend.containerTagName",f,e)),htmlAttrs:Ke},Object(d.applyFilters)("generateblocks.frontend.afterContainerOpen","",e),Object(l.createElement)("div",{className:o()({"gb-inside-container":!0})},Object(d.applyFilters)("generateblocks.frontend.insideContainer","",e),Object(l.createElement)(x.InnerBlocks,{templateLock:!1,renderAppender:()=>this.props.isSelected?Object(l.createElement)(x.InnerBlocks.ButtonBlockAppender,null):!a&&!this.props.isSelected&&Object(l.createElement)(b.Button,{className:"gblocks-container-selector",onClick:()=>wp.data.dispatch("core/block-editor").selectBlock(i),"aria-label":Object(g.__)("Select Container","generateblocks")},Object(l.createElement)("span",{className:"gblocks-container-selector__icon"},s("container")))})),Object(l.createElement)(l.Fragment,null,!!e.shapeDividers.length&&Object(l.createElement)("div",{className:"gb-shapes"},e.shapeDividers.map((e,t)=>{const a=t+1;return Object(l.createElement)(l.Fragment,{key:t},void 0!==He[Me[t].shape]&&Object(l.createElement)("div",{className:o()({"gb-shape":!0,["gb-shape-"+a]:!0}),dangerouslySetInnerHTML:{__html:Q(He[Me[t].shape].icon)}}))}))),Object(d.applyFilters)("generateblocks.frontend.beforeContainerClose","",e)))}}var se=Object(M.compose)([Object(D.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(D.withSelect)((e,t)=>{const{clientId:a}=t,l=e("core/block-editor");if(!e("core/edit-post"))return{media:null,deviceType:null,hasChildBlocks:!!l&&0<l.getBlockOrder(a).length};const{__experimentalGetPreviewDeviceType:i}=e("core/edit-post"),{getMedia:r}=e("core"),{getEditedPostAttribute:n}=e("core/editor"),o=n("featured_media");return i?{media:o?r(o):null,deviceType:i(),hasChildBlocks:!!l&&0<l.getBlockOrder(a).length}:{media:o?r(o):null,deviceType:null,hasChildBlocks:!!l&&0<l.getBlockOrder(a).length}})])(ce);const ge={uniqueId:{type:"string",default:""},anchor:{type:"string",default:""},isGrid:{type:"boolean",default:!1},gridId:{type:"string",default:""},tagName:{type:"string",default:generateBlocksDefaults.container.tagName},width:{type:"number",default:generateBlocksDefaults.container.width},widthTablet:{type:"number",default:generateBlocksDefaults.container.widthTablet},widthMobile:{type:"number",default:generateBlocksDefaults.container.widthMobile},autoWidthTablet:{type:"boolean",default:generateBlocksDefaults.container.autoWidthTablet},autoWidthMobile:{type:"boolean",default:generateBlocksDefaults.container.autoWidthMobile},flexGrow:{type:"number",default:generateBlocksDefaults.container.flexGrow},flexGrowTablet:{type:"number",default:generateBlocksDefaults.container.flexGrowTablet},flexGrowMobile:{type:"number",default:generateBlocksDefaults.container.flexGrowMobile},flexShrink:{type:"number",default:generateBlocksDefaults.container.flexShrink},flexShrinkTablet:{type:"number",default:generateBlocksDefaults.container.flexShrinkTablet},flexShrinkMobile:{type:"number",default:generateBlocksDefaults.container.flexShrinkMobile},flexBasis:{type:"string",default:generateBlocksDefaults.container.flexBasis},flexBasisTablet:{type:"string",default:generateBlocksDefaults.container.flexBasisTablet},flexBasisMobile:{type:"string",default:generateBlocksDefaults.container.flexBasisMobile},flexBasisUnit:{type:"string",default:generateBlocksDefaults.container.flexBasisUnit},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},gradientSelector:{type:"string",default:"element"},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}},bgImageSize:{type:"string",default:generateBlocksDefaults.container.bgImageSize},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},innerZindex:{type:"number",default:generateBlocksDefaults.container.innerZindex},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},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:""},shapeDividers:{type:"array",default:[]},isDynamic:{type:"boolean"},blockVersion:{type:"number"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}};generateBlocksInfo.hasCustomFields&&Object.assign(ge,{fullWidthContent:{type:"string",source:"meta",meta:"_generate-full-width-content"}});var be=ge,de=[{attributes:be,supports:{align:!1,anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,tagName:a,elementId:i,cssClasses:r,isGrid:n,align:c}=e;let s={className:o()({"gb-container":!0,["gb-container-"+t]:!0,[""+r]:""!==r,["align"+c]:!!c&&!n}),id:i||null};return s=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",s,"generateblocks/container",e),Object(l.createElement)(({condition:e,wrap:t,children:a})=>e?t(a):a,{condition:n,wrap:e=>Object(l.createElement)("div",{className:o()({"gb-grid-column":!0,["gb-grid-column-"+t]:!0})},e)},Object(l.createElement)(P,{tagName:a,htmlAttrs:s},Object(d.applyFilters)("generateblocks.frontend.insideContainer","",e),Object(l.createElement)("div",{className:o()({"gb-inside-container":!0})},Object(l.createElement)(x.InnerBlocks.Content,null))))}}];function pe(e){return"left"===e||"top"===e?"flex-start":"right"===e||"bottom"===e?"flex-end":e}Object(E.registerBlockType)("generateblocks/container",{title:Object(g.__)("Container","generateblocks"),description:Object(g.__)("Organize your content into rows and sections.","generateblocks"),icon:s("container"),category:"generateblocks",keywords:[Object(g.__)("section"),Object(g.__)("container"),Object(g.__)("generate")],attributes:be,supports:{align:!1,className:!1},edit:se,save:()=>Object(l.createElement)(x.InnerBlocks.Content,null),deprecated:de});class ue extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignment:a,marginTop:i,marginRight:r,marginBottom:n,marginLeft:o,marginUnit:c}=e;let s=[];return s[".gb-button-wrapper-"+t]=[{margin:ee(i,r,n,o,c),"justify-content":pe(a)}],s[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"justify-content":pe(a)}],s=Object(d.applyFilters)("generateblocks.editor.mainCSS",s,this.props,"button-container"),Object(l.createElement)("style",null,h(s))}}class he extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignment:a,stack:i,fillHorizontalSpace:r}=e;let n=[];return n[".gb-button-wrapper-"+t]=[{display:!!r&&"block","flex-direction":!!i&&"column","align-items":!!i&&pe(a)}],n[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!i&&"column","align-items":!!i&&pe(a)}],r&&(n[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],n[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),i&&r&&(n[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),n=Object(d.applyFilters)("generateblocks.editor.desktopCSS",n,this.props,"button-container"),Object(l.createElement)("style",null,h(n))}}class fe extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignmentTablet:a,marginTopTablet:i,marginRightTablet:r,marginBottomTablet:n,marginLeftTablet:o,marginUnit:c}=e;let s=[];return s[".gb-button-wrapper-"+t]=[{"margin-top":f(i,c),"margin-right":f(r,c),"margin-bottom":f(n,c),"margin-left":f(o,c),"justify-content":pe(a)}],s[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"justify-content":pe(a)}],s=Object(d.applyFilters)("generateblocks.editor.tabletCSS",s,this.props,"button-container"),Object(l.createElement)("style",null,h(s))}}class me extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignmentTablet:a,stackTablet:i,fillHorizontalSpaceTablet:r}=e;let n=[];return n[".gb-button-wrapper-"+t]=[{display:!!r&&"block","flex-direction":!!i&&"column","align-items":!!i&&pe(a)}],n[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!i&&"column","align-items":!!i&&pe(a)}],r&&(n[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],n[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),i&&r&&(n[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),n=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",n,this.props,"button-container"),Object(l.createElement)("style",null,h(n))}}class ke extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{uniqueId:t,alignmentMobile:a,marginTopMobile:i,marginRightMobile:r,marginBottomMobile:n,marginLeftMobile:o,marginUnit:c,stackMobile:s,fillHorizontalSpaceMobile:g}=e;let b=[];return b[".gb-button-wrapper-"+t]=[{display:!!g&&"block","margin-top":f(i,c),"margin-right":f(r,c),"margin-bottom":f(n,c),"margin-left":f(o,c),"justify-content":pe(a),"flex-direction":!!s&&"column","align-items":!!s&&pe(a)}],b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout"]=[{"flex-direction":!!s&&"column","align-items":!!s&&pe(a),"justify-content":pe(a)}],g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{flex:"1"}],b[".gb-button-wrapper-"+t+" > .components-button"]=[{background:"#fff",border:"1px solid #ddd","margin-top":"10px"}]),s&&g&&(b[".gb-button-wrapper-"+t+" > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block"]=[{width:"100% !important","box-sizing":"border-box"}]),b=Object(d.applyFilters)("generateblocks.editor.mobileCSS",b,this.props,"button-container"),Object(l.createElement)("style",null,h(b))}}const we=/[\s#]/g,ye=[{icon:"editor-alignleft",title:Object(g.__)("Align Buttons Left","generateblocks"),align:"left"},{icon:"editor-aligncenter",title:Object(g.__)("Align Buttons Center","generateblocks"),align:"center"},{icon:"editor-alignright",title:Object(g.__)("Align Buttons Right","generateblocks"),align:"right"}];class Oe extends l.Component{constructor(){super(...arguments),this.state={selectedDevice:"Desktop"},this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=T(wp.data.select("core/block-editor").getBlocks(),[],this.props.clientId);this.props.attributes.uniqueId&&!e.includes(this.props.attributes.uniqueId)||this.props.setAttributes({uniqueId:this.props.clientId.substr(2,9).replace("-","")});const t=wp.data.select("core/block-editor").getBlocksByClientId(this.props.clientId)[0];t&&0===t.innerBlocks.length&&wp.data.dispatch("core/block-editor").insertBlocks(Object(E.createBlock)("generateblocks/button",generateBlocksStyling.button),void 0,this.props.clientId),void 0!==this.props.attributes.isDynamic&&this.props.attributes.isDynamic||this.props.setAttributes({isDynamic:!0}),(void 0===this.props.attributes.blockVersion||this.props.attributes.blockVersion<2)&&(this.props.attributes.stack||this.props.attributes.fillHorizontalSpace)&&(this.props.attributes.stack&&this.props.setAttributes({stackTablet:!0,stackMobile:!0}),this.props.attributes.fillHorizontalSpace&&this.props.setAttributes({fillHorizontalSpaceTablet:!0,fillHorizontalSpaceMobile:!0})),(void 0===this.props.attributes.blockVersion||this.props.attributes.blockVersion<2)&&this.props.setAttributes({blockVersion:2})}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,clientId:a}=this.props,{uniqueId:i,className:n,anchor:c,alignment:u,alignmentTablet:h,alignmentMobile:f,stack:m,stackTablet:k,stackMobile:w,fillHorizontalSpace:y,fillHorizontalSpaceTablet:O,fillHorizontalSpaceMobile:v}=e;let T={className:o()({"gb-button-wrapper":!0,["gb-button-wrapper-"+i]:!0,[""+n]:void 0!==n}),id:c||null};return T=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",T,"generateblocks/button-container",e),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(x.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-add-new-button",icon:s("insert"),label:Object(g.__)("Add Button","generateblocks"),onClick:()=>{const e=wp.data.select("core/block-editor").getBlocksByClientId(a)[0];if(e){const t=e.innerBlocks,l=Object.keys(t),i=l[l.length-1];if(void 0!==t[i]){const e=t[i].clientId;if(e){const t=wp.data.select("core/block-editor").getBlocksByClientId(e)[0],l=Object(E.cloneBlock)(t,{uniqueId:""});wp.data.dispatch("core/block-editor").insertBlocks(l,void 0,a)}}else 0===t.length&&wp.data.dispatch("core/block-editor").insertBlocks(Object(E.createBlock)("generateblocks/button",generateBlocksStyling.button),void 0,a)}},showTooltip:!0})),"Desktop"===this.getDeviceType()&&Object(l.createElement)(x.AlignmentToolbar,{value:u,alignmentControls:ye,onChange:e=>{t({alignment:e})}}),"Tablet"===this.getDeviceType()&&Object(l.createElement)(x.AlignmentToolbar,{value:h,alignmentControls:ye,onChange:e=>{t({alignmentTablet:e})}}),"Mobile"===this.getDeviceType()&&Object(l.createElement)(x.AlignmentToolbar,{value:f,alignmentControls:ye,onChange:e=>{t({alignmentMobile:e})}})),Object(l.createElement)(x.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!0,icon:s("spacing"),className:"gblocks-panel-label",id:"buttonContainerSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer,units:["px","em","%"]})),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Stack Vertically","generateblocks"),checked:!!m,onChange:e=>{t({stack:e,stackTablet:e&&!k?e:k,stackMobile:e&&!w?e:w})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Fill Horizontal Space","generateblocks"),checked:!!y,onChange:e=>{t({fillHorizontalSpace:e,fillHorizontalSpaceTablet:e&&!O?e:O,fillHorizontalSpaceMobile:e&&!v?e:v})}})),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer,units:["px","em","%"]})),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Stack Vertically","generateblocks"),checked:!!k,onChange:e=>{t({stackTablet:e,stackMobile:e&&!w?e:w})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Fill Horizontal Space","generateblocks"),checked:!!O,onChange:e=>{t({fillHorizontalSpaceTablet:e,fillHorizontalSpaceMobile:e&&!v?e:v})}})),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.buttonContainer,units:["px","em","%"]})),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Stack Vertically","generateblocks"),checked:!!w,onChange:e=>{t({stackMobile:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Fill Horizontal Space","generateblocks"),checked:!!v,onChange:e=>{t({fillHorizontalSpaceMobile:e})}})),Object(d.applyFilters)("generateblocks.editor.controls","","buttonContainerSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonContainerDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","buttonContainerDocumentation",this.props,this.state))),Object(l.createElement)(x.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:c||"",onChange:e=>{e=e.replace(we,"-"),t({anchor:e})}})),Object(l.createElement)(ue,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(he,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(fe,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(me,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(ke,this.props)),Object(l.createElement)("div",T,Object(l.createElement)(x.InnerBlocks,{allowedBlocks:["generateblocks/button"],renderAppender:()=>Object(l.createElement)(b.Tooltip,{text:Object(g.__)("Add Button","generateblocks")},Object(l.createElement)(b.Button,{className:"gblocks-add-new-button gblocks-button-container-appender",icon:"insert",onClick:()=>{wp.data.dispatch("core/block-editor").insertBlocks(Object(E.createBlock)("generateblocks/button",generateBlocksStyling.button),void 0,a)}}))})))}}var ve=Object(M.compose)([Object(D.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(D.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])(Oe),je={uniqueId:{type:"string",default:""},anchor:{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},isDynamic:{type:"boolean"},blockVersion:{type:"number"},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},Te=[{attributes:je,supports:{anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i}=e;let r={id:a||void 0,className:o()({"gb-button-wrapper":!0,["gb-button-wrapper-"+t]:!0,[""+i]:""!==i})};return r=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",r,"generateblocks/button-container",e),Object(l.createElement)("div",r,Object(l.createElement)(x.InnerBlocks.Content,null))}}];Object(E.registerBlockType)("generateblocks/button-container",{title:Object(g.__)("Buttons","generateblocks"),description:Object(g.__)("Drive conversions with beautiful buttons.","generateblocks"),icon:s("button"),category:"generateblocks",keywords:[Object(g.__)("button"),Object(g.__)("buttons"),Object(g.__)("generate")],attributes:je,supports:{className:!1},edit:ve,save:()=>Object(l.createElement)(x.InnerBlocks.Content,null),deprecated:Te});var Ce={facebook:{label:Object(g._x)("Facebook","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Facebook - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Facebook - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Instagram","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("LinkedIn","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("LinkedIn - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Pinterest","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Pinterest - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Pinterest - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Reddit","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Reddit - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Reddit - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Snapchat","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Soundcloud","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Twitch","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Twitter","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Twitter - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Vimeo","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Vimeo - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("WhatsApp","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("WhatsApp - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("YouTube","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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"}))}},Be={clock:{label:Object(g._x)("Clock","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Clock Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Asterisk","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("At","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Award","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Ban","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bars","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Beer","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bolt","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Book","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Box - Open","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bullhorn","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Bullseye","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Burn","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Calender","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Circle Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Check - Square Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Down","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Left","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Right","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 256 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Chevron - Up","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.createElement)("path",{fill:"currentColor",d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"}))},circleOutline:{label:Object(g._x)("Circle - Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Coffee","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Dot - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Dot - Circle Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Ellipses - Horizontal","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Ellipses - Vertical","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 192 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Envelope","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Fire","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Heart","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Map Marker","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Paper Plane","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Phone","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus - Square","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Plus - Square Outline","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Shield","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Star","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 576 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("Tags","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 640 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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:Object(g._x)("User - Circle","label","generateblocks"),icon:Object(l.createElement)("svg",{"aria-hidden":"true",role:"img",height:"1em",width:"1em",viewBox:"0 0 496 512",xmlns:"http://www.w3.org/2000/svg"},Object(l.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"}))}};class _e extends l.Component{constructor(){super(...arguments),this.state={showIcons:!1,showGeneralIcons:!1,showSocialIcons:!1}}render(){const{attributes:e,setAttributes:t,attrIcon:a,attrIconLocation:i,locationOptions:r,attrRemoveText:n}=this.props;let o={general:{group:Object(g.__)("General","generateblocks"),svgs:Be},social:{group:Object(g.__)("Social","generateblocks"),svgs:Ce}};return o=Object(d.applyFilters)("generateblocks.editor.iconSVGSets",o),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.BaseControl,{className:"gb-svg-html"},Object(l.createElement)(b.TextControl,{label:Object(g.__)("Icon SVG HTML","generateblocks"),value:e[a],onChange:e=>{t({[this.props.attrIcon]:Q(e)}),t(""!==e?{hasIcon:!0}:{hasIcon:!1})}}),Object(l.createElement)("div",{className:"gb-icon-preview"},Object(l.createElement)("span",{dangerouslySetInnerHTML:{__html:Q(e[a])}}),Object(l.createElement)(b.Button,{isSmall:!0,className:"reset-icon is-secondary",onClick:()=>{t({[this.props.attrIcon]:"",hasIcon:!1})}},Object(l.createElement)("span",{className:"editor-block-types-list__item-icon"},Object(g.__)("Clear","generateblocks"))))),Object(l.createElement)(b.BaseControl,{className:"gb-icon-chooser"},Object.keys(o).map((e,a)=>{const i=o[e].svgs;return Object(l.createElement)(b.PanelBody,{title:o[e].group,initialOpen:!1,key:a},Object(l.createElement)(b.PanelRow,null,Object(l.createElement)(b.BaseControl,null,Object(l.createElement)("ul",{className:"gblocks-icon-chooser"},Object.keys(i).map((e,a)=>Object(l.createElement)("li",{key:"editor-pblock-types-list-item-"+a},Object(l.createElement)(b.Tooltip,{text:i[e].label},Object(l.createElement)(b.Button,{className:"editor-block-list-item-button",onClick:()=>{let a=i[e].icon;"string"!=typeof a&&(a=Object(l.renderToString)(a)),t({[this.props.attrIcon]:a,hasIcon:!0})}},"string"==typeof i[e].icon?Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon",dangerouslySetInnerHTML:{__html:Q(i[e].icon)}})):Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"editor-block-types-list__item-icon"},i[e].icon))))))))))})),void 0!==e[i]&&!e[n]&&!!e[a]&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:e[i],options:r,onChange:a=>{const l=e.iconPaddingLeft,i=e.iconPaddingRight,r=e.iconPaddingRightTablet,n=e.iconPaddingLeftTablet,o=e.iconPaddingRightMobile,c=e.iconPaddingLeftMobile;"right"===a&&(!l&&i&&t({iconPaddingLeft:i,iconPaddingRight:""}),!n&&r&&t({iconPaddingLeftTablet:r,iconPaddingRightTablet:""}),!c&&o&&t({iconPaddingLeftMobile:o,iconPaddingRightMobile:""})),"left"===a&&(!i&&l&&t({iconPaddingRight:l,iconPaddingLeft:""}),!r&&n&&t({iconPaddingRightTablet:n,iconPaddingLeftTablet:""}),!o&&c&&t({iconPaddingRightMobile:c,iconPaddingLeftMobile:""})),t({[this.props.attrIconLocation]:a})}}),void 0!==e[n]&&!!e[a]&&Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Remove Text","generateblocks"),checked:!!e[n],onChange:e=>{t({[this.props.attrRemoveText]:e})}}))}}var Se=_e;class xe extends l.Component{constructor(){super(...arguments),this.state={moreOptions:!1},this.onChange=this.onChange.bind(this)}onChange(e){const{url:t,target:a,relNoFollow:l,relSponsored:i}=this.props;this.props.onChange({url:t,target:a,relNoFollow:l,relSponsored:i,...e})}render(){const{url:e,target:t,relNoFollow:a,relSponsored:i,className:r,autoFocus:n}=this.props,{onChange:c}=this,{moreOptions:p}=this.state;return Object(l.createElement)("div",{className:o()("gblocks-component-url-input",r)},Object(l.createElement)("div",{className:"gblocks-component-url-input-flex"},Object(l.createElement)(x.URLInput,{value:e,onChange:e=>{c({url:e})},autoFocus:n}),Object(l.createElement)(b.Button,{icon:s("ellipsis"),label:p?Object(g.__)("Hide More Options","generateblocks"):Object(g.__)("Show More Options","generateblocks"),onClick:()=>{this.setState({moreOptions:!p})}})),p&&Object(l.createElement)("div",{className:"gblocks-component-url-input-more-options"},Object(d.applyFilters)("generateblocks.editor.urlInputMoreOptions","",this.props,this.state),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Open link in a new tab","generateblocks"),checked:t||"",onChange:e=>{c({target:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)('Add rel="nofollow"',"generateblocks"),checked:a||"",onChange:e=>{c({relNoFollow:e})}}),Object(l.createElement)(b.ToggleControl,{label:Object(g.__)('Add rel="sponsored"',"generateblocks"),checked:i||"",onChange:e=>{c({relSponsored:e})}})))}}class Ee extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{url:t,uniqueId:a,removeText:i,backgroundColor:r,backgroundColorOpacity:n,textColor:o,backgroundColorHover:c,backgroundColorHoverOpacity:s,textColorHover:g,fontFamily:b,fontFamilyFallback:p,fontWeight:u,textTransform:m,letterSpacing:k,fontSize:w,fontSizeUnit:y,marginTop:O,marginRight:v,marginBottom:j,marginLeft:T,marginUnit:C,paddingTop:B,paddingRight:_,paddingBottom:S,paddingLeft:x,paddingUnit:E,borderSizeTop:D,borderSizeRight:M,borderSizeBottom:z,borderSizeLeft:R,borderRadiusTopRight:L,borderRadiusBottomRight:F,borderRadiusBottomLeft:A,borderRadiusTopLeft:N,borderRadiusUnit:U,borderColor:P,borderColorOpacity:I,borderColorHover:G,borderColorHoverOpacity:V,gradient:W,gradientDirection:q,gradientColorOne:Z,gradientColorOneOpacity:K,gradientColorStopOne:J,gradientColorTwo:Y,gradientColorTwoOpacity:$,gradientColorStopTwo:Q,iconPaddingTop:X,iconPaddingRight:te,iconPaddingBottom:ae,iconPaddingLeft:le,iconPaddingUnit:ie,iconSize:re,iconSizeUnit:ne}=e;let oe,ce="",se="",ge="";W&&(Z&&""!==J&&(se=" "+J+"%"),Y&&""!==Q&&(ge=" "+Q+"%")),W&&(oe="linear-gradient("+q+"deg, "+H(Z,K)+se+", "+H(Y,$)+ge+");"),b&&p&&(ce=", "+p);let be="a.gb-button-"+a;t||(be=".gb-button-"+a);let de=[];return de[".block-editor-block-list__block "+be]=[{"background-color":H(r,n),"background-image":oe,color:o,padding:ee(B,_,S,x,E),"border-radius":ee(N,L,F,A,U),"font-family":b+ce,"font-weight":u,"text-transform":m,"font-size":f(w,y),"letter-spacing":f(k,"em"),margin:ee(O,v,j,T,C),"border-color":H(P,I)}],(D||M||z||R)&&de[".block-editor-block-list__block "+be].push({"border-width":ee(D,M,z,R,"px"),"border-style":"solid"}),de[".block-editor-block-list__block "+be+":hover,\n\t\t.block-editor-block-list__block "+be+":focus,\n\t\t.block-editor-block-list__block "+be+":active"]=[{"background-color":H(c,s),color:g,"border-color":H(G,V)}],de[".block-editor-block-list__block "+be+" .gb-icon"]=[{padding:!i&&ee(X,te,ae,le,ie),"font-size":f(re,ne)}],de=Object(d.applyFilters)("generateblocks.editor.mainCSS",de,this.props,"button"),Object(l.createElement)("style",null,h(de))}}class De extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.desktopCSS",e,this.props,"button"),Object(l.createElement)("style",null,h(e))}}class Me extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{url:t,uniqueId:a,removeText:i,letterSpacingTablet:r,fontSizeTablet:n,fontSizeUnit:o,marginTopTablet:c,marginRightTablet:s,marginBottomTablet:g,marginLeftTablet:b,marginUnit:p,paddingTopTablet:u,paddingRightTablet:m,paddingBottomTablet:k,paddingLeftTablet:w,paddingUnit:y,borderSizeTopTablet:O,borderSizeRightTablet:v,borderSizeBottomTablet:j,borderSizeLeftTablet:T,borderRadiusTopRightTablet:C,borderRadiusBottomRightTablet:B,borderRadiusBottomLeftTablet:_,borderRadiusTopLeftTablet:S,borderRadiusUnit:x,iconPaddingTopTablet:E,iconPaddingRightTablet:D,iconPaddingBottomTablet:M,iconPaddingLeftTablet:z,iconPaddingUnit:R,iconSizeTablet:L,iconSizeUnit:F}=e;let A="a.gb-button-"+a;t||(A=".gb-button-"+a);let N=[];return N[".block-editor-block-list__block "+A]=[{"padding-top":f(u,y),"padding-right":f(m,y),"padding-bottom":f(k,y),"padding-left":f(w,y),"border-top-left-radius":f(S,x),"border-top-right-radius":f(C,x),"border-bottom-right-radius":f(B,x),"border-bottom-left-radius":f(_,x),"font-size":f(n,o),"letter-spacing":f(r,"em"),"margin-top":f(c,p),"margin-right":f(s,p),"margin-bottom":f(g,p),"margin-left":f(b,p)}],(O||v||j||T)&&N[".block-editor-block-list__block "+A].push({"border-top-width":f(O,"px"),"border-right-width":f(v,"px"),"border-bottom-width":f(j,"px"),"border-left-width":f(T,"px"),"border-style":"solid"}),N[".block-editor-block-list__block "+A+" .gb-icon"]=[{"padding-top":!i&&f(E,R),"padding-right":!i&&f(D,R),"padding-bottom":!i&&f(M,R),"padding-left":!i&&f(z,R),"font-size":f(L,F)}],N=Object(d.applyFilters)("generateblocks.editor.tabletCSS",N,this.props,"button"),Object(l.createElement)("style",null,h(N))}}class ze extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",e,this.props,"button"),Object(l.createElement)("style",null,h(e))}}class Re extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{url:t,uniqueId:a,removeText:i,letterSpacingMobile:r,fontSizeMobile:n,fontSizeUnit:o,marginTopMobile:c,marginRightMobile:s,marginBottomMobile:g,marginLeftMobile:b,marginUnit:p,paddingTopMobile:u,paddingRightMobile:m,paddingBottomMobile:k,paddingLeftMobile:w,paddingUnit:y,borderSizeTopMobile:O,borderSizeRightMobile:v,borderSizeBottomMobile:j,borderSizeLeftMobile:T,borderRadiusTopRightMobile:C,borderRadiusBottomRightMobile:B,borderRadiusBottomLeftMobile:_,borderRadiusTopLeftMobile:S,borderRadiusUnit:x,iconPaddingTopMobile:E,iconPaddingRightMobile:D,iconPaddingBottomMobile:M,iconPaddingLeftMobile:z,iconPaddingUnit:R,iconSizeMobile:L,iconSizeUnit:F}=e;let A="a.gb-button-"+a;t||(A=".gb-button-"+a);let N=[];return N[".block-editor-block-list__block "+A]=[{"padding-top":f(u,y),"padding-right":f(m,y),"padding-bottom":f(k,y),"padding-left":f(w,y),"border-top-left-radius":f(S,x),"border-top-right-radius":f(C,x),"border-bottom-right-radius":f(B,x),"border-bottom-left-radius":f(_,x),"font-size":f(n,o),"letter-spacing":f(r,"em"),"margin-top":f(c,p),"margin-right":f(s,p),"margin-bottom":f(g,p),"margin-left":f(b,p)}],(O||v||j||T)&&N[".block-editor-block-list__block "+A].push({"border-top-width":f(O,"px"),"border-right-width":f(v,"px"),"border-bottom-width":f(j,"px"),"border-left-width":f(T,"px"),"border-style":"solid"}),N[".block-editor-block-list__block "+A+" .gb-icon"]=[{"padding-top":!i&&f(E,R),"padding-right":!i&&f(D,R),"padding-bottom":!i&&f(M,R),"padding-left":!i&&f(z,R),"font-size":f(L,F)}],N=Object(d.applyFilters)("generateblocks.editor.mobileCSS",N,this.props,"button"),Object(l.createElement)("style",null,h(N))}}const Le=/[\s#]/g;class Fe extends l.Component{constructor(){super(...arguments),this.state={selectedDevice:"Desktop",fontSizePlaceholder:"17"},this.getFontSizePlaceholder=this.getFontSizePlaceholder.bind(this),this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this)}componentDidMount(){const e=T(wp.data.select("core/block-editor").getBlocks(),[],this.props.clientId);this.props.attributes.uniqueId&&!e.includes(this.props.attributes.uniqueId)||this.props.setAttributes({uniqueId:this.props.clientId.substr(2,9).replace("-","")});const t=this.getFontSizePlaceholder();if(t!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:t}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0}),void 0===this.props.attributes.hasUrl&&(this.props.attributes.url?this.props.setAttributes({hasUrl:!0}):this.props.setAttributes({hasUrl:!1})),!S(this.props.attributes)&&B(this.props.attributes.blockVersion,2)){const e=generateBlocksLegacyDefaults.v_1_4_0.button,t={},a=[];this.props.attributes.gradient&&a.push("gradientDirection","gradientColorOne","gradientColorOneOpacity","gradientColorTwo","gradientColorTwoOpacity"),a.forEach(a=>{C(this.props.attributes[a])||(t[a]=e[a])}),Object.keys(t).length>0&&this.props.setAttributes(t)}B(this.props.attributes.blockVersion,2)&&this.props.setAttributes({blockVersion:2})}componentDidUpdate(){const e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}getFontSizePlaceholder(){let e="17";const t=document.querySelector(".gb-button-"+this.props.attributes.uniqueId);return t&&(e=parseFloat(window.getComputedStyle(t).fontSize)),e}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,isSelected:a,clientId:i}=this.props,{fontSizePlaceholder:n}=this.state,{uniqueId:c,className:h,anchor:f,text:m,url:k,target:w,relNoFollow:y,relSponsored:O,icon:v,iconLocation:T,removeText:C,ariaLabel:B,backgroundColor:_,backgroundColorOpacity:S,textColor:D,backgroundColorHover:M,backgroundColorHoverOpacity:z,textColorHover:R,fontFamily:L,googleFont:F,googleFontVariants:A,borderColor:N,borderColorOpacity:U,borderColorHover:H,borderColorHoverOpacity:G,iconSize:W,iconSizeTablet:q,iconSizeMobile:K,iconSizeUnit:Y}=e,$=document.querySelectorAll("a.gb-button");for(let e=0;e<$.length;e++)$[e].addEventListener("click",(function(t){$[e].getAttribute("href")&&($[e].removeAttribute("href"),t.preventDefault())}),!1);const Q=[];y&&Q.push("nofollow"),w&&Q.push("noopener","noreferrer"),O&&Q.push("sponsored");let X="";A&&(X=":"+A);let ee={className:o()({"gb-button":!0,["gb-button-"+c]:!0,"gb-button-text":!v,[""+h]:void 0!==h}),href:k||null,target:w?"_blank":null,rel:Q&&Q.length>0?Q.join(" "):null,"aria-label":B||null,id:f||null};return ee=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",ee,"generateblocks/button",e),Object(l.createElement)(l.Fragment,null,Object(l.createElement)(x.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,null,Object(l.createElement)(b.ToolbarButton,{className:"gblocks-add-new-button",icon:s("insert"),label:Object(g.__)("Add Button","generateblocks"),onClick:()=>{let e=!1;e="function"==typeof wp.data.select("core/block-editor").getBlockParentsByBlockName?wp.data.select("core/block-editor").getBlockParentsByBlockName(i,"generateblocks/button-container",!0)[0]:wp.data.select("core/block-editor").getBlockRootClientId(i);const t=wp.data.select("core/block-editor").getBlocksByClientId(i)[0],a=Object(E.cloneBlock)(t,{uniqueId:""});wp.data.dispatch("core/block-editor").insertBlocks(a,void 0,e)},showTooltip:!0}))),Object(l.createElement)(x.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Typography","generateblocks"),initialOpen:!1,icon:s("typography"),className:"gblocks-panel-label",id:"buttonTypography",state:this.state,showPanel:!C||!1}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLetterSpacing:!0,fontSizePlaceholder:n,defaultFontSize:generateBlocksDefaults.button.fontSize,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacing}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},this.props,{device:"Tablet",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeTablet,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingTablet}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},this.props,{device:"Mobile",showFontSize:!0,showLetterSpacing:!0,disableAdvancedToggle:!0,defaultFontSize:generateBlocksDefaults.button.fontSizeMobile,defaultFontSizeUnit:generateBlocksDefaults.button.fontSizeUnit,defaultLetterSpacing:generateBlocksDefaults.button.letterSpacingMobile}))),Object(d.applyFilters)("generateblocks.editor.controls","","buttonTypography",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!1,icon:s("spacing"),className:"gblocks-panel-label",id:"buttonSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.button,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.button,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.button,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(d.applyFilters)("generateblocks.editor.controls","","buttonSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Colors","generateblocks"),initialOpen:!1,icon:s("colors"),className:"gblocks-panel-label",id:"buttonColors",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(b.TabPanel,{className:"layout-tab-panel gblocks-control-tabs",activeClass:"active-tab",tabs:[{name:"button-colors",title:Object(g.__)("Normal","generateblocks"),className:"button-colors"},{name:"button-colors-hover",title:Object(g.__)("Hover","generateblocks"),className:"button-colors-hover"}]},e=>{const a="button-colors"===e.name;return Object(l.createElement)("div",null,a?Object(l.createElement)(l.Fragment,null,Object(l.createElement)(I,{label:Object(g.__)("Background Color","generateblocks"),value:_,alpha:!0,valueOpacity:S,attrOpacity:"backgroundColorOpacity",key:"buttonBackgroundColor",onChange:e=>t({backgroundColor:e}),onOpacityChange:e=>t({backgroundColorOpacity:e})}),Object(l.createElement)(I,{label:Object(g.__)("Text Color","generateblocks"),value:D,alpha:!1,key:"buttonTextColor",onChange:e=>t({textColor:e})}),Object(l.createElement)(I,{label:Object(g.__)("Border Color","generateblocks"),value:N,alpha:!0,valueOpacity:U,attrOpacity:"borderColorOpacity",key:"buttonBorderColor",onChange:e=>t({borderColor:e}),onOpacityChange:e=>t({borderColorOpacity:e})}),Object(d.applyFilters)("generateblocks.editor.controls","","buttonColorsNormal",this.props,this.state)):Object(l.createElement)(l.Fragment,null,Object(l.createElement)(I,{label:Object(g.__)("Background Color","generateblocks"),value:M,alpha:!0,valueOpacity:z,attrOpacity:"backgroundColorHoverOpacity",key:"buttonBackgroundColorHover",onChange:e=>t({backgroundColorHover:e}),onOpacityChange:e=>t({backgroundColorHoverOpacity:e})}),Object(l.createElement)(I,{label:Object(g.__)("Text Color","generateblocks"),value:R,alpha:!1,key:"buttonTextColorHover",onChange:e=>t({textColorHover:e})}),Object(l.createElement)(I,{label:Object(g.__)("Border Color","generateblocks"),value:H,alpha:!0,valueOpacity:G,attrOpacity:"borderColorHoverOpacity",key:"buttonBorderColorHover",onChange:e=>t({borderColorHover:e}),onOpacityChange:e=>t({borderColorHoverOpacity:e})}),Object(d.applyFilters)("generateblocks.editor.controls","","buttonColorsHover",this.props,this.state)))}),Object(d.applyFilters)("generateblocks.editor.controls","","buttonColors",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Background Gradient","generateblocks"),initialOpen:!1,icon:s("gradients"),className:"gblocks-panel-label",id:"buttonBackgroundGradient",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(J,r()({},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})),Object(d.applyFilters)("generateblocks.editor.controls","","buttonBackgroundGradient",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Icon","generateblocks"),initialOpen:!1,icon:s("icons"),className:"gblocks-panel-label",id:"buttonIcon",state:this.state,showPanel:!("Desktop"!==this.getDeviceType()&&!v)}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(Se,r()({},this.props,{attrIcon:"icon",attrIconLocation:"iconLocation",attrRemoveText:"removeText",locationOptions:[{label:Object(g.__)("Left","generateblocks"),value:"left"},{label:Object(g.__)("Right","generateblocks"),value:"right"}]})),"Desktop"===this.getDeviceType()&&!!v&&Object(l.createElement)(l.Fragment,null,!C&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:Y,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:W||"",step:"em"===Y?.1:1,onChange:e=>{t({iconSize:e})},onBlur:()=>{t({iconSize:parseFloat(W)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSize:generateBlocksDefaults.button.iconSize})}},Object(g.__)("Reset","generateblocks")))),"Tablet"===this.getDeviceType()&&!!v&&Object(l.createElement)(l.Fragment,null,!C&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:Y,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:q||"",step:"em"===Y?.1:1,placeholder:"1",onChange:e=>{t({iconSizeTablet:e})},onBlur:()=>{t({iconSizeTablet:parseFloat(q)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeTablet:generateBlocksDefaults.button.iconSizeTablet})}},Object(g.__)("Reset","generateblocks")))),"Mobile"===this.getDeviceType()&&!!v&&Object(l.createElement)(l.Fragment,null,!C&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.button,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:Y,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:K||"",step:"em"===Y?.1:1,placeholder:"1",onChange:e=>{t({iconSizeMobile:e})},onBlur:()=>{t({iconSizeMobile:parseFloat(K)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeMobile:generateBlocksDefaults.button.iconSizeMobile})}},Object(g.__)("Reset","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","buttonIcon",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"buttonDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/buttons/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","buttonDocumentation",this.props,this.state))),Object(l.createElement)(x.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:f||"",onChange:e=>{e=e.replace(Le,"-"),t({anchor:e})}}),Object(l.createElement)(b.TextControl,{label:Object(g.__)("ARIA Label","generateblocks"),help:Object(g.__)("Helpful to people using screen readers.","generateblocks"),value:B,onChange:e=>{t({ariaLabel:e})}})),Object(l.createElement)(Ee,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(De,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(Me,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(ze,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(Re,this.props)),L&&F&&Object(l.createElement)("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+L.replace(/ /g,"+")+X}),Object(l.createElement)(P,{tagName:k?"a":"span",htmlAttrs:ee},!!v&&Object(l.createElement)(l.Fragment,null,"left"===T&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:v}}),!C&&Object(l.createElement)("span",{className:"gb-button-text"},Object(l.createElement)(x.RichText,{placeholder:Object(g.__)("Add text…","generateblocks"),value:m,onChange:e=>t({text:e}),allowedFormats:Object(d.applyFilters)("generateblocks.editor.buttonDisableFormatting",!1,this.props)?[]:["core/bold","core/italic","core/strikethrough"],isSelected:a})),"right"===T&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:v}})),!v&&!C&&Object(l.createElement)(x.RichText,{placeholder:Object(g.__)("Add text…","generateblocks"),value:m,onChange:e=>t({text:e}),allowedFormats:Object(d.applyFilters)("generateblocks.editor.buttonDisableFormatting",!1,this.props)?[]:["core/bold","core/italic","core/strikethrough"],isSelected:a})),a&&Object(l.createElement)(xe,{url:k,target:w,relNoFollow:y,relSponsored:O,onChange:e=>{t(e),""!==e.url?t({hasUrl:!0}):t({hasUrl:!1})},autoFocus:!1,className:"gblocks-component-url-input-float"}))}}var Ae=Object(M.compose)([Object(D.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(D.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])(Fe),Ne={uniqueId:{type:"string",default:""},anchor:{type:"string",default:""},url:{type:"string",source:"attribute",selector:".gb-button",attribute:"href"},hasUrl:{type:"boolean"},target:{type:"boolean"},relNoFollow:{type:"boolean"},relSponsored:{type:"boolean"},text:{type:"string",source:"html",selector:".gb-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},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},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},Ue=[{attributes:{...Ne,text:{type:"array",source:"children",selector:".gb-button .button-text",default:"Button"}},supports:{anchor:!1,className:!1,customClassName:!1,inserter:!1,reusable:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;return{...e,className:t,anchor:a,cssClasses:"",elementId:""}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i,text:r,url:n,target:c,relNoFollow:s,relSponsored:g,icon:b,iconLocation:p,removeText:u,ariaLabel:h}=e,f=[];s&&f.push("nofollow"),c&&f.push("noopener","noreferrer"),g&&f.push("sponsored");let m={id:a||void 0,className:o()({"gb-button":!0,["gb-button-"+t]:!0,[""+i]:""!==i}),href:n||void 0,target:c?"_blank":void 0,rel:f&&f.length>0?f.join(" "):void 0,"aria-label":h||void 0};return m=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",m,"generateblocks/button",e),Object(l.createElement)("a",m,b&&"left"===p&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Q(b)}}),!u&&Object(l.createElement)(x.RichText.Content,{tagName:"span",className:"button-text",value:r,key:"button-text"}),b&&"right"===p&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:Q(b)}}))}}];Object(E.registerBlockType)("generateblocks/button",{title:Object(g.__)("Button","generateblocks"),description:Object(g.__)("Drive conversions with beautiful buttons.","generateblocks"),parent:["generateblocks/button-container"],icon:s("button"),category:"generateblocks",keywords:[Object(g.__)("button"),Object(g.__)("buttons"),Object(g.__)("generate")],attributes:Ne,supports:{className:!1,inserter:!1,reusable:!1},edit:Ae,save:({attributes:e})=>{const{uniqueId:t,className:a,text:i,url:r,target:n,relNoFollow:c,relSponsored:s,icon:g,iconLocation:b,removeText:p,ariaLabel:u,anchor:h}=e,f=[];c&&f.push("nofollow"),n&&f.push("noopener","noreferrer"),s&&f.push("sponsored");let m={className:o()({"gb-button":!0,["gb-button-"+t]:!0,"gb-button-text":!g,[""+a]:void 0!==a}),href:r||null,target:n?"_blank":null,rel:f&&f.length>0?f.join(" "):null,"aria-label":u||null,id:h||null};return m=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",m,"generateblocks/button",e),Object(l.createElement)(P,{tagName:r?"a":"span",htmlAttrs:m},!!g&&"left"===b&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:g}}),!p&&Object(l.createElement)(x.RichText.Content,{value:i,tagName:g?"span":null,className:g?"gb-button-text":null}),!!g&&"right"===b&&Object(l.createElement)("span",{className:"gb-icon",dangerouslySetInnerHTML:{__html:g}}))},deprecated:Ue});class Pe extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,element:i,alignment:r,backgroundColor:n,backgroundColorOpacity:o,textColor:c,linkColor:s,borderColor:g,borderColorOpacity:b,highlightTextColor:p,fontFamily:u,fontFamilyFallback:m,fontWeight:k,fontSize:w,fontSizeUnit:y,textTransform:O,lineHeight:v,lineHeightUnit:j,letterSpacing:T,marginTop:C,marginRight:B,marginBottom:_,marginLeft:S,marginUnit:x,paddingTop:E,paddingRight:D,paddingBottom:M,paddingLeft:z,paddingUnit:R,borderSizeTop:L,borderSizeRight:F,borderSizeBottom:A,borderSizeLeft:N,borderRadiusTopRight:U,borderRadiusBottomRight:P,borderRadiusBottomLeft:I,borderRadiusTopLeft:G,borderRadiusUnit:V,icon:W,iconColor:q,iconColorOpacity:Z,iconLocation:K,iconVerticalAlignment:J,iconPaddingTop:Y,iconPaddingRight:$,iconPaddingBottom:Q,iconPaddingLeft:X,iconPaddingUnit:te,iconSize:ae,iconSizeUnit:le,inlineWidth:ie,removeText:re}=e;let ne="",oe="inline-block";u&&m&&(ne=", "+m);const ce=i+".gb-headline-"+a;let se=[];return se[".editor-styles-wrapper "+ce]=[{color:c,"font-family":u+ne,"font-weight":k,"text-transform":O,"text-align":r,"font-size":f(w,y),"line-height":f(v,j),"letter-spacing":f(T,"em"),display:!!W&&"flex","align-items":pe("inline"===K?J:r),"justify-content":pe(r),"flex-direction":!(!W||"above"!==K)&&"column"}],se[".editor-styles-wrapper .gb-container "+ce]=[{color:c}],W&&(oe="inline-flex"),se[".editor-styles-wrapper "+ce].push({"background-color":H(n,o),color:c,display:!!ie&&oe,"margin-top":f(C,x),"margin-right":f(B,x),"margin-bottom":f(_,x),"margin-left":f(S,x),padding:ee(E,D,M,z,R),"border-radius":ee(G,U,P,I,V),"border-color":H(g,b)}),(L||F||A||N)&&se[".editor-styles-wrapper "+ce].push({"border-width":ee(L,F,A,N,"px"),"border-style":"solid"}),se[".editor-styles-wrapper "+ce+" a"]=[{color:s}],se[ce+" .gb-icon"]=[{padding:!re&&ee(Y,$,Q,X,te),"align-self":!(!W||"above"!==K)&&pe(r),color:H(q,Z),display:!(!W||"above"!==K)&&"inline"}],se[ce+" .gb-icon svg"]=[{width:f(ae,le),height:f(ae,le)}],se[ce+" .gb-highlight"]=[{color:p}],se["#block-"+t]=[{display:!!ie&&"inline-flex"}],se=Object(d.applyFilters)("generateblocks.editor.mainCSS",se,this.props,"headline"),Object(l.createElement)("style",null,h(se))}}class He extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.desktopCSS",e,this.props,"headline"),Object(l.createElement)("style",null,h(e))}}class Ie extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,element:i,alignmentTablet:r,fontSizeTablet:n,fontSizeUnit:o,lineHeightTablet:c,lineHeightUnit:s,letterSpacingTablet:g,marginTopTablet:b,marginRightTablet:p,marginBottomTablet:u,marginLeftTablet:m,marginUnit:k,paddingTopTablet:w,paddingRightTablet:y,paddingBottomTablet:O,paddingLeftTablet:v,paddingUnit:j,borderSizeTopTablet:T,borderSizeRightTablet:C,borderSizeBottomTablet:B,borderSizeLeftTablet:_,borderRadiusTopRightTablet:S,borderRadiusBottomRightTablet:x,borderRadiusBottomLeftTablet:E,borderRadiusTopLeftTablet:D,borderRadiusUnit:M,icon:z,iconLocationTablet:R,iconVerticalAlignmentTablet:L,iconPaddingTopTablet:F,iconPaddingRightTablet:A,iconPaddingBottomTablet:N,iconPaddingLeftTablet:U,iconPaddingUnit:P,iconSizeTablet:H,iconSizeUnit:I,inlineWidthTablet:G,removeText:V}=e,W=i+".gb-headline-"+a;let q="inline-block",Z=[];return Z[".editor-styles-wrapper "+W]=[{"text-align":r,"font-size":f(n,o),"line-height":f(c,s),"letter-spacing":f(g,"em"),display:!!z&&"flex","align-items":pe("inline"===R?L:r),"justify-content":pe(r),"flex-direction":!(!z||"above"!==R)&&"column","margin-top":f(b,k)+" !important","margin-right":f(p,k)+" !important","margin-bottom":f(u,k)+" !important","margin-left":f(m,k)+" !important","padding-top":f(w,j),"padding-right":f(y,j),"padding-bottom":f(O,j),"padding-left":f(v,j),"border-top-left-radius":f(D,M),"border-top-right-radius":f(S,M),"border-bottom-right-radius":f(x,M),"border-bottom-left-radius":f(E,M)}],z&&(q="inline-flex",Z[".editor-styles-wrapper "+W].push({display:!!G&&q})),(T||C||B||_)&&Z[".editor-styles-wrapper "+W].push({"border-top-width":f(T,"px"),"border-right-width":f(C,"px"),"border-bottom-width":f(B,"px"),"border-left-width":f(_,"px"),"border-style":"solid"}),Z[W+" .gb-icon"]=[{"padding-top":!V&&f(F,P),"padding-right":!V&&f(A,P),"padding-bottom":!V&&f(N,P),"padding-left":!V&&f(U,P),"align-self":!(!z||"above"!==R)&&pe(r),display:!(!z||"above"!==R)&&"inline"}],Z[W+" .gb-icon svg"]=[{width:f(H,I),height:f(H,I)}],Z["#block-"+t]=[{display:!!G&&"inline-flex"}],Z=Object(d.applyFilters)("generateblocks.editor.tabletCSS",Z,this.props,"text"),Object(l.createElement)("style",null,h(Z))}}class Ge extends l.Component{render(){let e=[];return e=Object(d.applyFilters)("generateblocks.editor.tabletOnlyCSS",e,this.props,"headline"),Object(l.createElement)("style",null,h(e))}}class Ve extends l.Component{render(){const e=Object(d.applyFilters)("generateblocks.editor.cssAttrs",this.props.attributes,this.props),{clientId:t}=this.props,{uniqueId:a,element:i,alignmentMobile:r,fontSizeMobile:n,fontSizeUnit:o,lineHeightMobile:c,lineHeightUnit:s,letterSpacingMobile:g,marginTopMobile:b,marginRightMobile:p,marginBottomMobile:u,marginLeftMobile:m,marginUnit:k,paddingTopMobile:w,paddingRightMobile:y,paddingBottomMobile:O,paddingLeftMobile:v,paddingUnit:j,borderSizeTopMobile:T,borderSizeRightMobile:C,borderSizeBottomMobile:B,borderSizeLeftMobile:_,borderRadiusTopRightMobile:S,borderRadiusBottomRightMobile:x,borderRadiusBottomLeftMobile:E,borderRadiusTopLeftMobile:D,borderRadiusUnit:M,icon:z,iconLocationMobile:R,iconVerticalAlignmentMobile:L,iconPaddingTopMobile:F,iconPaddingRightMobile:A,iconPaddingBottomMobile:N,iconPaddingLeftMobile:U,iconPaddingUnit:P,iconSizeMobile:H,iconSizeUnit:I,inlineWidthMobile:G,removeText:V}=e,W=i+".gb-headline-"+a;let q="inline-block",Z=[];return Z[".editor-styles-wrapper "+W]=[{"text-align":r,"font-size":f(n,o),"line-height":f(c,s),"letter-spacing":f(g,"em"),display:!!z&&"flex","align-items":pe("inline"===R?L:r),"justify-content":pe(r),"flex-direction":!(!z||"above"!==R)&&"column","margin-top":f(b,k)+" !important","margin-right":f(p,k)+" !important","margin-bottom":f(u,k)+" !important","margin-left":f(m,k)+" !important","padding-top":f(w,j),"padding-right":f(y,j),"padding-bottom":f(O,j),"padding-left":f(v,j),"border-top-left-radius":f(D,M),"border-top-right-radius":f(S,M),"border-bottom-right-radius":f(x,M),"border-bottom-left-radius":f(E,M)}],z&&(q="inline-flex",Z[".editor-styles-wrapper "+W].push({display:!!G&&q})),(T||C||B||_)&&Z[".editor-styles-wrapper "+W].push({"border-top-width":f(T,"px"),"border-right-width":f(C,"px"),"border-bottom-width":f(B,"px"),"border-left-width":f(_,"px"),"border-style":"solid"}),Z[W+" .gb-icon"]=[{"padding-top":!V&&f(F,P),"padding-right":!V&&f(A,P),"padding-bottom":!V&&f(N,P),"padding-left":!V&&f(U,P),"align-self":!(!z||"above"!==R)&&pe(r),display:!(!z||"above"!==R)&&"inline"}],Z[W+" .gb-icon svg"]=[{width:f(H,I),height:f(H,I)}],Z["#block-"+t]=[{display:!!G&&"inline-flex"}],Z=Object(d.applyFilters)("generateblocks.editor.mobileCSS",Z,this.props,"headline"),Object(l.createElement)("style",null,h(Z))}}var We=a(11);const qe=Object(l.createElement)("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"1.414"},Object(l.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"})),Ze=Object(M.compose)(Object(D.withSelect)((function(e){return{selectedBlock:e("core/block-editor").getSelectedBlock()}})),Object(M.ifCondition)((function(e){return e.selectedBlock&&"generateblocks/headline"===e.selectedBlock.name})))((function(e){const t=()=>e.onChange(Object(We.toggleFormat)(e.value,{type:"generateblocks/mark"}));return Object(l.createElement)(l.Fragment,null,Object(l.createElement)(x.RichTextShortcut,{type:"primary",character:"m",onUse:t}),Object(l.createElement)(x.RichTextToolbarButton,{icon:qe,title:Object(g.__)("Highlight","generateblocks"),onClick:t,isActive:e.isActive,shortcutType:"access",shortcutCharacter:"m",className:"toolbar-button-with-text toolbar-button__generateblocks/mark"}))})),Ke={title:Object(g.__)("Highlight","generateblocks"),tagName:"mark",className:"gb-highlight",edit:Ze};function Je({level:e}){const t={h1:"M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z",h2:"M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z",h3:"M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z",h4:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z",h5:"M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z",h6:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z",p:"M7.411 18V6.005h3.887c1.474 0 2.429.067 2.881.184.687.185 1.257.57 1.726 1.173.452.603.687 1.374.687 2.329 0 .737-.135 1.357-.403 1.86-.268.502-.603.904-1.021 1.189-.403.284-.821.469-1.257.57-.57.117-1.407.167-2.496.167H9.823V18H7.411zm2.412-9.968v3.401h1.324c.955 0 1.591-.05 1.926-.184.319-.118.57-.319.754-.587.185-.268.268-.57.268-.938 0-.435-.117-.787-.385-1.072a1.607 1.607 0 00-.972-.536c-.284-.05-.87-.084-1.742-.084H9.823z",div:"M6.969 6.005h4.423c1.005 0 1.759.084 2.295.235.703.2 1.306.57 1.809 1.105.503.52.871 1.173 1.14 1.944.267.754.385 1.708.385 2.83 0 .99-.118 1.844-.369 2.547-.302.871-.72 1.592-1.273 2.128-.419.402-.989.72-1.709.955-.536.167-1.24.251-2.144.251H6.969V6.005zm2.43 2.027v7.94h1.808c.67 0 1.156-.033 1.458-.1.402-.1.72-.268.972-.502.268-.235.485-.62.636-1.156.168-.536.251-1.273.251-2.195 0-.938-.083-1.641-.25-2.144-.152-.486-.386-.888-.688-1.156-.285-.285-.67-.469-1.122-.57-.335-.067-.989-.117-1.977-.117H9.398z"};if(!t.hasOwnProperty(e))return null;let a="0 0 20 20";return"p"!==e&&"div"!==e||(a="0 0 24 24"),Object(l.createElement)(b.SVG,{width:"24",height:"24",viewBox:a,xmlns:"http://www.w3.org/2000/svg"},Object(l.createElement)(b.Path,{d:t[e]}))}Object(We.registerFormatType)("generateblocks/mark",Ke);const Ye=/[\s#]/g;class $e extends l.Component{constructor(){super(...arguments),this.getFontSizePlaceholder=this.getFontSizePlaceholder.bind(this),this.getDeviceType=this.getDeviceType.bind(this),this.setDeviceType=this.setDeviceType.bind(this),this.state={selectedDevice:"Desktop",fontSizePlaceholder:"17"}}componentDidMount(){const e=T(wp.data.select("core/block-editor").getBlocks(),[],this.props.clientId);this.props.attributes.uniqueId&&!e.includes(this.props.attributes.uniqueId)||this.props.setAttributes({uniqueId:this.props.clientId.substr(2,9).replace("-","")});const t=this.getFontSizePlaceholder();t!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:t}),!this.props.attributes.hasIcon&&this.props.attributes.icon&&this.props.setAttributes({hasIcon:!0})}componentDidUpdate(){const e=this.getFontSizePlaceholder();e!==this.state.fontSizePlaceholder&&this.setState({fontSizePlaceholder:e})}getFontSizePlaceholder(){let e="25";if("em"===this.props.attributes.fontSizeUnit)e="1";else if("%"===this.props.attributes.fontSizeUnit)e="100";else{const t=document.querySelector(".gb-headline-"+this.props.attributes.uniqueId);t&&(e=parseFloat(window.getComputedStyle(t).fontSize))}return e}getDeviceType(){let e=this.props.deviceType?this.props.deviceType:this.state.selectedDevice;return generateBlocksInfo.syncResponsivePreviews||(e=this.state.selectedDevice),e}setDeviceType(e){generateBlocksInfo.syncResponsivePreviews&&this.props.deviceType?(this.props.setDeviceType(e),this.setState({selectedDevice:e})):this.setState({selectedDevice:e})}render(){const{attributes:e,setAttributes:t,onReplace:a,clientId:i}=this.props,{fontSizePlaceholder:n}=this.state,{uniqueId:c,anchor:h,className:f,content:m,element:k,alignment:w,alignmentTablet:y,alignmentMobile:O,backgroundColor:v,backgroundColorOpacity:T,textColor:C,linkColor:B,linkColorHover:_,borderColor:S,borderColorOpacity:D,highlightTextColor:M,fontFamily:z,googleFont:R,googleFontVariants:L,marginTop:F,marginRight:A,marginBottom:N,marginLeft:U,icon:H,hasIcon:G,iconColor:W,iconColorOpacity:q,iconLocation:K,iconLocationTablet:J,iconLocationMobile:Y,iconVerticalAlignment:$,iconVerticalAlignmentTablet:Q,iconVerticalAlignmentMobile:X,iconSize:ee,iconSizeTablet:te,iconSizeMobile:ae,iconSizeUnit:le,inlineWidth:ie,inlineWidthTablet:re,inlineWidthMobile:ne,removeText:oe,ariaLabel:ce}=e;let se="";L&&(se=":"+L);let ge="";ge=te||0===te?te:ee||0===ee?ee:"";let be={className:o()({"gb-headline":!0,["gb-headline-"+c]:!0,"gb-headline-text":!G,[f]:void 0!==f}),id:h||null};be=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",be,"generateblocks/headline",e);const de=(t,a)=>{let l;return l=a||t?Object(E.createBlock)("generateblocks/headline",{...e,content:t}):Object(E.createBlock)("core/paragraph"),a&&(l.clientId=i),l};return Object(l.createElement)(l.Fragment,null,Object(l.createElement)(x.BlockControls,null,Object(l.createElement)(b.ToolbarGroup,{isCollapsed:!0,icon:Object(l.createElement)(Je,{level:k}),label:Object(g.__)("Change Headline Element","generateblocks"),controls:[{isActive:"h1"===k,icon:Object(l.createElement)(Je,{level:"h1"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
10
+ Object(g.__)("Heading %s","generateblocks"),"1"),onClick:()=>{t({element:"h1"})}},{isActive:"h2"===k,icon:Object(l.createElement)(Je,{level:"h2"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
11
+ Object(g.__)("Heading %s","generateblocks"),"2"),onClick:()=>{t({element:"h2"})}},{isActive:"h3"===k,icon:Object(l.createElement)(Je,{level:"h3"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
12
+ Object(g.__)("Heading %s","generateblocks"),"3"),onClick:()=>{t({element:"h3"})}},{isActive:"h4"===k,icon:Object(l.createElement)(Je,{level:"h4"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
13
+ Object(g.__)("Heading %s","generateblocks"),"4"),onClick:()=>{t({element:"h4"})}},{isActive:"h5"===k,icon:Object(l.createElement)(Je,{level:"h5"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
14
+ Object(g.__)("Heading %s","generateblocks"),"5"),onClick:()=>{t({element:"h5"})}},{isActive:"h6"===k,icon:Object(l.createElement)(Je,{level:"h6"}),title:Object(g.sprintf)(// translators: %s: heading level e.g: "1", "2", "3"
15
+ Object(g.__)("Heading %s","generateblocks"),"6"),onClick:()=>{t({element:"h6"})}},{isActive:"p"===k,icon:Object(l.createElement)(Je,{level:"p"}),title:Object(g.__)("Paragraph","generateblocks"),onClick:()=>{t({element:"p"})}},{isActive:"div"===k,icon:Object(l.createElement)(Je,{level:"div"}),title:Object(g.__)("Div","generateblocks"),onClick:()=>{t({element:"div"})}}]}),"Desktop"===this.getDeviceType()&&!ie&&Object(l.createElement)(x.AlignmentToolbar,{value:w,onChange:e=>{t({alignment:e})}}),"Tablet"===this.getDeviceType()&&!re&&Object(l.createElement)(x.AlignmentToolbar,{value:y,onChange:e=>{t({alignmentTablet:e})}}),"Mobile"===this.getDeviceType()&&!ne&&Object(l.createElement)(x.AlignmentToolbar,{value:O,onChange:e=>{t({alignmentMobile:e})}})),Object(l.createElement)(x.InspectorControls,null,Object(l.createElement)(p,r()({},this.props,{selectedDevice:this.getDeviceType(),onClick:e=>{this.setDeviceType(e)}})),Object(l.createElement)(j,r()({},this.props,{id:"headlineElement",state:this.state,showPanel:"Desktop"===this.getDeviceType()}),Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Tag Name","generateblocks"),value:k,options:[{label:"h1",value:"h1"},{label:"h2",value:"h2"},{label:"h3",value:"h3"},{label:"h4",value:"h4"},{label:"h5",value:"h5"},{label:"h6",value:"h6"},{label:"paragraph",value:"p"},{label:"div",value:"div"}],onChange:e=>{t({element:e}),F||A||N||U||t("p"===e?{marginUnit:"em"}:{marginUnit:generateBlocksDefaults.headline.marginUnit})}}),Object(d.applyFilters)("generateblocks.editor.controls","","headlineElement",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Typography","generateblocks"),initialOpen:!1,icon:s("typography"),className:"gblocks-panel-label",id:"headlineTypography",state:this.state,showPanel:!oe||!1}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},this.props,{showFontFamily:!0,showFontWeight:!0,showTextTransform:!0,showFontSize:!0,showLineHeight:!0,showLetterSpacing:!0,fontSizePlaceholder:n,defaultFontSize:generateBlocksDefaults.headline.fontSize,defaultFontSizeUnit:generateBlocksDefaults.headline.fontSizeUnit,defaultLineHeight:generateBlocksDefaults.headline.lineHeight,defaultLineHeightUnit:generateBlocksDefaults.headline.lineHeightUnit,defaultLetterSpacing:generateBlocksDefaults.headline.letterSpacing}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},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"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(Z,r()({},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}))),Object(d.applyFilters)("generateblocks.editor.controls","","headlineTypography",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Spacing","generateblocks"),initialOpen:!1,icon:s("spacing"),className:"gblocks-panel-label",id:"headlineSpacing",state:this.state}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Inline Width","generateblocks"),checked:!!ie,onChange:e=>{t({inlineWidth:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTop",attrRight:"paddingRight",attrBottom:"paddingBottom",attrLeft:"paddingLeft",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",block:"headline",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTop",attrRight:"marginRight",attrBottom:"marginBottom",attrLeft:"marginLeft",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTop",attrRight:"borderSizeRight",attrBottom:"borderSizeBottom",attrLeft:"borderSizeLeft",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.headline,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeft",attrRight:"borderRadiusTopRight",attrBottom:"borderRadiusBottomRight",attrLeft:"borderRadiusBottomLeft",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),"Tablet"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Inline Width","generateblocks"),checked:!!re,onChange:e=>{t({inlineWidthTablet:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopTablet",attrRight:"paddingRightTablet",attrBottom:"paddingBottomTablet",attrLeft:"paddingLeftTablet",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",block:"headline",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopTablet",attrRight:"marginRightTablet",attrBottom:"marginBottomTablet",attrLeft:"marginLeftTablet",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopTablet",attrRight:"borderSizeRightTablet",attrBottom:"borderSizeBottomTablet",attrLeft:"borderSizeLeftTablet",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.headline,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftTablet",attrRight:"borderRadiusTopRightTablet",attrBottom:"borderRadiusBottomRightTablet",attrLeft:"borderRadiusBottomLeftTablet",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),"Mobile"===this.getDeviceType()&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.ToggleControl,{label:Object(g.__)("Inline Width","generateblocks"),checked:!!ne,onChange:e=>{t({inlineWidthMobile:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"paddingTopMobile",attrRight:"paddingRightMobile",attrBottom:"paddingBottomMobile",attrLeft:"paddingLeftMobile",attrUnit:"paddingUnit",attrSyncUnits:"paddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"margin",block:"headline",label:Object(g.__)("Margin","generateblocks"),attrTop:"marginTopMobile",attrRight:"marginRightMobile",attrBottom:"marginBottomMobile",attrLeft:"marginLeftMobile",attrUnit:"marginUnit",attrSyncUnits:"marginSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Size","generateblocks"),attrTop:"borderSizeTopMobile",attrRight:"borderSizeRightMobile",attrBottom:"borderSizeBottomMobile",attrLeft:"borderSizeLeftMobile",attrSyncUnits:"borderSizeSyncUnits",defaults:generateBlocksDefaults.headline,units:["px"]})),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Border Radius","generateblocks"),attrTop:"borderRadiusTopLeftMobile",attrRight:"borderRadiusTopRightMobile",attrBottom:"borderRadiusBottomRightMobile",attrLeft:"borderRadiusBottomLeftMobile",attrUnit:"borderRadiusUnit",attrSyncUnits:"borderRadiusSyncUnits",labelTop:Object(g.__)("T-Left","generateblocks"),labelRight:Object(g.__)("T-Right","generateblocks"),labelBottom:Object(g.__)("B-Right","generateblocks"),labelLeft:Object(g.__)("B-Left","generateblocks"),defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(d.applyFilters)("generateblocks.editor.controls","","headlineSpacing",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Colors","generateblocks"),initialOpen:!1,icon:s("colors"),className:"gblocks-panel-label",id:"headlineColors",state:this.state,showPanel:"Desktop"===this.getDeviceType()||!1}),Object(l.createElement)(I,{label:Object(g.__)("Background Color","generateblocks"),value:v,alpha:!0,valueOpacity:T,attrOpacity:"backgroundColorOpacity",onChange:e=>t({backgroundColor:e}),onOpacityChange:e=>t({backgroundColorOpacity:e})}),Object(l.createElement)(I,{label:Object(g.__)("Text Color","generateblocks"),value:C,alpha:!1,onChange:e=>t({textColor:e})}),Object(l.createElement)(I,{label:Object(g.__)("Link Color","generateblocks"),value:B,alpha:!1,onChange:e=>t({linkColor:e})}),Object(l.createElement)(I,{label:Object(g.__)("Link Color Hover","generateblocks"),value:_,alpha:!1,onChange:e=>t({linkColorHover:e})}),Object(l.createElement)(I,{label:Object(g.__)("Border Color","generateblocks"),value:S,alpha:!0,valueOpacity:D,attrOpacity:"borderColorOpacity",onChange:e=>t({borderColor:e}),onOpacityChange:e=>t({borderColorOpacity:e})}),H&&Object(l.createElement)(I,{label:Object(g.__)("Icon Color","generateblocks"),value:W,alpha:!0,valueOpacity:q,attrOpacity:"iconColorOpacity",onChange:e=>t({iconColor:e}),onOpacityChange:e=>t({iconColorOpacity:e})}),Object(l.createElement)(I,{label:Object(g.__)("Highlight Text","generateblocks"),value:M,alpha:!1,onChange:e=>t({highlightTextColor:e})})),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Icon","generateblocks"),initialOpen:!1,icon:s("icons"),className:"gblocks-panel-label",id:"headlineIcon",state:this.state,showPanel:!("Desktop"!==this.getDeviceType()&&!H)}),"Desktop"===this.getDeviceType()&&Object(l.createElement)(Se,r()({},this.props,{attrIcon:"icon",attrRemoveText:"removeText",attrAriaLabel:"ariaLabel"})),"Desktop"===this.getDeviceType()&&!!H&&Object(l.createElement)(l.Fragment,null,!oe&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:K,options:[{label:Object(g.__)("Inline","generateblocks"),value:"inline"},{label:Object(g.__)("Above","generateblocks"),value:"above"}],onChange:e=>{t({iconLocation:e,iconPaddingRight:"inline"===e?"0.5":"",iconPaddingBottom:"above"===e?"0.5":""})}}),"inline"===K&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Alignment","generateblocks"),value:$,options:[{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{t({iconVerticalAlignment:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTop",attrRight:"iconPaddingRight",attrBottom:"iconPaddingBottom",attrLeft:"iconPaddingLeft",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:le,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:ee||0===ee?ee:"",step:"em"===le?.1:1,onChange:e=>{t({iconSize:e})},onBlur:()=>{t({iconSize:parseFloat(ee)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSize:generateBlocksDefaults.headline.iconSize})}},Object(g.__)("Reset","generateblocks")))),"Tablet"===this.getDeviceType()&&!!H&&Object(l.createElement)(l.Fragment,null,!oe&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:J,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Inline","generateblocks"),value:"inline"},{label:Object(g.__)("Above","generateblocks"),value:"above"}],onChange:e=>{t({iconLocationTablet:e,iconPaddingRightTablet:"inline"===e?"0.5":"",iconPaddingBottomTablet:"above"===e?"0.5":""})}}),"inline"===J&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Alignment","generateblocks"),value:Q,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{t({iconVerticalAlignmentTablet:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopTablet",attrRight:"iconPaddingRightTablet",attrBottom:"iconPaddingBottomTablet",attrLeft:"iconPaddingLeftTablet",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:le,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:te||0===te?te:"",step:"em"===le?.1:1,placeholder:ee||0===ee?ee:"",onChange:e=>{t({iconSizeTablet:e})},onBlur:()=>{t({iconSizeTablet:parseFloat(te)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeTablet:generateBlocksDefaults.headline.iconSizeTablet})}},Object(g.__)("Reset","generateblocks")))),"Mobile"===this.getDeviceType()&&!!H&&Object(l.createElement)(l.Fragment,null,!oe&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Location","generateblocks"),value:Y,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Inline","generateblocks"),value:"inline"},{label:Object(g.__)("Above","generateblocks"),value:"above"}],onChange:e=>{t({iconLocationMobile:e,iconPaddingRightMobile:"inline"===e?"0.5":"",iconPaddingBottomMobile:"above"===e?"0.5":""})}}),"inline"===Y&&Object(l.createElement)(b.SelectControl,{label:Object(g.__)("Icon Alignment","generateblocks"),value:X,options:[{label:Object(g.__)("Inherit","generateblocks"),value:""},{label:Object(g.__)("Top","generateblocks"),value:"top"},{label:Object(g.__)("Center","generateblocks"),value:"center"},{label:Object(g.__)("Bottom","generateblocks"),value:"bottom"}],onChange:e=>{t({iconVerticalAlignmentMobile:e})}}),Object(l.createElement)(V,r()({},this.props,{device:this.getDeviceType(),type:"padding",label:Object(g.__)("Padding","generateblocks"),attrTop:"iconPaddingTopMobile",attrRight:"iconPaddingRightMobile",attrBottom:"iconPaddingBottomMobile",attrLeft:"iconPaddingLeftMobile",attrUnit:"iconPaddingUnit",attrSyncUnits:"iconPaddingSyncUnits",defaults:generateBlocksDefaults.headline,units:["px","em","%"]}))),Object(l.createElement)(u,{label:Object(g.__)("Icon Size","generateblocks"),value:le,units:["px","em"],onClick:e=>{t({iconSizeUnit:e})}}),Object(l.createElement)("div",{className:"components-base-control components-gblocks-typography-control__inputs"},Object(l.createElement)(b.TextControl,{type:"number",value:ae||0===ae?ae:"",step:"em"===le?.1:1,placeholder:ge,onChange:e=>{t({iconSizeMobile:e})},onBlur:()=>{t({iconSizeMobile:parseFloat(ae)})},onClick:e=>{e.currentTarget.focus()}}),Object(l.createElement)(b.Button,{isSmall:!0,isSecondary:!0,className:"components-gblocks-default-number",onClick:()=>{t({iconSizeMobile:generateBlocksDefaults.headline.iconSizeMobile})}},Object(g.__)("Reset","generateblocks")))),Object(d.applyFilters)("generateblocks.editor.controls","","headlineIcon",this.props,this.state)),Object(l.createElement)(j,r()({},this.props,{title:Object(g.__)("Documentation","generateblocks"),icon:s("documentation"),initialOpen:!1,className:"gblocks-panel-label",id:"headlineDocumentation",state:this.state}),Object(l.createElement)("p",null,Object(g.__)("Need help with this block?","generateblocks")),Object(l.createElement)("a",{href:"https://docs.generateblocks.com/collection/headline/",target:"_blank",rel:"noreferrer noopener"},Object(g.__)("Visit our documentation","generateblocks")),Object(d.applyFilters)("generateblocks.editor.controls","","headlineDocumentation",this.props,this.state))),Object(l.createElement)(x.InspectorAdvancedControls,null,Object(l.createElement)(b.TextControl,{label:Object(g.__)("HTML Anchor","generateblocks"),help:Object(g.__)("Anchors lets you link directly to a section on a page.","generateblocks"),value:h||"",onChange:e=>{e=e.replace(Ye,"-"),t({anchor:e})}})),Object(l.createElement)(Pe,this.props),this.props.deviceType&&Object(l.createElement)(l.Fragment,null,"Desktop"===this.props.deviceType&&Object(l.createElement)(He,this.props),("Tablet"===this.props.deviceType||"Mobile"===this.props.deviceType)&&Object(l.createElement)(Ie,this.props),"Tablet"===this.props.deviceType&&Object(l.createElement)(Ge,this.props),"Mobile"===this.props.deviceType&&Object(l.createElement)(Ve,this.props)),z&&R&&Object(l.createElement)("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family="+z.replace(/ /g,"+")+se}),Object(d.applyFilters)("generateblocks.editor.beforeHeadlineElement","",this.props),Object(l.createElement)(P,{tagName:k,htmlAttrs:be},G&&Object(l.createElement)(l.Fragment,null,Object(l.createElement)("span",{className:"gb-icon","aria-label":oe&&ce?ce:void 0,dangerouslySetInnerHTML:{__html:H}}),!oe&&Object(l.createElement)("span",{className:"gb-headline-text"},Object(l.createElement)(x.RichText,{tagName:"span",value:m,onChange:e=>t({content:e}),onSplit:de,onReplace:a,placeholder:Object(g.__)("Headline","generateblocks"),allowedFormats:Object(d.applyFilters)("generateblocks.editor.headlineDisableFormatting",!1,this.props)?[]:null}))),!G&&!oe&&Object(l.createElement)(x.RichText,{tagName:"span",value:m,onChange:e=>t({content:e}),onSplit:de,onReplace:a,placeholder:Object(g.__)("Headline","generateblocks"),allowedFormats:Object(d.applyFilters)("generateblocks.editor.headlineDisableFormatting",!1,this.props)?[]:null})))}}var Qe=Object(M.compose)([Object(D.withDispatch)(e=>({setDeviceType(t){const{__experimentalSetPreviewDeviceType:a}=e("core/edit-post")||!1;a&&a(t)}})),Object(D.withSelect)(e=>{const{__experimentalGetPreviewDeviceType:t}=e("core/edit-post")||!1;return t?{deviceType:t()}:{deviceType:null}})])($e),Xe={uniqueId:{type:"string",default:""},anchor:{type:"string",default:""},content:{type:"string",source:"html",selector:".gb-headline-text"},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},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},borderRadiusTopRight:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopRight},borderRadiusBottomRight:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomRight},borderRadiusBottomLeft:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomLeft},borderRadiusTopLeft:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopLeft},borderRadiusUnit:{type:"string",default:generateBlocksDefaults.headline.borderRadiusUnit},borderRadiusTopRightTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopRightTablet},borderRadiusBottomRightTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomRightTablet},borderRadiusBottomLeftTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomLeftTablet},borderRadiusTopLeftTablet:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopLeftTablet},borderRadiusTopRightMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopRightMobile},borderRadiusBottomRightMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomRightMobile},borderRadiusBottomLeftMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusBottomLeftMobile},borderRadiusTopLeftMobile:{type:"string",default:generateBlocksDefaults.headline.borderRadiusTopLeftMobile},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},elementId:{type:"string",default:""},cssClasses:{type:"string",default:""}},et={from:[{type:"block",blocks:["core/paragraph"],transform:({content:e})=>Object(E.createBlock)("generateblocks/headline",{content:e})},{type:"block",blocks:["core/heading"],transform:({content:e})=>Object(E.createBlock)("generateblocks/headline",{content:e})}],to:[{type:"block",blocks:["core/paragraph"],transform:({content:e})=>Object(E.createBlock)("core/paragraph",{content:e})},{type:"block",blocks:["core/heading"],transform:({content:e})=>Object(E.createBlock)("core/heading",{content:e})}]},tt=[{attributes:{...Xe,content:{type:"array",source:"children",selector:"p,h1,h2,h3,h4,h5,h6"}},supports:{anchor:!1,className:!1,customClassName:!1},migrate(e){const t=e.cssClasses?e.cssClasses:e.className,a=e.elementId?e.elementId:e.anchor;let l=e.element?e.element:generateBlocksDefaults.headline.element;return e.icon&&e.removeText&&"div"!==l&&(l="div"),{...e,className:t,anchor:a,cssClasses:"",elementId:"",element:l}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i,element:n,content:c,icon:s,removeText:g,ariaLabel:b}=e;let p={id:a||void 0,className:o()({"gb-headline":!0,["gb-headline-"+t]:!0,[""+i]:""!==i})};return p=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",p,"generateblocks/headline",e),Object(l.createElement)(({condition:e,wrap:t,children:a})=>e?t(a):a,{condition:s,wrap:e=>Object(l.createElement)("div",{className:o()({"gb-headline-wrapper":!0,["gb-headline-wrapper-"+t]:!0})},e)},s&&Object(l.createElement)("span",{className:"gb-icon","aria-label":g&&b?b:void 0,dangerouslySetInnerHTML:{__html:Q(s)}}),!g&&Object(l.createElement)(x.RichText.Content,r()({tagName:n,value:c},p)))}},{attributes:{...Xe,element:{type:"string",default:"p"},content:{type:"array",source:"children",selector:"p,h1,h2,h3,h4,h5,h6"}},save({attributes:e}){const{uniqueId:t,elementId:a,cssClasses:i,element:n,content:c,icon:s,removeText:g,ariaLabel:b}=e;let p={id:a||void 0,className:o()({"gb-headline":!0,["gb-headline-"+t]:!0,[""+i]:""!==i})};return p=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",p,"generateblocks/headline",e),Object(l.createElement)(({condition:e,wrap:t,children:a})=>e?t(a):a,{condition:s,wrap:e=>Object(l.createElement)("div",{className:o()({"gb-headline-wrapper":!0,["gb-headline-wrapper-"+t]:!0})},e)},s&&Object(l.createElement)("span",{className:"gb-icon","aria-label":g&&b?b:void 0,dangerouslySetInnerHTML:{__html:Q(s)}}),!g&&Object(l.createElement)(x.RichText.Content,r()({tagName:n,value:c},p)))}}];Object(E.registerBlockType)("generateblocks/headline",{title:Object(g.__)("Headline","generateblocks"),description:Object(g.__)("Craft text-rich content with advanced typography.","generateblocks"),icon:s("headline"),category:"generateblocks",keywords:[Object(g.__)("heading"),Object(g.__)("headline"),Object(g.__)("title"),Object(g.__)("generate")],attributes:Xe,supports:{className:!1},edit:Qe,save:({attributes:e})=>{const{uniqueId:t,className:a,anchor:i,element:r,content:n,icon:c,removeText:s,ariaLabel:g}=e;let b={className:o()({"gb-headline":!0,["gb-headline-"+t]:!0,"gb-headline-text":!c,[a]:void 0!==a}),id:i||null};return b=Object(d.applyFilters)("generateblocks.frontend.htmlAttributes",b,"generateblocks/headline",e),Object(l.createElement)(P,{tagName:r,htmlAttrs:b},!!c&&Object(l.createElement)("span",{className:"gb-icon","aria-label":s&&g?g:void 0,dangerouslySetInnerHTML:{__html:c}}),!s&&Object(l.createElement)(x.RichText.Content,{value:n,tagName:c?"span":null,className:c?"gb-headline-text":null}))},transforms:et,deprecated:tt})}]);
dist/dashboard.asset.php CHANGED
@@ -1 +1 @@
1
- <?php return array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-polyfill'), 'version' => '42b3224ccb277112e40f383393f2ba5e');
1
+ <?php return array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-polyfill'), 'version' => 'a429e316c7d7b2ace98bd656339fb141');
dist/dashboard.js CHANGED
@@ -1 +1 @@
1
- !function(e){var t={};function s(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,s),i.l=!0,i.exports}s.m=e,s.c=t,s.d=function(e,t,n){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)s.d(n,i,function(t){return e[t]}.bind(null,i));return n},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="",s(s.s=14)}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.hooks},,,,,,,,function(e,t){e.exports=window.wp.apiFetch},,,function(e,t,s){"use strict";s.r(t);var n=s(0),i=s(1),a=s(2),o=s(11),r=s.n(o),c=s(3);class l extends n.Component{constructor(){super(...arguments),this.state={isAPILoaded:!1,isAPISaving:!1,isRegeneratingCSS:!1,settings:generateBlocksSettings.settings},this.getSetting=this.getSetting.bind(this),this.updateSettings=this.updateSettings.bind(this)}componentDidMount(){this.setState({isAPILoaded:!0})}getSetting(e,t){let s=t;return void 0!==this.state.settings[e]&&(s=this.state.settings[e]),s}updateSettings(e){this.setState({isAPISaving:!0});const t=e.target.nextElementSibling;r()({path:"/generateblocks/v1/settings",method:"POST",data:{settings:this.state.settings}}).then(e=>{this.setState({isAPISaving:!1}),t.classList.add("gblocks-action-message--show"),t.textContent=e.response,e.success&&e.response?setTimeout((function(){t.classList.remove("gblocks-action-message--show")}),3e3):t.classList.add("gblocks-action-message--error")})}render(){return this.state.isAPILoaded?Object(n.createElement)(n.Fragment,null,Object(n.createElement)("div",{className:"generateblocks-settings-main"},Object(c.applyFilters)("generateblocks.dashboard.beforeSettings","",this),Object(n.createElement)(a.PanelBody,{title:Object(i.__)("Settings","generateblocks")},Object(n.createElement)("div",{className:"gblocks-dashboard-panel-row-wrapper"},Object(n.createElement)(a.PanelRow,{className:"gblocks-css-print-method"},Object(n.createElement)(a.SelectControl,{label:Object(i.__)("CSS Print Method","generateblocks"),help:Object(i.__)("Generating your CSS in external files is better for overall performance.","generateblocks"),value:this.getSetting("css_print_method"),options:[{label:Object(i.__)("External File","generateblocks"),value:"file"},{label:Object(i.__)("Inline Embedding","generateblocks"),value:"inline"}],onChange:e=>{this.setState({settings:{...this.state.settings,css_print_method:e}})}})),"file"===this.getSetting("css_print_method")&&Object(n.createElement)(a.PanelRow,null,Object(n.createElement)(a.BaseControl,{id:"gblocks-regenerate-css",className:"gblocks-regenerate-css",help:Object(i.__)("Force your external CSS files to regenerate next time their page is loaded.","generateblocks")},Object(n.createElement)("div",{className:"gblocks-action-button"},Object(n.createElement)(a.Button,{isSecondary:!0,onClick:e=>{this.setState({isRegeneratingCSS:!0});const t=e.target.nextElementSibling;r()({path:"/generateblocks/v1/regenerate_css_files",method:"POST"}).then(e=>{this.setState({isRegeneratingCSS:!1}),t.classList.add("gblocks-action-message--show"),t.textContent=e.response,e.success&&e.response?setTimeout((function(){t.classList.remove("gblocks-action-message--show")}),3e3):t.classList.add("gblocks-action-message--error")})}},this.state.isRegeneratingCSS&&Object(n.createElement)(a.Spinner,null),!this.state.isRegeneratingCSS&&Object(i.__)("Regenerate CSS Files","generateblocks")),Object(n.createElement)("span",{className:"gblocks-action-message"})))),Object(n.createElement)(a.PanelRow,null,Object(n.createElement)(a.ToggleControl,{label:Object(i.__)("Sync Responsive Previews","generateblocks"),help:Object(i.__)("Sync our responsive preview controls with the editor responsive previews.","generateblocks"),checked:this.getSetting("sync_responsive_previews"),onChange:e=>{this.setState({settings:{...this.state.settings,sync_responsive_previews:e}})}})),Object(c.applyFilters)("generateblocks.dashboard.settings","",this),Object(n.createElement)("div",{className:"gblocks-action-button"},Object(n.createElement)(a.Button,{isPrimary:!0,disabled:this.state.isAPISaving,onClick:e=>this.updateSettings(e)},this.state.isAPISaving&&Object(n.createElement)(a.Spinner,null),!this.state.isAPISaving&&Object(i.__)("Save")),Object(n.createElement)("span",{className:"gblocks-action-message"})))),Object(c.applyFilters)("generateblocks.dashboard.afterSettings","",this))):Object(n.createElement)(a.Placeholder,{className:"gblocks-settings-placeholder"},Object(n.createElement)(a.Spinner,null))}}window.addEventListener("DOMContentLoaded",()=>{Object(n.render)(Object(n.createElement)(l,null),document.getElementById("gblocks-block-default-settings"))})}]);
1
+ !function(e){var t={};function s(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,s),i.l=!0,i.exports}s.m=e,s.c=t,s.d=function(e,t,n){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)s.d(n,i,function(t){return e[t]}.bind(null,i));return n},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="",s(s.s=15)}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.hooks},,,,,,,,,function(e,t){e.exports=window.wp.apiFetch},,,function(e,t,s){"use strict";s.r(t);var n=s(0),i=s(1),a=s(2),o=s(12),r=s.n(o),c=s(3);class l extends n.Component{constructor(){super(...arguments),this.state={isAPILoaded:!1,isAPISaving:!1,isRegeneratingCSS:!1,settings:generateBlocksSettings.settings},this.getSetting=this.getSetting.bind(this),this.updateSettings=this.updateSettings.bind(this)}componentDidMount(){this.setState({isAPILoaded:!0})}getSetting(e,t){let s=t;return void 0!==this.state.settings[e]&&(s=this.state.settings[e]),s}updateSettings(e){this.setState({isAPISaving:!0});const t=e.target.nextElementSibling;r()({path:"/generateblocks/v1/settings",method:"POST",data:{settings:this.state.settings}}).then(e=>{this.setState({isAPISaving:!1}),t.classList.add("gblocks-action-message--show"),t.textContent=e.response,e.success&&e.response?setTimeout((function(){t.classList.remove("gblocks-action-message--show")}),3e3):t.classList.add("gblocks-action-message--error")})}render(){return this.state.isAPILoaded?Object(n.createElement)(n.Fragment,null,Object(n.createElement)("div",{className:"generateblocks-settings-main"},Object(c.applyFilters)("generateblocks.dashboard.beforeSettings","",this),Object(n.createElement)(a.PanelBody,{title:Object(i.__)("Settings","generateblocks")},Object(n.createElement)("div",{className:"gblocks-dashboard-panel-row-wrapper"},Object(n.createElement)(a.PanelRow,{className:"gblocks-css-print-method"},Object(n.createElement)(a.SelectControl,{label:Object(i.__)("CSS Print Method","generateblocks"),help:Object(i.__)("Generating your CSS in external files is better for overall performance.","generateblocks"),value:this.getSetting("css_print_method"),options:[{label:Object(i.__)("External File","generateblocks"),value:"file"},{label:Object(i.__)("Inline Embedding","generateblocks"),value:"inline"}],onChange:e=>{this.setState({settings:{...this.state.settings,css_print_method:e}})}})),"file"===this.getSetting("css_print_method")&&Object(n.createElement)(a.PanelRow,null,Object(n.createElement)(a.BaseControl,{id:"gblocks-regenerate-css",className:"gblocks-regenerate-css",help:Object(i.__)("Force your external CSS files to regenerate next time their page is loaded.","generateblocks")},Object(n.createElement)("div",{className:"gblocks-action-button"},Object(n.createElement)(a.Button,{isSecondary:!0,onClick:e=>{this.setState({isRegeneratingCSS:!0});const t=e.target.nextElementSibling;r()({path:"/generateblocks/v1/regenerate_css_files",method:"POST"}).then(e=>{this.setState({isRegeneratingCSS:!1}),t.classList.add("gblocks-action-message--show"),t.textContent=e.response,e.success&&e.response?setTimeout((function(){t.classList.remove("gblocks-action-message--show")}),3e3):t.classList.add("gblocks-action-message--error")})}},this.state.isRegeneratingCSS&&Object(n.createElement)(a.Spinner,null),!this.state.isRegeneratingCSS&&Object(i.__)("Regenerate CSS Files","generateblocks")),Object(n.createElement)("span",{className:"gblocks-action-message"})))),Object(n.createElement)(a.PanelRow,null,Object(n.createElement)(a.ToggleControl,{label:Object(i.__)("Sync Responsive Previews","generateblocks"),help:Object(i.__)("Sync our responsive preview controls with the editor responsive previews.","generateblocks"),checked:this.getSetting("sync_responsive_previews"),onChange:e=>{this.setState({settings:{...this.state.settings,sync_responsive_previews:e}})}})),Object(c.applyFilters)("generateblocks.dashboard.settings","",this),Object(n.createElement)("div",{className:"gblocks-action-button"},Object(n.createElement)(a.Button,{isPrimary:!0,disabled:this.state.isAPISaving,onClick:e=>this.updateSettings(e)},this.state.isAPISaving&&Object(n.createElement)(a.Spinner,null),!this.state.isAPISaving&&Object(i.__)("Save")),Object(n.createElement)("span",{className:"gblocks-action-message"})))),Object(c.applyFilters)("generateblocks.dashboard.afterSettings","",this))):Object(n.createElement)(a.Placeholder,{className:"gblocks-settings-placeholder"},Object(n.createElement)(a.Spinner,null))}}window.addEventListener("DOMContentLoaded",()=>{Object(n.render)(Object(n.createElement)(l,null),document.getElementById("gblocks-block-default-settings"))})}]);
includes/class-do-css.php CHANGED
@@ -94,6 +94,10 @@ class GenerateBlocks_Dynamic_CSS {
94
  if ( $valueTop && $valueRight && $valueBottom && $valueLeft ) {
95
  $value = generateblocks_get_shorthand_css( $value[0], $value[1], $value[2], $value[3], $unit );
96
 
 
 
 
 
97
  $this->_css .= $property . ':' . $value . ';';
98
  return $this;
99
  } else {
@@ -105,6 +109,7 @@ class GenerateBlocks_Dynamic_CSS {
105
  $property_top = 'border-top-left-radius';
106
  } elseif ( 'border-width' === $property ) {
107
  $property_top = 'border-top-width';
 
108
  }
109
 
110
  if ( 0 === $value[0] || '0' === $value[0] ) {
@@ -122,6 +127,7 @@ class GenerateBlocks_Dynamic_CSS {
122
  $property_right = 'border-top-right-radius';
123
  } elseif ( 'border-width' === $property ) {
124
  $property_right = 'border-right-width';
 
125
  }
126
 
127
  if ( 0 === $value[1] || '0' === $value[1] ) {
@@ -139,6 +145,7 @@ class GenerateBlocks_Dynamic_CSS {
139
  $property_bottom = 'border-bottom-right-radius';
140
  } elseif ( 'border-width' === $property ) {
141
  $property_bottom = 'border-bottom-width';
 
142
  }
143
 
144
  if ( 0 === $value[2] || '0' === $value[2] ) {
@@ -156,6 +163,7 @@ class GenerateBlocks_Dynamic_CSS {
156
  $property_left = 'border-bottom-left-radius';
157
  } elseif ( 'border-width' === $property ) {
158
  $property_left = 'border-left-width';
 
159
  }
160
 
161
  if ( 0 === $value[3] || '0' === $value[3] ) {
94
  if ( $valueTop && $valueRight && $valueBottom && $valueLeft ) {
95
  $value = generateblocks_get_shorthand_css( $value[0], $value[1], $value[2], $value[3], $unit );
96
 
97
+ if ( 'border-width' === $property ) {
98
+ $this->_css .= 'border-style: solid;';
99
+ }
100
+
101
  $this->_css .= $property . ':' . $value . ';';
102
  return $this;
103
  } else {
109
  $property_top = 'border-top-left-radius';
110
  } elseif ( 'border-width' === $property ) {
111
  $property_top = 'border-top-width';
112
+ $this->_css .= 'border-top-style: solid;';
113
  }
114
 
115
  if ( 0 === $value[0] || '0' === $value[0] ) {
127
  $property_right = 'border-top-right-radius';
128
  } elseif ( 'border-width' === $property ) {
129
  $property_right = 'border-right-width';
130
+ $this->_css .= 'border-right-style: solid;';
131
  }
132
 
133
  if ( 0 === $value[1] || '0' === $value[1] ) {
145
  $property_bottom = 'border-bottom-right-radius';
146
  } elseif ( 'border-width' === $property ) {
147
  $property_bottom = 'border-bottom-width';
148
+ $this->_css .= 'border-bottom-style: solid;';
149
  }
150
 
151
  if ( 0 === $value[2] || '0' === $value[2] ) {
163
  $property_left = 'border-bottom-left-radius';
164
  } elseif ( 'border-width' === $property ) {
165
  $property_left = 'border-left-width';
166
+ $this->_css .= 'border-left-style: solid;';
167
  }
168
 
169
  if ( 0 === $value[3] || '0' === $value[3] ) {
includes/class-enqueue-css.php CHANGED
@@ -199,8 +199,13 @@ class GenerateBlocks_Enqueue_CSS {
199
  }
200
 
201
  if ( is_writable( $this->file( 'path' ) ) || ( ! file_exists( $this->file( 'path' ) ) && is_writable( dirname( $this->file( 'path' ) ) ) ) ) {
 
202
 
203
- if ( ! $wp_filesystem->put_contents( $this->file( 'path' ), wp_strip_all_tags( $content ), FS_CHMOD_FILE ) ) {
 
 
 
 
204
 
205
  // Fail!
206
  return false;
199
  }
200
 
201
  if ( is_writable( $this->file( 'path' ) ) || ( ! file_exists( $this->file( 'path' ) ) && is_writable( dirname( $this->file( 'path' ) ) ) ) ) {
202
+ $chmod_file = 0644;
203
 
204
+ if ( defined( 'FS_CHMOD_FILE' ) ) {
205
+ $chmod_file = FS_CHMOD_FILE;
206
+ }
207
+
208
+ if ( ! $wp_filesystem->put_contents( $this->file( 'path' ), wp_strip_all_tags( $content ), $chmod_file ) ) {
209
 
210
  // Fail!
211
  return false;
includes/class-legacy-attributes.php ADDED
@@ -0,0 +1,115 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Handles legacy attributes that have changed.
4
+ *
5
+ * @package GenerateBlocks
6
+ */
7
+
8
+ if ( ! defined( 'ABSPATH' ) ) {
9
+ exit; // Exit if accessed directly.
10
+ }
11
+
12
+ /**
13
+ * Provides a method to define old attributes and serve old settings based on them.
14
+ */
15
+ class GenerateBlocks_Legacy_Attributes {
16
+ /**
17
+ * Get our old defaults that have changed.
18
+ *
19
+ * @param string $version The version to get defaults from.
20
+ */
21
+ public static function get_defaults( $version ) {
22
+ if ( '1.4.0' === $version ) {
23
+ return apply_filters(
24
+ 'generateblocks_defaults',
25
+ array(
26
+ 'gridContainer' => array(
27
+ 'horizontalGap' => 30,
28
+ ),
29
+ 'container' => array(
30
+ 'paddingTop' => '40',
31
+ 'paddingRight' => '40',
32
+ 'paddingBottom' => '40',
33
+ 'paddingLeft' => '40',
34
+ 'width' => 50,
35
+ 'widthMobile' => 100,
36
+ 'gradientDirection' => 90,
37
+ 'gradientColorOne' => '#ffffff',
38
+ 'gradientColorOneOpacity' => 0.1,
39
+ 'gradientColorTwo' => '#000000',
40
+ 'gradientColorTwoOpacity' => 0.3,
41
+ ),
42
+ 'button' => array(
43
+ 'gradientDirection' => 90,
44
+ 'gradientColorOne' => '#ffffff',
45
+ 'gradientColorOneOpacity' => 0.1,
46
+ 'gradientColorTwo' => '#000000',
47
+ 'gradientColorTwoOpacity' => 0.3,
48
+ ),
49
+ )
50
+ );
51
+ }
52
+ }
53
+
54
+ /**
55
+ * Update our settings based on old defaults.
56
+ *
57
+ * @param string $version The version to target.
58
+ * @param string $block The name of the block we're targeting.
59
+ * @param array $settings The current settings.
60
+ * @param array $atts The block attributes.
61
+ */
62
+ public static function get_settings( $version, $block, $settings, $atts ) {
63
+ $legacy_defaults = self::get_defaults( $version );
64
+
65
+ if ( empty( $legacy_defaults ) ) {
66
+ return $settings;
67
+ }
68
+
69
+ if ( '1.4.0' === $version ) {
70
+ if ( 'grid' === $block ) {
71
+ $legacy_settings = wp_parse_args(
72
+ $atts,
73
+ $legacy_defaults['gridContainer']
74
+ );
75
+
76
+ $settings['horizontalGap'] = $legacy_settings['horizontalGap'];
77
+ }
78
+
79
+ if ( 'container' === $block ) {
80
+ $legacy_settings = wp_parse_args(
81
+ $atts,
82
+ $legacy_defaults['container']
83
+ );
84
+
85
+ $settings['paddingTop'] = $legacy_settings['paddingTop'];
86
+ $settings['paddingRight'] = $legacy_settings['paddingRight'];
87
+ $settings['paddingBottom'] = $legacy_settings['paddingBottom'];
88
+ $settings['paddingLeft'] = $legacy_settings['paddingLeft'];
89
+ $settings['width'] = $legacy_settings['width'];
90
+ $settings['widthMobile'] = $legacy_settings['widthMobile'];
91
+
92
+ $settings['gradientDirection'] = $legacy_settings['gradientDirection'];
93
+ $settings['gradientColorOne'] = $legacy_settings['gradientColorOne'];
94
+ $settings['gradientColorOneOpacity'] = $legacy_settings['gradientColorOneOpacity'];
95
+ $settings['gradientColorTwo'] = $legacy_settings['gradientColorTwo'];
96
+ $settings['gradientColorTwoOpacity'] = $legacy_settings['gradientColorTwoOpacity'];
97
+ }
98
+
99
+ if ( 'button' === $block ) {
100
+ $button_legacy_settings = wp_parse_args(
101
+ $atts,
102
+ $legacy_defaults['button']
103
+ );
104
+
105
+ $settings['gradientColorOne'] = $button_legacy_settings['gradientColorOne'];
106
+ $settings['gradientColorOneOpacity'] = $button_legacy_settings['gradientColorOneOpacity'];
107
+ $settings['gradientColorTwo'] = $button_legacy_settings['gradientColorTwo'];
108
+ $settings['gradientColorTwoOpacity'] = $button_legacy_settings['gradientColorTwoOpacity'];
109
+ $settings['gradientDirection'] = $button_legacy_settings['gradientDirection'];
110
+ }
111
+ }
112
+
113
+ return $settings;
114
+ }
115
+ }
includes/class-render-blocks.php CHANGED
@@ -54,6 +54,7 @@ class GenerateBlocks_Render_Block {
54
  register_block_type(
55
  'generateblocks/container',
56
  array(
 
57
  'render_callback' => array( $this, 'do_container_block' ),
58
  )
59
  );
@@ -61,6 +62,7 @@ class GenerateBlocks_Render_Block {
61
  register_block_type(
62
  'generateblocks/grid',
63
  array(
 
64
  'render_callback' => array( $this, 'do_grid_block' ),
65
  )
66
  );
@@ -68,6 +70,7 @@ class GenerateBlocks_Render_Block {
68
  register_block_type(
69
  'generateblocks/button-container',
70
  array(
 
71
  'render_callback' => array( $this, 'do_button_container' ),
72
  )
73
  );
@@ -127,6 +130,23 @@ class GenerateBlocks_Render_Block {
127
 
128
  $tagName = apply_filters( 'generateblocks_container_tagname', $settings['tagName'], $attributes );
129
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
130
  $output .= sprintf(
131
  '<%1$s %2$s>',
132
  $tagName,
54
  register_block_type(
55
  'generateblocks/container',
56
  array(
57
+ 'title' => esc_html__( 'Container', 'generateblocks' ),
58
  'render_callback' => array( $this, 'do_container_block' ),
59
  )
60
  );
62
  register_block_type(
63
  'generateblocks/grid',
64
  array(
65
+ 'title' => esc_html__( 'Grid', 'generateblocks' ),
66
  'render_callback' => array( $this, 'do_grid_block' ),
67
  )
68
  );
70
  register_block_type(
71
  'generateblocks/button-container',
72
  array(
73
+ 'title' => esc_html__( 'Buttons', 'generateblocks' ),
74
  'render_callback' => array( $this, 'do_button_container' ),
75
  )
76
  );
130
 
131
  $tagName = apply_filters( 'generateblocks_container_tagname', $settings['tagName'], $attributes );
132
 
133
+ $allowedTagNames = apply_filters(
134
+ 'generateblocks_container_allowed_tagnames',
135
+ array(
136
+ 'div',
137
+ 'section',
138
+ 'header',
139
+ 'footer',
140
+ 'aside',
141
+ 'a',
142
+ ),
143
+ $attributes
144
+ );
145
+
146
+ if ( ! in_array( $tagName, $allowedTagNames ) ) {
147
+ $tagName = 'div';
148
+ }
149
+
150
  $output .= sprintf(
151
  '<%1$s %2$s>',
152
  $tagName,
includes/defaults.php CHANGED
@@ -37,10 +37,10 @@ function generateblocks_get_block_defaults() {
37
  'minHeightUnitTablet' => 'px',
38
  'minHeightMobile' => false,
39
  'minHeightUnitMobile' => 'px',
40
- 'paddingTop' => 40,
41
- 'paddingRight' => 40,
42
- 'paddingBottom' => 40,
43
- 'paddingLeft' => 40,
44
  'paddingUnit' => 'px',
45
  'paddingTopTablet' => '',
46
  'paddingRightTablet' => '',
@@ -93,12 +93,12 @@ function generateblocks_get_block_defaults() {
93
  'backgroundColor' => '',
94
  'backgroundColorOpacity' => 1,
95
  'gradient' => false,
96
- 'gradientDirection' => 90,
97
- 'gradientColorOne' => '#ffffff',
98
- 'gradientColorOneOpacity' => 0.1,
99
  'gradientColorStopOne' => '',
100
- 'gradientColorTwo' => '#000000',
101
- 'gradientColorTwoOpacity' => 0.3,
102
  'gradientColorStopTwo' => '',
103
  'gradientSelector' => 'element',
104
  'textColor' => '',
@@ -115,9 +115,22 @@ function generateblocks_get_block_defaults() {
115
  'attachment' => '',
116
  ),
117
  'bgImageSize' => 'full',
118
- 'width' => 50,
119
  'widthTablet' => '',
120
- 'widthMobile' => 100,
 
 
 
 
 
 
 
 
 
 
 
 
 
121
  'verticalAlignment' => '',
122
  'verticalAlignmentTablet' => 'inherit',
123
  'verticalAlignmentMobile' => 'inherit',
@@ -131,7 +144,6 @@ function generateblocks_get_block_defaults() {
131
  'alignment' => '',
132
  'alignmentTablet' => '',
133
  'alignmentMobile' => '',
134
- 'showAdvancedTypography' => false,
135
  'fontFamily' => '',
136
  'fontFamilyFallback' => '',
137
  'googleFont' => false,
@@ -176,7 +188,6 @@ function generateblocks_get_block_defaults() {
176
  'backgroundColorHover' => false,
177
  'backgroundColorHoverOpacity' => 1,
178
  'textColorHover' => false,
179
- 'showAdvancedTypography' => false,
180
  'fontFamily' => '',
181
  'fontFamilyFallback' => '',
182
  'googleFont' => false,
@@ -251,12 +262,12 @@ function generateblocks_get_block_defaults() {
251
  'removeText' => false,
252
  'ariaLabel' => '',
253
  'gradient' => false,
254
- 'gradientDirection' => 90,
255
- 'gradientColorOne' => '#ffffff',
256
- 'gradientColorOneOpacity' => 0.1,
257
  'gradientColorStopOne' => '',
258
- 'gradientColorTwo' => '#000000',
259
- 'gradientColorTwoOpacity' => 0.3,
260
  'gradientColorStopTwo' => '',
261
  'iconPaddingTop' => '',
262
  'iconPaddingRight' => '0.5',
@@ -278,7 +289,7 @@ function generateblocks_get_block_defaults() {
278
  );
279
 
280
  $defaults['gridContainer'] = array(
281
- 'horizontalGap' => 30,
282
  'verticalGap' => '',
283
  'verticalAlignment' => '',
284
  'horizontalGapTablet' => '',
@@ -306,7 +317,6 @@ function generateblocks_get_block_defaults() {
306
  'borderColor' => false,
307
  'borderColorOpacity' => 1,
308
  'highlightTextColor' => false,
309
- 'showAdvancedTypography' => false,
310
  'fontFamily' => '',
311
  'fontFamilyFallback' => '',
312
  'googleFont' => false,
@@ -447,10 +457,10 @@ function generateblocks_get_default_styles() {
447
  'paddingLeft' => $defaults['button']['paddingLeft'] ? $defaults['button']['paddingLeft'] : '20',
448
  ),
449
  'container' => array(
450
- 'gridItemPaddingTop' => '0',
451
- 'gridItemPaddingRight' => '0',
452
- 'gridItemPaddingBottom' => '0',
453
- 'gridItemPaddingLeft' => '0',
454
  'bgImageSize' => 'full',
455
  'shapeDividers' => array(
456
  'shape' => 'gb-waves-1',
37
  'minHeightUnitTablet' => 'px',
38
  'minHeightMobile' => false,
39
  'minHeightUnitMobile' => 'px',
40
+ 'paddingTop' => '',
41
+ 'paddingRight' => '',
42
+ 'paddingBottom' => '',
43
+ 'paddingLeft' => '',
44
  'paddingUnit' => 'px',
45
  'paddingTopTablet' => '',
46
  'paddingRightTablet' => '',
93
  'backgroundColor' => '',
94
  'backgroundColorOpacity' => 1,
95
  'gradient' => false,
96
+ 'gradientDirection' => '',
97
+ 'gradientColorOne' => '',
98
+ 'gradientColorOneOpacity' => '',
99
  'gradientColorStopOne' => '',
100
+ 'gradientColorTwo' => '',
101
+ 'gradientColorTwoOpacity' => '',
102
  'gradientColorStopTwo' => '',
103
  'gradientSelector' => 'element',
104
  'textColor' => '',
115
  'attachment' => '',
116
  ),
117
  'bgImageSize' => 'full',
118
+ 'width' => '',
119
  'widthTablet' => '',
120
+ 'widthMobile' => '',
121
+ 'autoWidth' => false,
122
+ 'autoWidthTablet' => false,
123
+ 'autoWidthMobile' => false,
124
+ 'flexGrow' => '',
125
+ 'flexGrowTablet' => '',
126
+ 'flexGrowMobile' => '',
127
+ 'flexShrink' => '',
128
+ 'flexShrinkTablet' => '',
129
+ 'flexShrinkMobile' => '',
130
+ 'flexBasis' => '',
131
+ 'flexBasisTablet' => '',
132
+ 'flexBasisMobile' => '',
133
+ 'flexBasisUnit' => 'px',
134
  'verticalAlignment' => '',
135
  'verticalAlignmentTablet' => 'inherit',
136
  'verticalAlignmentMobile' => 'inherit',
144
  'alignment' => '',
145
  'alignmentTablet' => '',
146
  'alignmentMobile' => '',
 
147
  'fontFamily' => '',
148
  'fontFamilyFallback' => '',
149
  'googleFont' => false,
188
  'backgroundColorHover' => false,
189
  'backgroundColorHoverOpacity' => 1,
190
  'textColorHover' => false,
 
191
  'fontFamily' => '',
192
  'fontFamilyFallback' => '',
193
  'googleFont' => false,
262
  'removeText' => false,
263
  'ariaLabel' => '',
264
  'gradient' => false,
265
+ 'gradientDirection' => '',
266
+ 'gradientColorOne' => '',
267
+ 'gradientColorOneOpacity' => '',
268
  'gradientColorStopOne' => '',
269
+ 'gradientColorTwo' => '',
270
+ 'gradientColorTwoOpacity' => '',
271
  'gradientColorStopTwo' => '',
272
  'iconPaddingTop' => '',
273
  'iconPaddingRight' => '0.5',
289
  );
290
 
291
  $defaults['gridContainer'] = array(
292
+ 'horizontalGap' => '',
293
  'verticalGap' => '',
294
  'verticalAlignment' => '',
295
  'horizontalGapTablet' => '',
317
  'borderColor' => false,
318
  'borderColorOpacity' => 1,
319
  'highlightTextColor' => false,
 
320
  'fontFamily' => '',
321
  'fontFamilyFallback' => '',
322
  'googleFont' => false,
457
  'paddingLeft' => $defaults['button']['paddingLeft'] ? $defaults['button']['paddingLeft'] : '20',
458
  ),
459
  'container' => array(
460
+ 'gridItemPaddingTop' => '',
461
+ 'gridItemPaddingRight' => '',
462
+ 'gridItemPaddingBottom' => '',
463
+ 'gridItemPaddingLeft' => '',
464
  'bgImageSize' => 'full',
465
  'shapeDividers' => array(
466
  'shape' => 'gb-waves-1',
includes/functions.php CHANGED
@@ -348,7 +348,7 @@ function generateblocks_get_google_fonts_uri() {
348
  )
349
  );
350
 
351
- return add_query_arg( $font_args, '//fonts.googleapis.com/css' );
352
  }
353
 
354
  /**
@@ -365,7 +365,12 @@ function generateblocks_hex2rgba( $hex, $alpha ) {
365
  return;
366
  }
367
 
368
- if ( 1 === $alpha ) {
 
 
 
 
 
369
  return $hex;
370
  }
371
 
348
  )
349
  );
350
 
351
+ return add_query_arg( $font_args, 'https://fonts.googleapis.com/css' );
352
  }
353
 
354
  /**
365
  return;
366
  }
367
 
368
+ if ( 1 === $alpha || ! is_numeric( $alpha ) ) {
369
+ return $hex;
370
+ }
371
+
372
+ // Make sure we're dealing with a hex value.
373
+ if ( isset( $hex[0] ) && '#' !== $hex[0] ) {
374
  return $hex;
375
  }
376
 
includes/general.php CHANGED
@@ -57,7 +57,6 @@ function generateblocks_do_block_editor_assets() {
57
  array(
58
  'isGeneratePress' => defined( 'GENERATE_VERSION' ),
59
  'hasCustomFields' => post_type_supports( get_post_type(), 'custom-fields' ),
60
- 'hasWideAlignSupport' => current_theme_supports( 'align-wide' ),
61
  'imageSizes' => $image_sizes,
62
  'svgShapes' => generateblocks_get_svg_shapes(),
63
  'syncResponsivePreviews' => generateblocks_get_option( 'sync_responsive_previews' ),
@@ -126,6 +125,14 @@ function generateblocks_do_block_editor_assets() {
126
  'generateBlocksStyling',
127
  generateblocks_get_default_styles()
128
  );
 
 
 
 
 
 
 
 
129
  }
130
 
131
  if ( version_compare( $GLOBALS['wp_version'], '5.8-alpha-1', '<' ) ) {
@@ -191,7 +198,13 @@ add_filter( 'generateblocks_css_print_method', 'generateblocks_set_css_print_met
191
  * @param string $method Existing method.
192
  */
193
  function generateblocks_set_css_print_method( $method ) {
194
- return generateblocks_get_option( 'css_print_method' );
 
 
 
 
 
 
195
  }
196
 
197
  add_filter( 'excerpt_allowed_blocks', 'generateblocks_set_excerpt_allowed_blocks' );
57
  array(
58
  'isGeneratePress' => defined( 'GENERATE_VERSION' ),
59
  'hasCustomFields' => post_type_supports( get_post_type(), 'custom-fields' ),
 
60
  'imageSizes' => $image_sizes,
61
  'svgShapes' => generateblocks_get_svg_shapes(),
62
  'syncResponsivePreviews' => generateblocks_get_option( 'sync_responsive_previews' ),
125
  'generateBlocksStyling',
126
  generateblocks_get_default_styles()
127
  );
128
+
129
+ wp_localize_script(
130
+ 'generateblocks',
131
+ 'generateBlocksLegacyDefaults',
132
+ array(
133
+ 'v_1_4_0' => GenerateBlocks_Legacy_Attributes::get_defaults( '1.4.0' ),
134
+ )
135
+ );
136
  }
137
 
138
  if ( version_compare( $GLOBALS['wp_version'], '5.8-alpha-1', '<' ) ) {
198
  * @param string $method Existing method.
199
  */
200
  function generateblocks_set_css_print_method( $method ) {
201
+ $method = generateblocks_get_option( 'css_print_method' );
202
+
203
+ if ( is_single() ) {
204
+ $method = 'inline';
205
+ }
206
+
207
+ return $method;
208
  }
209
 
210
  add_filter( 'excerpt_allowed_blocks', 'generateblocks_set_excerpt_allowed_blocks' );
includes/generate-css.php CHANGED
@@ -83,6 +83,12 @@ function generateblocks_get_dynamic_css( $content = '' ) {
83
  );
84
 
85
  $id = $atts['uniqueId'];
 
 
 
 
 
 
86
 
87
  $gap_direction = 'left';
88
 
@@ -91,7 +97,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
91
  }
92
 
93
  // Don't output horizontal gap defaults if we're using global styles.
94
- if ( isset( $settings['useGlobalStyle'] ) && $settings['useGlobalStyle'] && isset( $settings['globalStyleId'] ) && $settings['globalStyleId'] ) {
95
  if ( (string) $settings['horizontalGap'] === (string) $defaults['gridContainer']['horizontalGap'] ) {
96
  $settings['horizontalGap'] = '';
97
  }
@@ -238,6 +244,12 @@ function generateblocks_get_dynamic_css( $content = '' ) {
238
  );
239
 
240
  $id = $atts['uniqueId'];
 
 
 
 
 
 
241
 
242
  $fontFamily = $settings['fontFamily'];
243
 
@@ -266,7 +278,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
266
  $css->add_property( 'font-size', $settings['fontSize'], $settings['fontSizeUnit'] );
267
  $css->add_property( 'font-weight', $settings['fontWeight'] );
268
  $css->add_property( 'text-transform', $settings['textTransform'] );
269
- $css->add_property( 'margin', generateblocks_get_shorthand_css( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'], $settings['marginUnit'] ) );
270
 
271
  if ( 'contained' === $settings['outerContainer'] && ! $settings['isGrid'] ) {
272
  if ( ! empty( $containerWidth ) ) {
@@ -308,13 +320,8 @@ function generateblocks_get_dynamic_css( $content = '' ) {
308
  $css->add_property( 'z-index', $settings['zindex'] );
309
  }
310
 
311
- $css->add_property( 'border-radius', generateblocks_get_shorthand_css( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'], $settings['borderRadiusUnit'] ) );
312
- $css->add_property( 'border-width', generateblocks_get_shorthand_css( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'], 'px' ) );
313
-
314
- if ( $settings['borderSizeTop'] || $settings['borderSizeRight'] || $settings['borderSizeBottom'] || $settings['borderSizeLeft'] ) {
315
- $css->add_property( 'border-style', 'solid' );
316
- }
317
-
318
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
319
  $css->add_property( 'min-height', $settings['minHeight'], $settings['minHeightUnit'] );
320
 
@@ -350,13 +357,13 @@ function generateblocks_get_dynamic_css( $content = '' ) {
350
  $css->add_property( 'bottom', '0' );
351
  $css->add_property( 'left', '0' );
352
  $css->add_property( 'transition', 'inherit' );
353
- $css->add_property( 'border-radius', generateblocks_get_shorthand_css( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'], $settings['borderRadiusUnit'] ) );
354
 
355
  if ( isset( $settings['bgOptions']['opacity'] ) && 1 !== $settings['bgOptions']['opacity'] ) {
356
  $css->add_property( 'opacity', $settings['bgOptions']['opacity'] );
357
  }
358
 
359
- if ( ! $innerZIndex ) {
360
  $innerZIndex = 1;
361
  }
362
  }
@@ -372,13 +379,13 @@ function generateblocks_get_dynamic_css( $content = '' ) {
372
  $css->add_property( 'bottom', '0' );
373
  $css->add_property( 'left', '0' );
374
 
375
- if ( ! $innerZIndex ) {
376
  $innerZIndex = 1;
377
  }
378
  }
379
 
380
  $css->set_selector( '.gb-container-' . $id . ' > .gb-inside-container' );
381
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'], $settings['paddingUnit'] ) );
382
 
383
  if ( 'contained' === $settings['innerContainer'] && ! $settings['isGrid'] ) {
384
  if ( ! empty( $containerWidth ) ) {
@@ -394,7 +401,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
394
  $usingMinHeightInnerWidth = true;
395
  }
396
 
397
- if ( $innerZIndex ) {
398
  $css->add_property( 'z-index', $innerZIndex );
399
  $css->add_property( 'position', 'relative' );
400
  }
@@ -408,6 +415,15 @@ function generateblocks_get_dynamic_css( $content = '' ) {
408
  if ( $settings['isGrid'] ) {
409
  $css->set_selector( '.gb-grid-wrapper > .gb-grid-column-' . $id );
410
  $css->add_property( 'width', $settings['width'], '%' );
 
 
 
 
 
 
 
 
 
411
  }
412
 
413
  if ( $settings['removeVerticalGap'] ) {
@@ -487,11 +503,6 @@ function generateblocks_get_dynamic_css( $content = '' ) {
487
  $tablet_css->add_property( 'margin', array( $settings['marginTopTablet'], $settings['marginRightTablet'], $settings['marginBottomTablet'], $settings['marginLeftTablet'] ), $settings['marginUnit'] );
488
  $tablet_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftTablet'], $settings['borderRadiusTopRightTablet'], $settings['borderRadiusBottomRightTablet'], $settings['borderRadiusBottomLeftTablet'] ), $settings['borderRadiusUnit'] );
489
  $tablet_css->add_property( 'border-width', array( $settings['borderSizeTopTablet'], $settings['borderSizeRightTablet'], $settings['borderSizeBottomTablet'], $settings['borderSizeLeftTablet'] ), 'px' );
490
-
491
- if ( $settings['borderSizeTopTablet'] || $settings['borderSizeRightTablet'] || $settings['borderSizeBottomTablet'] || $settings['borderSizeLeftTablet'] ) {
492
- $tablet_css->add_property( 'border-style', 'solid' );
493
- }
494
-
495
  $tablet_css->add_property( 'min-height', $settings['minHeightTablet'], $settings['minHeightUnitTablet'] );
496
 
497
  if ( ! $settings['isGrid'] ) {
@@ -530,7 +541,21 @@ function generateblocks_get_dynamic_css( $content = '' ) {
530
  }
531
 
532
  $tablet_css->set_selector( '.gb-grid-wrapper > .gb-grid-column-' . $id );
533
- $tablet_css->add_property( 'width', $settings['widthTablet'], '%' );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
534
 
535
  if ( $settings['isGrid'] ) {
536
  $tablet_css->add_property( 'order', $settings['orderTablet'] );
@@ -547,6 +572,11 @@ function generateblocks_get_dynamic_css( $content = '' ) {
547
  $tablet_css->add_property( 'justify-content', $settings['verticalAlignmentTablet'] );
548
  }
549
 
 
 
 
 
 
550
  if ( ! empty( $settings['shapeDividers'] ) ) {
551
  $default_styles = generateblocks_get_default_styles();
552
 
@@ -569,11 +599,6 @@ function generateblocks_get_dynamic_css( $content = '' ) {
569
  $mobile_css->add_property( 'margin', array( $settings['marginTopMobile'], $settings['marginRightMobile'], $settings['marginBottomMobile'], $settings['marginLeftMobile'] ), $settings['marginUnit'] );
570
  $mobile_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftMobile'], $settings['borderRadiusTopRightMobile'], $settings['borderRadiusBottomRightMobile'], $settings['borderRadiusBottomLeftMobile'] ), $settings['borderRadiusUnit'] );
571
  $mobile_css->add_property( 'border-width', array( $settings['borderSizeTopMobile'], $settings['borderSizeRightMobile'], $settings['borderSizeBottomMobile'], $settings['borderSizeLeftMobile'] ), 'px' );
572
-
573
- if ( $settings['borderSizeTopMobile'] || $settings['borderSizeRightMobile'] || $settings['borderSizeBottomMobile'] || $settings['borderSizeLeftMobile'] ) {
574
- $mobile_css->add_property( 'border-style', 'solid' );
575
- }
576
-
577
  $mobile_css->add_property( 'min-height', $settings['minHeightMobile'], $settings['minHeightUnitMobile'] );
578
 
579
  if ( ! $settings['isGrid'] ) {
@@ -607,10 +632,23 @@ function generateblocks_get_dynamic_css( $content = '' ) {
607
 
608
  $mobile_css->set_selector( '.gb-grid-wrapper > .gb-grid-column-' . $id );
609
 
610
- if ( 100 !== $settings['widthMobile'] ) {
611
  $mobile_css->add_property( 'width', $settings['widthMobile'], '%' );
612
  }
613
 
 
 
 
 
 
 
 
 
 
 
 
 
 
614
  if ( $settings['isGrid'] ) {
615
  $mobile_css->add_property( 'order', $settings['orderMobile'] );
616
  }
@@ -626,6 +664,11 @@ function generateblocks_get_dynamic_css( $content = '' ) {
626
  $mobile_css->add_property( 'justify-content', $settings['verticalAlignmentMobile'] );
627
  }
628
 
 
 
 
 
 
629
  if ( ! empty( $settings['shapeDividers'] ) ) {
630
  $default_styles = generateblocks_get_default_styles();
631
 
@@ -739,24 +782,34 @@ function generateblocks_get_dynamic_css( $content = '' ) {
739
  );
740
 
741
  $id = $atts['uniqueId'];
 
742
 
743
  $css->set_selector( '.gb-button-wrapper-' . $id );
744
- $css->add_property( 'margin', generateblocks_get_shorthand_css( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'], $settings['marginUnit'] ) );
745
  $css->add_property( 'justify-content', generateblocks_get_flexbox_alignment( $settings['alignment'] ) );
746
 
 
 
 
 
 
 
 
 
747
  if ( $settings['stack'] ) {
748
- $css->add_property( 'flex-direction', 'column' );
749
- $css->add_property( 'align-items', generateblocks_get_flexbox_alignment( $settings['alignment'] ) );
 
750
  }
751
 
752
  if ( $settings['fillHorizontalSpace'] ) {
753
- $css->set_selector( '.gb-button-wrapper-' . $id . ' > .gb-button' );
754
- $css->add_property( 'flex', '1' );
755
  }
756
 
757
  if ( $settings['stack'] && $settings['fillHorizontalSpace'] ) {
758
- $css->add_property( 'width', '100%' );
759
- $css->add_property( 'box-sizing', 'border-box' );
760
  }
761
 
762
  $tablet_css->set_selector( '.gb-button-wrapper-' . $id );
@@ -764,18 +817,19 @@ function generateblocks_get_dynamic_css( $content = '' ) {
764
  $tablet_css->add_property( 'justify-content', generateblocks_get_flexbox_alignment( $settings['alignmentTablet'] ) );
765
 
766
  if ( $settings['stackTablet'] ) {
767
- $tablet_css->add_property( 'flex-direction', 'column' );
768
- $tablet_css->add_property( 'align-items', generateblocks_get_flexbox_alignment( $settings['alignmentTablet'] ) );
 
769
  }
770
 
771
  if ( $settings['fillHorizontalSpaceTablet'] ) {
772
- $tablet_css->set_selector( '.gb-button-wrapper-' . $id . ' > .gb-button' );
773
- $tablet_css->add_property( 'flex', '1' );
774
  }
775
 
776
  if ( $settings['stackTablet'] && $settings['fillHorizontalSpaceTablet'] ) {
777
- $tablet_css->add_property( 'width', '100%' );
778
- $tablet_css->add_property( 'box-sizing', 'border-box' );
779
  }
780
 
781
  $mobile_css->set_selector( '.gb-button-wrapper-' . $id );
@@ -898,6 +952,12 @@ function generateblocks_get_dynamic_css( $content = '' ) {
898
  );
899
 
900
  $id = $atts['uniqueId'];
 
 
 
 
 
 
901
 
902
  $selector = 'a.gb-button-' . $id;
903
 
@@ -942,15 +1002,10 @@ function generateblocks_get_dynamic_css( $content = '' ) {
942
  $css->add_property( 'font-weight', $settings['fontWeight'] );
943
  $css->add_property( 'text-transform', $settings['textTransform'] );
944
  $css->add_property( 'letter-spacing', $settings['letterSpacing'], 'em' );
945
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'], $settings['paddingUnit'] ) );
946
- $css->add_property( 'border-radius', generateblocks_get_shorthand_css( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'], $settings['borderRadiusUnit'] ) );
947
- $css->add_property( 'margin', generateblocks_get_shorthand_css( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'], $settings['marginUnit'] ) );
948
- $css->add_property( 'border-width', generateblocks_get_shorthand_css( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'], 'px' ) );
949
-
950
- if ( $settings['borderSizeTop'] || $settings['borderSizeRight'] || $settings['borderSizeBottom'] || $settings['borderSizeLeft'] ) {
951
- $css->add_property( 'border-style', 'solid' );
952
- }
953
-
954
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
955
  $css->add_property( 'text-transform', $settings['textTransform'] );
956
 
@@ -969,7 +1024,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
969
  $css->add_property( 'font-size', $settings['iconSize'], $settings['iconSizeUnit'] );
970
 
971
  if ( ! $settings['removeText'] ) {
972
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['iconPaddingTop'], $settings['iconPaddingRight'], $settings['iconPaddingBottom'], $settings['iconPaddingLeft'], $settings['iconPaddingUnit'] ) );
973
  }
974
  }
975
 
@@ -981,10 +1036,6 @@ function generateblocks_get_dynamic_css( $content = '' ) {
981
  $tablet_css->add_property( 'margin', array( $settings['marginTopTablet'], $settings['marginRightTablet'], $settings['marginBottomTablet'], $settings['marginLeftTablet'] ), $settings['marginUnit'] );
982
  $tablet_css->add_property( 'border-width', array( $settings['borderSizeTopTablet'], $settings['borderSizeRightTablet'], $settings['borderSizeBottomTablet'], $settings['borderSizeLeftTablet'] ), 'px' );
983
 
984
- if ( $settings['borderSizeTopTablet'] || $settings['borderSizeRightTablet'] || $settings['borderSizeBottomTablet'] || $settings['borderSizeLeftTablet'] ) {
985
- $tablet_css->add_property( 'border-style', 'solid' );
986
- }
987
-
988
  if ( $settings['hasIcon'] ) {
989
  $tablet_css->set_selector( $selector . ' .gb-icon' );
990
  $tablet_css->add_property( 'font-size', $settings['iconSizeTablet'], $settings['iconSizeUnit'] );
@@ -1002,10 +1053,6 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1002
  $mobile_css->add_property( 'margin', array( $settings['marginTopMobile'], $settings['marginRightMobile'], $settings['marginBottomMobile'], $settings['marginLeftMobile'] ), $settings['marginUnit'] );
1003
  $mobile_css->add_property( 'border-width', array( $settings['borderSizeTopMobile'], $settings['borderSizeRightMobile'], $settings['borderSizeBottomMobile'], $settings['borderSizeLeftMobile'] ), 'px' );
1004
 
1005
- if ( $settings['borderSizeTopMobile'] || $settings['borderSizeRightMobile'] || $settings['borderSizeBottomMobile'] || $settings['borderSizeLeftMobile'] ) {
1006
- $mobile_css->add_property( 'border-style', 'solid' );
1007
- }
1008
-
1009
  if ( $settings['hasIcon'] ) {
1010
  $mobile_css->set_selector( $selector . ' .gb-icon' );
1011
  $mobile_css->add_property( 'font-size', $settings['iconSizeMobile'], $settings['iconSizeUnit'] );
@@ -1138,16 +1185,12 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1138
  $css->add_property( 'text-transform', $settings['textTransform'] );
1139
  $css->add_property( 'line-height', $settings['lineHeight'], $settings['lineHeightUnit'] );
1140
  $css->add_property( 'letter-spacing', $settings['letterSpacing'], 'em' );
1141
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'], $settings['paddingUnit'] ) );
1142
  $css->add_property( 'margin', array( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'] ), $settings['marginUnit'] );
1143
- $css->add_property( 'border-radius', generateblocks_get_shorthand_css( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'], $settings['borderRadiusUnit'] ) );
1144
- $css->add_property( 'border-width', generateblocks_get_shorthand_css( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'], 'px' ) );
1145
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
1146
 
1147
- if ( $settings['borderSizeTop'] || $settings['borderSizeRight'] || $settings['borderSizeBottom'] || $settings['borderSizeLeft'] ) {
1148
- $css->add_property( 'border-style', 'solid' );
1149
- }
1150
-
1151
  if ( $settings['inlineWidth'] ) {
1152
  if ( $settings['hasIcon'] ) {
1153
  $css->add_property( 'display', 'inline-flex' );
@@ -1187,7 +1230,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1187
  $css->add_property( 'color', generateblocks_hex2rgba( $settings['iconColor'], $settings['iconColorOpacity'] ) );
1188
 
1189
  if ( ! $settings['removeText'] ) {
1190
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['iconPaddingTop'], $settings['iconPaddingRight'], $settings['iconPaddingBottom'], $settings['iconPaddingLeft'], $settings['iconPaddingUnit'] ) );
1191
  }
1192
 
1193
  if ( 'above' === $settings['iconLocation'] ) {
@@ -1214,10 +1257,6 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1214
  $tablet_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftTablet'], $settings['borderRadiusTopRightTablet'], $settings['borderRadiusBottomRightTablet'], $settings['borderRadiusBottomLeftTablet'] ), $settings['borderRadiusUnit'] );
1215
  $tablet_css->add_property( 'border-width', array( $settings['borderSizeTopTablet'], $settings['borderSizeRightTablet'], $settings['borderSizeBottomTablet'], $settings['borderSizeLeftTablet'] ), 'px' );
1216
 
1217
- if ( $settings['borderSizeTopTablet'] || $settings['borderSizeRightTablet'] || $settings['borderSizeBottomTablet'] || $settings['borderSizeLeftTablet'] ) {
1218
- $tablet_css->add_property( 'border-style', 'solid' );
1219
- }
1220
-
1221
  if ( $settings['inlineWidthTablet'] ) {
1222
  if ( $settings['hasIcon'] ) {
1223
  $tablet_css->add_property( 'display', 'inline-flex' );
@@ -1266,10 +1305,6 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1266
  $mobile_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftMobile'], $settings['borderRadiusTopRightMobile'], $settings['borderRadiusBottomRightMobile'], $settings['borderRadiusBottomLeftMobile'] ), $settings['borderRadiusUnit'] );
1267
  $mobile_css->add_property( 'border-width', array( $settings['borderSizeTopMobile'], $settings['borderSizeRightMobile'], $settings['borderSizeBottomMobile'], $settings['borderSizeLeftMobile'] ), 'px' );
1268
 
1269
- if ( $settings['borderSizeTopMobile'] || $settings['borderSizeRightMobile'] || $settings['borderSizeBottomMobile'] || $settings['borderSizeLeftMobile'] ) {
1270
- $mobile_css->add_property( 'border-style', 'solid' );
1271
- }
1272
-
1273
  if ( $settings['inlineWidthMobile'] ) {
1274
  if ( $settings['hasIcon'] ) {
1275
  $mobile_css->add_property( 'display', 'inline-flex' );
@@ -1328,12 +1363,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1328
  $css->add_property( 'display', 'inline-block' );
1329
  }
1330
 
1331
- $css->add_property( 'border-width', generateblocks_get_shorthand_css( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'], 'px' ) );
1332
-
1333
- if ( $settings['borderSizeTop'] || $settings['borderSizeRight'] || $settings['borderSizeBottom'] || $settings['borderSizeLeft'] ) {
1334
- $css->add_property( 'border-style', 'solid' );
1335
- }
1336
-
1337
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
1338
  }
1339
 
@@ -1344,8 +1374,8 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1344
  $css->add_property( 'letter-spacing', $settings['letterSpacing'], 'em' );
1345
 
1346
  if ( ! $settings['hasIcon'] ) {
1347
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'], $settings['paddingUnit'] ) );
1348
- $css->add_property( 'margin', generateblocks_get_shorthand_css( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'], $settings['marginUnit'] ) );
1349
 
1350
  if ( function_exists( 'generate_get_default_fonts' ) && '' === $settings['marginBottom'] ) {
1351
  $defaultBlockStyles = generateblocks_get_default_styles();
@@ -1366,7 +1396,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1366
  $css->set_selector( '.gb-headline-wrapper-' . $id . ' .gb-icon' );
1367
 
1368
  if ( ! $settings['removeText'] ) {
1369
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['iconPaddingTop'], $settings['iconPaddingRight'], $settings['iconPaddingBottom'], $settings['iconPaddingLeft'], $settings['iconPaddingUnit'] ) );
1370
  }
1371
 
1372
  $css->add_property( 'color', generateblocks_hex2rgba( $settings['iconColor'], $settings['iconColorOpacity'] ) );
@@ -1380,8 +1410,8 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1380
  $css->add_property( 'height', $settings['iconSize'], $settings['iconSizeUnit'] );
1381
 
1382
  $css->set_selector( '.gb-headline-wrapper-' . $id );
1383
- $css->add_property( 'padding', generateblocks_get_shorthand_css( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'], $settings['paddingUnit'] ) );
1384
- $css->add_property( 'margin', generateblocks_get_shorthand_css( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'], $settings['marginUnit'] ) );
1385
 
1386
  $defaultBlockStyles = generateblocks_get_default_styles();
1387
 
@@ -1411,12 +1441,7 @@ function generateblocks_get_dynamic_css( $content = '' ) {
1411
 
1412
  $css->add_property( 'background-color', generateblocks_hex2rgba( $settings['backgroundColor'], $settings['backgroundColorOpacity'] ) );
1413
  $css->add_property( 'color', $settings['textColor'] );
1414
- $css->add_property( 'border-width', generateblocks_get_shorthand_css( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'], 'px' ) );
1415
-
1416
- if ( $settings['borderSizeTop'] || $settings['borderSizeRight'] || $settings['borderSizeBottom'] || $settings['borderSizeLeft'] ) {
1417
- $css->add_property( 'border-style', 'solid' );
1418
- }
1419
-
1420
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
1421
 
1422
  if ( 'above' === $settings['iconLocation'] ) {
@@ -1706,15 +1731,6 @@ function generateblocks_get_frontend_block_css() {
1706
  );
1707
  }
1708
 
1709
- array_unshift(
1710
- $data['mobile'],
1711
- array(
1712
- '.gb-grid-wrapper > .gb-grid-column' => array(
1713
- 'width: 100%;',
1714
- ),
1715
- )
1716
- );
1717
-
1718
  if ( ! empty( $data['mobile'] ) ) {
1719
  $css .= sprintf(
1720
  '@media %1$s {%2$s}',
83
  );
84
 
85
  $id = $atts['uniqueId'];
86
+ $blockVersion = ! empty( $settings['blockVersion'] ) ? $settings['blockVersion'] : 1;
87
+
88
+ // Use legacy settings if needed.
89
+ if ( $blockVersion < 2 ) {
90
+ $settings = GenerateBlocks_Legacy_Attributes::get_settings( '1.4.0', 'grid', $settings, $atts );
91
+ }
92
 
93
  $gap_direction = 'left';
94
 
97
  }
98
 
99
  // Don't output horizontal gap defaults if we're using global styles.
100
+ if ( $blockVersion < 2 && isset( $settings['useGlobalStyle'] ) && $settings['useGlobalStyle'] && isset( $settings['globalStyleId'] ) && $settings['globalStyleId'] ) {
101
  if ( (string) $settings['horizontalGap'] === (string) $defaults['gridContainer']['horizontalGap'] ) {
102
  $settings['horizontalGap'] = '';
103
  }
244
  );
245
 
246
  $id = $atts['uniqueId'];
247
+ $blockVersion = ! empty( $settings['blockVersion'] ) ? $settings['blockVersion'] : 1;
248
+
249
+ // Use legacy settings if needed.
250
+ if ( $blockVersion < 2 ) {
251
+ $settings = GenerateBlocks_Legacy_Attributes::get_settings( '1.4.0', 'container', $settings, $atts );
252
+ }
253
 
254
  $fontFamily = $settings['fontFamily'];
255
 
278
  $css->add_property( 'font-size', $settings['fontSize'], $settings['fontSizeUnit'] );
279
  $css->add_property( 'font-weight', $settings['fontWeight'] );
280
  $css->add_property( 'text-transform', $settings['textTransform'] );
281
+ $css->add_property( 'margin', array( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'] ), $settings['marginUnit'] );
282
 
283
  if ( 'contained' === $settings['outerContainer'] && ! $settings['isGrid'] ) {
284
  if ( ! empty( $containerWidth ) ) {
320
  $css->add_property( 'z-index', $settings['zindex'] );
321
  }
322
 
323
+ $css->add_property( 'border-radius', array( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'] ), $settings['borderRadiusUnit'] );
324
+ $css->add_property( 'border-width', array( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'] ), 'px' );
 
 
 
 
 
325
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
326
  $css->add_property( 'min-height', $settings['minHeight'], $settings['minHeightUnit'] );
327
 
357
  $css->add_property( 'bottom', '0' );
358
  $css->add_property( 'left', '0' );
359
  $css->add_property( 'transition', 'inherit' );
360
+ $css->add_property( 'border-radius', array( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'] ), $settings['borderRadiusUnit'] );
361
 
362
  if ( isset( $settings['bgOptions']['opacity'] ) && 1 !== $settings['bgOptions']['opacity'] ) {
363
  $css->add_property( 'opacity', $settings['bgOptions']['opacity'] );
364
  }
365
 
366
+ if ( $blockVersion < 2 && ! $innerZIndex ) {
367
  $innerZIndex = 1;
368
  }
369
  }
379
  $css->add_property( 'bottom', '0' );
380
  $css->add_property( 'left', '0' );
381
 
382
+ if ( $blockVersion < 2 && ! $innerZIndex ) {
383
  $innerZIndex = 1;
384
  }
385
  }
386
 
387
  $css->set_selector( '.gb-container-' . $id . ' > .gb-inside-container' );
388
+ $css->add_property( 'padding', array( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'] ), $settings['paddingUnit'] );
389
 
390
  if ( 'contained' === $settings['innerContainer'] && ! $settings['isGrid'] ) {
391
  if ( ! empty( $containerWidth ) ) {
401
  $usingMinHeightInnerWidth = true;
402
  }
403
 
404
+ if ( $innerZIndex || 0 === $innerZIndex ) {
405
  $css->add_property( 'z-index', $innerZIndex );
406
  $css->add_property( 'position', 'relative' );
407
  }
415
  if ( $settings['isGrid'] ) {
416
  $css->set_selector( '.gb-grid-wrapper > .gb-grid-column-' . $id );
417
  $css->add_property( 'width', $settings['width'], '%' );
418
+
419
+ $css->add_property( 'flex-grow', $settings['flexGrow'] );
420
+ $css->add_property( 'flex-shrink', $settings['flexShrink'] );
421
+
422
+ if ( is_numeric( $settings['flexBasis'] ) ) {
423
+ $css->add_property( 'flex-basis', $settings['flexBasis'], $settings['flexBasisUnit'] );
424
+ } else {
425
+ $css->add_property( 'flex-basis', $settings['flexBasis'] );
426
+ }
427
  }
428
 
429
  if ( $settings['removeVerticalGap'] ) {
503
  $tablet_css->add_property( 'margin', array( $settings['marginTopTablet'], $settings['marginRightTablet'], $settings['marginBottomTablet'], $settings['marginLeftTablet'] ), $settings['marginUnit'] );
504
  $tablet_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftTablet'], $settings['borderRadiusTopRightTablet'], $settings['borderRadiusBottomRightTablet'], $settings['borderRadiusBottomLeftTablet'] ), $settings['borderRadiusUnit'] );
505
  $tablet_css->add_property( 'border-width', array( $settings['borderSizeTopTablet'], $settings['borderSizeRightTablet'], $settings['borderSizeBottomTablet'], $settings['borderSizeLeftTablet'] ), 'px' );
 
 
 
 
 
506
  $tablet_css->add_property( 'min-height', $settings['minHeightTablet'], $settings['minHeightUnitTablet'] );
507
 
508
  if ( ! $settings['isGrid'] ) {
541
  }
542
 
543
  $tablet_css->set_selector( '.gb-grid-wrapper > .gb-grid-column-' . $id );
544
+
545
+ if ( ! $settings['autoWidthTablet'] ) {
546
+ $tablet_css->add_property( 'width', $settings['widthTablet'], '%' );
547
+ } else {
548
+ $tablet_css->add_property( 'width', 'auto' );
549
+ }
550
+
551
+ $tablet_css->add_property( 'flex-grow', $settings['flexGrowTablet'] );
552
+ $tablet_css->add_property( 'flex-shrink', $settings['flexShrinkTablet'] );
553
+
554
+ if ( is_numeric( $settings['flexBasisTablet'] ) ) {
555
+ $tablet_css->add_property( 'flex-basis', $settings['flexBasisTablet'], $settings['flexBasisUnit'] );
556
+ } else {
557
+ $tablet_css->add_property( 'flex-basis', $settings['flexBasisTablet'] );
558
+ }
559
 
560
  if ( $settings['isGrid'] ) {
561
  $tablet_css->add_property( 'order', $settings['orderTablet'] );
572
  $tablet_css->add_property( 'justify-content', $settings['verticalAlignmentTablet'] );
573
  }
574
 
575
+ if ( $hasBgImage && 'pseudo-element' === $settings['bgOptions']['selector'] ) {
576
+ $tablet_css->set_selector( '.gb-container-' . $id . ':before' );
577
+ $tablet_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftTablet'], $settings['borderRadiusTopRightTablet'], $settings['borderRadiusBottomRightTablet'], $settings['borderRadiusBottomLeftTablet'] ), $settings['borderRadiusUnit'] );
578
+ }
579
+
580
  if ( ! empty( $settings['shapeDividers'] ) ) {
581
  $default_styles = generateblocks_get_default_styles();
582
 
599
  $mobile_css->add_property( 'margin', array( $settings['marginTopMobile'], $settings['marginRightMobile'], $settings['marginBottomMobile'], $settings['marginLeftMobile'] ), $settings['marginUnit'] );
600
  $mobile_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftMobile'], $settings['borderRadiusTopRightMobile'], $settings['borderRadiusBottomRightMobile'], $settings['borderRadiusBottomLeftMobile'] ), $settings['borderRadiusUnit'] );
601
  $mobile_css->add_property( 'border-width', array( $settings['borderSizeTopMobile'], $settings['borderSizeRightMobile'], $settings['borderSizeBottomMobile'], $settings['borderSizeLeftMobile'] ), 'px' );
 
 
 
 
 
602
  $mobile_css->add_property( 'min-height', $settings['minHeightMobile'], $settings['minHeightUnitMobile'] );
603
 
604
  if ( ! $settings['isGrid'] ) {
632
 
633
  $mobile_css->set_selector( '.gb-grid-wrapper > .gb-grid-column-' . $id );
634
 
635
+ if ( ! $settings['autoWidthMobile'] ) {
636
  $mobile_css->add_property( 'width', $settings['widthMobile'], '%' );
637
  }
638
 
639
+ if ( $settings['autoWidthMobile'] ) {
640
+ $mobile_css->add_property( 'width', 'auto' );
641
+ }
642
+
643
+ $mobile_css->add_property( 'flex-grow', $settings['flexGrowMobile'] );
644
+ $mobile_css->add_property( 'flex-shrink', $settings['flexShrinkMobile'] );
645
+
646
+ if ( is_numeric( $settings['flexBasisMobile'] ) ) {
647
+ $mobile_css->add_property( 'flex-basis', $settings['flexBasisMobile'], $settings['flexBasisUnit'] );
648
+ } else {
649
+ $mobile_css->add_property( 'flex-basis', $settings['flexBasisMobile'] );
650
+ }
651
+
652
  if ( $settings['isGrid'] ) {
653
  $mobile_css->add_property( 'order', $settings['orderMobile'] );
654
  }
664
  $mobile_css->add_property( 'justify-content', $settings['verticalAlignmentMobile'] );
665
  }
666
 
667
+ if ( $hasBgImage && 'pseudo-element' === $settings['bgOptions']['selector'] ) {
668
+ $mobile_css->set_selector( '.gb-container-' . $id . ':before' );
669
+ $mobile_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftMobile'], $settings['borderRadiusTopRightMobile'], $settings['borderRadiusBottomRightMobile'], $settings['borderRadiusBottomLeftMobile'] ), $settings['borderRadiusUnit'] );
670
+ }
671
+
672
  if ( ! empty( $settings['shapeDividers'] ) ) {
673
  $default_styles = generateblocks_get_default_styles();
674
 
782
  );
783
 
784
  $id = $atts['uniqueId'];
785
+ $blockVersion = ! empty( $settings['blockVersion'] ) ? $settings['blockVersion'] : 1;
786
 
787
  $css->set_selector( '.gb-button-wrapper-' . $id );
788
+ $css->add_property( 'margin', array( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'] ), $settings['marginUnit'] );
789
  $css->add_property( 'justify-content', generateblocks_get_flexbox_alignment( $settings['alignment'] ) );
790
 
791
+ $stack_desktop = $desktop_css;
792
+ $stack_tablet_only = $tablet_only_css;
793
+
794
+ if ( $blockVersion < 2 ) {
795
+ $stack_desktop = $css;
796
+ $stack_tablet_only = $tablet_css;
797
+ }
798
+
799
  if ( $settings['stack'] ) {
800
+ $stack_desktop->set_selector( '.gb-button-wrapper-' . $id );
801
+ $stack_desktop->add_property( 'flex-direction', 'column' );
802
+ $stack_desktop->add_property( 'align-items', generateblocks_get_flexbox_alignment( $settings['alignment'] ) );
803
  }
804
 
805
  if ( $settings['fillHorizontalSpace'] ) {
806
+ $stack_desktop->set_selector( '.gb-button-wrapper-' . $id . ' > .gb-button' );
807
+ $stack_desktop->add_property( 'flex', '1' );
808
  }
809
 
810
  if ( $settings['stack'] && $settings['fillHorizontalSpace'] ) {
811
+ $stack_desktop->add_property( 'width', '100%' );
812
+ $stack_desktop->add_property( 'box-sizing', 'border-box' );
813
  }
814
 
815
  $tablet_css->set_selector( '.gb-button-wrapper-' . $id );
817
  $tablet_css->add_property( 'justify-content', generateblocks_get_flexbox_alignment( $settings['alignmentTablet'] ) );
818
 
819
  if ( $settings['stackTablet'] ) {
820
+ $stack_tablet_only->set_selector( '.gb-button-wrapper-' . $id );
821
+ $stack_tablet_only->add_property( 'flex-direction', 'column' );
822
+ $stack_tablet_only->add_property( 'align-items', generateblocks_get_flexbox_alignment( $settings['alignmentTablet'] ) );
823
  }
824
 
825
  if ( $settings['fillHorizontalSpaceTablet'] ) {
826
+ $stack_tablet_only->set_selector( '.gb-button-wrapper-' . $id . ' > .gb-button' );
827
+ $stack_tablet_only->add_property( 'flex', '1' );
828
  }
829
 
830
  if ( $settings['stackTablet'] && $settings['fillHorizontalSpaceTablet'] ) {
831
+ $stack_tablet_only->add_property( 'width', '100%' );
832
+ $stack_tablet_only->add_property( 'box-sizing', 'border-box' );
833
  }
834
 
835
  $mobile_css->set_selector( '.gb-button-wrapper-' . $id );
952
  );
953
 
954
  $id = $atts['uniqueId'];
955
+ $blockVersion = ! empty( $settings['blockVersion'] ) ? $settings['blockVersion'] : 1;
956
+
957
+ // Use legacy settings if needed.
958
+ if ( $blockVersion < 2 ) {
959
+ $settings = GenerateBlocks_Legacy_Attributes::get_settings( '1.4.0', 'button', $settings, $atts );
960
+ }
961
 
962
  $selector = 'a.gb-button-' . $id;
963
 
1002
  $css->add_property( 'font-weight', $settings['fontWeight'] );
1003
  $css->add_property( 'text-transform', $settings['textTransform'] );
1004
  $css->add_property( 'letter-spacing', $settings['letterSpacing'], 'em' );
1005
+ $css->add_property( 'padding', array( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'] ), $settings['paddingUnit'] );
1006
+ $css->add_property( 'border-radius', array( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'] ), $settings['borderRadiusUnit'] );
1007
+ $css->add_property( 'margin', array( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'] ), $settings['marginUnit'] );
1008
+ $css->add_property( 'border-width', array( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'] ), 'px' );
 
 
 
 
 
1009
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
1010
  $css->add_property( 'text-transform', $settings['textTransform'] );
1011
 
1024
  $css->add_property( 'font-size', $settings['iconSize'], $settings['iconSizeUnit'] );
1025
 
1026
  if ( ! $settings['removeText'] ) {
1027
+ $css->add_property( 'padding', array( $settings['iconPaddingTop'], $settings['iconPaddingRight'], $settings['iconPaddingBottom'], $settings['iconPaddingLeft'] ), $settings['iconPaddingUnit'] );
1028
  }
1029
  }
1030
 
1036
  $tablet_css->add_property( 'margin', array( $settings['marginTopTablet'], $settings['marginRightTablet'], $settings['marginBottomTablet'], $settings['marginLeftTablet'] ), $settings['marginUnit'] );
1037
  $tablet_css->add_property( 'border-width', array( $settings['borderSizeTopTablet'], $settings['borderSizeRightTablet'], $settings['borderSizeBottomTablet'], $settings['borderSizeLeftTablet'] ), 'px' );
1038
 
 
 
 
 
1039
  if ( $settings['hasIcon'] ) {
1040
  $tablet_css->set_selector( $selector . ' .gb-icon' );
1041
  $tablet_css->add_property( 'font-size', $settings['iconSizeTablet'], $settings['iconSizeUnit'] );
1053
  $mobile_css->add_property( 'margin', array( $settings['marginTopMobile'], $settings['marginRightMobile'], $settings['marginBottomMobile'], $settings['marginLeftMobile'] ), $settings['marginUnit'] );
1054
  $mobile_css->add_property( 'border-width', array( $settings['borderSizeTopMobile'], $settings['borderSizeRightMobile'], $settings['borderSizeBottomMobile'], $settings['borderSizeLeftMobile'] ), 'px' );
1055
 
 
 
 
 
1056
  if ( $settings['hasIcon'] ) {
1057
  $mobile_css->set_selector( $selector . ' .gb-icon' );
1058
  $mobile_css->add_property( 'font-size', $settings['iconSizeMobile'], $settings['iconSizeUnit'] );
1185
  $css->add_property( 'text-transform', $settings['textTransform'] );
1186
  $css->add_property( 'line-height', $settings['lineHeight'], $settings['lineHeightUnit'] );
1187
  $css->add_property( 'letter-spacing', $settings['letterSpacing'], 'em' );
1188
+ $css->add_property( 'padding', array( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'] ), $settings['paddingUnit'] );
1189
  $css->add_property( 'margin', array( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'] ), $settings['marginUnit'] );
1190
+ $css->add_property( 'border-radius', array( $settings['borderRadiusTopLeft'], $settings['borderRadiusTopRight'], $settings['borderRadiusBottomRight'], $settings['borderRadiusBottomLeft'] ), $settings['borderRadiusUnit'] );
1191
+ $css->add_property( 'border-width', array( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'] ), 'px' );
1192
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
1193
 
 
 
 
 
1194
  if ( $settings['inlineWidth'] ) {
1195
  if ( $settings['hasIcon'] ) {
1196
  $css->add_property( 'display', 'inline-flex' );
1230
  $css->add_property( 'color', generateblocks_hex2rgba( $settings['iconColor'], $settings['iconColorOpacity'] ) );
1231
 
1232
  if ( ! $settings['removeText'] ) {
1233
+ $css->add_property( 'padding', array( $settings['iconPaddingTop'], $settings['iconPaddingRight'], $settings['iconPaddingBottom'], $settings['iconPaddingLeft'] ), $settings['iconPaddingUnit'] );
1234
  }
1235
 
1236
  if ( 'above' === $settings['iconLocation'] ) {
1257
  $tablet_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftTablet'], $settings['borderRadiusTopRightTablet'], $settings['borderRadiusBottomRightTablet'], $settings['borderRadiusBottomLeftTablet'] ), $settings['borderRadiusUnit'] );
1258
  $tablet_css->add_property( 'border-width', array( $settings['borderSizeTopTablet'], $settings['borderSizeRightTablet'], $settings['borderSizeBottomTablet'], $settings['borderSizeLeftTablet'] ), 'px' );
1259
 
 
 
 
 
1260
  if ( $settings['inlineWidthTablet'] ) {
1261
  if ( $settings['hasIcon'] ) {
1262
  $tablet_css->add_property( 'display', 'inline-flex' );
1305
  $mobile_css->add_property( 'border-radius', array( $settings['borderRadiusTopLeftMobile'], $settings['borderRadiusTopRightMobile'], $settings['borderRadiusBottomRightMobile'], $settings['borderRadiusBottomLeftMobile'] ), $settings['borderRadiusUnit'] );
1306
  $mobile_css->add_property( 'border-width', array( $settings['borderSizeTopMobile'], $settings['borderSizeRightMobile'], $settings['borderSizeBottomMobile'], $settings['borderSizeLeftMobile'] ), 'px' );
1307
 
 
 
 
 
1308
  if ( $settings['inlineWidthMobile'] ) {
1309
  if ( $settings['hasIcon'] ) {
1310
  $mobile_css->add_property( 'display', 'inline-flex' );
1363
  $css->add_property( 'display', 'inline-block' );
1364
  }
1365
 
1366
+ $css->add_property( 'border-width', array( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'] ), 'px' );
 
 
 
 
 
1367
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
1368
  }
1369
 
1374
  $css->add_property( 'letter-spacing', $settings['letterSpacing'], 'em' );
1375
 
1376
  if ( ! $settings['hasIcon'] ) {
1377
+ $css->add_property( 'padding', array( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'] ), $settings['paddingUnit'] );
1378
+ $css->add_property( 'margin', array( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'] ), $settings['marginUnit'] );
1379
 
1380
  if ( function_exists( 'generate_get_default_fonts' ) && '' === $settings['marginBottom'] ) {
1381
  $defaultBlockStyles = generateblocks_get_default_styles();
1396
  $css->set_selector( '.gb-headline-wrapper-' . $id . ' .gb-icon' );
1397
 
1398
  if ( ! $settings['removeText'] ) {
1399
+ $css->add_property( 'padding', array( $settings['iconPaddingTop'], $settings['iconPaddingRight'], $settings['iconPaddingBottom'], $settings['iconPaddingLeft'] ), $settings['iconPaddingUnit'] );
1400
  }
1401
 
1402
  $css->add_property( 'color', generateblocks_hex2rgba( $settings['iconColor'], $settings['iconColorOpacity'] ) );
1410
  $css->add_property( 'height', $settings['iconSize'], $settings['iconSizeUnit'] );
1411
 
1412
  $css->set_selector( '.gb-headline-wrapper-' . $id );
1413
+ $css->add_property( 'padding', array( $settings['paddingTop'], $settings['paddingRight'], $settings['paddingBottom'], $settings['paddingLeft'] ), $settings['paddingUnit'] );
1414
+ $css->add_property( 'margin', array( $settings['marginTop'], $settings['marginRight'], $settings['marginBottom'], $settings['marginLeft'] ), $settings['marginUnit'] );
1415
 
1416
  $defaultBlockStyles = generateblocks_get_default_styles();
1417
 
1441
 
1442
  $css->add_property( 'background-color', generateblocks_hex2rgba( $settings['backgroundColor'], $settings['backgroundColorOpacity'] ) );
1443
  $css->add_property( 'color', $settings['textColor'] );
1444
+ $css->add_property( 'border-width', array( $settings['borderSizeTop'], $settings['borderSizeRight'], $settings['borderSizeBottom'], $settings['borderSizeLeft'] ), 'px' );
 
 
 
 
 
1445
  $css->add_property( 'border-color', generateblocks_hex2rgba( $settings['borderColor'], $settings['borderColorOpacity'] ) );
1446
 
1447
  if ( 'above' === $settings['iconLocation'] ) {
1731
  );
1732
  }
1733
 
 
 
 
 
 
 
 
 
 
1734
  if ( ! empty( $data['mobile'] ) ) {
1735
  $css .= sprintf(
1736
  '@media %1$s {%2$s}',
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.3.5
9
  * Requires at least: 5.4
10
  * Requires PHP: 5.6
11
  * License: GPL2+
@@ -19,7 +19,7 @@ if ( ! defined( 'ABSPATH' ) ) {
19
  exit; // Exit if accessed directly.
20
  }
21
 
22
- define( 'GENERATEBLOCKS_VERSION', '1.3.5' );
23
  define( 'GENERATEBLOCKS_DIR', plugin_dir_path( __FILE__ ) );
24
  define( 'GENERATEBLOCKS_DIR_URL', plugin_dir_url( __FILE__ ) );
25
 
@@ -35,6 +35,7 @@ require_once GENERATEBLOCKS_DIR . 'includes/class-settings.php';
35
  require_once GENERATEBLOCKS_DIR . 'includes/class-plugin-update.php';
36
  require_once GENERATEBLOCKS_DIR . 'includes/class-render-blocks.php';
37
  require_once GENERATEBLOCKS_DIR . 'includes/class-rest.php';
 
38
 
39
  add_action( 'plugins_loaded', 'generateblocks_load_plugin_textdomain' );
40
  /**
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.4.0
9
  * Requires at least: 5.4
10
  * Requires PHP: 5.6
11
  * License: GPL2+
19
  exit; // Exit if accessed directly.
20
  }
21
 
22
+ define( 'GENERATEBLOCKS_VERSION', '1.4.0' );
23
  define( 'GENERATEBLOCKS_DIR', plugin_dir_path( __FILE__ ) );
24
  define( 'GENERATEBLOCKS_DIR_URL', plugin_dir_url( __FILE__ ) );
25
 
35
  require_once GENERATEBLOCKS_DIR . 'includes/class-plugin-update.php';
36
  require_once GENERATEBLOCKS_DIR . 'includes/class-render-blocks.php';
37
  require_once GENERATEBLOCKS_DIR . 'includes/class-rest.php';
38
+ require_once GENERATEBLOCKS_DIR . 'includes/class-legacy-attributes.php';
39
 
40
  add_action( 'plugins_loaded', 'generateblocks_load_plugin_textdomain' );
41
  /**
readme.txt CHANGED
@@ -5,7 +5,7 @@ Tags: blocks, gutenberg, container, headline, grid, columns, page builder, wysiw
5
  Requires at least: 5.4
6
  Tested up to: 5.8
7
  Requires PHP: 5.6
8
- Stable tag: 1.3.5
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
@@ -77,6 +77,36 @@ GenerateBlocks was built to work hand-in-hand with [GeneratePress](https://gener
77
 
78
  == Changelog ==
79
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
80
  = 1.3.5 =
81
  * Fix: Error saving classic widgets in Customizer
82
  * Fix: Console error in widget editor due to core/edit-post
5
  Requires at least: 5.4
6
  Tested up to: 5.8
7
  Requires PHP: 5.6
8
+ Stable tag: 1.4.0
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
77
 
78
  == Changelog ==
79
 
80
+ = 1.4.0 =
81
+ * New: Add flex (flex-grow, flex-shrink, flex-basis) options to grid item containers
82
+ * New: Add "auto" width option to grid item containers on tablet and mobile
83
+ * New: Allow CSS variables in color picker component
84
+ * New: Use built-in color transparency in color picker component
85
+ * Tweak: Improve design of empty Container blocks
86
+ * Tweak: Remove Container padding defaults
87
+ * Tweak: Remove grid gap default
88
+ * Tweak: Remove gradient defaults
89
+ * Tweak: Remove grid item width defaults
90
+ * Tweak: Make Button Container stack & fill options device-specific
91
+ * Tweak: Stop auto-adding z-index to Container when using pseudo gradients
92
+ * Tweak: Only output shorthand CSS values if all fields are set
93
+ * Tweak: Add missing tablet "order" property from editor CSS
94
+ * Tweak: Improve unique ID generation
95
+ * Tweak: Remove GeneratePress full width option from Container block
96
+ * Tweak: Replace advanced typography attribute with local storage
97
+ * Tweak: Allow for empty Container padding values
98
+ * Tweak: Check for FS_CHMOD_FILE constant in external css file
99
+ * Tweak: Force inline CSS on single posts
100
+ * Tweak: Remove "Select Grid" button from grid item Containers
101
+ * Tweak: Allow for no value in grid item width field
102
+ * Tweak: Allow zero values for minHeight on devices
103
+ * Tweak: Add new block on Enter key in Headline block
104
+ * Tweak: Remove relative protocol from Google Fonts requests
105
+ * Fix: Responsive border-radius when using pseudo backgrounds
106
+ * Fix: Buttons alignment in the editor
107
+ * Fix: Container tag name accepting any value
108
+ * Fix: Missing align wide/full options when using block themes
109
+
110
  = 1.3.5 =
111
  * Fix: Error saving classic widgets in Customizer
112
  * Fix: Console error in widget editor due to core/edit-post
src/blocks/button-container/attributes.js CHANGED
@@ -99,6 +99,9 @@ export default {
99
  isDynamic: {
100
  type: 'boolean',
101
  },
 
 
 
102
  // deprecated since 1.2.0.
103
  elementId: {
104
  type: 'string',
99
  isDynamic: {
100
  type: 'boolean',
101
  },
102
+ blockVersion: {
103
+ type: 'number',
104
+ },
105
  // deprecated since 1.2.0.
106
  elementId: {
107
  type: 'string',
src/blocks/button-container/block.js CHANGED
@@ -25,8 +25,8 @@ import {
25
  /**
26
  * Register our Button Container block.
27
  *
28
- * @param {string} name Block name.
29
- * @param {Object} settings Block settings.
30
  * @return {?WPBlock} The block, if it has been successfully
31
  * registered; otherwise `undefined`.
32
  */
25
  /**
26
  * Register our Button Container block.
27
  *
28
+ * @param {string} name Block name.
29
+ * @param {Object} settings Block settings.
30
  * @return {?WPBlock} The block, if it has been successfully
31
  * registered; otherwise `undefined`.
32
  */
src/blocks/button-container/css/desktop.js CHANGED
@@ -1,4 +1,5 @@
1
  import buildCSS from '../../../utils/build-css';
 
2
 
3
  import {
4
  Component,
@@ -10,8 +11,47 @@ import {
10
 
11
  export default class DesktopCSS extends Component {
12
  render() {
 
 
 
 
 
 
 
 
 
13
  let cssObj = [];
14
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, this.props, 'button-container' );
16
 
17
  return (
1
  import buildCSS from '../../../utils/build-css';
2
+ import flexboxAlignment from '../../../utils/flexbox-alignment';
3
 
4
  import {
5
  Component,
11
 
12
  export default class DesktopCSS extends Component {
13
  render() {
14
+ const attributes = applyFilters( 'generateblocks.editor.cssAttrs', this.props.attributes, this.props );
15
+
16
+ const {
17
+ uniqueId,
18
+ alignment,
19
+ stack,
20
+ fillHorizontalSpace,
21
+ } = attributes;
22
+
23
  let cssObj = [];
24
 
25
+ cssObj[ '.gb-button-wrapper-' + uniqueId ] = [ {
26
+ display: fillHorizontalSpace ? 'block' : false,
27
+ 'flex-direction': stack ? 'column' : false,
28
+ 'align-items': stack ? flexboxAlignment( alignment ) : false,
29
+ } ];
30
+
31
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
32
+ 'flex-direction': stack ? 'column' : false,
33
+ 'align-items': stack ? flexboxAlignment( alignment ) : false,
34
+ } ];
35
+
36
+ if ( fillHorizontalSpace ) {
37
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
38
+ flex: '1',
39
+ } ];
40
+
41
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .components-button' ] = [ {
42
+ background: '#fff',
43
+ border: '1px solid #ddd',
44
+ 'margin-top': '10px',
45
+ } ];
46
+ }
47
+
48
+ if ( stack && fillHorizontalSpace ) {
49
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
50
+ width: '100% !important',
51
+ 'box-sizing': 'border-box',
52
+ } ];
53
+ }
54
+
55
  cssObj = applyFilters( 'generateblocks.editor.desktopCSS', cssObj, this.props, 'button-container' );
56
 
57
  return (
src/blocks/button-container/css/main.js CHANGED
@@ -22,44 +22,19 @@ export default class MainCSS extends Component {
22
  marginBottom,
23
  marginLeft,
24
  marginUnit,
25
- stack,
26
- fillHorizontalSpace,
27
  } = attributes;
28
 
29
  let cssObj = [];
30
 
31
  cssObj[ '.gb-button-wrapper-' + uniqueId ] = [ {
32
- 'display': fillHorizontalSpace ? 'block' : false, // eslint-disable-line quote-props
33
  'margin': shorthandCSS( marginTop, marginRight, marginBottom, marginLeft, marginUnit ), // eslint-disable-line quote-props
34
  'justify-content': flexboxAlignment( alignment ),
35
- 'flex-direction': stack ? 'column' : false,
36
- 'align-items': stack ? flexboxAlignment( alignment ) : false,
37
  } ];
38
 
39
  cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
40
- 'flex-direction': stack ? 'column' : false,
41
- 'align-items': stack ? flexboxAlignment( alignment ) : false,
42
  } ];
43
 
44
- if ( fillHorizontalSpace ) {
45
- cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
46
- 'flex': '1', // eslint-disable-line quote-props
47
- } ];
48
-
49
- cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .components-button' ] = [ {
50
- 'background': '#fff', // eslint-disable-line quote-props
51
- 'border': '1px solid #ddd', // eslint-disable-line quote-props
52
- 'margin-top': '10px',
53
- } ];
54
- }
55
-
56
- if ( stack && fillHorizontalSpace ) {
57
- cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
58
- 'width': '100% !important', // eslint-disable-line quote-props
59
- 'box-sizing': 'border-box',
60
- } ];
61
- }
62
-
63
  cssObj = applyFilters( 'generateblocks.editor.mainCSS', cssObj, this.props, 'button-container' );
64
 
65
  return (
22
  marginBottom,
23
  marginLeft,
24
  marginUnit,
 
 
25
  } = attributes;
26
 
27
  let cssObj = [];
28
 
29
  cssObj[ '.gb-button-wrapper-' + uniqueId ] = [ {
 
30
  'margin': shorthandCSS( marginTop, marginRight, marginBottom, marginLeft, marginUnit ), // eslint-disable-line quote-props
31
  'justify-content': flexboxAlignment( alignment ),
 
 
32
  } ];
33
 
34
  cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
35
+ 'justify-content': flexboxAlignment( alignment ),
 
36
  } ];
37
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
38
  cssObj = applyFilters( 'generateblocks.editor.mainCSS', cssObj, this.props, 'button-container' );
39
 
40
  return (
src/blocks/button-container/css/mobile.js CHANGED
@@ -42,6 +42,7 @@ export default class MobileCSS extends Component {
42
  cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
43
  'flex-direction': stackMobile ? 'column' : false,
44
  'align-items': stackMobile ? flexboxAlignment( alignmentMobile ) : false,
 
45
  } ];
46
 
47
  if ( fillHorizontalSpaceMobile ) {
42
  cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
43
  'flex-direction': stackMobile ? 'column' : false,
44
  'align-items': stackMobile ? flexboxAlignment( alignmentMobile ) : false,
45
+ 'justify-content': flexboxAlignment( alignmentMobile ),
46
  } ];
47
 
48
  if ( fillHorizontalSpaceMobile ) {
src/blocks/button-container/css/tablet-only.js CHANGED
@@ -1,4 +1,5 @@
1
  import buildCSS from '../../../utils/build-css';
 
2
 
3
  import {
4
  Component,
@@ -10,8 +11,47 @@ import {
10
 
11
  export default class TabletOnlyCSS extends Component {
12
  render() {
 
 
 
 
 
 
 
 
 
13
  let cssObj = [];
14
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  cssObj = applyFilters( 'generateblocks.editor.tabletOnlyCSS', cssObj, this.props, 'button-container' );
16
 
17
  return (
1
  import buildCSS from '../../../utils/build-css';
2
+ import flexboxAlignment from '../../../utils/flexbox-alignment';
3
 
4
  import {
5
  Component,
11
 
12
  export default class TabletOnlyCSS extends Component {
13
  render() {
14
+ const attributes = applyFilters( 'generateblocks.editor.cssAttrs', this.props.attributes, this.props );
15
+
16
+ const {
17
+ uniqueId,
18
+ alignmentTablet,
19
+ stackTablet,
20
+ fillHorizontalSpaceTablet,
21
+ } = attributes;
22
+
23
  let cssObj = [];
24
 
25
+ cssObj[ '.gb-button-wrapper-' + uniqueId ] = [ {
26
+ display: fillHorizontalSpaceTablet ? 'block' : false,
27
+ 'flex-direction': stackTablet ? 'column' : false,
28
+ 'align-items': stackTablet ? flexboxAlignment( alignmentTablet ) : false,
29
+ } ];
30
+
31
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
32
+ 'flex-direction': stackTablet ? 'column' : false,
33
+ 'align-items': stackTablet ? flexboxAlignment( alignmentTablet ) : false,
34
+ } ];
35
+
36
+ if ( fillHorizontalSpaceTablet ) {
37
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
38
+ flex: '1',
39
+ } ];
40
+
41
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .components-button' ] = [ {
42
+ background: '#fff',
43
+ border: '1px solid #ddd',
44
+ 'margin-top': '10px',
45
+ } ];
46
+ }
47
+
48
+ if ( stackTablet && fillHorizontalSpaceTablet ) {
49
+ cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
50
+ width: '100% !important',
51
+ 'box-sizing': 'border-box',
52
+ } ];
53
+ }
54
+
55
  cssObj = applyFilters( 'generateblocks.editor.tabletOnlyCSS', cssObj, this.props, 'button-container' );
56
 
57
  return (
src/blocks/button-container/css/tablet.js CHANGED
@@ -22,47 +22,22 @@ export default class TabletCSS extends Component {
22
  marginBottomTablet,
23
  marginLeftTablet,
24
  marginUnit,
25
- stackTablet,
26
- fillHorizontalSpaceTablet,
27
  } = attributes;
28
 
29
  let cssObj = [];
30
 
31
  cssObj[ '.gb-button-wrapper-' + uniqueId ] = [ {
32
- 'display': fillHorizontalSpaceTablet ? 'block' : false, // eslint-disable-line quote-props
33
  'margin-top': valueWithUnit( marginTopTablet, marginUnit ),
34
  'margin-right': valueWithUnit( marginRightTablet, marginUnit ),
35
  'margin-bottom': valueWithUnit( marginBottomTablet, marginUnit ),
36
  'margin-left': valueWithUnit( marginLeftTablet, marginUnit ),
37
  'justify-content': flexboxAlignment( alignmentTablet ),
38
- 'flex-direction': stackTablet ? 'column' : false,
39
- 'align-items': stackTablet ? flexboxAlignment( alignmentTablet ) : false,
40
  } ];
41
 
42
  cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
43
- 'flex-direction': stackTablet ? 'column' : false,
44
- 'align-items': stackTablet ? flexboxAlignment( alignmentTablet ) : false,
45
  } ];
46
 
47
- if ( fillHorizontalSpaceTablet ) {
48
- cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
49
- 'flex': '1', // eslint-disable-line quote-props
50
- } ];
51
-
52
- cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .components-button' ] = [ {
53
- 'background': '#fff', // eslint-disable-line quote-props
54
- 'border': '1px solid #ddd', // eslint-disable-line quote-props
55
- 'margin-top': '10px',
56
- } ];
57
- }
58
-
59
- if ( stackTablet && fillHorizontalSpaceTablet ) {
60
- cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block' ] = [ {
61
- 'width': '100% !important', // eslint-disable-line quote-props
62
- 'box-sizing': 'border-box',
63
- } ];
64
- }
65
-
66
  cssObj = applyFilters( 'generateblocks.editor.tabletCSS', cssObj, this.props, 'button-container' );
67
 
68
  return (
22
  marginBottomTablet,
23
  marginLeftTablet,
24
  marginUnit,
 
 
25
  } = attributes;
26
 
27
  let cssObj = [];
28
 
29
  cssObj[ '.gb-button-wrapper-' + uniqueId ] = [ {
 
30
  'margin-top': valueWithUnit( marginTopTablet, marginUnit ),
31
  'margin-right': valueWithUnit( marginRightTablet, marginUnit ),
32
  'margin-bottom': valueWithUnit( marginBottomTablet, marginUnit ),
33
  'margin-left': valueWithUnit( marginLeftTablet, marginUnit ),
34
  'justify-content': flexboxAlignment( alignmentTablet ),
 
 
35
  } ];
36
 
37
  cssObj[ '.gb-button-wrapper-' + uniqueId + ' > .block-editor-inner-blocks > .block-editor-block-list__layout' ] = [ {
38
+ 'justify-content': flexboxAlignment( alignmentTablet ),
 
39
  } ];
40
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
41
  cssObj = applyFilters( 'generateblocks.editor.tabletCSS', cssObj, this.props, 'button-container' );
42
 
43
  return (
src/blocks/button-container/edit.js CHANGED
@@ -12,6 +12,7 @@ import TabletCSS from './css/tablet.js';
12
  import TabletOnlyCSS from './css/tablet-only.js';
13
  import MobileCSS from './css/mobile.js';
14
  import PanelArea from '../../components/panel-area/';
 
15
 
16
  import {
17
  __,
@@ -64,8 +65,6 @@ import {
64
  */
65
  const ANCHOR_REGEX = /[\s#]/g;
66
 
67
- const gbButtonContainerIds = [];
68
-
69
  const ALIGNMENT_CONTROLS = [
70
  {
71
  icon: 'editor-alignleft',
@@ -97,25 +96,14 @@ class GenerateButtonContainer extends Component {
97
  }
98
 
99
  componentDidMount() {
100
- const id = this.props.clientId.substr( 2, 9 ).replace( '-', '' );
101
-
102
- // We don't want to ever regenerate unique IDs if they're a global style.
103
- const isGlobalStyle = 'undefined' !== typeof this.props.attributes.isGlobalStyle && this.props.attributes.isGlobalStyle;
104
-
105
- if ( ! this.props.attributes.uniqueId ) {
106
- this.props.setAttributes( {
107
- uniqueId: id,
108
- } );
109
 
110
- gbButtonContainerIds.push( id );
111
- } else if ( gbButtonContainerIds.includes( this.props.attributes.uniqueId ) && ! isGlobalStyle ) {
112
  this.props.setAttributes( {
113
- uniqueId: id,
114
  } );
115
-
116
- gbButtonContainerIds.push( id );
117
- } else {
118
- gbButtonContainerIds.push( this.props.attributes.uniqueId );
119
  }
120
 
121
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( this.props.clientId )[ 0 ];
@@ -134,6 +122,35 @@ class GenerateButtonContainer extends Component {
134
  isDynamic: true,
135
  } );
136
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
137
  }
138
 
139
  getDeviceType() {
@@ -194,7 +211,7 @@ class GenerateButtonContainer extends Component {
194
  <ToolbarGroup>
195
  <ToolbarButton
196
  className="gblocks-add-new-button"
197
- icon={ 'insert' }
198
  label={ __( 'Add Button', 'generateblocks' ) }
199
  onClick={ () => {
200
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( clientId )[ 0 ];
@@ -209,7 +226,13 @@ class GenerateButtonContainer extends Component {
209
 
210
  if ( blockToCopyId ) {
211
  const blockToCopy = wp.data.select( 'core/block-editor' ).getBlocksByClientId( blockToCopyId )[ 0 ];
212
- const clonedBlock = cloneBlock( blockToCopy );
 
 
 
 
 
 
213
 
214
  wp.data.dispatch( 'core/block-editor' ).insertBlocks( clonedBlock, undefined, clientId );
215
  }
@@ -291,6 +314,8 @@ class GenerateButtonContainer extends Component {
291
  onChange={ ( value ) => {
292
  setAttributes( {
293
  stack: value,
 
 
294
  } );
295
  } }
296
  />
@@ -301,6 +326,8 @@ class GenerateButtonContainer extends Component {
301
  onChange={ ( value ) => {
302
  setAttributes( {
303
  fillHorizontalSpace: value,
 
 
304
  } );
305
  } }
306
  />
@@ -329,6 +356,7 @@ class GenerateButtonContainer extends Component {
329
  onChange={ ( value ) => {
330
  setAttributes( {
331
  stackTablet: value,
 
332
  } );
333
  } }
334
  />
@@ -339,6 +367,7 @@ class GenerateButtonContainer extends Component {
339
  onChange={ ( value ) => {
340
  setAttributes( {
341
  fillHorizontalSpaceTablet: value,
 
342
  } );
343
  } }
344
  />
12
  import TabletOnlyCSS from './css/tablet-only.js';
13
  import MobileCSS from './css/mobile.js';
14
  import PanelArea from '../../components/panel-area/';
15
+ import getAllUniqueIds from '../../utils/get-all-unique-ids';
16
 
17
  import {
18
  __,
65
  */
66
  const ANCHOR_REGEX = /[\s#]/g;
67
 
 
 
68
  const ALIGNMENT_CONTROLS = [
69
  {
70
  icon: 'editor-alignleft',
96
  }
97
 
98
  componentDidMount() {
99
+ // Generate a unique ID if none exists or if the same ID exists on this page.
100
+ const allBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
101
+ const uniqueIds = getAllUniqueIds( allBlocks, [], this.props.clientId );
 
 
 
 
 
 
102
 
103
+ if ( ! this.props.attributes.uniqueId || uniqueIds.includes( this.props.attributes.uniqueId ) ) {
 
104
  this.props.setAttributes( {
105
+ uniqueId: this.props.clientId.substr( 2, 9 ).replace( '-', '' ),
106
  } );
 
 
 
 
107
  }
108
 
109
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( this.props.clientId )[ 0 ];
122
  isDynamic: true,
123
  } );
124
  }
125
+
126
+ // Set our responsive stack and fill options if set on desktop.
127
+ // @since 1.4.0.
128
+ if ( 'undefined' === typeof this.props.attributes.blockVersion || this.props.attributes.blockVersion < 2 ) {
129
+ if ( this.props.attributes.stack || this.props.attributes.fillHorizontalSpace ) {
130
+ if ( this.props.attributes.stack ) {
131
+ this.props.setAttributes( {
132
+ stackTablet: true,
133
+ stackMobile: true,
134
+ } );
135
+ }
136
+
137
+ if ( this.props.attributes.fillHorizontalSpace ) {
138
+ this.props.setAttributes( {
139
+ fillHorizontalSpaceTablet: true,
140
+ fillHorizontalSpaceMobile: true,
141
+ } );
142
+ }
143
+ }
144
+ }
145
+
146
+ // Update block version flag if it's out of date.
147
+ const blockVersion = 2;
148
+
149
+ if ( 'undefined' === typeof this.props.attributes.blockVersion || this.props.attributes.blockVersion < blockVersion ) {
150
+ this.props.setAttributes( {
151
+ blockVersion,
152
+ } );
153
+ }
154
  }
155
 
156
  getDeviceType() {
211
  <ToolbarGroup>
212
  <ToolbarButton
213
  className="gblocks-add-new-button"
214
+ icon={ getIcon( 'insert' ) }
215
  label={ __( 'Add Button', 'generateblocks' ) }
216
  onClick={ () => {
217
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( clientId )[ 0 ];
226
 
227
  if ( blockToCopyId ) {
228
  const blockToCopy = wp.data.select( 'core/block-editor' ).getBlocksByClientId( blockToCopyId )[ 0 ];
229
+
230
+ const clonedBlock = cloneBlock(
231
+ blockToCopy,
232
+ {
233
+ uniqueId: '',
234
+ }
235
+ );
236
 
237
  wp.data.dispatch( 'core/block-editor' ).insertBlocks( clonedBlock, undefined, clientId );
238
  }
314
  onChange={ ( value ) => {
315
  setAttributes( {
316
  stack: value,
317
+ stackTablet: !! value && ! stackTablet ? value : stackTablet,
318
+ stackMobile: !! value && ! stackMobile ? value : stackMobile,
319
  } );
320
  } }
321
  />
326
  onChange={ ( value ) => {
327
  setAttributes( {
328
  fillHorizontalSpace: value,
329
+ fillHorizontalSpaceTablet: !! value && ! fillHorizontalSpaceTablet ? value : fillHorizontalSpaceTablet,
330
+ fillHorizontalSpaceMobile: !! value && ! fillHorizontalSpaceMobile ? value : fillHorizontalSpaceMobile,
331
  } );
332
  } }
333
  />
356
  onChange={ ( value ) => {
357
  setAttributes( {
358
  stackTablet: value,
359
+ stackMobile: !! value && ! stackMobile ? value : stackMobile,
360
  } );
361
  } }
362
  />
367
  onChange={ ( value ) => {
368
  setAttributes( {
369
  fillHorizontalSpaceTablet: value,
370
+ fillHorizontalSpaceMobile: !! value && ! fillHorizontalSpaceMobile ? value : fillHorizontalSpaceMobile,
371
  } );
372
  } }
373
  />
src/blocks/button/attributes.js CHANGED
@@ -97,10 +97,6 @@ export default {
97
  type: 'number',
98
  default: generateBlocksDefaults.button.borderColorHoverOpacity,
99
  },
100
- showAdvancedTypography: {
101
- type: 'boolean',
102
- default: generateBlocksDefaults.button.showAdvancedTypography,
103
- },
104
  fontFamily: {
105
  type: 'string',
106
  default: generateBlocksDefaults.button.fontFamily,
97
  type: 'number',
98
  default: generateBlocksDefaults.button.borderColorHoverOpacity,
99
  },
 
 
 
 
100
  fontFamily: {
101
  type: 'string',
102
  default: generateBlocksDefaults.button.fontFamily,
src/blocks/button/block.js CHANGED
@@ -21,8 +21,8 @@ import {
21
  /**
22
  * Register our Button block.
23
  *
24
- * @param {string} name Block name.
25
- * @param {Object} settings Block settings.
26
  * @return {?WPBlock} The block, if it has been successfully
27
  * registered; otherwise `undefined`.
28
  */
21
  /**
22
  * Register our Button block.
23
  *
24
+ * @param {string} name Block name.
25
+ * @param {Object} settings Block settings.
26
  * @return {?WPBlock} The block, if it has been successfully
27
  * registered; otherwise `undefined`.
28
  */
src/blocks/button/edit.js CHANGED
@@ -19,6 +19,10 @@ import TabletCSS from './css/tablet.js';
19
  import TabletOnlyCSS from './css/tablet-only.js';
20
  import MobileCSS from './css/mobile.js';
21
  import Element from '../../components/element';
 
 
 
 
22
 
23
  import {
24
  __,
@@ -68,8 +72,6 @@ import {
68
  */
69
  const ANCHOR_REGEX = /[\s#]/g;
70
 
71
- const gbButtonIds = [];
72
-
73
  class GenerateBlockButton extends Component {
74
  constructor() {
75
  super( ...arguments );
@@ -85,25 +87,14 @@ class GenerateBlockButton extends Component {
85
  }
86
 
87
  componentDidMount() {
88
- const id = this.props.clientId.substr( 2, 9 ).replace( '-', '' );
89
-
90
- // We don't want to ever regenerate unique IDs if they're a global style.
91
- const isGlobalStyle = 'undefined' !== typeof this.props.attributes.isGlobalStyle && this.props.attributes.isGlobalStyle;
92
-
93
- if ( ! this.props.attributes.uniqueId ) {
94
- this.props.setAttributes( {
95
- uniqueId: id,
96
- } );
97
 
98
- gbButtonIds.push( id );
99
- } else if ( gbButtonIds.includes( this.props.attributes.uniqueId ) && ! isGlobalStyle ) {
100
  this.props.setAttributes( {
101
- uniqueId: id,
102
  } );
103
-
104
- gbButtonIds.push( id );
105
- } else {
106
- gbButtonIds.push( this.props.attributes.uniqueId );
107
  }
108
 
109
  const tempFontSizePlaceholder = this.getFontSizePlaceholder();
@@ -133,6 +124,43 @@ class GenerateBlockButton extends Component {
133
  } );
134
  }
135
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
136
  }
137
 
138
  componentDidUpdate() {
@@ -273,7 +301,7 @@ class GenerateBlockButton extends Component {
273
  <ToolbarGroup>
274
  <ToolbarButton
275
  className="gblocks-add-new-button"
276
- icon={ 'insert' }
277
  label={ __( 'Add Button', 'generateblocks' ) }
278
  onClick={ () => {
279
  let parentBlockId = false;
@@ -285,7 +313,13 @@ class GenerateBlockButton extends Component {
285
  }
286
 
287
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( clientId )[ 0 ];
288
- const clonedBlock = cloneBlock( thisBlock );
 
 
 
 
 
 
289
 
290
  wp.data.dispatch( 'core/block-editor' ).insertBlocks( clonedBlock, undefined, parentBlockId );
291
  } }
@@ -1056,7 +1090,6 @@ class GenerateBlockButton extends Component {
1056
  onChange={ ( value ) => setAttributes( { text: value } ) }
1057
  allowedFormats={ applyFilters( 'generateblocks.editor.buttonDisableFormatting', false, this.props ) ? [] : [ 'core/bold', 'core/italic', 'core/strikethrough' ] }
1058
  isSelected={ isSelected }
1059
- keepPlaceholderOnFocus
1060
  />
1061
  </span>
1062
  }
@@ -1077,7 +1110,6 @@ class GenerateBlockButton extends Component {
1077
  onChange={ ( value ) => setAttributes( { text: value } ) }
1078
  allowedFormats={ applyFilters( 'generateblocks.editor.buttonDisableFormatting', false, this.props ) ? [] : [ 'core/bold', 'core/italic', 'core/strikethrough' ] }
1079
  isSelected={ isSelected }
1080
- keepPlaceholderOnFocus
1081
  />
1082
  }
1083
  </Element>
19
  import TabletOnlyCSS from './css/tablet-only.js';
20
  import MobileCSS from './css/mobile.js';
21
  import Element from '../../components/element';
22
+ import getAllUniqueIds from '../../utils/get-all-unique-ids';
23
+ import isBlockVersionLessThan from '../../utils/check-block-version';
24
+ import hasNumericValue from '../../utils/has-numeric-value';
25
+ import wasBlockJustInserted from '../../utils/was-block-just-inserted';
26
 
27
  import {
28
  __,
72
  */
73
  const ANCHOR_REGEX = /[\s#]/g;
74
 
 
 
75
  class GenerateBlockButton extends Component {
76
  constructor() {
77
  super( ...arguments );
87
  }
88
 
89
  componentDidMount() {
90
+ // Generate a unique ID if none exists or if the same ID exists on this page.
91
+ const allBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
92
+ const uniqueIds = getAllUniqueIds( allBlocks, [], this.props.clientId );
 
 
 
 
 
 
93
 
94
+ if ( ! this.props.attributes.uniqueId || uniqueIds.includes( this.props.attributes.uniqueId ) ) {
 
95
  this.props.setAttributes( {
96
+ uniqueId: this.props.clientId.substr( 2, 9 ).replace( '-', '' ),
97
  } );
 
 
 
 
98
  }
99
 
100
  const tempFontSizePlaceholder = this.getFontSizePlaceholder();
124
  } );
125
  }
126
  }
127
+
128
+ // Set our old defaults as static values.
129
+ // @since 1.4.0.
130
+ if (
131
+ ! wasBlockJustInserted( this.props.attributes ) &&
132
+ isBlockVersionLessThan( this.props.attributes.blockVersion, 2 )
133
+ ) {
134
+ const legacyDefaults = generateBlocksLegacyDefaults.v_1_4_0.button;
135
+
136
+ const newAttrs = {};
137
+ const items = [];
138
+
139
+ if ( this.props.attributes.gradient ) {
140
+ items.push(
141
+ 'gradientDirection',
142
+ 'gradientColorOne',
143
+ 'gradientColorOneOpacity',
144
+ 'gradientColorTwo',
145
+ 'gradientColorTwoOpacity'
146
+ );
147
+ }
148
+
149
+ items.forEach( ( item ) => {
150
+ if ( ! hasNumericValue( this.props.attributes[ item ] ) ) {
151
+ newAttrs[ item ] = legacyDefaults[ item ];
152
+ }
153
+ } );
154
+
155
+ if ( Object.keys( newAttrs ).length > 0 ) {
156
+ this.props.setAttributes( newAttrs );
157
+ }
158
+ }
159
+
160
+ // Update block version flag if it's out of date.
161
+ if ( isBlockVersionLessThan( this.props.attributes.blockVersion, 2 ) ) {
162
+ this.props.setAttributes( { blockVersion: 2 } );
163
+ }
164
  }
165
 
166
  componentDidUpdate() {
301
  <ToolbarGroup>
302
  <ToolbarButton
303
  className="gblocks-add-new-button"
304
+ icon={ getIcon( 'insert' ) }
305
  label={ __( 'Add Button', 'generateblocks' ) }
306
  onClick={ () => {
307
  let parentBlockId = false;
313
  }
314
 
315
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( clientId )[ 0 ];
316
+
317
+ const clonedBlock = cloneBlock(
318
+ thisBlock,
319
+ {
320
+ uniqueId: '',
321
+ }
322
+ );
323
 
324
  wp.data.dispatch( 'core/block-editor' ).insertBlocks( clonedBlock, undefined, parentBlockId );
325
  } }
1090
  onChange={ ( value ) => setAttributes( { text: value } ) }
1091
  allowedFormats={ applyFilters( 'generateblocks.editor.buttonDisableFormatting', false, this.props ) ? [] : [ 'core/bold', 'core/italic', 'core/strikethrough' ] }
1092
  isSelected={ isSelected }
 
1093
  />
1094
  </span>
1095
  }
1110
  onChange={ ( value ) => setAttributes( { text: value } ) }
1111
  allowedFormats={ applyFilters( 'generateblocks.editor.buttonDisableFormatting', false, this.props ) ? [] : [ 'core/bold', 'core/italic', 'core/strikethrough' ] }
1112
  isSelected={ isSelected }
 
1113
  />
1114
  }
1115
  </Element>
src/blocks/container/attributes.js CHANGED
@@ -32,6 +32,54 @@ const attributes = {
32
  type: 'number',
33
  default: generateBlocksDefaults.container.widthMobile,
34
  },
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
35
  orderTablet: {
36
  type: 'number',
37
  default: generateBlocksDefaults.container.orderTablet,
@@ -416,10 +464,6 @@ const attributes = {
416
  type: 'string',
417
  default: generateBlocksDefaults.container.alignmentMobile,
418
  },
419
- showAdvancedTypography: {
420
- type: 'boolean',
421
- default: generateBlocksDefaults.headline.showAdvancedTypography,
422
- },
423
  fontFamily: {
424
  type: 'string',
425
  default: generateBlocksDefaults.container.fontFamily,
@@ -471,6 +515,9 @@ const attributes = {
471
  isDynamic: {
472
  type: 'boolean',
473
  },
 
 
 
474
  // deprecated since 1.2.0.
475
  elementId: {
476
  type: 'string',
32
  type: 'number',
33
  default: generateBlocksDefaults.container.widthMobile,
34
  },
35
+ autoWidthTablet: {
36
+ type: 'boolean',
37
+ default: generateBlocksDefaults.container.autoWidthTablet,
38
+ },
39
+ autoWidthMobile: {
40
+ type: 'boolean',
41
+ default: generateBlocksDefaults.container.autoWidthMobile,
42
+ },
43
+ flexGrow: {
44
+ type: 'number',
45
+ default: generateBlocksDefaults.container.flexGrow,
46
+ },
47
+ flexGrowTablet: {
48
+ type: 'number',
49
+ default: generateBlocksDefaults.container.flexGrowTablet,
50
+ },
51
+ flexGrowMobile: {
52
+ type: 'number',
53
+ default: generateBlocksDefaults.container.flexGrowMobile,
54
+ },
55
+ flexShrink: {
56
+ type: 'number',
57
+ default: generateBlocksDefaults.container.flexShrink,
58
+ },
59
+ flexShrinkTablet: {
60
+ type: 'number',
61
+ default: generateBlocksDefaults.container.flexShrinkTablet,
62
+ },
63
+ flexShrinkMobile: {
64
+ type: 'number',
65
+ default: generateBlocksDefaults.container.flexShrinkMobile,
66
+ },
67
+ flexBasis: {
68
+ type: 'string',
69
+ default: generateBlocksDefaults.container.flexBasis,
70
+ },
71
+ flexBasisTablet: {
72
+ type: 'string',
73
+ default: generateBlocksDefaults.container.flexBasisTablet,
74
+ },
75
+ flexBasisMobile: {
76
+ type: 'string',
77
+ default: generateBlocksDefaults.container.flexBasisMobile,
78
+ },
79
+ flexBasisUnit: {
80
+ type: 'string',
81
+ default: generateBlocksDefaults.container.flexBasisUnit,
82
+ },
83
  orderTablet: {
84
  type: 'number',
85
  default: generateBlocksDefaults.container.orderTablet,
464
  type: 'string',
465
  default: generateBlocksDefaults.container.alignmentMobile,
466
  },
 
 
 
 
467
  fontFamily: {
468
  type: 'string',
469
  default: generateBlocksDefaults.container.fontFamily,
515
  isDynamic: {
516
  type: 'boolean',
517
  },
518
+ blockVersion: {
519
+ type: 'number',
520
+ },
521
  // deprecated since 1.2.0.
522
  elementId: {
523
  type: 'string',
src/blocks/container/block-controls.js CHANGED
@@ -31,24 +31,25 @@ import {
31
 
32
  import {
33
  cloneBlock,
 
34
  } from '@wordpress/blocks';
35
 
36
- const hasWideAlignSupport = generateBlocksInfo.hasWideAlignSupport;
37
  const WIDE_ALIGNMENTS = [ 'wide', 'full' ];
38
 
39
  /**
40
  * Add controls to the Container block toolbar.
41
  *
42
  * @param {Function} BlockEdit Block edit component.
43
- *
44
  * @return {Function} BlockEdit Modified block edit component.
45
  */
46
  const withAdvancedControls = createHigherOrderComponent( ( BlockEdit ) => {
47
  return ( props ) => {
 
 
 
 
48
  const {
49
- name,
50
  attributes,
51
- isSelected,
52
  clientId,
53
  setAttributes,
54
  } = props;
@@ -66,9 +67,15 @@ const withAdvancedControls = createHigherOrderComponent( ( BlockEdit ) => {
66
  parentGridId = wp.data.select( 'core/block-editor' ).getBlockRootClientId( clientId );
67
  }
68
 
 
 
 
 
 
 
69
  return (
70
  <Fragment>
71
- { isSelected && isGrid && parentGridId && 'generateblocks/container' === name &&
72
  <BlockControls>
73
  <ToolbarGroup>
74
  <ToolbarButton
@@ -77,21 +84,15 @@ const withAdvancedControls = createHigherOrderComponent( ( BlockEdit ) => {
77
  label={ __( 'Duplicate Grid Item', 'generateblocks' ) }
78
  onClick={ () => {
79
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( clientId )[ 0 ];
80
- const clonedBlock = cloneBlock( thisBlock );
81
 
82
- wp.data.dispatch( 'core/block-editor' ).insertBlocks( clonedBlock, undefined, parentGridId );
83
- } }
84
- showTooltip
85
- />
86
- </ToolbarGroup>
 
87
 
88
- <ToolbarGroup>
89
- <ToolbarButton
90
- className="gblocks-block-control-icon"
91
- icon={ getIcon( 'grid' ) }
92
- label={ __( 'Select Parent Grid', 'generateblocks' ) }
93
- onClick={ () => {
94
- wp.data.dispatch( 'core/block-editor' ).selectBlock( parentGridId );
95
  } }
96
  showTooltip
97
  />
@@ -99,7 +100,7 @@ const withAdvancedControls = createHigherOrderComponent( ( BlockEdit ) => {
99
  </BlockControls>
100
  }
101
 
102
- { isSelected && hasWideAlignSupport && ! isGrid && 'generateblocks/container' === name &&
103
  <BlockControls>
104
  <BlockAlignmentToolbar
105
  value={ align }
@@ -130,4 +131,3 @@ addFilter(
130
  'generateblocks/container-block-controls',
131
  withAdvancedControls
132
  );
133
-
31
 
32
  import {
33
  cloneBlock,
34
+ getBlockSupport,
35
  } from '@wordpress/blocks';
36
 
 
37
  const WIDE_ALIGNMENTS = [ 'wide', 'full' ];
38
 
39
  /**
40
  * Add controls to the Container block toolbar.
41
  *
42
  * @param {Function} BlockEdit Block edit component.
 
43
  * @return {Function} BlockEdit Modified block edit component.
44
  */
45
  const withAdvancedControls = createHigherOrderComponent( ( BlockEdit ) => {
46
  return ( props ) => {
47
+ if ( 'generateblocks/container' !== props.name ) {
48
+ return <BlockEdit { ...props } />;
49
+ }
50
+
51
  const {
 
52
  attributes,
 
53
  clientId,
54
  setAttributes,
55
  } = props;
67
  parentGridId = wp.data.select( 'core/block-editor' ).getBlockRootClientId( clientId );
68
  }
69
 
70
+ /**
71
+ * We don't define "align" support in block registration as we don't want it enabled for grid items.
72
+ * This allows us to enable support for regular non-grid item Containers.
73
+ */
74
+ const hasAlignmentSupport = getBlockSupport( '', 'align', true ) && ! isGrid;
75
+
76
  return (
77
  <Fragment>
78
+ { isGrid && parentGridId &&
79
  <BlockControls>
80
  <ToolbarGroup>
81
  <ToolbarButton
84
  label={ __( 'Duplicate Grid Item', 'generateblocks' ) }
85
  onClick={ () => {
86
  const thisBlock = wp.data.select( 'core/block-editor' ).getBlocksByClientId( clientId )[ 0 ];
 
87
 
88
+ const clonedBlock = cloneBlock(
89
+ thisBlock,
90
+ {
91
+ uniqueId: '',
92
+ }
93
+ );
94
 
95
+ wp.data.dispatch( 'core/block-editor' ).insertBlocks( clonedBlock, undefined, parentGridId );
 
 
 
 
 
 
96
  } }
97
  showTooltip
98
  />
100
  </BlockControls>
101
  }
102
 
103
+ { hasAlignmentSupport &&
104
  <BlockControls>
105
  <BlockAlignmentToolbar
106
  value={ align }
131
  'generateblocks/container-block-controls',
132
  withAdvancedControls
133
  );
 
src/blocks/container/block.js CHANGED
@@ -25,8 +25,8 @@ import {
25
  /**
26
  * Register our Container block.
27
  *
28
- * @param {string} name Block name.
29
- * @param {Object} settings Block settings.
30
  * @return {?WPBlock} The block, if it has been successfully
31
  * registered; otherwise `undefined`.
32
  */
25
  /**
26
  * Register our Container block.
27
  *
28
+ * @param {string} name Block name.
29
+ * @param {Object} settings Block settings.
30
  * @return {?WPBlock} The block, if it has been successfully
31
  * registered; otherwise `undefined`.
32
  */
src/blocks/container/css/main.js CHANGED
@@ -25,6 +25,11 @@ export default class MainCSS extends Component {
25
  uniqueId,
26
  isGrid,
27
  width,
 
 
 
 
 
28
  outerContainer,
29
  innerContainer,
30
  containerWidth,
@@ -89,8 +94,6 @@ export default class MainCSS extends Component {
89
  const backgroundImageValue = getBackgroundImageCSS( 'image', this.props );
90
  const gradientValue = getBackgroundImageCSS( 'gradient', this.props );
91
 
92
- let innerZIndexValue = innerZindex;
93
-
94
  let cssObj = [];
95
  cssObj[ '.gb-container-' + uniqueId ] = [ {
96
  'background-color': hexToRGBA( backgroundColor, backgroundColorOpacity ),
@@ -142,10 +145,6 @@ export default class MainCSS extends Component {
142
  cssObj[ '.gb-container-' + uniqueId + ' .block-list-appender' ] = [ {
143
  'z-index': 10,
144
  } ];
145
-
146
- if ( ! innerZIndexValue ) {
147
- innerZIndexValue = 1;
148
- }
149
  }
150
 
151
  cssObj[ `.editor-styles-wrapper .gb-container-` + uniqueId + ` h1,
@@ -235,9 +234,9 @@ export default class MainCSS extends Component {
235
  'width': minHeight && ! isGrid ? '100%' : false, // eslint-disable-line quote-props
236
  } ];
237
 
238
- if ( innerZIndexValue || 0 === innerZIndexValue ) {
239
  cssObj[ '.gb-container-' + uniqueId + ' > .gb-inside-container' ].push( {
240
- 'z-index': innerZIndexValue,
241
  position: 'relative',
242
  } );
243
  }
@@ -251,7 +250,10 @@ export default class MainCSS extends Component {
251
  }
252
 
253
  cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
254
- 'width': valueWithUnit( width, '%' ), // eslint-disable-line quote-props
 
 
 
255
  'display': 'flex', // eslint-disable-line quote-props
256
  'flex-direction': 'column',
257
  'margin-left': '0px',
25
  uniqueId,
26
  isGrid,
27
  width,
28
+ autoWidth,
29
+ flexGrow,
30
+ flexShrink,
31
+ flexBasis,
32
+ flexBasisUnit,
33
  outerContainer,
34
  innerContainer,
35
  containerWidth,
94
  const backgroundImageValue = getBackgroundImageCSS( 'image', this.props );
95
  const gradientValue = getBackgroundImageCSS( 'gradient', this.props );
96
 
 
 
97
  let cssObj = [];
98
  cssObj[ '.gb-container-' + uniqueId ] = [ {
99
  'background-color': hexToRGBA( backgroundColor, backgroundColorOpacity ),
145
  cssObj[ '.gb-container-' + uniqueId + ' .block-list-appender' ] = [ {
146
  'z-index': 10,
147
  } ];
 
 
 
 
148
  }
149
 
150
  cssObj[ `.editor-styles-wrapper .gb-container-` + uniqueId + ` h1,
234
  'width': minHeight && ! isGrid ? '100%' : false, // eslint-disable-line quote-props
235
  } ];
236
 
237
+ if ( innerZindex || 0 === innerZindex ) {
238
  cssObj[ '.gb-container-' + uniqueId + ' > .gb-inside-container' ].push( {
239
+ 'z-index': innerZindex,
240
  position: 'relative',
241
  } );
242
  }
250
  }
251
 
252
  cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
253
+ width: ! autoWidth ? valueWithUnit( width, '%' ) : false,
254
+ 'flex-grow': flexGrow,
255
+ 'flex-shrink': flexShrink,
256
+ 'flex-basis': isNaN( flexBasis ) ? flexBasis : valueWithUnit( flexBasis, flexBasisUnit ),
257
  'display': 'flex', // eslint-disable-line quote-props
258
  'flex-direction': 'column',
259
  'margin-left': '0px',
src/blocks/container/css/mobile.js CHANGED
@@ -22,6 +22,11 @@ export default class MobileCSS extends Component {
22
  uniqueId,
23
  isGrid,
24
  widthMobile,
 
 
 
 
 
25
  minHeightMobile,
26
  minHeightUnitMobile,
27
  paddingTopMobile,
@@ -105,7 +110,10 @@ export default class MobileCSS extends Component {
105
  } ];
106
 
107
  cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
108
- 'width': valueWithUnit( widthMobile, '%' ), // eslint-disable-line quote-props
 
 
 
109
  'order': orderMobile, // eslint-disable-line quote-props
110
  } ];
111
 
@@ -115,6 +123,15 @@ export default class MobileCSS extends Component {
115
  } ];
116
  }
117
 
 
 
 
 
 
 
 
 
 
118
  if ( shapeDividers.length ) {
119
  shapeDividers.forEach( ( location, index ) => {
120
  const shapeNumber = index + 1;
22
  uniqueId,
23
  isGrid,
24
  widthMobile,
25
+ autoWidthMobile,
26
+ flexGrowMobile,
27
+ flexShrinkMobile,
28
+ flexBasisMobile,
29
+ flexBasisUnit,
30
  minHeightMobile,
31
  minHeightUnitMobile,
32
  paddingTopMobile,
110
  } ];
111
 
112
  cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
113
+ width: ! autoWidthMobile ? valueWithUnit( widthMobile, '%' ) : 'auto',
114
+ 'flex-grow': flexGrowMobile,
115
+ 'flex-shrink': flexShrinkMobile,
116
+ 'flex-basis': isNaN( flexBasisMobile ) ? flexBasisMobile : valueWithUnit( flexBasisMobile, flexBasisUnit ),
117
  'order': orderMobile, // eslint-disable-line quote-props
118
  } ];
119
 
123
  } ];
124
  }
125
 
126
+ if ( !! bgImage && 'pseudo-element' === bgOptions.selector ) {
127
+ cssObj[ '.gb-container-' + uniqueId + ':before' ] = [ {
128
+ 'border-top-left-radius': valueWithUnit( borderRadiusTopLeftMobile, borderRadiusUnit ),
129
+ 'border-top-right-radius': valueWithUnit( borderRadiusTopRightMobile, borderRadiusUnit ),
130
+ 'border-bottom-right-radius': valueWithUnit( borderRadiusBottomRightMobile, borderRadiusUnit ),
131
+ 'border-bottom-left-radius': valueWithUnit( borderRadiusBottomLeftMobile, borderRadiusUnit ),
132
+ } ];
133
+ }
134
+
135
  if ( shapeDividers.length ) {
136
  shapeDividers.forEach( ( location, index ) => {
137
  const shapeNumber = index + 1;
src/blocks/container/css/tablet.js CHANGED
@@ -22,6 +22,11 @@ export default class TabletCSS extends Component {
22
  uniqueId,
23
  isGrid,
24
  widthTablet,
 
 
 
 
 
25
  minHeightTablet,
26
  minHeightUnitTablet,
27
  paddingTopTablet,
@@ -47,7 +52,10 @@ export default class TabletCSS extends Component {
47
  alignmentTablet,
48
  fontSizeTablet,
49
  fontSizeUnit,
 
50
  shapeDividers,
 
 
51
  } = attributes;
52
 
53
  let cssObj = [];
@@ -101,9 +109,22 @@ export default class TabletCSS extends Component {
101
  } ];
102
 
103
  cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
104
- 'width': valueWithUnit( widthTablet, '%' ), // eslint-disable-line quote-props
 
 
 
 
105
  } ];
106
 
 
 
 
 
 
 
 
 
 
107
  if ( shapeDividers.length ) {
108
  shapeDividers.forEach( ( location, index ) => {
109
  const shapeNumber = index + 1;
22
  uniqueId,
23
  isGrid,
24
  widthTablet,
25
+ autoWidthTablet,
26
+ flexGrowTablet,
27
+ flexShrinkTablet,
28
+ flexBasisTablet,
29
+ flexBasisUnit,
30
  minHeightTablet,
31
  minHeightUnitTablet,
32
  paddingTopTablet,
52
  alignmentTablet,
53
  fontSizeTablet,
54
  fontSizeUnit,
55
+ orderTablet,
56
  shapeDividers,
57
+ bgImage,
58
+ bgOptions,
59
  } = attributes;
60
 
61
  let cssObj = [];
109
  } ];
110
 
111
  cssObj[ '.gb-grid-wrapper > div > .block-editor-block-list__layout > #block-' + clientId ] = [ {
112
+ width: ! autoWidthTablet ? valueWithUnit( widthTablet, '%' ) : 'auto',
113
+ 'flex-grow': flexGrowTablet,
114
+ 'flex-shrink': flexShrinkTablet,
115
+ 'flex-basis': isNaN( flexBasisTablet ) ? flexBasisTablet : valueWithUnit( flexBasisTablet, flexBasisUnit ),
116
+ order: orderTablet,
117
  } ];
118
 
119
+ if ( !! bgImage && 'pseudo-element' === bgOptions.selector ) {
120
+ cssObj[ '.gb-container-' + uniqueId + ':before' ] = [ {
121
+ 'border-top-left-radius': valueWithUnit( borderRadiusTopLeftTablet, borderRadiusUnit ),
122
+ 'border-top-right-radius': valueWithUnit( borderRadiusTopRightTablet, borderRadiusUnit ),
123
+ 'border-bottom-right-radius': valueWithUnit( borderRadiusBottomRightTablet, borderRadiusUnit ),
124
+ 'border-bottom-left-radius': valueWithUnit( borderRadiusBottomLeftTablet, borderRadiusUnit ),
125
+ } ];
126
+ }
127
+
128
  if ( shapeDividers.length ) {
129
  shapeDividers.forEach( ( location, index ) => {
130
  const shapeNumber = index + 1;
src/blocks/container/edit.js CHANGED
@@ -13,11 +13,17 @@ import TypographyControls from '../../components/typography';
13
  import GradientControl from '../../components/gradient/';
14
  import sanitizeSVG from '../../utils/sanitize-svg';
15
  import ResponsiveTabs from '../../components/responsive-tabs';
 
16
  import MainCSS from './css/main.js';
17
  import DesktopCSS from './css/desktop.js';
18
  import TabletCSS from './css/tablet.js';
19
  import TabletOnlyCSS from './css/tablet-only.js';
20
  import MobileCSS from './css/mobile.js';
 
 
 
 
 
21
 
22
  import {
23
  __,
@@ -73,8 +79,6 @@ import {
73
  */
74
  const ANCHOR_REGEX = /[\s#]/g;
75
 
76
- const gbContainerIds = [];
77
-
78
  class GenerateBlockContainer extends Component {
79
  constructor() {
80
  super( ...arguments );
@@ -88,25 +92,14 @@ class GenerateBlockContainer extends Component {
88
  }
89
 
90
  componentDidMount() {
91
- const id = this.props.clientId.substr( 2, 9 ).replace( '-', '' );
92
-
93
- // We don't want to ever regenerate unique IDs if they're a global style.
94
- const isGlobalStyle = 'undefined' !== typeof this.props.attributes.isGlobalStyle && this.props.attributes.isGlobalStyle;
95
-
96
- if ( ! this.props.attributes.uniqueId ) {
97
- this.props.setAttributes( {
98
- uniqueId: id,
99
- } );
100
 
101
- gbContainerIds.push( id );
102
- } else if ( gbContainerIds.includes( this.props.attributes.uniqueId ) && ! isGlobalStyle ) {
103
  this.props.setAttributes( {
104
- uniqueId: id,
105
  } );
106
-
107
- gbContainerIds.push( id );
108
- } else {
109
- gbContainerIds.push( this.props.attributes.uniqueId );
110
  }
111
 
112
  const thisBlock = document.getElementById( 'block-' + this.props.clientId );
@@ -121,6 +114,77 @@ class GenerateBlockContainer extends Component {
121
  isDynamic: true,
122
  } );
123
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
124
  }
125
 
126
  componentDidUpdate() {
@@ -180,6 +244,18 @@ class GenerateBlockContainer extends Component {
180
  width,
181
  widthTablet,
182
  widthMobile,
 
 
 
 
 
 
 
 
 
 
 
 
183
  outerContainer,
184
  innerContainer,
185
  containerWidth,
@@ -215,7 +291,6 @@ class GenerateBlockContainer extends Component {
215
  fontFamily,
216
  googleFont,
217
  googleFontVariants,
218
- fullWidthContent,
219
  align,
220
  shapeDividers,
221
  } = attributes;
@@ -229,68 +304,32 @@ class GenerateBlockContainer extends Component {
229
  attributes.bgOptions.opacity = 1;
230
  }
231
 
232
- const tagNames = [
233
- { label: 'div', value: 'div' },
234
- { label: 'section', value: 'section' },
235
- { label: 'header', value: 'header' },
236
- { label: 'footer', value: 'footer' },
237
- { label: 'aside', value: 'aside' },
238
- ];
239
-
240
- const pageBuilderContainerOption = document.getElementById( '_generate-full-width-content' );
241
- const changeEvent = new Event( 'change' ); // eslint-disable-line no-undef
242
- const getRootId = wp.data.select( 'core/block-editor' ).getBlockHierarchyRootClientId( clientId );
243
- const isRootContainer = getRootId === clientId;
244
-
245
- const fullWidthContentOptions = () => {
246
- return (
247
- <Fragment>
248
- { generateBlocksInfo.isGeneratePress && isRootContainer && pageBuilderContainerOption &&
249
- <BaseControl
250
- id="gblocks-gp-full-width-page"
251
- label={ __( 'If you want to build a full width page, use the option below to remove the page width, margin and padding.', 'generateblocks' ) }
252
- className="gblocks-gpress-full-width"
253
- >
254
- <ToggleControl
255
- label={ __( 'Make page full-width', 'generateblocks' ) }
256
- checked={ fullWidthContent ? true : false }
257
- onChange={ ( value ) => {
258
- if ( value ) {
259
- if ( 'select' === pageBuilderContainerOption.tagName.toLowerCase() ) {
260
- pageBuilderContainerOption.value = 'true';
261
- pageBuilderContainerOption.dispatchEvent( changeEvent );
262
- } else {
263
- pageBuilderContainerOption.checked = true;
264
- pageBuilderContainerOption.setAttribute( 'value', 'true' );
265
- pageBuilderContainerOption.dispatchEvent( changeEvent );
266
- }
267
 
268
- setAttributes( {
269
- fullWidthContent: 'true',
270
- align: '',
271
- } );
272
- } else {
273
- if ( 'select' === pageBuilderContainerOption.tagName.toLowerCase() ) {
274
- pageBuilderContainerOption.value = '';
275
- pageBuilderContainerOption.dispatchEvent( changeEvent );
276
- } else {
277
- pageBuilderContainerOption.checked = false;
278
- pageBuilderContainerOption.setAttribute( 'value', '' );
279
- document.querySelector( 'input[name="_generate-full-width-content"]#default-content' ).checked = true;
280
- pageBuilderContainerOption.dispatchEvent( changeEvent );
281
- }
282
 
283
- setAttributes( {
284
- fullWidthContent: '',
285
- } );
286
- }
287
- } }
288
- />
289
- </BaseControl>
290
- }
291
- </Fragment>
292
- );
293
- };
294
 
295
  let googleFontsAttr = '';
296
 
@@ -394,11 +433,28 @@ class GenerateBlockContainer extends Component {
394
  } );
395
  } );
396
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
397
  let htmlAttributes = {
398
  className: classnames( {
399
  'gb-container': true,
400
  [ `gb-container-${ uniqueId }` ]: true,
401
  [ `${ className }` ]: undefined !== className,
 
 
402
  } ),
403
  id: anchor ? anchor : null,
404
  };
@@ -533,17 +589,15 @@ class GenerateBlockContainer extends Component {
533
  <SelectControl
534
  label={ __( 'Tag Name', 'generateblocks' ) }
535
  value={ tagName }
536
- options={ applyFilters( 'generateblocks.editor.containerTagNames', tagNames, this.props, this.state ) }
537
  onChange={ ( value ) => {
538
  setAttributes( {
539
- tagName: value,
540
  } );
541
  } }
542
  />
543
 
544
  { applyFilters( 'generateblocks.editor.controls', '', 'containerAfterElementTag', this.props, this.state ) }
545
-
546
- { fullWidthContentOptions() }
547
  </Fragment>
548
  }
549
 
@@ -576,37 +630,163 @@ class GenerateBlockContainer extends Component {
576
 
577
  { 'Desktop' === this.getDeviceType() && (
578
  <Fragment>
579
- <UnitPicker
580
- label={ __( 'Container Width', 'generateblocks' ) }
581
- value={ '%' }
582
- units={ [ '%' ] }
583
- onClick={ () => {
584
- return false;
585
- } }
586
- />
 
587
 
588
- <ButtonGroup className={ 'widthButtons' }>
589
- <Button isPrimary={ width === 25 } onClick={ () => setAttributes( { width: 25 } ) }>25</Button>
590
- <Button isPrimary={ width === 33.33 } onClick={ () => setAttributes( { width: 33.33 } ) }>33</Button>
591
- <Button isPrimary={ width === 50 } onClick={ () => setAttributes( { width: 50 } ) }>50</Button>
592
- <Button isPrimary={ width === 66.66 } onClick={ () => setAttributes( { width: 66.66 } ) }>66</Button>
593
- <Button isPrimary={ width === 75 } onClick={ () => setAttributes( { width: 75 } ) }>75</Button>
594
- <Button isPrimary={ width === 100 } onClick={ () => setAttributes( { width: 100 } ) }>100</Button>
595
- </ButtonGroup>
596
-
597
- <RangeControl
598
- className={ 'gblocks-column-width-control' }
599
- value={ width || '' }
600
- onChange={ ( value ) => {
601
- setAttributes( {
602
- width: value,
603
- } );
604
- } }
605
- min={ 0 }
606
- max={ 100 }
607
- step={ 0.01 }
608
- initialPosition={ generateBlocksDefaults.container.width }
609
- />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
610
 
611
  <SelectControl
612
  label={ __( 'Vertical Alignment', 'generateblocks' ) }
@@ -638,10 +818,10 @@ class GenerateBlockContainer extends Component {
638
  <SelectControl
639
  label={ __( 'Tag Name', 'generateblocks' ) }
640
  value={ tagName }
641
- options={ applyFilters( 'generateblocks.editor.containerTagNames', tagNames, this.props, this.state ) }
642
  onChange={ ( value ) => {
643
  setAttributes( {
644
- tagName: value,
645
  } );
646
  } }
647
  />
@@ -652,37 +832,176 @@ class GenerateBlockContainer extends Component {
652
 
653
  { 'Tablet' === this.getDeviceType() && (
654
  <Fragment>
655
- <UnitPicker
656
- label={ __( 'Container Width', 'generateblocks' ) }
657
- value={ '%' }
658
- units={ [ '%' ] }
659
- onClick={ () => {
660
- return false;
661
- } }
662
- />
 
663
 
664
- <ButtonGroup className={ 'widthButtons' }>
665
- <Button isPrimary={ widthTablet === 25 } onClick={ () => setAttributes( { widthTablet: 25 } ) }>25</Button>
666
- <Button isPrimary={ widthTablet === 33.33 } onClick={ () => setAttributes( { widthTablet: 33.33 } ) }>33</Button>
667
- <Button isPrimary={ widthTablet === 50 } onClick={ () => setAttributes( { widthTablet: 50 } ) }>50</Button>
668
- <Button isPrimary={ widthTablet === 66.66 } onClick={ () => setAttributes( { widthTablet: 66.66 } ) }>66</Button>
669
- <Button isPrimary={ widthTablet === 75 } onClick={ () => setAttributes( { widthTablet: 75 } ) }>75</Button>
670
- <Button isPrimary={ widthTablet === 100 } onClick={ () => setAttributes( { widthTablet: 100 } ) }>100</Button>
671
- </ButtonGroup>
672
-
673
- <RangeControl
674
- className={ 'gblocks-column-width-control' }
675
- value={ widthTablet || '' }
676
- onChange={ ( value ) => {
677
- setAttributes( {
678
- widthTablet: value,
679
- } );
680
- } }
681
- min={ 0 }
682
- max={ 100 }
683
- step={ 0.01 }
684
- initialPosition={ generateBlocksDefaults.container.widthTablet }
685
- />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
686
 
687
  <SelectControl
688
  label={ __( 'Vertical Alignment', 'generateblocks' ) }
@@ -727,37 +1046,176 @@ class GenerateBlockContainer extends Component {
727
 
728
  { 'Mobile' === this.getDeviceType() && (
729
  <Fragment>
730
- <UnitPicker
731
- label={ __( 'Container Width', 'generateblocks' ) }
732
- value={ '%' }
733
- units={ [ '%' ] }
734
- onClick={ () => {
735
- return false;
736
- } }
737
- />
 
738
 
739
- <ButtonGroup className={ 'widthButtons' }>
740
- <Button isPrimary={ widthMobile === 25 } onClick={ () => setAttributes( { widthMobile: 25 } ) }>25</Button>
741
- <Button isPrimary={ widthMobile === 33.33 } onClick={ () => setAttributes( { widthMobile: 33.33 } ) }>33</Button>
742
- <Button isPrimary={ widthMobile === 50 } onClick={ () => setAttributes( { widthMobile: 50 } ) }>50</Button>
743
- <Button isPrimary={ widthMobile === 66.66 } onClick={ () => setAttributes( { widthMobile: 66.66 } ) }>66</Button>
744
- <Button isPrimary={ widthMobile === 75 } onClick={ () => setAttributes( { widthMobile: 75 } ) }>75</Button>
745
- <Button isPrimary={ widthMobile === 100 } onClick={ () => setAttributes( { widthMobile: 100 } ) }>100</Button>
746
- </ButtonGroup>
747
-
748
- <RangeControl
749
- className={ 'gblocks-column-width-control' }
750
- value={ widthMobile || '' }
751
- onChange={ ( value ) => {
752
- setAttributes( {
753
- widthMobile: value,
754
- } );
755
- } }
756
- min={ 0 }
757
- max={ 100 }
758
- step={ 0.01 }
759
- initialPosition={ generateBlocksDefaults.container.widthMobile }
760
- />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
761
 
762
  <SelectControl
763
  label={ __( 'Vertical Alignment', 'generateblocks' ) }
@@ -834,6 +1292,7 @@ class GenerateBlockContainer extends Component {
834
  <TypographyControls { ...this.props }
835
  device={ 'Tablet' }
836
  showFontSize={ true }
 
837
  defaultFontSize={ generateBlocksDefaults.container.fontSizeTablet }
838
  defaultFontSizeUnit={ generateBlocksDefaults.container.fontSizeUnit }
839
  defaultLineHeight={ generateBlocksDefaults.container.lineHeightTablet }
@@ -848,6 +1307,7 @@ class GenerateBlockContainer extends Component {
848
  <TypographyControls { ...this.props }
849
  device={ 'Mobile' }
850
  showFontSize={ true }
 
851
  defaultFontSize={ generateBlocksDefaults.container.fontSizeMobile }
852
  defaultFontSizeUnit={ generateBlocksDefaults.container.fontSizeUnit }
853
  defaultLineHeight={ generateBlocksDefaults.container.lineHeightMobile }
@@ -1026,7 +1486,7 @@ class GenerateBlockContainer extends Component {
1026
 
1027
  <TextControl
1028
  type={ 'number' }
1029
- value={ minHeightTablet ? minHeightTablet : '' }
1030
  onChange={ ( value ) => {
1031
  setAttributes( {
1032
  minHeightTablet: parseFloat( value ),
@@ -1129,7 +1589,7 @@ class GenerateBlockContainer extends Component {
1129
 
1130
  <TextControl
1131
  type={ 'number' }
1132
- value={ minHeightMobile ? minHeightMobile : '' }
1133
  onChange={ ( value ) => {
1134
  setAttributes( {
1135
  minHeightMobile: parseFloat( value ),
@@ -1433,6 +1893,12 @@ class GenerateBlockContainer extends Component {
1433
  selector: value,
1434
  },
1435
  } );
 
 
 
 
 
 
1436
  } }
1437
  />
1438
 
@@ -1447,6 +1913,12 @@ class GenerateBlockContainer extends Component {
1447
  selector: 'pseudo-element',
1448
  },
1449
  } );
 
 
 
 
 
 
1450
  } }
1451
  min={ 0 }
1452
  max={ 1 }
@@ -2037,7 +2509,7 @@ class GenerateBlockContainer extends Component {
2037
  }
2038
 
2039
  <Element
2040
- tagName={ applyFilters( 'generateblocks.frontend.containerTagName', tagName, attributes ) }
2041
  htmlAttrs={ htmlAttributes }
2042
  >
2043
  { applyFilters( 'generateblocks.frontend.afterContainerOpen', '', attributes ) }
@@ -2049,7 +2521,27 @@ class GenerateBlockContainer extends Component {
2049
  { applyFilters( 'generateblocks.frontend.insideContainer', '', attributes ) }
2050
  <InnerBlocks
2051
  templateLock={ false }
2052
- renderAppender={ ( hasChildBlocks ? undefined : () => <InnerBlocks.ButtonBlockAppender /> ) }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2053
  />
2054
  </div>
2055
 
@@ -2076,11 +2568,15 @@ export default compose( [
2076
  setPreviewDeviceType( type );
2077
  },
2078
  } ) ),
2079
- withSelect( ( select ) => {
 
 
 
2080
  if ( ! select( 'core/edit-post' ) ) {
2081
  return {
2082
  media: null,
2083
  deviceType: null,
 
2084
  };
2085
  }
2086
 
@@ -2102,12 +2598,14 @@ export default compose( [
2102
  return {
2103
  media: featuredImageId ? getMedia( featuredImageId ) : null,
2104
  deviceType: null,
 
2105
  };
2106
  }
2107
 
2108
  return {
2109
  media: featuredImageId ? getMedia( featuredImageId ) : null,
2110
  deviceType: getPreviewDeviceType(),
 
2111
  };
2112
  } ),
2113
  ] )( GenerateBlockContainer );
13
  import GradientControl from '../../components/gradient/';
14
  import sanitizeSVG from '../../utils/sanitize-svg';
15
  import ResponsiveTabs from '../../components/responsive-tabs';
16
+ import RangeControlInput from '../../components/range-control';
17
  import MainCSS from './css/main.js';
18
  import DesktopCSS from './css/desktop.js';
19
  import TabletCSS from './css/tablet.js';
20
  import TabletOnlyCSS from './css/tablet-only.js';
21
  import MobileCSS from './css/mobile.js';
22
+ import getAllUniqueIds from '../../utils/get-all-unique-ids';
23
+ import getResponsivePlaceholder from '../../utils/get-responsive-placeholder';
24
+ import hasNumericValue from '../../utils/has-numeric-value';
25
+ import isBlockVersionLessThan from '../../utils/check-block-version';
26
+ import wasBlockJustInserted from '../../utils/was-block-just-inserted';
27
 
28
  import {
29
  __,
79
  */
80
  const ANCHOR_REGEX = /[\s#]/g;
81
 
 
 
82
  class GenerateBlockContainer extends Component {
83
  constructor() {
84
  super( ...arguments );
92
  }
93
 
94
  componentDidMount() {
95
+ // Generate a unique ID if none exists or if the same ID exists on this page.
96
+ const allBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
97
+ const uniqueIds = getAllUniqueIds( allBlocks, [], this.props.clientId );
 
 
 
 
 
 
98
 
99
+ if ( ! this.props.attributes.uniqueId || uniqueIds.includes( this.props.attributes.uniqueId ) ) {
 
100
  this.props.setAttributes( {
101
+ uniqueId: this.props.clientId.substr( 2, 9 ).replace( '-', '' ),
102
  } );
 
 
 
 
103
  }
104
 
105
  const thisBlock = document.getElementById( 'block-' + this.props.clientId );
114
  isDynamic: true,
115
  } );
116
  }
117
+
118
+ // Set our inner z-index if we're using a gradient overlay or pseudo background.
119
+ // @since 1.4.0.
120
+ if ( 'undefined' === typeof this.props.attributes.blockVersion || this.props.attributes.blockVersion < 2 ) {
121
+ let updateOldZindex = this.props.attributes.gradient && 'pseudo-element' === this.props.attributes.gradientSelector && ! hasNumericValue( this.props.attributes.innerZindex );
122
+
123
+ if ( ! updateOldZindex ) {
124
+ updateOldZindex = !! this.props.attributes.bgImage && 'undefined' !== typeof this.props.attributes.bgOptions.selector && 'pseudo-element' === this.props.attributes.bgOptions.selector;
125
+ }
126
+
127
+ if ( ! updateOldZindex ) {
128
+ updateOldZindex = 'undefined' !== typeof this.props.attributes.useAdvBackgrounds && this.props.attributes.useAdvBackgrounds;
129
+ }
130
+
131
+ if ( updateOldZindex ) {
132
+ this.props.setAttributes( {
133
+ innerZindex: 1,
134
+ } );
135
+ }
136
+ }
137
+
138
+ // Set our old defaults as static values.
139
+ // @since 1.4.0.
140
+ if ( ! wasBlockJustInserted( this.props.attributes ) && isBlockVersionLessThan( this.props.attributes.blockVersion, 2 ) ) {
141
+ const legacyDefaults = generateBlocksLegacyDefaults.v_1_4_0.container;
142
+ const useGlobalStyle = 'undefined' !== typeof this.props.attributes.useGlobalStyle && this.props.attributes.useGlobalStyle;
143
+
144
+ const newAttrs = {};
145
+ const items = [];
146
+
147
+ if ( ! useGlobalStyle ) {
148
+ items.push(
149
+ 'paddingTop',
150
+ 'paddingRight',
151
+ 'paddingBottom',
152
+ 'paddingLeft',
153
+ );
154
+ }
155
+
156
+ if ( this.props.attributes.isGrid ) {
157
+ items.push(
158
+ 'width',
159
+ 'widthMobile',
160
+ );
161
+ }
162
+
163
+ if ( this.props.attributes.gradient ) {
164
+ items.push(
165
+ 'gradientDirection',
166
+ 'gradientColorOne',
167
+ 'gradientColorOneOpacity',
168
+ 'gradientColorTwo',
169
+ 'gradientColorTwoOpacity'
170
+ );
171
+ }
172
+
173
+ items.forEach( ( item ) => {
174
+ if ( ! hasNumericValue( this.props.attributes[ item ] ) ) {
175
+ newAttrs[ item ] = legacyDefaults[ item ];
176
+ }
177
+ } );
178
+
179
+ if ( Object.keys( newAttrs ).length > 0 ) {
180
+ this.props.setAttributes( newAttrs );
181
+ }
182
+ }
183
+
184
+ // Update block version flag if it's out of date.
185
+ if ( isBlockVersionLessThan( this.props.attributes.blockVersion, 2 ) ) {
186
+ this.props.setAttributes( { blockVersion: 2 } );
187
+ }
188
  }
189
 
190
  componentDidUpdate() {
244
  width,
245
  widthTablet,
246
  widthMobile,
247
+ autoWidthTablet,
248
+ autoWidthMobile,
249
+ flexGrow,
250
+ flexGrowTablet,
251
+ flexGrowMobile,
252
+ flexShrink,
253
+ flexShrinkTablet,
254
+ flexShrinkMobile,
255
+ flexBasis,
256
+ flexBasisTablet,
257
+ flexBasisMobile,
258
+ flexBasisUnit,
259
  outerContainer,
260
  innerContainer,
261
  containerWidth,
291
  fontFamily,
292
  googleFont,
293
  googleFontVariants,
 
294
  align,
295
  shapeDividers,
296
  } = attributes;
304
  attributes.bgOptions.opacity = 1;
305
  }
306
 
307
+ const tagNames = applyFilters(
308
+ 'generateblocks.editor.containerTagNames',
309
+ [
310
+ { label: 'div', value: 'div' },
311
+ { label: 'section', value: 'section' },
312
+ { label: 'header', value: 'header' },
313
+ { label: 'footer', value: 'footer' },
314
+ { label: 'aside', value: 'aside' },
315
+ ],
316
+ this.props,
317
+ this.state
318
+ );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
319
 
320
+ const allowedTagNames = applyFilters(
321
+ 'generateblocks.editor.allowedContainerTagNames',
322
+ [
323
+ 'div',
324
+ 'section',
325
+ 'header',
326
+ 'footer',
327
+ 'aside',
328
+ 'a',
329
+ ]
330
+ );
 
 
 
331
 
332
+ const filterTagName = ( tagValue ) => allowedTagNames.includes( tagValue ) ? tagValue : 'div';
 
 
 
 
 
 
 
 
 
 
333
 
334
  let googleFontsAttr = '';
335
 
433
  } );
434
  } );
435
 
436
+ const hasFlexBasis = ( attribute ) => {
437
+ return hasNumericValue( attribute ) && 'auto' !== attribute;
438
+ };
439
+
440
+ const hideWidthDesktop = hasFlexBasis( flexBasis );
441
+ const hideWidthTablet = 'auto' !== flexBasisTablet && ( hasFlexBasis( flexBasis ) || hasFlexBasis( flexBasisTablet ) );
442
+ const hideWidthMobile = 'auto' !== flexBasisMobile && ( hasFlexBasis( flexBasis ) || hasFlexBasis( flexBasisTablet ) || hasFlexBasis( flexBasisMobile ) );
443
+
444
+ let hasStyling = (
445
+ !! backgroundColor ||
446
+ attributes.borderSizeTop || attributes.borderSizeRight || attributes.borderSizeBottom || attributes.borderSizeLeft
447
+ );
448
+
449
+ hasStyling = applyFilters( 'generateblocks.editor.containerHasStyling', hasStyling, this.props );
450
+
451
  let htmlAttributes = {
452
  className: classnames( {
453
  'gb-container': true,
454
  [ `gb-container-${ uniqueId }` ]: true,
455
  [ `${ className }` ]: undefined !== className,
456
+ 'gb-container-empty': ! hasChildBlocks,
457
+ 'gb-container-visual-guides': ! hasChildBlocks && ! hasStyling && ! this.props.isSelected,
458
  } ),
459
  id: anchor ? anchor : null,
460
  };
589
  <SelectControl
590
  label={ __( 'Tag Name', 'generateblocks' ) }
591
  value={ tagName }
592
+ options={ tagNames }
593
  onChange={ ( value ) => {
594
  setAttributes( {
595
+ tagName: filterTagName( value ),
596
  } );
597
  } }
598
  />
599
 
600
  { applyFilters( 'generateblocks.editor.controls', '', 'containerAfterElementTag', this.props, this.state ) }
 
 
601
  </Fragment>
602
  }
603
 
630
 
631
  { 'Desktop' === this.getDeviceType() && (
632
  <Fragment>
633
+ <BaseControl>
634
+ <UnitPicker
635
+ label={ __( 'Container Width', 'generateblocks' ) }
636
+ value={ '%' }
637
+ units={ [ '%' ] }
638
+ onClick={ () => {
639
+ return false;
640
+ } }
641
+ />
642
 
643
+ { !! hideWidthDesktop &&
644
+ <div className="gblocks-small-notice-description">
645
+ { __( 'Width disabled as Flex Basis is not "auto".', 'generateblocks' ) }
646
+ </div>
647
+ }
648
+
649
+ <ButtonGroup className={ 'widthButtons' }>
650
+ <Button isPrimary={ width === 25 } onClick={ () => setAttributes( { width: 25 } ) } disabled={ hideWidthDesktop }>25</Button>
651
+ <Button isPrimary={ width === 33.33 } onClick={ () => setAttributes( { width: 33.33 } ) } disabled={ hideWidthDesktop }>33</Button>
652
+ <Button isPrimary={ width === 50 } onClick={ () => setAttributes( { width: 50 } ) } disabled={ hideWidthDesktop }>50</Button>
653
+ <Button isPrimary={ width === 66.66 } onClick={ () => setAttributes( { width: 66.66 } ) } disabled={ hideWidthDesktop }>66</Button>
654
+ <Button isPrimary={ width === 75 } onClick={ () => setAttributes( { width: 75 } ) } disabled={ hideWidthDesktop }>75</Button>
655
+ <Button isPrimary={ width === 100 } onClick={ () => setAttributes( { width: 100 } ) } disabled={ hideWidthDesktop }>100</Button>
656
+ </ButtonGroup>
657
+
658
+ <RangeControlInput
659
+ value={ hasNumericValue( width ) ? width : '' }
660
+ onChange={ ( value ) => {
661
+ // No zero value or values that start with zero.
662
+ if ( String( value ).startsWith( 0 ) ) {
663
+ value = '';
664
+ }
665
+
666
+ setAttributes( {
667
+ width: value,
668
+ } );
669
+ } }
670
+ rangeMin={ 10 }
671
+ rangeMax={ 100 }
672
+ step={ 5 }
673
+ initialPosition={ generateBlocksDefaults.container.width }
674
+ disabled={ hideWidthDesktop }
675
+ />
676
+ </BaseControl>
677
+
678
+ <BaseControl
679
+ className="gblocks-flex-controls"
680
+ >
681
+ <div className="gblocks-utility-label">
682
+ <label
683
+ htmlFor="gblocks-flex-grow-desktop"
684
+ className="components-base-control__label"
685
+ >
686
+ { __( 'Flex', 'generateblocks' ) }
687
+ </label>
688
+
689
+ <Tooltip text={ __( 'Reset', 'generateblocks' ) } position="top">
690
+ <Button
691
+ className="gblocks-reset-button"
692
+ icon={ getIcon( 'reset' ) }
693
+ onClick={ () => {
694
+ setAttributes( {
695
+ flexGrow: '',
696
+ flexShrink: '',
697
+ flexBasis: '',
698
+ } );
699
+ } }
700
+ />
701
+ </Tooltip>
702
+ </div>
703
+
704
+ <div className="gblocks-flex-controls-inner">
705
+ <TextControl
706
+ help={ __( 'Grow', 'generateblocks' ) }
707
+ id="gblocks-flex-grow-desktop"
708
+ type={ 'number' }
709
+ value={ flexGrow }
710
+ min="0"
711
+ step="1"
712
+ placeholder="0"
713
+ onChange={ ( value ) => {
714
+ setAttributes( {
715
+ flexGrow: value,
716
+ } );
717
+ } }
718
+ onBlur={ () => {
719
+ if ( '' !== flexGrow ) {
720
+ setAttributes( {
721
+ flexGrow: parseFloat( flexGrow ),
722
+ } );
723
+ }
724
+ } }
725
+ onClick={ ( e ) => {
726
+ // Make sure onBlur fires in Firefox.
727
+ e.currentTarget.focus();
728
+ } }
729
+ />
730
+
731
+ <TextControl
732
+ help={ __( 'Shrink', 'generateblocks' ) }
733
+ type={ 'number' }
734
+ value={ flexShrink }
735
+ min="0"
736
+ step="1"
737
+ placeholder="1"
738
+ onChange={ ( value ) => {
739
+ setAttributes( {
740
+ flexShrink: value,
741
+ } );
742
+ } }
743
+ onBlur={ () => {
744
+ if ( '' !== flexShrink ) {
745
+ setAttributes( {
746
+ flexShrink: parseFloat( flexShrink ),
747
+ } );
748
+ }
749
+ } }
750
+ onClick={ ( e ) => {
751
+ // Make sure onBlur fires in Firefox.
752
+ e.currentTarget.focus();
753
+ } }
754
+ />
755
+
756
+ <div className="gblocks-flex-basis-wrapper">
757
+ { ! isNaN( flexBasis ) &&
758
+ <UnitPicker
759
+ value={ flexBasisUnit }
760
+ units={ [ 'px', '%' ] }
761
+ onClick={ ( value ) => {
762
+ setAttributes( {
763
+ flexBasisUnit: value,
764
+ } );
765
+ } }
766
+ />
767
+ }
768
+
769
+ <TextControl
770
+ help={ __( 'Basis', 'generateblocks' ) }
771
+ type={ 'text' }
772
+ placeholder="auto"
773
+ value={ flexBasis }
774
+ onChange={ ( value ) => {
775
+ setAttributes( {
776
+ flexBasis: value,
777
+ } );
778
+ } }
779
+ onBlur={ () => {
780
+ if ( ! flexBasis.match( /(auto|fill|max-content|min-content|fit-content|content|inherit|initial|revert|unset|[0-9.]+)/g ) ) {
781
+ setAttributes( {
782
+ flexBasis: '',
783
+ } );
784
+ }
785
+ } }
786
+ />
787
+ </div>
788
+ </div>
789
+ </BaseControl>
790
 
791
  <SelectControl
792
  label={ __( 'Vertical Alignment', 'generateblocks' ) }
818
  <SelectControl
819
  label={ __( 'Tag Name', 'generateblocks' ) }
820
  value={ tagName }
821
+ options={ tagNames }
822
  onChange={ ( value ) => {
823
  setAttributes( {
824
+ tagName: filterTagName( value ),
825
  } );
826
  } }
827
  />
832
 
833
  { 'Tablet' === this.getDeviceType() && (
834
  <Fragment>
835
+ <BaseControl>
836
+ <UnitPicker
837
+ label={ __( 'Container Width', 'generateblocks' ) }
838
+ value={ '%' }
839
+ units={ [ '%' ] }
840
+ onClick={ () => {
841
+ return false;
842
+ } }
843
+ />
844
 
845
+ { !! hideWidthTablet &&
846
+ <div className="gblocks-small-notice-description">
847
+ { __( 'Width disabled as Flex Basis is not "auto".', 'generateblocks' ) }
848
+ </div>
849
+ }
850
+
851
+ <ButtonGroup className={ 'widthButtons' }>
852
+ <Button isPrimary={ !! autoWidthTablet } disabled={ hideWidthTablet } onClick={ () => {
853
+ if ( autoWidthTablet ) {
854
+ setAttributes( { autoWidthTablet: false } );
855
+ } else {
856
+ setAttributes( { autoWidthTablet: true } );
857
+ }
858
+ } }>
859
+ { __( 'Auto', 'generateblocks' ) }
860
+ </Button>
861
+
862
+ <Button isPrimary={ widthTablet === 25 && ! autoWidthTablet } onClick={ () => setAttributes( { widthTablet: 25, autoWidthTablet: false } ) } disabled={ hideWidthTablet }>25</Button>
863
+ <Button isPrimary={ widthTablet === 33.33 && ! autoWidthTablet } onClick={ () => setAttributes( { widthTablet: 33.33, autoWidthTablet: false } ) } disabled={ hideWidthTablet }>33</Button>
864
+ <Button isPrimary={ widthTablet === 50 && ! autoWidthTablet } onClick={ () => setAttributes( { widthTablet: 50, autoWidthTablet: false } ) } disabled={ hideWidthTablet }>50</Button>
865
+ <Button isPrimary={ widthTablet === 66.66 && ! autoWidthTablet } onClick={ () => setAttributes( { widthTablet: 66.66, autoWidthTablet: false } ) } disabled={ hideWidthTablet }>66</Button>
866
+ <Button isPrimary={ widthTablet === 75 && ! autoWidthTablet } onClick={ () => setAttributes( { widthTablet: 75, autoWidthTablet: false } ) } disabled={ hideWidthTablet }>75</Button>
867
+ <Button isPrimary={ widthTablet === 100 && ! autoWidthTablet } onClick={ () => setAttributes( { widthTablet: 100, autoWidthTablet: false } ) } disabled={ hideWidthTablet }>100</Button>
868
+ </ButtonGroup>
869
+
870
+ { ! autoWidthTablet &&
871
+ <RangeControlInput
872
+ value={ hasNumericValue( widthTablet ) ? widthTablet : '' }
873
+ onChange={ ( value ) => {
874
+ // No zero value or values that start with zero.
875
+ if ( String( value ).startsWith( 0 ) ) {
876
+ value = '';
877
+ }
878
+
879
+ setAttributes( {
880
+ widthTablet: value,
881
+ autoWidthTablet: false,
882
+ } );
883
+ } }
884
+ rangeMin={ 10 }
885
+ rangeMax={ 100 }
886
+ step={ 5 }
887
+ initialPosition={ generateBlocksDefaults.container.widthTablet }
888
+ disabled={ hideWidthTablet }
889
+ />
890
+ }
891
+ </BaseControl>
892
+
893
+ <BaseControl
894
+ className="gblocks-flex-controls"
895
+ >
896
+ <div className="gblocks-utility-label">
897
+ <label
898
+ htmlFor="gblocks-flex-grow-tablet"
899
+ className="components-base-control__label"
900
+ >
901
+ { __( 'Flex', 'generateblocks' ) }
902
+ </label>
903
+
904
+ <Tooltip text={ __( 'Reset', 'generateblocks' ) } position="top">
905
+ <Button
906
+ className="gblocks-reset-button"
907
+ icon={ getIcon( 'reset' ) }
908
+ onClick={ () => {
909
+ setAttributes( {
910
+ flexGrowTablet: '',
911
+ flexShrinkTablet: '',
912
+ flexBasisTablet: '',
913
+ } );
914
+ } }
915
+ />
916
+ </Tooltip>
917
+ </div>
918
+
919
+ <div className="gblocks-flex-controls-inner">
920
+ <TextControl
921
+ help={ __( 'Grow', 'generateblocks' ) }
922
+ id="gblocks-flex-grow-tablet"
923
+ type={ 'number' }
924
+ value={ flexGrowTablet }
925
+ min="0"
926
+ step="1"
927
+ placeholder={ getResponsivePlaceholder( 'flexGrow', attributes, 'Tablet', '0' ) }
928
+ onChange={ ( value ) => {
929
+ setAttributes( {
930
+ flexGrowTablet: value,
931
+ } );
932
+ } }
933
+ onBlur={ () => {
934
+ if ( '' !== flexGrowTablet ) {
935
+ setAttributes( {
936
+ flexGrowTablet: parseFloat( flexGrowTablet ),
937
+ } );
938
+ }
939
+ } }
940
+ onClick={ ( e ) => {
941
+ // Make sure onBlur fires in Firefox.
942
+ e.currentTarget.focus();
943
+ } }
944
+ />
945
+
946
+ <TextControl
947
+ help={ __( 'Shrink', 'generateblocks' ) }
948
+ type={ 'number' }
949
+ value={ flexShrinkTablet }
950
+ min="0"
951
+ step="1"
952
+ placeholder={ getResponsivePlaceholder( 'flexShrink', attributes, 'Tablet', '1' ) }
953
+ onChange={ ( value ) => {
954
+ setAttributes( {
955
+ flexShrinkTablet: value,
956
+ } );
957
+ } }
958
+ onBlur={ () => {
959
+ if ( '' !== flexShrinkTablet ) {
960
+ setAttributes( {
961
+ flexShrinkTablet: parseFloat( flexShrinkTablet ),
962
+ } );
963
+ }
964
+ } }
965
+ onClick={ ( e ) => {
966
+ // Make sure onBlur fires in Firefox.
967
+ e.currentTarget.focus();
968
+ } }
969
+ />
970
+
971
+ <div className="gblocks-flex-basis-wrapper">
972
+ { ! isNaN( flexBasisTablet ) &&
973
+ <UnitPicker
974
+ value={ flexBasisUnit }
975
+ units={ [ 'px', '%' ] }
976
+ onClick={ ( value ) => {
977
+ setAttributes( {
978
+ flexBasisUnit: value,
979
+ } );
980
+ } }
981
+ />
982
+ }
983
+
984
+ <TextControl
985
+ help={ __( 'Basis', 'generateblocks' ) }
986
+ type={ 'text' }
987
+ value={ flexBasisTablet }
988
+ placeholder={ getResponsivePlaceholder( 'flexBasis', attributes, 'Tablet', 'auto' ) }
989
+ onChange={ ( value ) => {
990
+ setAttributes( {
991
+ flexBasisTablet: value,
992
+ } );
993
+ } }
994
+ onBlur={ () => {
995
+ if ( ! flexBasisTablet.match( /(auto|fill|max-content|min-content|fit-content|content|inherit|initial|revert|unset|[0-9.]+)/g ) ) {
996
+ setAttributes( {
997
+ flexBasisTablet: '',
998
+ } );
999
+ }
1000
+ } }
1001
+ />
1002
+ </div>
1003
+ </div>
1004
+ </BaseControl>
1005
 
1006
  <SelectControl
1007
  label={ __( 'Vertical Alignment', 'generateblocks' ) }
1046
 
1047
  { 'Mobile' === this.getDeviceType() && (
1048
  <Fragment>
1049
+ <BaseControl>
1050
+ <UnitPicker
1051
+ label={ __( 'Container Width', 'generateblocks' ) }
1052
+ value={ '%' }
1053
+ units={ [ '%' ] }
1054
+ onClick={ () => {
1055
+ return false;
1056
+ } }
1057
+ />
1058
 
1059
+ { !! hideWidthMobile &&
1060
+ <div className="gblocks-small-notice-description">
1061
+ { __( 'Width disabled as Flex Basis is not "auto".', 'generateblocks' ) }
1062
+ </div>
1063
+ }
1064
+
1065
+ <ButtonGroup className={ 'widthButtons' }>
1066
+ <Button isPrimary={ !! autoWidthMobile } disabled={ hideWidthMobile } onClick={ () => {
1067
+ if ( autoWidthMobile ) {
1068
+ setAttributes( { autoWidthMobile: false } );
1069
+ } else {
1070
+ setAttributes( { autoWidthMobile: true } );
1071
+ }
1072
+ } }>
1073
+ { __( 'Auto', 'generateblocks' ) }
1074
+ </Button>
1075
+
1076
+ <Button isPrimary={ widthMobile === 25 && ! autoWidthMobile } onClick={ () => setAttributes( { widthMobile: 25, autoWidthMobile: false } ) } disabled={ hideWidthMobile }>25</Button>
1077
+ <Button isPrimary={ widthMobile === 33.33 && ! autoWidthMobile } onClick={ () => setAttributes( { widthMobile: 33.33, autoWidthMobile: false } ) } disabled={ hideWidthMobile }>33</Button>
1078
+ <Button isPrimary={ widthMobile === 50 && ! autoWidthMobile } onClick={ () => setAttributes( { widthMobile: 50, autoWidthMobile: false } ) } disabled={ hideWidthMobile }>50</Button>
1079
+ <Button isPrimary={ widthMobile === 66.66 && ! autoWidthMobile } onClick={ () => setAttributes( { widthMobile: 66.66, autoWidthMobile: false } ) } disabled={ hideWidthMobile }>66</Button>
1080
+ <Button isPrimary={ widthMobile === 75 && ! autoWidthMobile } onClick={ () => setAttributes( { widthMobile: 75, autoWidthMobile: false } ) } disabled={ hideWidthMobile }>75</Button>
1081
+ <Button isPrimary={ widthMobile === 100 && ! autoWidthMobile } onClick={ () => setAttributes( { widthMobile: 100, autoWidthMobile: false } ) } disabled={ hideWidthMobile }>100</Button>
1082
+ </ButtonGroup>
1083
+
1084
+ { ! autoWidthMobile &&
1085
+ <RangeControlInput
1086
+ value={ hasNumericValue( widthMobile ) ? widthMobile : '' }
1087
+ onChange={ ( value ) => {
1088
+ // No zero value or values that start with zero.
1089
+ if ( String( value ).startsWith( 0 ) ) {
1090
+ value = '';
1091
+ }
1092
+
1093
+ setAttributes( {
1094
+ widthMobile: value,
1095
+ autoWidthMobile: false,
1096
+ } );
1097
+ } }
1098
+ rangeMin={ 10 }
1099
+ rangeMax={ 100 }
1100
+ step={ 5 }
1101
+ initialPosition={ generateBlocksDefaults.container.widthMobile }
1102
+ disabled={ hideWidthMobile }
1103
+ />
1104
+ }
1105
+ </BaseControl>
1106
+
1107
+ <BaseControl
1108
+ className="gblocks-flex-controls"
1109
+ >
1110
+ <div className="gblocks-utility-label">
1111
+ <label
1112
+ htmlFor="gblocks-flex-grow-mobile"
1113
+ className="components-base-control__label"
1114
+ >
1115
+ { __( 'Flex', 'generateblocks' ) }
1116
+ </label>
1117
+
1118
+ <Tooltip text={ __( 'Reset', 'generateblocks' ) } position="top">
1119
+ <Button
1120
+ className="gblocks-reset-button"
1121
+ icon={ getIcon( 'reset' ) }
1122
+ onClick={ () => {
1123
+ setAttributes( {
1124
+ flexGrowMobile: '',
1125
+ flexShrinkMobile: '',
1126
+ flexBasisMobile: '',
1127
+ } );
1128
+ } }
1129
+ />
1130
+ </Tooltip>
1131
+ </div>
1132
+
1133
+ <div className="gblocks-flex-controls-inner">
1134
+ <TextControl
1135
+ help={ __( 'Grow', 'generateblocks' ) }
1136
+ id="gblocks-flex-grow-mobile"
1137
+ type={ 'number' }
1138
+ value={ flexGrowMobile }
1139
+ min="0"
1140
+ step="1"
1141
+ placeholder={ getResponsivePlaceholder( 'flexGrow', attributes, 'Mobile', '0' ) }
1142
+ onChange={ ( value ) => {
1143
+ setAttributes( {
1144
+ flexGrowMobile: value,
1145
+ } );
1146
+ } }
1147
+ onBlur={ () => {
1148
+ if ( '' !== flexGrowMobile ) {
1149
+ setAttributes( {
1150
+ flexGrowMobile: parseFloat( flexGrowMobile ),
1151
+ } );
1152
+ }
1153
+ } }
1154
+ onClick={ ( e ) => {
1155
+ // Make sure onBlur fires in Firefox.
1156
+ e.currentTarget.focus();
1157
+ } }
1158
+ />
1159
+
1160
+ <TextControl
1161
+ help={ __( 'Shrink', 'generateblocks' ) }
1162
+ type={ 'number' }
1163
+ value={ flexShrinkMobile }
1164
+ min="0"
1165
+ step="1"
1166
+ placeholder={ getResponsivePlaceholder( 'flexShrink', attributes, 'Mobile', '1' ) }
1167
+ onChange={ ( value ) => {
1168
+ setAttributes( {
1169
+ flexShrinkMobile: value,
1170
+ } );
1171
+ } }
1172
+ onBlur={ () => {
1173
+ if ( '' !== flexShrinkMobile ) {
1174
+ setAttributes( {
1175
+ flexShrinkMobile: parseFloat( flexShrinkMobile ),
1176
+ } );
1177
+ }
1178
+ } }
1179
+ onClick={ ( e ) => {
1180
+ // Make sure onBlur fires in Firefox.
1181
+ e.currentTarget.focus();
1182
+ } }
1183
+ />
1184
+
1185
+ <div className="gblocks-flex-basis-wrapper">
1186
+ { ! isNaN( flexBasisMobile ) &&
1187
+ <UnitPicker
1188
+ value={ flexBasisUnit }
1189
+ units={ [ 'px', '%' ] }
1190
+ onClick={ ( value ) => {
1191
+ setAttributes( {
1192
+ flexBasisUnit: value,
1193
+ } );
1194
+ } }
1195
+ />
1196
+ }
1197
+
1198
+ <TextControl
1199
+ help={ __( 'Basis', 'generateblocks' ) }
1200
+ type={ 'text' }
1201
+ value={ flexBasisMobile }
1202
+ placeholder={ getResponsivePlaceholder( 'flexBasis', attributes, 'Mobile', 'auto' ) }
1203
+ onChange={ ( value ) => {
1204
+ setAttributes( {
1205
+ flexBasisMobile: value,
1206
+ } );
1207
+ } }
1208
+ onBlur={ () => {
1209
+ if ( ! flexBasisMobile.match( /(auto|fill|max-content|min-content|fit-content|content|inherit|initial|revert|unset|[0-9.]+)/g ) ) {
1210
+ setAttributes( {
1211
+ flexBasisMobile: '',
1212
+ } );
1213
+ }
1214
+ } }
1215
+ />
1216
+ </div>
1217
+ </div>
1218
+ </BaseControl>
1219
 
1220
  <SelectControl
1221
  label={ __( 'Vertical Alignment', 'generateblocks' ) }
1292
  <TypographyControls { ...this.props }
1293
  device={ 'Tablet' }
1294
  showFontSize={ true }
1295
+ disableAdvancedToggle={ true }
1296
  defaultFontSize={ generateBlocksDefaults.container.fontSizeTablet }
1297
  defaultFontSizeUnit={ generateBlocksDefaults.container.fontSizeUnit }
1298
  defaultLineHeight={ generateBlocksDefaults.container.lineHeightTablet }
1307
  <TypographyControls { ...this.props }
1308
  device={ 'Mobile' }
1309
  showFontSize={ true }
1310
+ disableAdvancedToggle={ true }
1311
  defaultFontSize={ generateBlocksDefaults.container.fontSizeMobile }
1312
  defaultFontSizeUnit={ generateBlocksDefaults.container.fontSizeUnit }
1313
  defaultLineHeight={ generateBlocksDefaults.container.lineHeightMobile }
1486
 
1487
  <TextControl
1488
  type={ 'number' }
1489
+ value={ minHeightTablet || 0 === minHeightTablet ? minHeightTablet : '' }
1490
  onChange={ ( value ) => {
1491
  setAttributes( {
1492
  minHeightTablet: parseFloat( value ),
1589
 
1590
  <TextControl
1591
  type={ 'number' }
1592
+ value={ minHeightMobile || 0 === minHeightMobile ? minHeightMobile : '' }
1593
  onChange={ ( value ) => {
1594
  setAttributes( {
1595
  minHeightMobile: parseFloat( value ),
1893
  selector: value,
1894
  },
1895
  } );
1896
+
1897
+ if ( 'pseudo-element' === value && ! innerZindex && 0 !== innerZindex ) {
1898
+ setAttributes( {
1899
+ innerZindex: 1,
1900
+ } );
1901
+ }
1902
  } }
1903
  />
1904
 
1913
  selector: 'pseudo-element',
1914
  },
1915
  } );
1916
+
1917
+ if ( ! innerZindex && 0 !== innerZindex ) {
1918
+ setAttributes( {
1919
+ innerZindex: 1,
1920
+ } );
1921
+ }
1922
  } }
1923
  min={ 0 }
1924
  max={ 1 }
2509
  }
2510
 
2511
  <Element
2512
+ tagName={ filterTagName( applyFilters( 'generateblocks.frontend.containerTagName', tagName, attributes ) ) }
2513
  htmlAttrs={ htmlAttributes }
2514
  >
2515
  { applyFilters( 'generateblocks.frontend.afterContainerOpen', '', attributes ) }
2521
  { applyFilters( 'generateblocks.frontend.insideContainer', '', attributes ) }
2522
  <InnerBlocks
2523
  templateLock={ false }
2524
+ renderAppender={ () => {
2525
+ // Selected Container.
2526
+ if ( this.props.isSelected ) {
2527
+ return <InnerBlocks.ButtonBlockAppender />;
2528
+ }
2529
+
2530
+ // Empty non-selected Container.
2531
+ if ( ! hasChildBlocks && ! this.props.isSelected ) {
2532
+ return <Button
2533
+ className="gblocks-container-selector"
2534
+ onClick={ () => wp.data.dispatch( 'core/block-editor' ).selectBlock( clientId ) }
2535
+ aria-label={ __( 'Select Container', 'generateblocks' ) }
2536
+ >
2537
+ <span className="gblocks-container-selector__icon">
2538
+ { getIcon( 'container' ) }
2539
+ </span>
2540
+ </Button>;
2541
+ }
2542
+
2543
+ return false;
2544
+ } }
2545
  />
2546
  </div>
2547
 
2568
  setPreviewDeviceType( type );
2569
  },
2570
  } ) ),
2571
+ withSelect( ( select, props ) => {
2572
+ const { clientId } = props;
2573
+ const blockEditor = select( 'core/block-editor' );
2574
+
2575
  if ( ! select( 'core/edit-post' ) ) {
2576
  return {
2577
  media: null,
2578
  deviceType: null,
2579
+ hasChildBlocks: blockEditor ? 0 < blockEditor.getBlockOrder( clientId ).length : false,
2580
  };
2581
  }
2582
 
2598
  return {
2599
  media: featuredImageId ? getMedia( featuredImageId ) : null,
2600
  deviceType: null,
2601
+ hasChildBlocks: blockEditor ? 0 < blockEditor.getBlockOrder( clientId ).length : false,
2602
  };
2603
  }
2604
 
2605
  return {
2606
  media: featuredImageId ? getMedia( featuredImageId ) : null,
2607
  deviceType: getPreviewDeviceType(),
2608
+ hasChildBlocks: blockEditor ? 0 < blockEditor.getBlockOrder( clientId ).length : false,
2609
  };
2610
  } ),
2611
  ] )( GenerateBlockContainer );
src/blocks/container/editor.scss CHANGED
@@ -25,16 +25,21 @@ body.gutenberg-editor-page [data-type="generateblocks/container"] .editor-block-
25
  margin: 0 0 10px;
26
  }
27
 
28
- .widthButtons button {
29
- font-size: 12px;
30
- flex: 1;
31
- box-shadow: inset 0 0 0 1px #007cba;
32
- justify-content: center;
33
- }
34
-
35
  .widthButtons {
36
  margin-bottom: 10px;
37
  display: flex;
 
 
 
 
 
 
 
 
 
 
 
 
38
  }
39
 
40
  .gblocks-column-width-control input[type="number"] {
@@ -211,3 +216,126 @@ body .gb-container .wp-block {
211
  .gblocks-gpress-full-width .components-base-control__label {
212
  display: block;
213
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
25
  margin: 0 0 10px;
26
  }
27
 
 
 
 
 
 
 
 
28
  .widthButtons {
29
  margin-bottom: 10px;
30
  display: flex;
31
+
32
+ button {
33
+ font-size: 12px;
34
+ flex: 1;
35
+ box-shadow: inset 0 0 0 1px #007cba;
36
+ justify-content: center;
37
+ padding: 5px 0;
38
+
39
+ &:first-child {
40
+ padding: 5px;
41
+ }
42
+ }
43
  }
44
 
45
  .gblocks-column-width-control input[type="number"] {
216
  .gblocks-gpress-full-width .components-base-control__label {
217
  display: block;
218
  }
219
+
220
+ /* Flex Controls */
221
+ .gblocks-flex-controls-inner {
222
+ display: flex;
223
+
224
+ & > .components-base-control {
225
+ margin-bottom: 0;
226
+
227
+ &:nth-child(1) {
228
+ margin-right: 1px;
229
+ flex-basis: 25%;
230
+ }
231
+
232
+ &:nth-child(2) {
233
+ margin-right: 1px;
234
+ flex-basis: 25%;
235
+ }
236
+
237
+ &:nth-child(3) {
238
+ flex-basis: 50%;
239
+ }
240
+ }
241
+
242
+ p {
243
+ margin-bottom: 0;
244
+ }
245
+
246
+ .gblocks-flex-basis-wrapper {
247
+ position: relative;
248
+
249
+ .components-gblocks-units-control-header__units {
250
+ position: absolute;
251
+ right: 0;
252
+ top: 5px;
253
+ }
254
+ }
255
+ }
256
+
257
+ .gb-container-empty {
258
+ padding: 5px;
259
+ position: relative;
260
+
261
+ &.gb-container-visual-guides {
262
+ &:before {
263
+ content: "";
264
+ position: absolute;
265
+ top: 0.5px;
266
+ right: 0.5px;
267
+ bottom: 0.5px;
268
+ left: 0.5px;
269
+ border: 1px dashed #000;
270
+ box-shadow: inset 0 0 0 1px #fff;
271
+ opacity: 0.2;
272
+ transition: opacity 500ms ease;
273
+ }
274
+
275
+ &:hover:before {
276
+ opacity: 0.3;
277
+ }
278
+ }
279
+ }
280
+
281
+ .gb-container {
282
+ .block-editor-block-list__layout {
283
+ .block-list-appender {
284
+ margin: 0;
285
+
286
+ &:not(:first-child):not(:empty) {
287
+ margin-top: 10px;
288
+ }
289
+ }
290
+ }
291
+ }
292
+
293
+ .components-button.gblocks-container-selector {
294
+ width: 100%;
295
+ display: block;
296
+ text-align: left;
297
+ color: inherit;
298
+ padding: 5px;
299
+ border: 1px solid transparent;
300
+
301
+ .gblocks-container-selector__icon {
302
+ background: #fff;
303
+ opacity: 0.3;
304
+ display: inline-flex;
305
+ height: 25px;
306
+ width: 25px;
307
+ align-items: center;
308
+ justify-content: center;
309
+ border-radius: 2px;
310
+ transition: opacity 500ms ease;
311
+
312
+ svg {
313
+ transform: scale(0.7);
314
+
315
+ path {
316
+ fill: #000;
317
+ }
318
+ }
319
+ }
320
+
321
+ &:hover {
322
+ .gblocks-container-selector__icon {
323
+ opacity: 0.4;
324
+ }
325
+ }
326
+ }
327
+
328
+ .gb-container > .gb-inside-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender .block-editor-button-block-appender {
329
+ background: unset;
330
+ color: #000;
331
+ box-shadow: inset 0 0 0 1px #fff;
332
+ border: 1px solid #000;
333
+ padding: 5px 12px;
334
+
335
+ svg path {
336
+ fill: #000;
337
+ stroke: #fff;
338
+ stroke-width: 2px;
339
+ paint-order: stroke;
340
+ }
341
+ }
src/blocks/grid/attributes.js CHANGED
@@ -63,6 +63,9 @@ export default {
63
  isDynamic: {
64
  type: 'boolean',
65
  },
 
 
 
66
  // deprecated since 1.2.0
67
  elementId: {
68
  type: 'string',
63
  isDynamic: {
64
  type: 'boolean',
65
  },
66
+ blockVersion: {
67
+ type: 'number',
68
+ },
69
  // deprecated since 1.2.0
70
  elementId: {
71
  type: 'string',
src/blocks/grid/block.js CHANGED
@@ -24,8 +24,8 @@ import {
24
  /**
25
  * Register our Grid block.
26
  *
27
- * @param {string} name Block name.
28
- * @param {Object} settings Block settings.
29
  * @return {?WPBlock} The block, if it has been successfully
30
  * registered; otherwise `undefined`.
31
  */
24
  /**
25
  * Register our Grid block.
26
  *
27
+ * @param {string} name Block name.
28
+ * @param {Object} settings Block settings.
29
  * @return {?WPBlock} The block, if it has been successfully
30
  * registered; otherwise `undefined`.
31
  */
src/blocks/grid/edit.js CHANGED
@@ -12,6 +12,11 @@ import TabletCSS from './css/tablet.js';
12
  import TabletOnlyCSS from './css/tablet-only.js';
13
  import MobileCSS from './css/mobile.js';
14
  import PanelArea from '../../components/panel-area/';
 
 
 
 
 
15
 
16
  import {
17
  __,
@@ -62,8 +67,6 @@ import {
62
  */
63
  const ANCHOR_REGEX = /[\s#]/g;
64
 
65
- const gbGridIds = [];
66
-
67
  class GenerateBlockGridContainer extends Component {
68
  constructor() {
69
  super( ...arguments );
@@ -81,25 +84,14 @@ class GenerateBlockGridContainer extends Component {
81
  }
82
 
83
  componentDidMount() {
84
- const id = this.props.clientId.substr( 2, 9 ).replace( '-', '' );
85
-
86
- // We don't want to ever regenerate unique IDs if they're a global style.
87
- const isGlobalStyle = 'undefined' !== typeof this.props.attributes.isGlobalStyle && this.props.attributes.isGlobalStyle;
88
-
89
- if ( ! this.props.attributes.uniqueId ) {
90
- this.props.setAttributes( {
91
- uniqueId: id,
92
- } );
93
 
94
- gbGridIds.push( id );
95
- } else if ( gbGridIds.includes( this.props.attributes.uniqueId ) && ! isGlobalStyle ) {
96
  this.props.setAttributes( {
97
- uniqueId: id,
98
  } );
99
-
100
- gbGridIds.push( id );
101
- } else {
102
- gbGridIds.push( this.props.attributes.uniqueId );
103
  }
104
 
105
  // This block used to be static. Set it to dynamic by default from now on.
@@ -108,6 +100,29 @@ class GenerateBlockGridContainer extends Component {
108
  isDynamic: true,
109
  } );
110
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  }
112
 
113
  componentDidUpdate() {
@@ -155,7 +170,6 @@ class GenerateBlockGridContainer extends Component {
155
  * Get columns sizes array from layout string
156
  *
157
  * @param {string} layout - layout data. Example: `3-6-3`
158
- *
159
  * @return {Array}.
160
  */
161
  getColumnsFromLayout( layout ) {
@@ -167,10 +181,11 @@ class GenerateBlockGridContainer extends Component {
167
  const colAttrs = {
168
  isGrid: true,
169
  gridId: this.props.attributes.uniqueId,
170
- paddingTop: generateBlocksStyling.container.gridItemPaddingTop || '0',
171
- paddingRight: generateBlocksStyling.container.gridItemPaddingRight || '0',
172
- paddingBottom: generateBlocksStyling.container.gridItemPaddingBottom || '0',
173
- paddingLeft: generateBlocksStyling.container.gridItemPaddingLeft || '0',
 
174
  };
175
 
176
  colAttrs.width = Number( columnsData[ i ] );
@@ -293,29 +308,6 @@ class GenerateBlockGridContainer extends Component {
293
  horizontalAlignmentMobile,
294
  } = attributes;
295
 
296
- const usingGlobalStyle = 'undefined' !== typeof attributes.useGlobalStyle && attributes.useGlobalStyle && 'undefined' !== typeof attributes.globalStyleId && attributes.globalStyleId;
297
- let horizontalGapValue = horizontalGap || 0 === horizontalGap ? horizontalGap : '';
298
-
299
- if ( usingGlobalStyle ) {
300
- if ( generateBlocksDefaults.gridContainer.horizontalGap === horizontalGapValue ) {
301
- horizontalGapValue = '';
302
- }
303
- }
304
-
305
- const horizontalGapPlaceholderTablet = horizontalGapValue,
306
- verticalGapPlaceholderTablet = verticalGap || 0 === verticalGap ? verticalGap : '';
307
-
308
- let horizontalGapPlaceholderMobile = horizontalGapValue,
309
- verticalGapPlaceholderMobile = verticalGap || 0 === verticalGap ? verticalGap : '';
310
-
311
- if ( horizontalGapTablet ) {
312
- horizontalGapPlaceholderMobile = horizontalGapTablet;
313
- }
314
-
315
- if ( verticalGapTablet ) {
316
- verticalGapPlaceholderMobile = verticalGapTablet;
317
- }
318
-
319
  let htmlAttributes = {
320
  className: classnames( {
321
  'gb-grid-wrapper': true,
@@ -341,10 +333,12 @@ class GenerateBlockGridContainer extends Component {
341
  createBlock( 'generateblocks/container', {
342
  isGrid: true,
343
  gridId: uniqueId,
344
- paddingTop: generateBlocksStyling.container.gridItemPaddingTop || '0',
345
- paddingRight: generateBlocksStyling.container.gridItemPaddingRight || '0',
346
- paddingBottom: generateBlocksStyling.container.gridItemPaddingBottom || '0',
347
- paddingLeft: generateBlocksStyling.container.gridItemPaddingLeft || '0',
 
 
348
  } ),
349
  undefined,
350
  clientId
@@ -382,7 +376,7 @@ class GenerateBlockGridContainer extends Component {
382
  <div className="components-base-control components-gblocks-typography-control__inputs">
383
  <TextControl
384
  type={ 'number' }
385
- value={ horizontalGapValue }
386
  min="0"
387
  onChange={ ( value ) => {
388
  // No hyphens allowed here.
@@ -393,12 +387,7 @@ class GenerateBlockGridContainer extends Component {
393
  } );
394
  } }
395
  onBlur={ () => {
396
- if ( ! usingGlobalStyle && ! horizontalGap && generateBlocksDefaults.gridContainer.horizontalGap ) {
397
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
398
- setAttributes( {
399
- horizontalGap: 0,
400
- } );
401
- } else if ( '' !== horizontalGap ) {
402
  setAttributes( {
403
  horizontalGap: parseFloat( horizontalGap ),
404
  } );
@@ -436,7 +425,7 @@ class GenerateBlockGridContainer extends Component {
436
  <div className="components-base-control components-gblocks-typography-control__inputs">
437
  <TextControl
438
  type={ 'number' }
439
- value={ verticalGap || 0 === verticalGap ? verticalGap : '' }
440
  min="0"
441
  onChange={ ( value ) => {
442
  // No negative values allowed here.
@@ -447,12 +436,7 @@ class GenerateBlockGridContainer extends Component {
447
  } );
448
  } }
449
  onBlur={ () => {
450
- if ( ! usingGlobalStyle && ! verticalGap && generateBlocksDefaults.gridContainer.verticalGap ) {
451
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
452
- setAttributes( {
453
- verticalGap: 0,
454
- } );
455
- } else if ( '' !== verticalGap ) {
456
  setAttributes( {
457
  verticalGap: parseFloat( verticalGap ),
458
  } );
@@ -527,9 +511,9 @@ class GenerateBlockGridContainer extends Component {
527
  <div className="components-base-control components-gblocks-typography-control__inputs">
528
  <TextControl
529
  type={ 'number' }
530
- value={ horizontalGapTablet || 0 === horizontalGapTablet ? horizontalGapTablet : '' }
531
  min="0"
532
- placeholder={ horizontalGapPlaceholderTablet }
533
  onChange={ ( value ) => {
534
  // No negative values allowed here.
535
  value = value.toString().replace( /-/g, '' );
@@ -539,12 +523,7 @@ class GenerateBlockGridContainer extends Component {
539
  } );
540
  } }
541
  onBlur={ () => {
542
- if ( ! usingGlobalStyle && ! horizontalGapTablet && generateBlocksDefaults.gridContainer.horizontalGapTablet ) {
543
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
544
- setAttributes( {
545
- horizontalGapTablet: 0,
546
- } );
547
- } else if ( '' !== horizontalGapTablet ) {
548
  setAttributes( {
549
  horizontalGapTablet: parseFloat( horizontalGapTablet ),
550
  } );
@@ -582,9 +561,9 @@ class GenerateBlockGridContainer extends Component {
582
  <div className="components-base-control components-gblocks-typography-control__inputs">
583
  <TextControl
584
  type={ 'number' }
585
- value={ verticalGapTablet || 0 === verticalGapTablet ? verticalGapTablet : '' }
586
  min="0"
587
- placeholder={ verticalGapPlaceholderTablet }
588
  onChange={ ( value ) => {
589
  // No negative values allowed here.
590
  value = value.toString().replace( /-/g, '' );
@@ -594,12 +573,7 @@ class GenerateBlockGridContainer extends Component {
594
  } );
595
  } }
596
  onBlur={ () => {
597
- if ( ! usingGlobalStyle && ! verticalGapTablet && generateBlocksDefaults.gridContainer.verticalGapTablet ) {
598
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
599
- setAttributes( {
600
- verticalGapTablet: 0,
601
- } );
602
- } else if ( '' !== verticalGapTablet ) {
603
  setAttributes( {
604
  verticalGapTablet: parseFloat( verticalGapTablet ),
605
  } );
@@ -676,9 +650,9 @@ class GenerateBlockGridContainer extends Component {
676
  <div className="components-base-control components-gblocks-typography-control__inputs">
677
  <TextControl
678
  type={ 'number' }
679
- value={ horizontalGapMobile || 0 === horizontalGapMobile ? horizontalGapMobile : '' }
680
  min="0"
681
- placeholder={ horizontalGapPlaceholderMobile }
682
  onChange={ ( value ) => {
683
  // No negative values allowed here.
684
  value = value.toString().replace( /-/g, '' );
@@ -688,12 +662,7 @@ class GenerateBlockGridContainer extends Component {
688
  } );
689
  } }
690
  onBlur={ () => {
691
- if ( ! usingGlobalStyle && ! horizontalGapMobile && generateBlocksDefaults.gridContainer.horizontalGapMobile ) {
692
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
693
- setAttributes( {
694
- horizontalGapMobile: 0,
695
- } );
696
- } else if ( '' !== horizontalGapMobile ) {
697
  setAttributes( {
698
  horizontalGapMobile: parseFloat( horizontalGapMobile ),
699
  } );
@@ -731,9 +700,9 @@ class GenerateBlockGridContainer extends Component {
731
  <div className="components-base-control components-gblocks-typography-control__inputs">
732
  <TextControl
733
  type={ 'number' }
734
- value={ verticalGapMobile || 0 === verticalGapMobile ? verticalGapMobile : '' }
735
  min="0"
736
- placeholder={ verticalGapPlaceholderMobile }
737
  onChange={ ( value ) => {
738
  // No negative values allowed here.
739
  value = value.toString().replace( /-/g, '' );
@@ -743,12 +712,7 @@ class GenerateBlockGridContainer extends Component {
743
  } );
744
  } }
745
  onBlur={ () => {
746
- if ( ! usingGlobalStyle && ! verticalGapMobile && generateBlocksDefaults.gridContainer.verticalGapMobile ) {
747
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
748
- setAttributes( {
749
- verticalGapMobile: 0,
750
- } );
751
- } else if ( '' !== verticalGapMobile ) {
752
  setAttributes( {
753
  verticalGapMobile: parseFloat( verticalGapMobile ),
754
  } );
12
  import TabletOnlyCSS from './css/tablet-only.js';
13
  import MobileCSS from './css/mobile.js';
14
  import PanelArea from '../../components/panel-area/';
15
+ import getAllUniqueIds from '../../utils/get-all-unique-ids';
16
+ import hasNumericValue from '../../utils/has-numeric-value';
17
+ import isBlockVersionLessThan from '../../utils/check-block-version';
18
+ import getResponsivePlaceholder from '../../utils/get-responsive-placeholder';
19
+ import wasBlockJustInserted from '../../utils/was-block-just-inserted';
20
 
21
  import {
22
  __,
67
  */
68
  const ANCHOR_REGEX = /[\s#]/g;
69
 
 
 
70
  class GenerateBlockGridContainer extends Component {
71
  constructor() {
72
  super( ...arguments );
84
  }
85
 
86
  componentDidMount() {
87
+ // Generate a unique ID if none exists or if the same ID exists on this page.
88
+ const allBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
89
+ const uniqueIds = getAllUniqueIds( allBlocks, [], this.props.clientId );
 
 
 
 
 
 
90
 
91
+ if ( ! this.props.attributes.uniqueId || uniqueIds.includes( this.props.attributes.uniqueId ) ) {
 
92
  this.props.setAttributes( {
93
+ uniqueId: this.props.clientId.substr( 2, 9 ).replace( '-', '' ),
94
  } );
 
 
 
 
95
  }
96
 
97
  // This block used to be static. Set it to dynamic by default from now on.
100
  isDynamic: true,
101
  } );
102
  }
103
+
104
+ // Set our old defaults as static values.
105
+ // @since 1.4.0.
106
+ if ( ! wasBlockJustInserted( this.props.attributes ) && isBlockVersionLessThan( this.props.attributes.blockVersion, 2 ) ) {
107
+ const legacyDefaults = generateBlocksLegacyDefaults.v_1_4_0.gridContainer;
108
+
109
+ const newAttrs = {};
110
+
111
+ const hasGlobalStyle = 'undefined' !== typeof this.props.attributes.useGlobalStyle && this.props.attributes.useGlobalStyle && 'undefined' !== typeof this.props.attributes.globalStyleId && this.props.attributes.globalStyleId;
112
+
113
+ if ( ! hasGlobalStyle && ! hasNumericValue( this.props.attributes.horizontalGap ) ) {
114
+ newAttrs.horizontalGap = legacyDefaults.horizontalGap;
115
+ }
116
+
117
+ if ( Object.keys( newAttrs ).length > 0 ) {
118
+ this.props.setAttributes( newAttrs );
119
+ }
120
+ }
121
+
122
+ // Update block version flag if it's out of date.
123
+ if ( isBlockVersionLessThan( this.props.attributes.blockVersion, 2 ) ) {
124
+ this.props.setAttributes( { blockVersion: 2 } );
125
+ }
126
  }
127
 
128
  componentDidUpdate() {
170
  * Get columns sizes array from layout string
171
  *
172
  * @param {string} layout - layout data. Example: `3-6-3`
 
173
  * @return {Array}.
174
  */
175
  getColumnsFromLayout( layout ) {
181
  const colAttrs = {
182
  isGrid: true,
183
  gridId: this.props.attributes.uniqueId,
184
+ paddingTop: generateBlocksStyling.container.gridItemPaddingTop || '',
185
+ paddingRight: generateBlocksStyling.container.gridItemPaddingRight || '',
186
+ paddingBottom: generateBlocksStyling.container.gridItemPaddingBottom || '',
187
+ paddingLeft: generateBlocksStyling.container.gridItemPaddingLeft || '',
188
+ widthMobile: 100,
189
  };
190
 
191
  colAttrs.width = Number( columnsData[ i ] );
308
  horizontalAlignmentMobile,
309
  } = attributes;
310
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
311
  let htmlAttributes = {
312
  className: classnames( {
313
  'gb-grid-wrapper': true,
333
  createBlock( 'generateblocks/container', {
334
  isGrid: true,
335
  gridId: uniqueId,
336
+ paddingTop: generateBlocksStyling.container.gridItemPaddingTop || '',
337
+ paddingRight: generateBlocksStyling.container.gridItemPaddingRight || '',
338
+ paddingBottom: generateBlocksStyling.container.gridItemPaddingBottom || '',
339
+ paddingLeft: generateBlocksStyling.container.gridItemPaddingLeft || '',
340
+ width: 50,
341
+ widthMobile: 100,
342
  } ),
343
  undefined,
344
  clientId
376
  <div className="components-base-control components-gblocks-typography-control__inputs">
377
  <TextControl
378
  type={ 'number' }
379
+ value={ hasNumericValue( horizontalGap ) ? horizontalGap : '' }
380
  min="0"
381
  onChange={ ( value ) => {
382
  // No hyphens allowed here.
387
  } );
388
  } }
389
  onBlur={ () => {
390
+ if ( '' !== horizontalGap ) {
 
 
 
 
 
391
  setAttributes( {
392
  horizontalGap: parseFloat( horizontalGap ),
393
  } );
425
  <div className="components-base-control components-gblocks-typography-control__inputs">
426
  <TextControl
427
  type={ 'number' }
428
+ value={ hasNumericValue( verticalGap ) ? verticalGap : '' }
429
  min="0"
430
  onChange={ ( value ) => {
431
  // No negative values allowed here.
436
  } );
437
  } }
438
  onBlur={ () => {
439
+ if ( '' !== verticalGap ) {
 
 
 
 
 
440
  setAttributes( {
441
  verticalGap: parseFloat( verticalGap ),
442
  } );
511
  <div className="components-base-control components-gblocks-typography-control__inputs">
512
  <TextControl
513
  type={ 'number' }
514
+ value={ hasNumericValue( horizontalGapTablet ) ? horizontalGapTablet : '' }
515
  min="0"
516
+ placeholder={ getResponsivePlaceholder( 'horizontalGap', attributes, 'Tablet', '' ) }
517
  onChange={ ( value ) => {
518
  // No negative values allowed here.
519
  value = value.toString().replace( /-/g, '' );
523
  } );
524
  } }
525
  onBlur={ () => {
526
+ if ( '' !== horizontalGapTablet ) {
 
 
 
 
 
527
  setAttributes( {
528
  horizontalGapTablet: parseFloat( horizontalGapTablet ),
529
  } );
561
  <div className="components-base-control components-gblocks-typography-control__inputs">
562
  <TextControl
563
  type={ 'number' }
564
+ value={ hasNumericValue( verticalGapTablet ) ? verticalGapTablet : '' }
565
  min="0"
566
+ placeholder={ getResponsivePlaceholder( 'verticalGap', attributes, 'Tablet', '' ) }
567
  onChange={ ( value ) => {
568
  // No negative values allowed here.
569
  value = value.toString().replace( /-/g, '' );
573
  } );
574
  } }
575
  onBlur={ () => {
576
+ if ( '' !== verticalGapTablet ) {
 
 
 
 
 
577
  setAttributes( {
578
  verticalGapTablet: parseFloat( verticalGapTablet ),
579
  } );
650
  <div className="components-base-control components-gblocks-typography-control__inputs">
651
  <TextControl
652
  type={ 'number' }
653
+ value={ hasNumericValue( horizontalGapMobile ) ? horizontalGapMobile : '' }
654
  min="0"
655
+ placeholder={ getResponsivePlaceholder( 'horizontalGap', attributes, 'Mobile', '' ) }
656
  onChange={ ( value ) => {
657
  // No negative values allowed here.
658
  value = value.toString().replace( /-/g, '' );
662
  } );
663
  } }
664
  onBlur={ () => {
665
+ if ( '' !== horizontalGapMobile ) {
 
 
 
 
 
666
  setAttributes( {
667
  horizontalGapMobile: parseFloat( horizontalGapMobile ),
668
  } );
700
  <div className="components-base-control components-gblocks-typography-control__inputs">
701
  <TextControl
702
  type={ 'number' }
703
+ value={ hasNumericValue( verticalGapMobile ) ? verticalGapMobile : '' }
704
  min="0"
705
+ placeholder={ getResponsivePlaceholder( 'verticalGap', attributes, 'Mobile', '' ) }
706
  onChange={ ( value ) => {
707
  // No negative values allowed here.
708
  value = value.toString().replace( /-/g, '' );
712
  } );
713
  } }
714
  onBlur={ () => {
715
+ if ( '' !== verticalGapMobile ) {
 
 
 
 
 
716
  setAttributes( {
717
  verticalGapMobile: parseFloat( verticalGapMobile ),
718
  } );
src/blocks/headline/attributes.js CHANGED
@@ -61,10 +61,6 @@ export default {
61
  type: 'string',
62
  default: generateBlocksDefaults.headline.highlightTextColor,
63
  },
64
- showAdvancedTypography: {
65
- type: 'boolean',
66
- default: generateBlocksDefaults.headline.showAdvancedTypography,
67
- },
68
  fontFamily: {
69
  type: 'string',
70
  default: generateBlocksDefaults.headline.fontFamily,
61
  type: 'string',
62
  default: generateBlocksDefaults.headline.highlightTextColor,
63
  },
 
 
 
 
64
  fontFamily: {
65
  type: 'string',
66
  default: generateBlocksDefaults.headline.fontFamily,
src/blocks/headline/block.js CHANGED
@@ -23,8 +23,8 @@ import {
23
  /**
24
  * Register our Headline block.
25
  *
26
- * @param {string} name Block name.
27
- * @param {Object} settings Block settings.
28
  * @return {?WPBlock} The block, if it has been successfully
29
  * registered; otherwise `undefined`.
30
  */
23
  /**
24
  * Register our Headline block.
25
  *
26
+ * @param {string} name Block name.
27
+ * @param {Object} settings Block settings.
28
  * @return {?WPBlock} The block, if it has been successfully
29
  * registered; otherwise `undefined`.
30
  */
src/blocks/headline/edit.js CHANGED
@@ -19,6 +19,7 @@ import PanelArea from '../../components/panel-area/';
19
  import Element from '../../components/element';
20
  import './markformat';
21
  import HeadingLevelIcon from './element-icons';
 
22
 
23
  import {
24
  __,
@@ -59,6 +60,10 @@ import {
59
  compose,
60
  } from '@wordpress/compose';
61
 
 
 
 
 
62
  /**
63
  * Regular expression matching invalid anchor characters for replacement.
64
  *
@@ -66,8 +71,6 @@ import {
66
  */
67
  const ANCHOR_REGEX = /[\s#]/g;
68
 
69
- const gbHeadlineIds = [];
70
-
71
  class GenerateBlockHeadline extends Component {
72
  constructor() {
73
  super( ...arguments );
@@ -83,25 +86,14 @@ class GenerateBlockHeadline extends Component {
83
  }
84
 
85
  componentDidMount() {
86
- const id = this.props.clientId.substr( 2, 9 ).replace( '-', '' );
87
-
88
- // We don't want to ever regenerate unique IDs if they're a global style.
89
- const isGlobalStyle = 'undefined' !== typeof this.props.attributes.isGlobalStyle && this.props.attributes.isGlobalStyle;
90
 
91
- if ( ! this.props.attributes.uniqueId ) {
92
  this.props.setAttributes( {
93
- uniqueId: id,
94
  } );
95
-
96
- gbHeadlineIds.push( id );
97
- } else if ( gbHeadlineIds.includes( this.props.attributes.uniqueId ) && ! isGlobalStyle ) {
98
- this.props.setAttributes( {
99
- uniqueId: id,
100
- } );
101
-
102
- gbHeadlineIds.push( id );
103
- } else {
104
- gbHeadlineIds.push( this.props.attributes.uniqueId );
105
  }
106
 
107
  const tempFontSizePlaceholder = this.getFontSizePlaceholder();
@@ -171,6 +163,8 @@ class GenerateBlockHeadline extends Component {
171
  const {
172
  attributes,
173
  setAttributes,
 
 
174
  } = this.props;
175
 
176
  const {
@@ -250,6 +244,25 @@ class GenerateBlockHeadline extends Component {
250
 
251
  htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/headline', attributes );
252
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
253
  return (
254
  <Fragment>
255
  <BlockControls>
@@ -1266,8 +1279,9 @@ class GenerateBlockHeadline extends Component {
1266
  tagName="span"
1267
  value={ content }
1268
  onChange={ ( value ) => setAttributes( { content: value } ) }
 
 
1269
  placeholder={ __( 'Headline', 'generateblocks' ) }
1270
- keepPlaceholderOnFocus={ true }
1271
  allowedFormats={ applyFilters( 'generateblocks.editor.headlineDisableFormatting', false, this.props ) ? [] : null }
1272
  />
1273
  </span>
@@ -1280,8 +1294,9 @@ class GenerateBlockHeadline extends Component {
1280
  tagName="span"
1281
  value={ content }
1282
  onChange={ ( value ) => setAttributes( { content: value } ) }
 
 
1283
  placeholder={ __( 'Headline', 'generateblocks' ) }
1284
- keepPlaceholderOnFocus={ true }
1285
  allowedFormats={ applyFilters( 'generateblocks.editor.headlineDisableFormatting', false, this.props ) ? [] : null }
1286
  />
1287
  }
19
  import Element from '../../components/element';
20
  import './markformat';
21
  import HeadingLevelIcon from './element-icons';
22
+ import getAllUniqueIds from '../../utils/get-all-unique-ids';
23
 
24
  import {
25
  __,
60
  compose,
61
  } from '@wordpress/compose';
62
 
63
+ import {
64
+ createBlock,
65
+ } from '@wordpress/blocks';
66
+
67
  /**
68
  * Regular expression matching invalid anchor characters for replacement.
69
  *
71
  */
72
  const ANCHOR_REGEX = /[\s#]/g;
73
 
 
 
74
  class GenerateBlockHeadline extends Component {
75
  constructor() {
76
  super( ...arguments );
86
  }
87
 
88
  componentDidMount() {
89
+ // Generate a unique ID if none exists or if the same ID exists on this page.
90
+ const allBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
91
+ const uniqueIds = getAllUniqueIds( allBlocks, [], this.props.clientId );
 
92
 
93
+ if ( ! this.props.attributes.uniqueId || uniqueIds.includes( this.props.attributes.uniqueId ) ) {
94
  this.props.setAttributes( {
95
+ uniqueId: this.props.clientId.substr( 2, 9 ).replace( '-', '' ),
96
  } );
 
 
 
 
 
 
 
 
 
 
97
  }
98
 
99
  const tempFontSizePlaceholder = this.getFontSizePlaceholder();
163
  const {
164
  attributes,
165
  setAttributes,
166
+ onReplace,
167
+ clientId,
168
  } = this.props;
169
 
170
  const {
244
 
245
  htmlAttributes = applyFilters( 'generateblocks.frontend.htmlAttributes', htmlAttributes, 'generateblocks/headline', attributes );
246
 
247
+ const onSplit = ( value, isOriginal ) => {
248
+ let block;
249
+
250
+ if ( isOriginal || value ) {
251
+ block = createBlock( 'generateblocks/headline', {
252
+ ...attributes,
253
+ content: value,
254
+ } );
255
+ } else {
256
+ block = createBlock( 'core/paragraph' );
257
+ }
258
+
259
+ if ( isOriginal ) {
260
+ block.clientId = clientId;
261
+ }
262
+
263
+ return block;
264
+ };
265
+
266
  return (
267
  <Fragment>
268
  <BlockControls>
1279
  tagName="span"
1280
  value={ content }
1281
  onChange={ ( value ) => setAttributes( { content: value } ) }
1282
+ onSplit={ onSplit }
1283
+ onReplace={ onReplace }
1284
  placeholder={ __( 'Headline', 'generateblocks' ) }
 
1285
  allowedFormats={ applyFilters( 'generateblocks.editor.headlineDisableFormatting', false, this.props ) ? [] : null }
1286
  />
1287
  </span>
1294
  tagName="span"
1295
  value={ content }
1296
  onChange={ ( value ) => setAttributes( { content: value } ) }
1297
+ onSplit={ onSplit }
1298
+ onReplace={ onReplace }
1299
  placeholder={ __( 'Headline', 'generateblocks' ) }
 
1300
  allowedFormats={ applyFilters( 'generateblocks.editor.headlineDisableFormatting', false, this.props ) ? [] : null }
1301
  />
1302
  }
src/blocks/headline/element-icons.js CHANGED
@@ -10,7 +10,6 @@ import {
10
  * HeadingLevelIcon props.
11
  *
12
  * @typedef WPHeadingLevelIconProps
13
- *
14
  * @property {number} level The heading level to show an icon for.
15
  * @property {?boolean} isPressed Whether or not the icon should appear pressed; default: false.
16
  */
@@ -19,7 +18,6 @@ import {
19
  * Heading level icon.
20
  *
21
  * @param {WPHeadingLevelIconProps} props Component props.
22
- *
23
  * @return {?WPComponent} The icon.
24
  */
25
  export default function HeadingLevelIcon( { level } ) {
10
  * HeadingLevelIcon props.
11
  *
12
  * @typedef WPHeadingLevelIconProps
 
13
  * @property {number} level The heading level to show an icon for.
14
  * @property {?boolean} isPressed Whether or not the icon should appear pressed; default: false.
15
  */
18
  * Heading level icon.
19
  *
20
  * @param {WPHeadingLevelIconProps} props Component props.
 
21
  * @return {?WPComponent} The icon.
22
  */
23
  export default function HeadingLevelIcon( { level } ) {
src/components/color-picker/editor.scss CHANGED
@@ -12,6 +12,23 @@
12
  }
13
 
14
  .gblocks-component-color-picker {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  & > .components-base-control:first-child {
16
  margin-bottom: 0;
17
  }
@@ -21,8 +38,7 @@
21
  }
22
 
23
  .gblocks-component-color-picker-palette {
24
- padding: 16px;
25
- margin-top: 10px;
26
 
27
  .components-circular-option-picker {
28
  display: flex;
@@ -34,7 +50,6 @@
34
  }
35
  }
36
 
37
- .components-base-control__field,
38
  .components-color-palette {
39
  margin: 0;
40
  }
@@ -43,10 +58,6 @@
43
  padding: 5px;
44
  }
45
 
46
- .components-color-picker__inputs-toggle {
47
- display: none;
48
- }
49
-
50
  .components-color-picker__body {
51
  padding-bottom: 0;
52
  }
@@ -56,12 +67,8 @@
56
  width: 300px;
57
  }
58
 
59
- .components-color-picker__inputs-fields {
60
- margin-right: 0;
61
- }
62
-
63
  .components-color-clear-color {
64
- margin: 0 16px;
65
  }
66
  }
67
 
12
  }
13
 
14
  .gblocks-component-color-picker {
15
+ .components-color-picker__inputs-wrapper {
16
+ display: none;
17
+ }
18
+
19
+ .gblocks-color-input-wrapper {
20
+ display: flex;
21
+ padding: 16px 16px 0;
22
+
23
+ input {
24
+ margin-right: 5px;
25
+ }
26
+
27
+ .components-base-control__field {
28
+ margin-bottom: 0;
29
+ }
30
+ }
31
+
32
  & > .components-base-control:first-child {
33
  margin-bottom: 0;
34
  }
38
  }
39
 
40
  .gblocks-component-color-picker-palette {
41
+ padding: 16px 16px 0;
 
42
 
43
  .components-circular-option-picker {
44
  display: flex;
50
  }
51
  }
52
 
 
53
  .components-color-palette {
54
  margin: 0;
55
  }
58
  padding: 5px;
59
  }
60
 
 
 
 
 
61
  .components-color-picker__body {
62
  padding-bottom: 0;
63
  }
67
  width: 300px;
68
  }
69
 
 
 
 
 
70
  .components-color-clear-color {
71
+ height: auto;
72
  }
73
  }
74
 
src/components/color-picker/index.js CHANGED
@@ -20,6 +20,7 @@ import {
20
  RangeControl,
21
  Popover,
22
  Button,
 
23
  } from '@wordpress/components';
24
 
25
  import {
@@ -33,6 +34,12 @@ export default class GenerateBlocksColorPicker extends Component {
33
  this.state = {
34
  colorKey: false,
35
  };
 
 
 
 
 
 
36
  }
37
 
38
  render() {
@@ -59,6 +66,26 @@ export default class GenerateBlocksColorPicker extends Component {
59
  }
60
  };
61
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62
  return (
63
  <BaseControl
64
  className="gblocks-component-color-picker-wrapper"
@@ -109,15 +136,76 @@ export default class GenerateBlocksColorPicker extends Component {
109
  <BaseControl key={ colorKey }>
110
  <ColorPicker
111
  key={ colorKey }
112
- color={ value ? value : '' }
113
  onChangeComplete={ ( color ) => {
114
- onChange( color.hex );
 
 
 
 
 
 
 
 
 
115
  } }
116
- disableAlpha
117
  />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
118
  </BaseControl>
119
 
120
- { alpha &&
121
  <div className="gblocks-component-color-opacity">
122
  <Tooltip text={ __( 'Opacity', 'generateblocks' ) }>
123
  { getIcon( 'gradient' ) }
@@ -134,22 +222,6 @@ export default class GenerateBlocksColorPicker extends Component {
134
  </div>
135
  }
136
 
137
- <Button
138
- isSmall
139
- isSecondary
140
- className="components-color-clear-color"
141
- onClick={ () => {
142
- onChange( '' );
143
- onOpacityChange( 1 );
144
-
145
- this.setState( {
146
- colorKey: false,
147
- } );
148
- } }
149
- >
150
- { __( 'Clear Color', 'generateblocks' ) }
151
- </Button>
152
-
153
  <BaseControl
154
  className="gblocks-component-color-picker-palette"
155
  >
@@ -161,6 +233,10 @@ export default class GenerateBlocksColorPicker extends Component {
161
  this.setState( {
162
  colorKey: color,
163
  } );
 
 
 
 
164
  } }
165
  disableCustomColors={ true }
166
  clearable={ false }
20
  RangeControl,
21
  Popover,
22
  Button,
23
+ TextControl,
24
  } from '@wordpress/components';
25
 
26
  import {
34
  this.state = {
35
  colorKey: false,
36
  };
37
+
38
+ this.timer = null;
39
+ }
40
+
41
+ componentWillUnmount() {
42
+ clearTimeout( this.timer );
43
  }
44
 
45
  render() {
66
  }
67
  };
68
 
69
+ const isHex = ( hex ) => {
70
+ return /^([0-9A-F]{3}){1,2}$/i.test( hex );
71
+ };
72
+
73
+ const getPaletteValue = ( colorValue ) => {
74
+ if ( String( colorValue ).startsWith( 'var(' ) ) {
75
+ const variableName = colorValue.match( /\(([^)]+)\)/ );
76
+
77
+ if ( variableName ) {
78
+ const variableValue = getComputedStyle( document.documentElement ).getPropertyValue( variableName[ 1 ] );
79
+
80
+ if ( variableValue ) {
81
+ colorValue = variableValue;
82
+ }
83
+ }
84
+ }
85
+
86
+ return colorValue;
87
+ };
88
+
89
  return (
90
  <BaseControl
91
  className="gblocks-component-color-picker-wrapper"
136
  <BaseControl key={ colorKey }>
137
  <ColorPicker
138
  key={ colorKey }
139
+ color={ getPaletteValue( value ) || '' }
140
  onChangeComplete={ ( color ) => {
141
+ let colorString;
142
+
143
+ if ( 'undefined' === typeof color.rgb || color.rgb.a === 1 ) {
144
+ colorString = color.hex;
145
+ } else {
146
+ const { r, g, b, a } = color.rgb;
147
+ colorString = `rgba(${ r }, ${ g }, ${ b }, ${ a })`;
148
+ }
149
+
150
+ onChange( colorString );
151
  } }
152
+ disableAlpha={ ! alpha || 1 !== valueOpacity }
153
  />
154
+
155
+ <div className="gblocks-color-input-wrapper">
156
+ <TextControl
157
+ className="gblocks-color-input"
158
+ type={ 'text' }
159
+ value={ value || '' }
160
+ onChange={ ( color ) => {
161
+ if ( ! color.startsWith( '#' ) && isHex( color ) ) {
162
+ color = '#' + color;
163
+ }
164
+
165
+ onChange( color );
166
+
167
+ clearTimeout( this.timer );
168
+
169
+ this.timer = setTimeout( () => {
170
+ this.setState( {
171
+ colorKey: color,
172
+ } );
173
+
174
+ const input = document.querySelector( '.gblocks-color-input-wrapper input' );
175
+
176
+ if ( input ) {
177
+ input.focus();
178
+ }
179
+ }, 350 );
180
+ } }
181
+ />
182
+
183
+ <Button
184
+ isSmall
185
+ isSecondary
186
+ className="components-color-clear-color"
187
+ onClick={ () => {
188
+ onChange( '' );
189
+
190
+ if ( alpha && 1 !== valueOpacity ) {
191
+ onOpacityChange( 1 );
192
+ }
193
+
194
+ this.setState( {
195
+ colorKey: false,
196
+ } );
197
+
198
+ setTimeout( function() {
199
+ document.querySelector( '.gblocks-color-input-wrapper input' ).focus();
200
+ }, 10 );
201
+ } }
202
+ >
203
+ { __( 'Clear Color', 'generateblocks' ) }
204
+ </Button>
205
+ </div>
206
  </BaseControl>
207
 
208
+ { alpha && 1 !== valueOpacity &&
209
  <div className="gblocks-component-color-opacity">
210
  <Tooltip text={ __( 'Opacity', 'generateblocks' ) }>
211
  { getIcon( 'gradient' ) }
222
  </div>
223
  }
224
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
225
  <BaseControl
226
  className="gblocks-component-color-picker-palette"
227
  >
233
  this.setState( {
234
  colorKey: color,
235
  } );
236
+
237
+ setTimeout( function() {
238
+ document.querySelector( '.gblocks-color-input-wrapper input' ).focus();
239
+ }, 10 );
240
  } }
241
  disableCustomColors={ true }
242
  clearable={ false }
src/components/dimensions/index.js CHANGED
@@ -92,7 +92,6 @@ class DimensionsControl extends Component {
92
  labelLeft = __( 'Left', 'generateblocks' ),
93
  device,
94
  block,
95
- defaults,
96
  units,
97
  } = this.props;
98
 
@@ -249,8 +248,6 @@ class DimensionsControl extends Component {
249
  }
250
  }
251
 
252
- const usingGlobalStyle = 'undefined' !== typeof attributes.useGlobalStyle && attributes.useGlobalStyle;
253
-
254
  return (
255
  <Fragment>
256
  <div className={ classes }>
@@ -273,20 +270,6 @@ class DimensionsControl extends Component {
273
  placeholder={ topPlaceholder }
274
  type="number"
275
  onChange={ onChangeTopValue }
276
- onBlur={ () => {
277
- if ( ! usingGlobalStyle && '' === attributes[ attrTop ] && '' !== defaults[ attrTop ] ) {
278
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
279
- if ( this.props.attributes[ this.props.attrSyncUnits ] ) {
280
- this.onChangeAll( '0' );
281
- } else {
282
- this.onChangeTop( '0' );
283
- }
284
- }
285
- } }
286
- onClick={ ( e ) => {
287
- // Make sure onBlur fires in Firefox.
288
- e.currentTarget.focus();
289
- } }
290
  /* translators: Dimension label (padding, margin, border) */
291
  aria-label={ sprintf( __( '%s Top', 'generateblocks' ), label ) }
292
  value={ attributes[ attrTop ] ? attributes[ attrTop ] : '' }
@@ -298,20 +281,6 @@ class DimensionsControl extends Component {
298
  placeholder={ rightPlaceholder }
299
  type="number"
300
  onChange={ onChangeRightValue }
301
- onBlur={ () => {
302
- if ( ! usingGlobalStyle && '' === attributes[ attrRight ] && '' !== defaults[ attrRight ] ) {
303
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
304
- if ( this.props.attributes[ this.props.attrSyncUnits ] ) {
305
- this.onChangeAll( '0' );
306
- } else {
307
- this.onChangeRight( '0' );
308
- }
309
- }
310
- } }
311
- onClick={ ( e ) => {
312
- // Make sure onBlur fires in Firefox.
313
- e.currentTarget.focus();
314
- } }
315
  /* translators: Dimension label (padding, margin, border) */
316
  aria-label={ sprintf( __( '%s Right', 'generateblocks' ), label ) }
317
  value={ attributes[ attrRight ] ? attributes[ attrRight ] : '' }
@@ -323,20 +292,6 @@ class DimensionsControl extends Component {
323
  placeholder={ bottomPlaceholder }
324
  type="number"
325
  onChange={ onChangeBottomValue }
326
- onBlur={ () => {
327
- if ( ! usingGlobalStyle && '' === attributes[ attrBottom ] && '' !== defaults[ attrBottom ] ) {
328
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
329
- if ( this.props.attributes[ this.props.attrSyncUnits ] ) {
330
- this.onChangeAll( '0' );
331
- } else {
332
- this.onChangeBottom( '0' );
333
- }
334
- }
335
- } }
336
- onClick={ ( e ) => {
337
- // Make sure onBlur fires in Firefox.
338
- e.currentTarget.focus();
339
- } }
340
  /* translators: Dimension label (padding, margin, border) */
341
  aria-label={ sprintf( __( '%s Bottom', 'generateblocks' ), label ) }
342
  value={ attributes[ attrBottom ] ? attributes[ attrBottom ] : '' }
@@ -348,20 +303,6 @@ class DimensionsControl extends Component {
348
  placeholder={ leftPlaceholder }
349
  type="number"
350
  onChange={ onChangeLeftValue }
351
- onBlur={ () => {
352
- if ( ! usingGlobalStyle && '' === attributes[ attrLeft ] && '' !== defaults[ attrLeft ] ) {
353
- // If we have no value and a default exists, set to 0 to prevent default from coming back.
354
- if ( this.props.attributes[ this.props.attrSyncUnits ] ) {
355
- this.onChangeAll( '0' );
356
- } else {
357
- this.onChangeLeft( '0' );
358
- }
359
- }
360
- } }
361
- onClick={ ( e ) => {
362
- // Make sure onBlur fires in Firefox.
363
- e.currentTarget.focus();
364
- } }
365
  /* translators: Dimension label (padding, margin, border) */
366
  aria-label={ sprintf( __( '%s Left', 'generateblocks' ), label ) }
367
  value={ attributes[ attrLeft ] ? attributes[ attrLeft ] : '' }
92
  labelLeft = __( 'Left', 'generateblocks' ),
93
  device,
94
  block,
 
95
  units,
96
  } = this.props;
97
 
248
  }
249
  }
250
 
 
 
251
  return (
252
  <Fragment>
253
  <div className={ classes }>
270
  placeholder={ topPlaceholder }
271
  type="number"
272
  onChange={ onChangeTopValue }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
273
  /* translators: Dimension label (padding, margin, border) */
274
  aria-label={ sprintf( __( '%s Top', 'generateblocks' ), label ) }
275
  value={ attributes[ attrTop ] ? attributes[ attrTop ] : '' }
281
  placeholder={ rightPlaceholder }
282
  type="number"
283
  onChange={ onChangeRightValue }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
284
  /* translators: Dimension label (padding, margin, border) */
285
  aria-label={ sprintf( __( '%s Right', 'generateblocks' ), label ) }
286
  value={ attributes[ attrRight ] ? attributes[ attrRight ] : '' }
292
  placeholder={ bottomPlaceholder }
293
  type="number"
294
  onChange={ onChangeBottomValue }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
295
  /* translators: Dimension label (padding, margin, border) */
296
  aria-label={ sprintf( __( '%s Bottom', 'generateblocks' ), label ) }
297
  value={ attributes[ attrBottom ] ? attributes[ attrBottom ] : '' }
303
  placeholder={ leftPlaceholder }
304
  type="number"
305
  onChange={ onChangeLeftValue }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
306
  /* translators: Dimension label (padding, margin, border) */
307
  aria-label={ sprintf( __( '%s Left', 'generateblocks' ), label ) }
308
  value={ attributes[ attrLeft ] ? attributes[ attrLeft ] : '' }
src/components/gradient/index.js CHANGED
@@ -3,6 +3,7 @@
3
  */
4
  import './editor.scss';
5
  import ColorPicker from '../color-picker';
 
6
 
7
  /**
8
  * WordPress dependencies
@@ -46,6 +47,7 @@ class GradientControl extends Component {
46
 
47
  const {
48
  gradientSelector,
 
49
  } = attributes;
50
 
51
  const selectorHelp = 'element' === gradientSelector ? __( 'Displays behind the background image.', 'generateblocks' ) : __( 'Displays in front of the background image.', 'generateblocks' );
@@ -56,8 +58,22 @@ class GradientControl extends Component {
56
  label={ __( 'Use Gradient', 'generateblocks' ) }
57
  checked={ !! attributes[ attrGradient ] }
58
  onChange={ ( value ) => {
 
 
 
 
 
 
 
 
 
 
 
59
  setAttributes( {
60
- [ this.props[ 'attrGradient' ] ]: value, // eslint-disable-line dot-notation
 
 
 
61
  } );
62
  } }
63
  />
@@ -77,6 +93,12 @@ class GradientControl extends Component {
77
  setAttributes( {
78
  gradientSelector: value,
79
  } );
 
 
 
 
 
 
80
  } }
81
  />
82
  }
@@ -85,7 +107,7 @@ class GradientControl extends Component {
85
  <span className="components-base-control__label">{ __( 'Direction', 'generateblocks' ) }</span>
86
 
87
  <RangeControl
88
- value={ attributes[ attrGradientDirection ] ? attributes[ attrGradientDirection ] : 1 }
89
  onChange={ ( value ) => {
90
  setAttributes( {
91
  [ attrGradientDirection ]: value,
@@ -105,7 +127,7 @@ class GradientControl extends Component {
105
  <ColorPicker
106
  value={ attributes[ attrGradientColorOne ] }
107
  alpha={ true }
108
- valueOpacity={ attributes[ attrGradientColorOneOpacity ] }
109
  attrOpacity={ 'gradientColorOneOpacity' }
110
  onChange={ ( value ) =>
111
  setAttributes( {
@@ -155,7 +177,7 @@ class GradientControl extends Component {
155
  <ColorPicker
156
  value={ attributes[ attrGradientColorTwo ] }
157
  alpha={ true }
158
- valueOpacity={ attributes[ attrGradientColorTwoOpacity ] }
159
  attrOpacity={ 'gradientColorTwoOpacity' }
160
  onChange={ ( value ) =>
161
  setAttributes( {
3
  */
4
  import './editor.scss';
5
  import ColorPicker from '../color-picker';
6
+ import hasNumericValue from '../../utils/has-numeric-value';
7
 
8
  /**
9
  * WordPress dependencies
47
 
48
  const {
49
  gradientSelector,
50
+ innerZindex,
51
  } = attributes;
52
 
53
  const selectorHelp = 'element' === gradientSelector ? __( 'Displays behind the background image.', 'generateblocks' ) : __( 'Displays in front of the background image.', 'generateblocks' );
58
  label={ __( 'Use Gradient', 'generateblocks' ) }
59
  checked={ !! attributes[ attrGradient ] }
60
  onChange={ ( value ) => {
61
+ const props = this.props;
62
+ let gradientDirection = attributes[ attrGradientDirection ],
63
+ gradientColorOne = attributes[ attrGradientColorOne ],
64
+ gradientColorTwo = attributes[ attrGradientColorTwo ];
65
+
66
+ if ( value ) {
67
+ gradientDirection = gradientDirection || 90;
68
+ gradientColorOne = gradientColorOne || 'rgba(255, 255, 255, 0.1)';
69
+ gradientColorTwo = gradientColorTwo || 'rgba(0, 0, 0, 0.30)';
70
+ }
71
+
72
  setAttributes( {
73
+ [ props[ 'attrGradient' ] ]: value, // eslint-disable-line dot-notation
74
+ [ props[ 'attrGradientDirection' ] ]: gradientDirection, // eslint-disable-line dot-notation
75
+ [ props[ 'attrGradientColorOne' ] ]: gradientColorOne, // eslint-disable-line dot-notation
76
+ [ props[ 'attrGradientColorTwo' ] ]: gradientColorTwo, // eslint-disable-line dot-notation
77
  } );
78
  } }
79
  />
93
  setAttributes( {
94
  gradientSelector: value,
95
  } );
96
+
97
+ if ( ! hasNumericValue( innerZindex ) && 'pseudo-element' === value ) {
98
+ setAttributes( {
99
+ innerZindex: 1,
100
+ } );
101
+ }
102
  } }
103
  />
104
  }
107
  <span className="components-base-control__label">{ __( 'Direction', 'generateblocks' ) }</span>
108
 
109
  <RangeControl
110
+ value={ attributes[ attrGradientDirection ] ? attributes[ attrGradientDirection ] : 0 }
111
  onChange={ ( value ) => {
112
  setAttributes( {
113
  [ attrGradientDirection ]: value,
127
  <ColorPicker
128
  value={ attributes[ attrGradientColorOne ] }
129
  alpha={ true }
130
+ valueOpacity={ attributes[ attrGradientColorOneOpacity ] || 1 }
131
  attrOpacity={ 'gradientColorOneOpacity' }
132
  onChange={ ( value ) =>
133
  setAttributes( {
177
  <ColorPicker
178
  value={ attributes[ attrGradientColorTwo ] }
179
  alpha={ true }
180
+ valueOpacity={ attributes[ attrGradientColorTwoOpacity ] || 1 }
181
  attrOpacity={ 'gradientColorTwoOpacity' }
182
  onChange={ ( value ) =>
183
  setAttributes( {
src/components/range-control/editor.scss ADDED
@@ -0,0 +1,26 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .components-gblocks-range-control {
2
+ .components-gblocks-range-control--wrapper {
3
+ display: flex;
4
+ justify-content: space-between;
5
+
6
+ .components-gblocks-range-control--range {
7
+ width: calc(100% - 80px);
8
+ }
9
+
10
+ .components-gblocks-range-control-input {
11
+ width: 60px;
12
+ }
13
+ }
14
+
15
+ .components-base-control__help {
16
+ margin-top: -8px;
17
+ font-size: 12px;
18
+ font-style: normal;
19
+ color: rgb(117, 117, 117);
20
+ }
21
+
22
+ .components-base-control,
23
+ .components-base-control__field {
24
+ margin-bottom: 0 !important;
25
+ }
26
+ }
src/components/range-control/index.js ADDED
@@ -0,0 +1,88 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import hasNumericValue from '../../utils/has-numeric-value';
2
+
3
+ // Import CSS
4
+ import './editor.scss';
5
+
6
+ import {
7
+ Component,
8
+ } from '@wordpress/element';
9
+
10
+ import {
11
+ RangeControl,
12
+ TextControl,
13
+ } from '@wordpress/components';
14
+
15
+ export default class RangeControlInput extends Component {
16
+ render() {
17
+ const {
18
+ label,
19
+ value,
20
+ onChange,
21
+ rangeMin = 0,
22
+ rangeMax = 100,
23
+ inputMin = '',
24
+ inputMax = '',
25
+ step = 1,
26
+ help = '',
27
+ beforeIcon = '',
28
+ initialPosition = '',
29
+ placeholder = '',
30
+ disabled = false,
31
+ } = this.props;
32
+
33
+ return (
34
+ <div className="components-gblocks-range-control">
35
+ { label &&
36
+ <div className="components-gblocks-range-control--label">
37
+ { label }
38
+ </div>
39
+ }
40
+
41
+ <div className="components-gblocks-range-control--wrapper">
42
+ <div className="components-gblocks-range-control--range">
43
+ <RangeControl
44
+ className={ 'gblocks-range-control-range' }
45
+ beforeIcon={ beforeIcon }
46
+ value={ hasNumericValue( value ) ? parseFloat( value ) : '' }
47
+ onChange={ ( newVal ) => onChange( newVal ) }
48
+ min={ rangeMin }
49
+ max={ rangeMax }
50
+ step={ step }
51
+ withInputField={ false }
52
+ initialPosition={ initialPosition }
53
+ disabled={ disabled }
54
+ />
55
+ </div>
56
+
57
+ <div className="components-gblocks-range-control-input">
58
+ <TextControl
59
+ type="number"
60
+ placeholder={ '' !== placeholder ? placeholder : '' }
61
+ min={ inputMin }
62
+ max={ inputMax }
63
+ step={ step }
64
+ value={ hasNumericValue( value ) ? value : '' }
65
+ disabled={ disabled }
66
+ onChange={ ( newVal ) => onChange( newVal ) }
67
+ onBlur={ () => {
68
+ if ( hasNumericValue( value ) ) {
69
+ onChange( parseFloat( value ) );
70
+ }
71
+ } }
72
+ onClick={ ( e ) => {
73
+ // Make sure onBlur fires in Firefox.
74
+ e.currentTarget.focus();
75
+ } }
76
+ />
77
+ </div>
78
+ </div>
79
+
80
+ { help &&
81
+ <p className="components-base-control__help">
82
+ { help }
83
+ </p>
84
+ }
85
+ </div>
86
+ );
87
+ }
88
+ }
src/components/typography/google-fonts.js DELETED
@@ -1,7924 +0,0 @@
1
- const fonts = {
2
- "Roboto": {
3
- "weight": [
4
- "100",
5
- "100italic",
6
- "300",
7
- "300italic",
8
- "regular",
9
- "italic",
10
- "500",
11
- "500italic",
12
- "700",
13
- "700italic",
14
- "900",
15
- "900italic"
16
- ],
17
- "fallback": "sans-serif"
18
- },
19
- "Open Sans": {
20
- "weight": [
21
- "300",
22
- "300italic",
23
- "regular",
24
- "italic",
25
- "600",
26
- "600italic",
27
- "700",
28
- "700italic",
29
- "800",
30
- "800italic"
31
- ],
32
- "fallback": "sans-serif"
33
- },
34
- "Lato": {
35
- "weight": [
36
- "100",
37
- "100italic",
38
- "300",
39
- "300italic",
40
- "regular",
41
- "italic",
42
- "700",
43
- "700italic",
44
- "900",
45
- "900italic"
46
- ],
47
- "fallback": "sans-serif"
48
- },
49
- "Montserrat": {
50
- "weight": [
51
- "100",
52
- "100italic",
53
- "200",
54
- "200italic",
55
- "300",
56
- "300italic",
57
- "regular",
58
- "italic",
59
- "500",
60
- "500italic",
61
- "600",
62
- "600italic",
63
- "700",
64
- "700italic",
65
- "800",
66
- "800italic",
67
- "900",
68
- "900italic"
69
- ],
70
- "fallback": "sans-serif"
71
- },
72
- "Source Sans Pro": {
73
- "weight": [
74
- "200",
75
- "200italic",
76
- "300",
77
- "300italic",
78
- "regular",
79
- "italic",
80
- "600",
81
- "600italic",
82
- "700",
83
- "700italic",
84
- "900",
85
- "900italic"
86
- ],
87
- "fallback": "sans-serif"
88
- },
89
- "Roboto Condensed": {
90
- "weight": [
91
- "300",
92
- "300italic",
93
- "regular",
94
- "italic",
95
- "700",
96
- "700italic"
97
- ],
98
- "fallback": "sans-serif"
99
- },
100
- "Oswald": {
101
- "weight": [
102
- "200",
103
- "300",
104
- "regular",
105
- "500",
106
- "600",
107
- "700"
108
- ],
109
- "fallback": "sans-serif"
110
- },
111
- "Roboto Mono": {
112
- "weight": [
113
- "100",
114
- "100italic",
115
- "300",
116
- "300italic",
117
- "regular",
118
- "italic",
119
- "500",
120
- "500italic",
121
- "700",
122
- "700italic"
123
- ],
124
- "fallback": "monospace"
125
- },
126
- "Raleway": {
127
- "weight": [
128
- "100",
129
- "100italic",
130
- "200",
131
- "200italic",
132
- "300",
133
- "300italic",
134
- "regular",
135
- "italic",
136
- "500",
137
- "500italic",
138
- "600",
139
- "600italic",
140
- "700",
141
- "700italic",
142
- "800",
143
- "800italic",
144
- "900",
145
- "900italic"
146
- ],
147
- "fallback": "sans-serif"
148
- },
149
- "Poppins": {
150
- "weight": [
151
- "100",
152
- "100italic",
153
- "200",
154
- "200italic",
155
- "300",
156
- "300italic",
157
- "regular",
158
- "italic",
159
- "500",
160
- "500italic",
161
- "600",
162
- "600italic",
163
- "700",
164
- "700italic",
165
- "800",
166
- "800italic",
167
- "900",
168
- "900italic"
169
- ],
170
- "fallback": "sans-serif"
171
- },
172
- "Noto Sans": {
173
- "weight": [
174
- "regular",
175
- "italic",
176
- "700",
177
- "700italic"
178
- ],
179
- "fallback": "sans-serif"
180
- },
181
- "Roboto Slab": {
182
- "weight": [
183
- "100",
184
- "200",
185
- "300",
186
- "regular",
187
- "500",
188
- "600",
189
- "700",
190
- "800",
191
- "900"
192
- ],
193
- "fallback": "serif"
194
- },
195
- "Merriweather": {
196
- "weight": [
197
- "300",
198
- "300italic",
199
- "regular",
200
- "italic",
201
- "700",
202
- "700italic",
203
- "900",
204
- "900italic"
205
- ],
206
- "fallback": "serif"
207
- },
208
- "PT Sans": {
209
- "weight": [
210
- "regular",
211
- "italic",
212
- "700",
213
- "700italic"
214
- ],
215
- "fallback": "sans-serif"
216
- },
217
- "Ubuntu": {
218
- "weight": [
219
- "300",
220
- "300italic",
221
- "regular",
222
- "italic",
223
- "500",
224
- "500italic",
225
- "700",
226
- "700italic"
227
- ],
228
- "fallback": "sans-serif"
229
- },
230
- "Playfair Display": {
231
- "weight": [
232
- "regular",
233
- "500",
234
- "600",
235
- "700",
236
- "800",
237
- "900",
238
- "italic",
239
- "500italic",
240
- "600italic",
241
- "700italic",
242
- "800italic",
243
- "900italic"
244
- ],
245
- "fallback": "serif"
246
- },
247
- "Muli": {
248
- "weight": [
249
- "200",
250
- "300",
251
- "regular",
252
- "500",
253
- "600",
254
- "700",
255
- "800",
256
- "900",
257
- "200italic",
258
- "300italic",
259
- "italic",
260
- "500italic",
261
- "600italic",
262
- "700italic",
263
- "800italic",
264
- "900italic"
265
- ],
266
- "fallback": "sans-serif"
267
- },
268
- "Open Sans Condensed": {
269
- "weight": [
270
- "300",
271
- "300italic",
272
- "700"
273
- ],
274
- "fallback": "sans-serif"
275
- },
276
- "PT Serif": {
277
- "weight": [
278
- "regular",
279
- "italic",
280
- "700",
281
- "700italic"
282
- ],
283
- "fallback": "serif"
284
- },
285
- "Lora": {
286
- "weight": [
287
- "regular",
288
- "500",
289
- "600",
290
- "700",
291
- "italic",
292
- "500italic",
293
- "600italic",
294
- "700italic"
295
- ],
296
- "fallback": "serif"
297
- },
298
- "Slabo 27px": {
299
- "weight": [
300
- "regular"
301
- ],
302
- "fallback": "serif"
303
- },
304
- "Nunito": {
305
- "weight": [
306
- "200",
307
- "200italic",
308
- "300",
309
- "300italic",
310
- "regular",
311
- "italic",
312
- "600",
313
- "600italic",
314
- "700",
315
- "700italic",
316
- "800",
317
- "800italic",
318
- "900",
319
- "900italic"
320
- ],
321
- "fallback": "sans-serif"
322
- },
323
- "Noto Sans JP": {
324
- "weight": [
325
- "100",
326
- "300",
327
- "regular",
328
- "500",
329
- "700",
330
- "900"
331
- ],
332
- "fallback": "sans-serif"
333
- },
334
- "Work Sans": {
335
- "weight": [
336
- "100",
337
- "200",
338
- "300",
339
- "regular",
340
- "500",
341
- "600",
342
- "700",
343
- "800",
344
- "900",
345
- "100italic",
346
- "200italic",
347
- "300italic",
348
- "italic",
349
- "500italic",
350
- "600italic",
351
- "700italic",
352
- "800italic",
353
- "900italic"
354
- ],
355
- "fallback": "sans-serif"
356
- },
357
- "Rubik": {
358
- "weight": [
359
- "300",
360
- "300italic",
361
- "regular",
362
- "italic",
363
- "500",
364
- "500italic",
365
- "700",
366
- "700italic",
367
- "900",
368
- "900italic"
369
- ],
370
- "fallback": "sans-serif"
371
- },
372
- "Noto Serif": {
373
- "weight": [
374
- "regular",
375
- "italic",
376
- "700",
377
- "700italic"
378
- ],
379
- "fallback": "serif"
380
- },
381
- "Fira Sans": {
382
- "weight": [
383
- "100",
384
- "100italic",
385
- "200",
386
- "200italic",
387
- "300",
388
- "300italic",
389
- "regular",
390
- "italic",
391
- "500",
392
- "500italic",
393
- "600",
394
- "600italic",
395
- "700",
396
- "700italic",
397
- "800",
398
- "800italic",
399
- "900",
400
- "900italic"
401
- ],
402
- "fallback": "sans-serif"
403
- },
404
- "Titillium Web": {
405
- "weight": [
406
- "200",
407
- "200italic",
408
- "300",
409
- "300italic",
410
- "regular",
411
- "italic",
412
- "600",
413
- "600italic",
414
- "700",
415
- "700italic",
416
- "900"
417
- ],
418
- "fallback": "sans-serif"
419
- },
420
- "Quicksand": {
421
- "weight": [
422
- "300",
423
- "regular",
424
- "500",
425
- "600",
426
- "700"
427
- ],
428
- "fallback": "sans-serif"
429
- },
430
- "Noto Sans KR": {
431
- "weight": [
432
- "100",
433
- "300",
434
- "regular",
435
- "500",
436
- "700",
437
- "900"
438
- ],
439
- "fallback": "sans-serif"
440
- },
441
- "Nanum Gothic": {
442
- "weight": [
443
- "regular",
444
- "700",
445
- "800"
446
- ],
447
- "fallback": "sans-serif"
448
- },
449
- "Mukta": {
450
- "weight": [
451
- "200",
452
- "300",
453
- "regular",
454
- "500",
455
- "600",
456
- "700",
457
- "800"
458
- ],
459
- "fallback": "sans-serif"
460
- },
461
- "Noto Sans TC": {
462
- "weight": [
463
- "100",
464
- "300",
465
- "regular",
466
- "500",
467
- "700",
468
- "900"
469
- ],
470
- "fallback": "sans-serif"
471
- },
472
- "Nunito Sans": {
473
- "weight": [
474
- "200",
475
- "200italic",
476
- "300",
477
- "300italic",
478
- "regular",
479
- "italic",
480
- "600",
481
- "600italic",
482
- "700",
483
- "700italic",
484
- "800",
485
- "800italic",
486
- "900",
487
- "900italic"
488
- ],
489
- "fallback": "sans-serif"
490
- },
491
- "Heebo": {
492
- "weight": [
493
- "100",
494
- "300",
495
- "regular",
496
- "500",
497
- "700",
498
- "800",
499
- "900"
500
- ],
501
- "fallback": "sans-serif"
502
- },
503
- "PT Sans Narrow": {
504
- "weight": [
505
- "regular",
506
- "700"
507
- ],
508
- "fallback": "sans-serif"
509
- },
510
- "Arimo": {
511
- "weight": [
512
- "regular",
513
- "italic",
514
- "700",
515
- "700italic"
516
- ],
517
- "fallback": "sans-serif"
518
- },
519
- "Inconsolata": {
520
- "weight": [
521
- "regular",
522
- "700"
523
- ],
524
- "fallback": "monospace"
525
- },
526
- "Barlow": {
527
- "weight": [
528
- "100",
529
- "100italic",
530
- "200",
531
- "200italic",
532
- "300",
533
- "300italic",
534
- "regular",
535
- "italic",
536
- "500",
537
- "500italic",
538
- "600",
539
- "600italic",
540
- "700",
541
- "700italic",
542
- "800",
543
- "800italic",
544
- "900",
545
- "900italic"
546
- ],
547
- "fallback": "sans-serif"
548
- },
549
- "Oxygen": {
550
- "weight": [
551
- "300",
552
- "regular",
553
- "700"
554
- ],
555
- "fallback": "sans-serif"
556
- },
557
- "Dosis": {
558
- "weight": [
559
- "200",
560
- "300",
561
- "regular",
562
- "500",
563
- "600",
564
- "700",
565
- "800"
566
- ],
567
- "fallback": "sans-serif"
568
- },
569
- "Bitter": {
570
- "weight": [
571
- "regular",
572
- "italic",
573
- "700"
574
- ],
575
- "fallback": "serif"
576
- },
577
- "Libre Baskerville": {
578
- "weight": [
579
- "regular",
580
- "italic",
581
- "700"
582
- ],
583
- "fallback": "serif"
584
- },
585
- "Crimson Text": {
586
- "weight": [
587
- "regular",
588
- "italic",
589
- "600",
590
- "600italic",
591
- "700",
592
- "700italic"
593
- ],
594
- "fallback": "serif"
595
- },
596
- "Libre Franklin": {
597
- "weight": [
598
- "100",
599
- "100italic",
600
- "200",
601
- "200italic",
602
- "300",
603
- "300italic",
604
- "regular",
605
- "italic",
606
- "500",
607
- "500italic",
608
- "600",
609
- "600italic",
610
- "700",
611
- "700italic",
612
- "800",
613
- "800italic",
614
- "900",
615
- "900italic"
616
- ],
617
- "fallback": "sans-serif"
618
- },
619
- "Karla": {
620
- "weight": [
621
- "regular",
622
- "italic",
623
- "700",
624
- "700italic"
625
- ],
626
- "fallback": "sans-serif"
627
- },
628
- "Josefin Sans": {
629
- "weight": [
630
- "100",
631
- "200",
632
- "300",
633
- "regular",
634
- "500",
635
- "600",
636
- "700",
637
- "100italic",
638
- "200italic",
639
- "300italic",
640
- "italic",
641
- "500italic",
642
- "600italic",
643
- "700italic"
644
- ],
645
- "fallback": "sans-serif"
646
- },
647
- "Cabin": {
648
- "weight": [
649
- "regular",
650
- "italic",
651
- "500",
652
- "500italic",
653
- "600",
654
- "600italic",
655
- "700",
656
- "700italic"
657
- ],
658
- "fallback": "sans-serif"
659
- },
660
- "Anton": {
661
- "weight": [
662
- "regular"
663
- ],
664
- "fallback": "sans-serif"
665
- },
666
- "Source Code Pro": {
667
- "weight": [
668
- "200",
669
- "200italic",
670
- "300",
671
- "300italic",
672
- "regular",
673
- "italic",
674
- "500",
675
- "500italic",
676
- "600",
677
- "600italic",
678
- "700",
679
- "700italic",
680
- "900",
681
- "900italic"
682
- ],
683
- "fallback": "monospace"
684
- },
685
- "Hind": {
686
- "weight": [
687
- "300",
688
- "regular",
689
- "500",
690
- "600",
691
- "700"
692
- ],
693
- "fallback": "sans-serif"
694
- },
695
- "Abel": {
696
- "weight": [
697
- "regular"
698
- ],
699
- "fallback": "sans-serif"
700
- },
701
- "Amiri": {
702
- "weight": [
703
- "regular",
704
- "italic",
705
- "700",
706
- "700italic"
707
- ],
708
- "fallback": "serif"
709
- },
710
- "Fjalla One": {
711
- "weight": [
712
- "regular"
713
- ],
714
- "fallback": "sans-serif"
715
- },
716
- "Lobster": {
717
- "weight": [
718
- "regular"
719
- ],
720
- "fallback": "display"
721
- },
722
- "Pacifico": {
723
- "weight": [
724
- "regular"
725
- ],
726
- "fallback": "handwriting"
727
- },
728
- "Indie Flower": {
729
- "weight": [
730
- "regular"
731
- ],
732
- "fallback": "handwriting"
733
- },
734
- "Exo 2": {
735
- "weight": [
736
- "100",
737
- "200",
738
- "300",
739
- "regular",
740
- "500",
741
- "600",
742
- "700",
743
- "800",
744
- "900",
745
- "100italic",
746
- "200italic",
747
- "300italic",
748
- "italic",
749
- "500italic",
750
- "600italic",
751
- "700italic",
752
- "800italic",
753
- "900italic"
754
- ],
755
- "fallback": "sans-serif"
756
- },
757
- "Dancing Script": {
758
- "weight": [
759
- "regular",
760
- "500",
761
- "600",
762
- "700"
763
- ],
764
- "fallback": "handwriting"
765
- },
766
- "Source Serif Pro": {
767
- "weight": [
768
- "regular",
769
- "600",
770
- "700"
771
- ],
772
- "fallback": "serif"
773
- },
774
- "Arvo": {
775
- "weight": [
776
- "regular",
777
- "italic",
778
- "700",
779
- "700italic"
780
- ],
781
- "fallback": "serif"
782
- },
783
- "Hind Siliguri": {
784
- "weight": [
785
- "300",
786
- "regular",
787
- "500",
788
- "600",
789
- "700"
790
- ],
791
- "fallback": "sans-serif"
792
- },
793
- "Varela Round": {
794
- "weight": [
795
- "regular"
796
- ],
797
- "fallback": "sans-serif"
798
- },
799
- "Merriweather Sans": {
800
- "weight": [
801
- "300",
802
- "300italic",
803
- "regular",
804
- "italic",
805
- "700",
806
- "700italic",
807
- "800",
808
- "800italic"
809
- ],
810
- "fallback": "sans-serif"
811
- },
812
- "Cairo": {
813
- "weight": [
814
- "200",
815
- "300",
816
- "regular",
817
- "600",
818
- "700",
819
- "900"
820
- ],
821
- "fallback": "sans-serif"
822
- },
823
- "Yanone Kaffeesatz": {
824
- "weight": [
825
- "200",
826
- "300",
827
- "regular",
828
- "500",
829
- "600",
830
- "700"
831
- ],
832
- "fallback": "sans-serif"
833
- },
834
- "Overpass": {
835
- "weight": [
836
- "100",
837
- "100italic",
838
- "200",
839
- "200italic",
840
- "300",
841
- "300italic",
842
- "regular",
843
- "italic",
844
- "600",
845
- "600italic",
846
- "700",
847
- "700italic",
848
- "800",
849
- "800italic",
850
- "900",
851
- "900italic"
852
- ],
853
- "fallback": "sans-serif"
854
- },
855
- "Shadows Into Light": {
856
- "weight": [
857
- "regular"
858
- ],
859
- "fallback": "handwriting"
860
- },
861
- "Barlow Condensed": {
862
- "weight": [
863
- "100",
864
- "100italic",
865
- "200",
866
- "200italic",
867
- "300",
868
- "300italic",
869
- "regular",
870
- "italic",
871
- "500",
872
- "500italic",
873
- "600",
874
- "600italic",
875
- "700",
876
- "700italic",
877
- "800",
878
- "800italic",
879
- "900",
880
- "900italic"
881
- ],
882
- "fallback": "sans-serif"
883
- },
884
- "IBM Plex Sans": {
885
- "weight": [
886
- "100",
887
- "100italic",
888
- "200",
889
- "200italic",
890
- "300",
891
- "300italic",
892
- "regular",
893
- "italic",
894
- "500",
895
- "500italic",
896
- "600",
897
- "600italic",
898
- "700",
899
- "700italic"
900
- ],
901
- "fallback": "sans-serif"
902
- },
903
- "Comfortaa": {
904
- "weight": [
905
- "300",
906
- "regular",
907
- "500",
908
- "600",
909
- "700"
910
- ],
911
- "fallback": "display"
912
- },
913
- "Asap": {
914
- "weight": [
915
- "regular",
916
- "italic",
917
- "500",
918
- "500italic",
919
- "600",
920
- "600italic",
921
- "700",
922
- "700italic"
923
- ],
924
- "fallback": "sans-serif"
925
- },
926
- "Prompt": {
927
- "weight": [
928
- "100",
929
- "100italic",
930
- "200",
931
- "200italic",
932
- "300",
933
- "300italic",
934
- "regular",
935
- "italic",
936
- "500",
937
- "500italic",
938
- "600",
939
- "600italic",
940
- "700",
941
- "700italic",
942
- "800",
943
- "800italic",
944
- "900",
945
- "900italic"
946
- ],
947
- "fallback": "sans-serif"
948
- },
949
- "Kanit": {
950
- "weight": [
951
- "100",
952
- "100italic",
953
- "200",
954
- "200italic",
955
- "300",
956
- "300italic",
957
- "regular",
958
- "italic",
959
- "500",
960
- "500italic",
961
- "600",
962
- "600italic",
963
- "700",
964
- "700italic",
965
- "800",
966
- "800italic",
967
- "900",
968
- "900italic"
969
- ],
970
- "fallback": "sans-serif"
971
- },
972
- "Questrial": {
973
- "weight": [
974
- "regular"
975
- ],
976
- "fallback": "sans-serif"
977
- },
978
- "Martel": {
979
- "weight": [
980
- "200",
981
- "300",
982
- "regular",
983
- "600",
984
- "700",
985
- "800",
986
- "900"
987
- ],
988
- "fallback": "serif"
989
- },
990
- "Archivo Narrow": {
991
- "weight": [
992
- "regular",
993
- "italic",
994
- "500",
995
- "500italic",
996
- "600",
997
- "600italic",
998
- "700",
999
- "700italic"
1000
- ],
1001
- "fallback": "sans-serif"
1002
- },
1003
- "Abril Fatface": {
1004
- "weight": [
1005
- "regular"
1006
- ],
1007
- "fallback": "display"
1008
- },
1009
- "Amatic SC": {
1010
- "weight": [
1011
- "regular",
1012
- "700"
1013
- ],
1014
- "fallback": "handwriting"
1015
- },
1016
- "Acme": {
1017
- "weight": [
1018
- "regular"
1019
- ],
1020
- "fallback": "sans-serif"
1021
- },
1022
- "Catamaran": {
1023
- "weight": [
1024
- "100",
1025
- "200",
1026
- "300",
1027
- "regular",
1028
- "500",
1029
- "600",
1030
- "700",
1031
- "800",
1032
- "900"
1033
- ],
1034
- "fallback": "sans-serif"
1035
- },
1036
- "Fira Sans Condensed": {
1037
- "weight": [
1038
- "100",
1039
- "100italic",
1040
- "200",
1041
- "200italic",
1042
- "300",
1043
- "300italic",
1044
- "regular",
1045
- "italic",
1046
- "500",
1047
- "500italic",
1048
- "600",
1049
- "600italic",
1050
- "700",
1051
- "700italic",
1052
- "800",
1053
- "800italic",
1054
- "900",
1055
- "900italic"
1056
- ],
1057
- "fallback": "sans-serif"
1058
- },
1059
- "EB Garamond": {
1060
- "weight": [
1061
- "regular",
1062
- "500",
1063
- "600",
1064
- "700",
1065
- "800",
1066
- "italic",
1067
- "500italic",
1068
- "600italic",
1069
- "700italic",
1070
- "800italic"
1071
- ],
1072
- "fallback": "serif"
1073
- },
1074
- "Bree Serif": {
1075
- "weight": [
1076
- "regular"
1077
- ],
1078
- "fallback": "serif"
1079
- },
1080
- "Zilla Slab": {
1081
- "weight": [
1082
- "300",
1083
- "300italic",
1084
- "regular",
1085
- "italic",
1086
- "500",
1087
- "500italic",
1088
- "600",
1089
- "600italic",
1090
- "700",
1091
- "700italic"
1092
- ],
1093
- "fallback": "serif"
1094
- },
1095
- "Noto Sans SC": {
1096
- "weight": [
1097
- "100",
1098
- "300",
1099
- "regular",
1100
- "500",
1101
- "700",
1102
- "900"
1103
- ],
1104
- "fallback": "sans-serif"
1105
- },
1106
- "Cormorant Garamond": {
1107
- "weight": [
1108
- "300",
1109
- "300italic",
1110
- "regular",
1111
- "italic",
1112
- "500",
1113
- "500italic",
1114
- "600",
1115
- "600italic",
1116
- "700",
1117
- "700italic"
1118
- ],
1119
- "fallback": "serif"
1120
- },
1121
- "Hind Madurai": {
1122
- "weight": [
1123
- "300",
1124
- "regular",
1125
- "500",
1126
- "600",
1127
- "700"
1128
- ],
1129
- "fallback": "sans-serif"
1130
- },
1131
- "Teko": {
1132
- "weight": [
1133
- "300",
1134
- "regular",
1135
- "500",
1136
- "600",
1137
- "700"
1138
- ],
1139
- "fallback": "sans-serif"
1140
- },
1141
- "Righteous": {
1142
- "weight": [
1143
- "regular"
1144
- ],
1145
- "fallback": "display"
1146
- },
1147
- "Signika": {
1148
- "weight": [
1149
- "300",
1150
- "regular",
1151
- "600",
1152
- "700"
1153
- ],
1154
- "fallback": "sans-serif"
1155
- },
1156
- "Play": {
1157
- "weight": [
1158
- "regular",
1159
- "700"
1160
- ],
1161
- "fallback": "sans-serif"
1162
- },
1163
- "Domine": {
1164
- "weight": [
1165
- "regular",
1166
- "700"
1167
- ],
1168
- "fallback": "serif"
1169
- },
1170
- "Exo": {
1171
- "weight": [
1172
- "100",
1173
- "100italic",
1174
- "200",
1175
- "200italic",
1176
- "300",
1177
- "300italic",
1178
- "regular",
1179
- "italic",
1180
- "500",
1181
- "500italic",
1182
- "600",
1183
- "600italic",
1184
- "700",
1185
- "700italic",
1186
- "800",
1187
- "800italic",
1188
- "900",
1189
- "900italic"
1190
- ],
1191
- "fallback": "sans-serif"
1192
- },
1193
- "Russo One": {
1194
- "weight": [
1195
- "regular"
1196
- ],
1197
- "fallback": "sans-serif"
1198
- },
1199
- "Cinzel": {
1200
- "weight": [
1201
- "regular",
1202
- "700",
1203
- "900"
1204
- ],
1205
- "fallback": "serif"
1206
- },
1207
- "PT Sans Caption": {
1208
- "weight": [
1209
- "regular",
1210
- "700"
1211
- ],
1212
- "fallback": "sans-serif"
1213
- },
1214
- "Rajdhani": {
1215
- "weight": [
1216
- "300",
1217
- "regular",
1218
- "500",
1219
- "600",
1220
- "700"
1221
- ],
1222
- "fallback": "sans-serif"
1223
- },
1224
- "Maven Pro": {
1225
- "weight": [
1226
- "regular",
1227
- "500",
1228
- "600",
1229
- "700",
1230
- "800",
1231
- "900"
1232
- ],
1233
- "fallback": "sans-serif"
1234
- },
1235
- "Fredoka One": {
1236
- "weight": [
1237
- "regular"
1238
- ],
1239
- "fallback": "display"
1240
- },
1241
- "IBM Plex Serif": {
1242
- "weight": [
1243
- "100",
1244
- "100italic",
1245
- "200",
1246
- "200italic",
1247
- "300",
1248
- "300italic",
1249
- "regular",
1250
- "italic",
1251
- "500",
1252
- "500italic",
1253
- "600",
1254
- "600italic",
1255
- "700",
1256
- "700italic"
1257
- ],
1258
- "fallback": "serif"
1259
- },
1260
- "Ubuntu Condensed": {
1261
- "weight": [
1262
- "regular"
1263
- ],
1264
- "fallback": "sans-serif"
1265
- },
1266
- "Patua One": {
1267
- "weight": [
1268
- "regular"
1269
- ],
1270
- "fallback": "display"
1271
- },
1272
- "Caveat": {
1273
- "weight": [
1274
- "regular",
1275
- "700"
1276
- ],
1277
- "fallback": "handwriting"
1278
- },
1279
- "Permanent Marker": {
1280
- "weight": [
1281
- "regular"
1282
- ],
1283
- "fallback": "handwriting"
1284
- },
1285
- "Assistant": {
1286
- "weight": [
1287
- "200",
1288
- "300",
1289
- "regular",
1290
- "600",
1291
- "700",
1292
- "800"
1293
- ],
1294
- "fallback": "sans-serif"
1295
- },
1296
- "ABeeZee": {
1297
- "weight": [
1298
- "regular",
1299
- "italic"
1300
- ],
1301
- "fallback": "sans-serif"
1302
- },
1303
- "Vollkorn": {
1304
- "weight": [
1305
- "regular",
1306
- "italic",
1307
- "600",
1308
- "600italic",
1309
- "700",
1310
- "700italic",
1311
- "900",
1312
- "900italic"
1313
- ],
1314
- "fallback": "serif"
1315
- },
1316
- "Crete Round": {
1317
- "weight": [
1318
- "regular",
1319
- "italic"
1320
- ],
1321
- "fallback": "serif"
1322
- },
1323
- "Special Elite": {
1324
- "weight": [
1325
- "regular"
1326
- ],
1327
- "fallback": "display"
1328
- },
1329
- "Rokkitt": {
1330
- "weight": [
1331
- "100",
1332
- "200",
1333
- "300",
1334
- "regular",
1335
- "500",
1336
- "600",
1337
- "700",
1338
- "800",
1339
- "900"
1340
- ],
1341
- "fallback": "serif"
1342
- },
1343
- "Bangers": {
1344
- "weight": [
1345
- "regular"
1346
- ],
1347
- "fallback": "display"
1348
- },
1349
- "Francois One": {
1350
- "weight": [
1351
- "regular"
1352
- ],
1353
- "fallback": "sans-serif"
1354
- },
1355
- "Barlow Semi Condensed": {
1356
- "weight": [
1357
- "100",
1358
- "100italic",
1359
- "200",
1360
- "200italic",
1361
- "300",
1362
- "300italic",
1363
- "regular",
1364
- "italic",
1365
- "500",
1366
- "500italic",
1367
- "600",
1368
- "600italic",
1369
- "700",
1370
- "700italic",
1371
- "800",
1372
- "800italic",
1373
- "900",
1374
- "900italic"
1375
- ],
1376
- "fallback": "sans-serif"
1377
- },
1378
- "Alegreya Sans": {
1379
- "weight": [
1380
- "100",
1381
- "100italic",
1382
- "300",
1383
- "300italic",
1384
- "regular",
1385
- "italic",
1386
- "500",
1387
- "500italic",
1388
- "700",
1389
- "700italic",
1390
- "800",
1391
- "800italic",
1392
- "900",
1393
- "900italic"
1394
- ],
1395
- "fallback": "sans-serif"
1396
- },
1397
- "Satisfy": {
1398
- "weight": [
1399
- "regular"
1400
- ],
1401
- "fallback": "handwriting"
1402
- },
1403
- "Tajawal": {
1404
- "weight": [
1405
- "200",
1406
- "300",
1407
- "regular",
1408
- "500",
1409
- "700",
1410
- "800",
1411
- "900"
1412
- ],
1413
- "fallback": "sans-serif"
1414
- },
1415
- "Bebas Neue": {
1416
- "weight": [
1417
- "regular"
1418
- ],
1419
- "fallback": "display"
1420
- },
1421
- "Patrick Hand": {
1422
- "weight": [
1423
- "regular"
1424
- ],
1425
- "fallback": "handwriting"
1426
- },
1427
- "Cuprum": {
1428
- "weight": [
1429
- "regular",
1430
- "italic",
1431
- "700",
1432
- "700italic"
1433
- ],
1434
- "fallback": "sans-serif"
1435
- },
1436
- "Viga": {
1437
- "weight": [
1438
- "regular"
1439
- ],
1440
- "fallback": "sans-serif"
1441
- },
1442
- "Courgette": {
1443
- "weight": [
1444
- "regular"
1445
- ],
1446
- "fallback": "handwriting"
1447
- },
1448
- "Ropa Sans": {
1449
- "weight": [
1450
- "regular",
1451
- "italic"
1452
- ],
1453
- "fallback": "sans-serif"
1454
- },
1455
- "Noto Serif JP": {
1456
- "weight": [
1457
- "200",
1458
- "300",
1459
- "regular",
1460
- "500",
1461
- "600",
1462
- "700",
1463
- "900"
1464
- ],
1465
- "fallback": "serif"
1466
- },
1467
- "Gochi Hand": {
1468
- "weight": [
1469
- "regular"
1470
- ],
1471
- "fallback": "handwriting"
1472
- },
1473
- "Alegreya": {
1474
- "weight": [
1475
- "regular",
1476
- "italic",
1477
- "500",
1478
- "500italic",
1479
- "700",
1480
- "700italic",
1481
- "800",
1482
- "800italic",
1483
- "900",
1484
- "900italic"
1485
- ],
1486
- "fallback": "serif"
1487
- },
1488
- "Luckiest Guy": {
1489
- "weight": [
1490
- "regular"
1491
- ],
1492
- "fallback": "display"
1493
- },
1494
- "Noticia Text": {
1495
- "weight": [
1496
- "regular",
1497
- "italic",
1498
- "700",
1499
- "700italic"
1500
- ],
1501
- "fallback": "serif"
1502
- },
1503
- "Tinos": {
1504
- "weight": [
1505
- "regular",
1506
- "italic",
1507
- "700",
1508
- "700italic"
1509
- ],
1510
- "fallback": "serif"
1511
- },
1512
- "Passion One": {
1513
- "weight": [
1514
- "regular",
1515
- "700",
1516
- "900"
1517
- ],
1518
- "fallback": "display"
1519
- },
1520
- "Alfa Slab One": {
1521
- "weight": [
1522
- "regular"
1523
- ],
1524
- "fallback": "display"
1525
- },
1526
- "Nanum Myeongjo": {
1527
- "weight": [
1528
- "regular",
1529
- "700",
1530
- "800"
1531
- ],
1532
- "fallback": "serif"
1533
- },
1534
- "Monda": {
1535
- "weight": [
1536
- "regular",
1537
- "700"
1538
- ],
1539
- "fallback": "sans-serif"
1540
- },
1541
- "Lobster Two": {
1542
- "weight": [
1543
- "regular",
1544
- "italic",
1545
- "700",
1546
- "700italic"
1547
- ],
1548
- "fallback": "display"
1549
- },
1550
- "Kalam": {
1551
- "weight": [
1552
- "300",
1553
- "regular",
1554
- "700"
1555
- ],
1556
- "fallback": "handwriting"
1557
- },
1558
- "Kaushan Script": {
1559
- "weight": [
1560
- "regular"
1561
- ],
1562
- "fallback": "handwriting"
1563
- },
1564
- "Archivo Black": {
1565
- "weight": [
1566
- "regular"
1567
- ],
1568
- "fallback": "sans-serif"
1569
- },
1570
- "Cardo": {
1571
- "weight": [
1572
- "regular",
1573
- "italic",
1574
- "700"
1575
- ],
1576
- "fallback": "serif"
1577
- },
1578
- "Archivo": {
1579
- "weight": [
1580
- "regular",
1581
- "italic",
1582
- "500",
1583
- "500italic",
1584
- "600",
1585
- "600italic",
1586
- "700",
1587
- "700italic"
1588
- ],
1589
- "fallback": "sans-serif"
1590
- },
1591
- "Great Vibes": {
1592
- "weight": [
1593
- "regular"
1594
- ],
1595
- "fallback": "handwriting"
1596
- },
1597
- "Volkhov": {
1598
- "weight": [
1599
- "regular",
1600
- "italic",
1601
- "700",
1602
- "700italic"
1603
- ],
1604
- "fallback": "serif"
1605
- },
1606
- "Quattrocento Sans": {
1607
- "weight": [
1608
- "regular",
1609
- "italic",
1610
- "700",
1611
- "700italic"
1612
- ],
1613
- "fallback": "sans-serif"
1614
- },
1615
- "News Cycle": {
1616
- "weight": [
1617
- "regular",
1618
- "700"
1619
- ],
1620
- "fallback": "sans-serif"
1621
- },
1622
- "Pathway Gothic One": {
1623
- "weight": [
1624
- "regular"
1625
- ],
1626
- "fallback": "sans-serif"
1627
- },
1628
- "Sacramento": {
1629
- "weight": [
1630
- "regular"
1631
- ],
1632
- "fallback": "handwriting"
1633
- },
1634
- "Frank Ruhl Libre": {
1635
- "weight": [
1636
- "300",
1637
- "regular",
1638
- "500",
1639
- "700",
1640
- "900"
1641
- ],
1642
- "fallback": "serif"
1643
- },
1644
- "Yantramanav": {
1645
- "weight": [
1646
- "100",
1647
- "300",
1648
- "regular",
1649
- "500",
1650
- "700",
1651
- "900"
1652
- ],
1653
- "fallback": "sans-serif"
1654
- },
1655
- "Cantarell": {
1656
- "weight": [
1657
- "regular",
1658
- "italic",
1659
- "700",
1660
- "700italic"
1661
- ],
1662
- "fallback": "sans-serif"
1663
- },
1664
- "Istok Web": {
1665
- "weight": [
1666
- "regular",
1667
- "italic",
1668
- "700",
1669
- "700italic"
1670
- ],
1671
- "fallback": "sans-serif"
1672
- },
1673
- "Didact Gothic": {
1674
- "weight": [
1675
- "regular"
1676
- ],
1677
- "fallback": "sans-serif"
1678
- },
1679
- "Concert One": {
1680
- "weight": [
1681
- "regular"
1682
- ],
1683
- "fallback": "display"
1684
- },
1685
- "Taviraj": {
1686
- "weight": [
1687
- "100",
1688
- "100italic",
1689
- "200",
1690
- "200italic",
1691
- "300",
1692
- "300italic",
1693
- "regular",
1694
- "italic",
1695
- "500",
1696
- "500italic",
1697
- "600",
1698
- "600italic",
1699
- "700",
1700
- "700italic",
1701
- "800",
1702
- "800italic",
1703
- "900",
1704
- "900italic"
1705
- ],
1706
- "fallback": "serif"
1707
- },
1708
- "Old Standard TT": {
1709
- "weight": [
1710
- "regular",
1711
- "italic",
1712
- "700"
1713
- ],
1714
- "fallback": "serif"
1715
- },
1716
- "Montserrat Alternates": {
1717
- "weight": [
1718
- "100",
1719
- "100italic",
1720
- "200",
1721
- "200italic",
1722
- "300",
1723
- "300italic",
1724
- "regular",
1725
- "italic",
1726
- "500",
1727
- "500italic",
1728
- "600",
1729
- "600italic",
1730
- "700",
1731
- "700italic",
1732
- "800",
1733
- "800italic",
1734
- "900",
1735
- "900italic"
1736
- ],
1737
- "fallback": "sans-serif"
1738
- },
1739
- "Economica": {
1740
- "weight": [
1741
- "regular",
1742
- "italic",
1743
- "700",
1744
- "700italic"
1745
- ],
1746
- "fallback": "sans-serif"
1747
- },
1748
- "Changa": {
1749
- "weight": [
1750
- "200",
1751
- "300",
1752
- "regular",
1753
- "500",
1754
- "600",
1755
- "700",
1756
- "800"
1757
- ],
1758
- "fallback": "sans-serif"
1759
- },
1760
- "Fira Sans Extra Condensed": {
1761
- "weight": [
1762
- "100",
1763
- "100italic",
1764
- "200",
1765
- "200italic",
1766
- "300",
1767
- "300italic",
1768
- "regular",
1769
- "italic",
1770
- "500",
1771
- "500italic",
1772
- "600",
1773
- "600italic",
1774
- "700",
1775
- "700italic",
1776
- "800",
1777
- "800italic",
1778
- "900",
1779
- "900italic"
1780
- ],
1781
- "fallback": "sans-serif"
1782
- },
1783
- "Gloria Hallelujah": {
1784
- "weight": [
1785
- "regular"
1786
- ],
1787
- "fallback": "handwriting"
1788
- },
1789
- "Parisienne": {
1790
- "weight": [
1791
- "regular"
1792
- ],
1793
- "fallback": "handwriting"
1794
- },
1795
- "Orbitron": {
1796
- "weight": [
1797
- "regular",
1798
- "500",
1799
- "600",
1800
- "700",
1801
- "800",
1802
- "900"
1803
- ],
1804
- "fallback": "sans-serif"
1805
- },
1806
- "Asap Condensed": {
1807
- "weight": [
1808
- "regular",
1809
- "italic",
1810
- "500",
1811
- "500italic",
1812
- "600",
1813
- "600italic",
1814
- "700",
1815
- "700italic"
1816
- ],
1817
- "fallback": "sans-serif"
1818
- },
1819
- "Playfair Display SC": {
1820
- "weight": [
1821
- "regular",
1822
- "italic",
1823
- "700",
1824
- "700italic",
1825
- "900",
1826
- "900italic"
1827
- ],
1828
- "fallback": "serif"
1829
- },
1830
- "Chivo": {
1831
- "weight": [
1832
- "300",
1833
- "300italic",
1834
- "regular",
1835
- "italic",
1836
- "700",
1837
- "700italic",
1838
- "900",
1839
- "900italic"
1840
- ],
1841
- "fallback": "sans-serif"
1842
- },
1843
- "Sriracha": {
1844
- "weight": [
1845
- "regular"
1846
- ],
1847
- "fallback": "handwriting"
1848
- },
1849
- "Hind Vadodara": {
1850
- "weight": [
1851
- "300",
1852
- "regular",
1853
- "500",
1854
- "600",
1855
- "700"
1856
- ],
1857
- "fallback": "sans-serif"
1858
- },
1859
- "DM Sans": {
1860
- "weight": [
1861
- "regular",
1862
- "italic",
1863
- "500",
1864
- "500italic",
1865
- "700",
1866
- "700italic"
1867
- ],
1868
- "fallback": "sans-serif"
1869
- },
1870
- "Prata": {
1871
- "weight": [
1872
- "regular"
1873
- ],
1874
- "fallback": "serif"
1875
- },
1876
- "Quattrocento": {
1877
- "weight": [
1878
- "regular",
1879
- "700"
1880
- ],
1881
- "fallback": "serif"
1882
- },
1883
- "Cookie": {
1884
- "weight": [
1885
- "regular"
1886
- ],
1887
- "fallback": "handwriting"
1888
- },
1889
- "Poiret One": {
1890
- "weight": [
1891
- "regular"
1892
- ],
1893
- "fallback": "display"
1894
- },
1895
- "Handlee": {
1896
- "weight": [
1897
- "regular"
1898
- ],
1899
- "fallback": "handwriting"
1900
- },
1901
- "Sarabun": {
1902
- "weight": [
1903
- "100",
1904
- "100italic",
1905
- "200",
1906
- "200italic",
1907
- "300",
1908
- "300italic",
1909
- "regular",
1910
- "italic",
1911
- "500",
1912
- "500italic",
1913
- "600",
1914
- "600italic",
1915
- "700",
1916
- "700italic",
1917
- "800",
1918
- "800italic"
1919
- ],
1920
- "fallback": "sans-serif"
1921
- },
1922
- "BenchNine": {
1923
- "weight": [
1924
- "300",
1925
- "regular",
1926
- "700"
1927
- ],
1928
- "fallback": "sans-serif"
1929
- },
1930
- "Merienda": {
1931
- "weight": [
1932
- "regular",
1933
- "700"
1934
- ],
1935
- "fallback": "handwriting"
1936
- },
1937
- "M PLUS 1p": {
1938
- "weight": [
1939
- "100",
1940
- "300",
1941
- "regular",
1942
- "500",
1943
- "700",
1944
- "800",
1945
- "900"
1946
- ],
1947
- "fallback": "sans-serif"
1948
- },
1949
- "PT Mono": {
1950
- "weight": [
1951
- "regular"
1952
- ],
1953
- "fallback": "monospace"
1954
- },
1955
- "Lalezar": {
1956
- "weight": [
1957
- "regular"
1958
- ],
1959
- "fallback": "display"
1960
- },
1961
- "Sanchez": {
1962
- "weight": [
1963
- "regular",
1964
- "italic"
1965
- ],
1966
- "fallback": "serif"
1967
- },
1968
- "Lemonada": {
1969
- "weight": [
1970
- "300",
1971
- "regular",
1972
- "500",
1973
- "600",
1974
- "700"
1975
- ],
1976
- "fallback": "display"
1977
- },
1978
- "Markazi Text": {
1979
- "weight": [
1980
- "regular",
1981
- "500",
1982
- "600",
1983
- "700"
1984
- ],
1985
- "fallback": "serif"
1986
- },
1987
- "Neuton": {
1988
- "weight": [
1989
- "200",
1990
- "300",
1991
- "regular",
1992
- "italic",
1993
- "700",
1994
- "800"
1995
- ],
1996
- "fallback": "serif"
1997
- },
1998
- "Hind Guntur": {
1999
- "weight": [
2000
- "300",
2001
- "regular",
2002
- "500",
2003
- "600",
2004
- "700"
2005
- ],
2006
- "fallback": "sans-serif"
2007
- },
2008
- "Josefin Slab": {
2009
- "weight": [
2010
- "100",
2011
- "100italic",
2012
- "300",
2013
- "300italic",
2014
- "regular",
2015
- "italic",
2016
- "600",
2017
- "600italic",
2018
- "700",
2019
- "700italic"
2020
- ],
2021
- "fallback": "serif"
2022
- },
2023
- "Philosopher": {
2024
- "weight": [
2025
- "regular",
2026
- "italic",
2027
- "700",
2028
- "700italic"
2029
- ],
2030
- "fallback": "sans-serif"
2031
- },
2032
- "Advent Pro": {
2033
- "weight": [
2034
- "100",
2035
- "200",
2036
- "300",
2037
- "regular",
2038
- "500",
2039
- "600",
2040
- "700"
2041
- ],
2042
- "fallback": "sans-serif"
2043
- },
2044
- "Do Hyeon": {
2045
- "weight": [
2046
- "regular"
2047
- ],
2048
- "fallback": "sans-serif"
2049
- },
2050
- "Sawarabi Mincho": {
2051
- "weight": [
2052
- "regular"
2053
- ],
2054
- "fallback": "sans-serif"
2055
- },
2056
- "Ruda": {
2057
- "weight": [
2058
- "regular",
2059
- "500",
2060
- "600",
2061
- "700",
2062
- "800",
2063
- "900"
2064
- ],
2065
- "fallback": "sans-serif"
2066
- },
2067
- "Vidaloka": {
2068
- "weight": [
2069
- "regular"
2070
- ],
2071
- "fallback": "serif"
2072
- },
2073
- "Ultra": {
2074
- "weight": [
2075
- "regular"
2076
- ],
2077
- "fallback": "serif"
2078
- },
2079
- "Neucha": {
2080
- "weight": [
2081
- "regular"
2082
- ],
2083
- "fallback": "handwriting"
2084
- },
2085
- "Arapey": {
2086
- "weight": [
2087
- "regular",
2088
- "italic"
2089
- ],
2090
- "fallback": "serif"
2091
- },
2092
- "Gudea": {
2093
- "weight": [
2094
- "regular",
2095
- "italic",
2096
- "700"
2097
- ],
2098
- "fallback": "sans-serif"
2099
- },
2100
- "Paytone One": {
2101
- "weight": [
2102
- "regular"
2103
- ],
2104
- "fallback": "sans-serif"
2105
- },
2106
- "Kreon": {
2107
- "weight": [
2108
- "300",
2109
- "regular",
2110
- "500",
2111
- "600",
2112
- "700"
2113
- ],
2114
- "fallback": "serif"
2115
- },
2116
- "M PLUS Rounded 1c": {
2117
- "weight": [
2118
- "100",
2119
- "300",
2120
- "regular",
2121
- "500",
2122
- "700",
2123
- "800",
2124
- "900"
2125
- ],
2126
- "fallback": "sans-serif"
2127
- },
2128
- "Pragati Narrow": {
2129
- "weight": [
2130
- "regular",
2131
- "700"
2132
- ],
2133
- "fallback": "sans-serif"
2134
- },
2135
- "Press Start 2P": {
2136
- "weight": [
2137
- "regular"
2138
- ],
2139
- "fallback": "display"
2140
- },
2141
- "Hammersmith One": {
2142
- "weight": [
2143
- "regular"
2144
- ],
2145
- "fallback": "sans-serif"
2146
- },
2147
- "Gentium Basic": {
2148
- "weight": [
2149
- "regular",
2150
- "italic",
2151
- "700",
2152
- "700italic"
2153
- ],
2154
- "fallback": "serif"
2155
- },
2156
- "Monoton": {
2157
- "weight": [
2158
- "regular"
2159
- ],
2160
- "fallback": "display"
2161
- },
2162
- "Alef": {
2163
- "weight": [
2164
- "regular",
2165
- "700"
2166
- ],
2167
- "fallback": "sans-serif"
2168
- },
2169
- "Alice": {
2170
- "weight": [
2171
- "regular"
2172
- ],
2173
- "fallback": "serif"
2174
- },
2175
- "Aclonica": {
2176
- "weight": [
2177
- "regular"
2178
- ],
2179
- "fallback": "sans-serif"
2180
- },
2181
- "Sigmar One": {
2182
- "weight": [
2183
- "regular"
2184
- ],
2185
- "fallback": "display"
2186
- },
2187
- "Spectral": {
2188
- "weight": [
2189
- "200",
2190
- "200italic",
2191
- "300",
2192
- "300italic",
2193
- "regular",
2194
- "italic",
2195
- "500",
2196
- "500italic",
2197
- "600",
2198
- "600italic",
2199
- "700",
2200
- "700italic",
2201
- "800",
2202
- "800italic"
2203
- ],
2204
- "fallback": "serif"
2205
- },
2206
- "Marck Script": {
2207
- "weight": [
2208
- "regular"
2209
- ],
2210
- "fallback": "handwriting"
2211
- },
2212
- "Electrolize": {
2213
- "weight": [
2214
- "regular"
2215
- ],
2216
- "fallback": "sans-serif"
2217
- },
2218
- "Actor": {
2219
- "weight": [
2220
- "regular"
2221
- ],
2222
- "fallback": "sans-serif"
2223
- },
2224
- "Architects Daughter": {
2225
- "weight": [
2226
- "regular"
2227
- ],
2228
- "fallback": "handwriting"
2229
- },
2230
- "Adamina": {
2231
- "weight": [
2232
- "regular"
2233
- ],
2234
- "fallback": "serif"
2235
- },
2236
- "Pontano Sans": {
2237
- "weight": [
2238
- "regular"
2239
- ],
2240
- "fallback": "sans-serif"
2241
- },
2242
- "Audiowide": {
2243
- "weight": [
2244
- "regular"
2245
- ],
2246
- "fallback": "display"
2247
- },
2248
- "Inter": {
2249
- "weight": [
2250
- "100",
2251
- "200",
2252
- "300",
2253
- "regular",
2254
- "500",
2255
- "600",
2256
- "700",
2257
- "800",
2258
- "900"
2259
- ],
2260
- "fallback": "sans-serif"
2261
- },
2262
- "Cabin Condensed": {
2263
- "weight": [
2264
- "regular",
2265
- "500",
2266
- "600",
2267
- "700"
2268
- ],
2269
- "fallback": "sans-serif"
2270
- },
2271
- "Unica One": {
2272
- "weight": [
2273
- "regular"
2274
- ],
2275
- "fallback": "display"
2276
- },
2277
- "Yellowtail": {
2278
- "weight": [
2279
- "regular"
2280
- ],
2281
- "fallback": "handwriting"
2282
- },
2283
- "El Messiri": {
2284
- "weight": [
2285
- "regular",
2286
- "500",
2287
- "600",
2288
- "700"
2289
- ],
2290
- "fallback": "sans-serif"
2291
- },
2292
- "Squada One": {
2293
- "weight": [
2294
- "regular"
2295
- ],
2296
- "fallback": "display"
2297
- },
2298
- "Staatliches": {
2299
- "weight": [
2300
- "regular"
2301
- ],
2302
- "fallback": "display"
2303
- },
2304
- "Amaranth": {
2305
- "weight": [
2306
- "regular",
2307
- "italic",
2308
- "700",
2309
- "700italic"
2310
- ],
2311
- "fallback": "sans-serif"
2312
- },
2313
- "Enriqueta": {
2314
- "weight": [
2315
- "regular",
2316
- "500",
2317
- "600",
2318
- "700"
2319
- ],
2320
- "fallback": "serif"
2321
- },
2322
- "Mitr": {
2323
- "weight": [
2324
- "200",
2325
- "300",
2326
- "regular",
2327
- "500",
2328
- "600",
2329
- "700"
2330
- ],
2331
- "fallback": "sans-serif"
2332
- },
2333
- "Glegoo": {
2334
- "weight": [
2335
- "regular",
2336
- "700"
2337
- ],
2338
- "fallback": "serif"
2339
- },
2340
- "Bowlby One SC": {
2341
- "weight": [
2342
- "regular"
2343
- ],
2344
- "fallback": "display"
2345
- },
2346
- "Basic": {
2347
- "weight": [
2348
- "regular"
2349
- ],
2350
- "fallback": "sans-serif"
2351
- },
2352
- "Nanum Gothic Coding": {
2353
- "weight": [
2354
- "regular",
2355
- "700"
2356
- ],
2357
- "fallback": "monospace"
2358
- },
2359
- "Sarala": {
2360
- "weight": [
2361
- "regular",
2362
- "700"
2363
- ],
2364
- "fallback": "sans-serif"
2365
- },
2366
- "Bad Script": {
2367
- "weight": [
2368
- "regular"
2369
- ],
2370
- "fallback": "handwriting"
2371
- },
2372
- "Homemade Apple": {
2373
- "weight": [
2374
- "regular"
2375
- ],
2376
- "fallback": "handwriting"
2377
- },
2378
- "Tangerine": {
2379
- "weight": [
2380
- "regular",
2381
- "700"
2382
- ],
2383
- "fallback": "handwriting"
2384
- },
2385
- "Cormorant": {
2386
- "weight": [
2387
- "300",
2388
- "300italic",
2389
- "regular",
2390
- "italic",
2391
- "500",
2392
- "500italic",
2393
- "600",
2394
- "600italic",
2395
- "700",
2396
- "700italic"
2397
- ],
2398
- "fallback": "serif"
2399
- },
2400
- "Oleo Script": {
2401
- "weight": [
2402
- "regular",
2403
- "700"
2404
- ],
2405
- "fallback": "display"
2406
- },
2407
- "Karma": {
2408
- "weight": [
2409
- "300",
2410
- "regular",
2411
- "500",
2412
- "600",
2413
- "700"
2414
- ],
2415
- "fallback": "serif"
2416
- },
2417
- "Julius Sans One": {
2418
- "weight": [
2419
- "regular"
2420
- ],
2421
- "fallback": "sans-serif"
2422
- },
2423
- "Carter One": {
2424
- "weight": [
2425
- "regular"
2426
- ],
2427
- "fallback": "display"
2428
- },
2429
- "Khand": {
2430
- "weight": [
2431
- "300",
2432
- "regular",
2433
- "500",
2434
- "600",
2435
- "700"
2436
- ],
2437
- "fallback": "sans-serif"
2438
- },
2439
- "Nanum Pen Script": {
2440
- "weight": [
2441
- "regular"
2442
- ],
2443
- "fallback": "handwriting"
2444
- },
2445
- "Cambay": {
2446
- "weight": [
2447
- "regular",
2448
- "italic",
2449
- "700",
2450
- "700italic"
2451
- ],
2452
- "fallback": "sans-serif"
2453
- },
2454
- "Fugaz One": {
2455
- "weight": [
2456
- "regular"
2457
- ],
2458
- "fallback": "display"
2459
- },
2460
- "Shadows Into Light Two": {
2461
- "weight": [
2462
- "regular"
2463
- ],
2464
- "fallback": "handwriting"
2465
- },
2466
- "Coda": {
2467
- "weight": [
2468
- "regular",
2469
- "800"
2470
- ],
2471
- "fallback": "display"
2472
- },
2473
- "Signika Negative": {
2474
- "weight": [
2475
- "300",
2476
- "regular",
2477
- "600",
2478
- "700"
2479
- ],
2480
- "fallback": "sans-serif"
2481
- },
2482
- "Pridi": {
2483
- "weight": [
2484
- "200",
2485
- "300",
2486
- "regular",
2487
- "500",
2488
- "600",
2489
- "700"
2490
- ],
2491
- "fallback": "serif"
2492
- },
2493
- "Playball": {
2494
- "weight": [
2495
- "regular"
2496
- ],
2497
- "fallback": "display"
2498
- },
2499
- "Saira": {
2500
- "weight": [
2501
- "100",
2502
- "200",
2503
- "300",
2504
- "regular",
2505
- "500",
2506
- "600",
2507
- "700",
2508
- "800",
2509
- "900"
2510
- ],
2511
- "fallback": "sans-serif"
2512
- },
2513
- "Rock Salt": {
2514
- "weight": [
2515
- "regular"
2516
- ],
2517
- "fallback": "handwriting"
2518
- },
2519
- "Gothic A1": {
2520
- "weight": [
2521
- "100",
2522
- "200",
2523
- "300",
2524
- "regular",
2525
- "500",
2526
- "600",
2527
- "700",
2528
- "800",
2529
- "900"
2530
- ],
2531
- "fallback": "sans-serif"
2532
- },
2533
- "Gentium Book Basic": {
2534
- "weight": [
2535
- "regular",
2536
- "italic",
2537
- "700",
2538
- "700italic"
2539
- ],
2540
- "fallback": "serif"
2541
- },
2542
- "Allura": {
2543
- "weight": [
2544
- "regular"
2545
- ],
2546
- "fallback": "handwriting"
2547
- },
2548
- "Yeseva One": {
2549
- "weight": [
2550
- "regular"
2551
- ],
2552
- "fallback": "display"
2553
- },
2554
- "DM Serif Text": {
2555
- "weight": [
2556
- "regular",
2557
- "italic"
2558
- ],
2559
- "fallback": "serif"
2560
- },
2561
- "Lusitana": {
2562
- "weight": [
2563
- "regular",
2564
- "700"
2565
- ],
2566
- "fallback": "serif"
2567
- },
2568
- "Jura": {
2569
- "weight": [
2570
- "300",
2571
- "regular",
2572
- "500",
2573
- "600",
2574
- "700"
2575
- ],
2576
- "fallback": "sans-serif"
2577
- },
2578
- "Average": {
2579
- "weight": [
2580
- "regular"
2581
- ],
2582
- "fallback": "serif"
2583
- },
2584
- "Yrsa": {
2585
- "weight": [
2586
- "300",
2587
- "regular",
2588
- "500",
2589
- "600",
2590
- "700"
2591
- ],
2592
- "fallback": "serif"
2593
- },
2594
- "Sorts Mill Goudy": {
2595
- "weight": [
2596
- "regular",
2597
- "italic"
2598
- ],
2599
- "fallback": "serif"
2600
- },
2601
- "Cantata One": {
2602
- "weight": [
2603
- "regular"
2604
- ],
2605
- "fallback": "serif"
2606
- },
2607
- "Armata": {
2608
- "weight": [
2609
- "regular"
2610
- ],
2611
- "fallback": "sans-serif"
2612
- },
2613
- "Scada": {
2614
- "weight": [
2615
- "regular",
2616
- "italic",
2617
- "700",
2618
- "700italic"
2619
- ],
2620
- "fallback": "sans-serif"
2621
- },
2622
- "Abhaya Libre": {
2623
- "weight": [
2624
- "regular",
2625
- "500",
2626
- "600",
2627
- "700",
2628
- "800"
2629
- ],
2630
- "fallback": "serif"
2631
- },
2632
- "Damion": {
2633
- "weight": [
2634
- "regular"
2635
- ],
2636
- "fallback": "handwriting"
2637
- },
2638
- "Marmelad": {
2639
- "weight": [
2640
- "regular"
2641
- ],
2642
- "fallback": "sans-serif"
2643
- },
2644
- "Varela": {
2645
- "weight": [
2646
- "regular"
2647
- ],
2648
- "fallback": "sans-serif"
2649
- },
2650
- "Quantico": {
2651
- "weight": [
2652
- "regular",
2653
- "italic",
2654
- "700",
2655
- "700italic"
2656
- ],
2657
- "fallback": "sans-serif"
2658
- },
2659
- "Covered By Your Grace": {
2660
- "weight": [
2661
- "regular"
2662
- ],
2663
- "fallback": "handwriting"
2664
- },
2665
- "PT Serif Caption": {
2666
- "weight": [
2667
- "regular",
2668
- "italic"
2669
- ],
2670
- "fallback": "serif"
2671
- },
2672
- "Ramabhadra": {
2673
- "weight": [
2674
- "regular"
2675
- ],
2676
- "fallback": "sans-serif"
2677
- },
2678
- "Unna": {
2679
- "weight": [
2680
- "regular",
2681
- "italic",
2682
- "700",
2683
- "700italic"
2684
- ],
2685
- "fallback": "serif"
2686
- },
2687
- "Encode Sans": {
2688
- "weight": [
2689
- "100",
2690
- "200",
2691
- "300",
2692
- "regular",
2693
- "500",
2694
- "600",
2695
- "700",
2696
- "800",
2697
- "900"
2698
- ],
2699
- "fallback": "sans-serif"
2700
- },
2701
- "Arsenal": {
2702
- "weight": [
2703
- "regular",
2704
- "italic",
2705
- "700",
2706
- "700italic"
2707
- ],
2708
- "fallback": "sans-serif"
2709
- },
2710
- "Black Han Sans": {
2711
- "weight": [
2712
- "regular"
2713
- ],
2714
- "fallback": "sans-serif"
2715
- },
2716
- "Sawarabi Gothic": {
2717
- "weight": [
2718
- "regular"
2719
- ],
2720
- "fallback": "sans-serif"
2721
- },
2722
- "Ubuntu Mono": {
2723
- "weight": [
2724
- "regular",
2725
- "italic",
2726
- "700",
2727
- "700italic"
2728
- ],
2729
- "fallback": "monospace"
2730
- },
2731
- "Pinyon Script": {
2732
- "weight": [
2733
- "regular"
2734
- ],
2735
- "fallback": "handwriting"
2736
- },
2737
- "Black Ops One": {
2738
- "weight": [
2739
- "regular"
2740
- ],
2741
- "fallback": "display"
2742
- },
2743
- "Marcellus": {
2744
- "weight": [
2745
- "regular"
2746
- ],
2747
- "fallback": "serif"
2748
- },
2749
- "Fauna One": {
2750
- "weight": [
2751
- "regular"
2752
- ],
2753
- "fallback": "serif"
2754
- },
2755
- "Lilita One": {
2756
- "weight": [
2757
- "regular"
2758
- ],
2759
- "fallback": "display"
2760
- },
2761
- "Sintony": {
2762
- "weight": [
2763
- "regular",
2764
- "700"
2765
- ],
2766
- "fallback": "sans-serif"
2767
- },
2768
- "Khula": {
2769
- "weight": [
2770
- "300",
2771
- "regular",
2772
- "600",
2773
- "700",
2774
- "800"
2775
- ],
2776
- "fallback": "sans-serif"
2777
- },
2778
- "Jaldi": {
2779
- "weight": [
2780
- "regular",
2781
- "700"
2782
- ],
2783
- "fallback": "sans-serif"
2784
- },
2785
- "Rubik Mono One": {
2786
- "weight": [
2787
- "regular"
2788
- ],
2789
- "fallback": "sans-serif"
2790
- },
2791
- "Allan": {
2792
- "weight": [
2793
- "regular",
2794
- "700"
2795
- ],
2796
- "fallback": "display"
2797
- },
2798
- "Reenie Beanie": {
2799
- "weight": [
2800
- "regular"
2801
- ],
2802
- "fallback": "handwriting"
2803
- },
2804
- "Alex Brush": {
2805
- "weight": [
2806
- "regular"
2807
- ],
2808
- "fallback": "handwriting"
2809
- },
2810
- "Mr Dafoe": {
2811
- "weight": [
2812
- "regular"
2813
- ],
2814
- "fallback": "handwriting"
2815
- },
2816
- "Palanquin": {
2817
- "weight": [
2818
- "100",
2819
- "200",
2820
- "300",
2821
- "regular",
2822
- "500",
2823
- "600",
2824
- "700"
2825
- ],
2826
- "fallback": "sans-serif"
2827
- },
2828
- "Encode Sans Condensed": {
2829
- "weight": [
2830
- "100",
2831
- "200",
2832
- "300",
2833
- "regular",
2834
- "500",
2835
- "600",
2836
- "700",
2837
- "800",
2838
- "900"
2839
- ],
2840
- "fallback": "sans-serif"
2841
- },
2842
- "Antic": {
2843
- "weight": [
2844
- "regular"
2845
- ],
2846
- "fallback": "sans-serif"
2847
- },
2848
- "Knewave": {
2849
- "weight": [
2850
- "regular"
2851
- ],
2852
- "fallback": "display"
2853
- },
2854
- "Caveat Brush": {
2855
- "weight": [
2856
- "regular"
2857
- ],
2858
- "fallback": "handwriting"
2859
- },
2860
- "Rambla": {
2861
- "weight": [
2862
- "regular",
2863
- "italic",
2864
- "700",
2865
- "700italic"
2866
- ],
2867
- "fallback": "sans-serif"
2868
- },
2869
- "Spinnaker": {
2870
- "weight": [
2871
- "regular"
2872
- ],
2873
- "fallback": "sans-serif"
2874
- },
2875
- "IBM Plex Mono": {
2876
- "weight": [
2877
- "100",
2878
- "100italic",
2879
- "200",
2880
- "200italic",
2881
- "300",
2882
- "300italic",
2883
- "regular",
2884
- "italic",
2885
- "500",
2886
- "500italic",
2887
- "600",
2888
- "600italic",
2889
- "700",
2890
- "700italic"
2891
- ],
2892
- "fallback": "monospace"
2893
- },
2894
- "Michroma": {
2895
- "weight": [
2896
- "regular"
2897
- ],
2898
- "fallback": "sans-serif"
2899
- },
2900
- "Nothing You Could Do": {
2901
- "weight": [
2902
- "regular"
2903
- ],
2904
- "fallback": "handwriting"
2905
- },
2906
- "Kelly Slab": {
2907
- "weight": [
2908
- "regular"
2909
- ],
2910
- "fallback": "display"
2911
- },
2912
- "Boogaloo": {
2913
- "weight": [
2914
- "regular"
2915
- ],
2916
- "fallback": "display"
2917
- },
2918
- "Chewy": {
2919
- "weight": [
2920
- "regular"
2921
- ],
2922
- "fallback": "display"
2923
- },
2924
- "ZCOOL XiaoWei": {
2925
- "weight": [
2926
- "regular"
2927
- ],
2928
- "fallback": "serif"
2929
- },
2930
- "Rancho": {
2931
- "weight": [
2932
- "regular"
2933
- ],
2934
- "fallback": "handwriting"
2935
- },
2936
- "Noto Serif SC": {
2937
- "weight": [
2938
- "200",
2939
- "300",
2940
- "regular",
2941
- "500",
2942
- "600",
2943
- "700",
2944
- "900"
2945
- ],
2946
- "fallback": "serif"
2947
- },
2948
- "Pangolin": {
2949
- "weight": [
2950
- "regular"
2951
- ],
2952
- "fallback": "handwriting"
2953
- },
2954
- "Fira Mono": {
2955
- "weight": [
2956
- "regular",
2957
- "500",
2958
- "700"
2959
- ],
2960
- "fallback": "monospace"
2961
- },
2962
- "Forum": {
2963
- "weight": [
2964
- "regular"
2965
- ],
2966
- "fallback": "display"
2967
- },
2968
- "Antic Slab": {
2969
- "weight": [
2970
- "regular"
2971
- ],
2972
- "fallback": "serif"
2973
- },
2974
- "Alegreya Sans SC": {
2975
- "weight": [
2976
- "100",
2977
- "100italic",
2978
- "300",
2979
- "300italic",
2980
- "regular",
2981
- "italic",
2982
- "500",
2983
- "500italic",
2984
- "700",
2985
- "700italic",
2986
- "800",
2987
- "800italic",
2988
- "900",
2989
- "900italic"
2990
- ],
2991
- "fallback": "sans-serif"
2992
- },
2993
- "Anonymous Pro": {
2994
- "weight": [
2995
- "regular",
2996
- "italic",
2997
- "700",
2998
- "700italic"
2999
- ],
3000
- "fallback": "monospace"
3001
- },
3002
- "Lateef": {
3003
- "weight": [
3004
- "regular"
3005
- ],
3006
- "fallback": "handwriting"
3007
- },
3008
- "Annie Use Your Telescope": {
3009
- "weight": [
3010
- "regular"
3011
- ],
3012
- "fallback": "handwriting"
3013
- },
3014
- "Noto Sans HK": {
3015
- "weight": [
3016
- "100",
3017
- "300",
3018
- "regular",
3019
- "500",
3020
- "700",
3021
- "900"
3022
- ],
3023
- "fallback": "sans-serif"
3024
- },
3025
- "Martel Sans": {
3026
- "weight": [
3027
- "200",
3028
- "300",
3029
- "regular",
3030
- "600",
3031
- "700",
3032
- "800",
3033
- "900"
3034
- ],
3035
- "fallback": "sans-serif"
3036
- },
3037
- "Chakra Petch": {
3038
- "weight": [
3039
- "300",
3040
- "300italic",
3041
- "regular",
3042
- "italic",
3043
- "500",
3044
- "500italic",
3045
- "600",
3046
- "600italic",
3047
- "700",
3048
- "700italic"
3049
- ],
3050
- "fallback": "sans-serif"
3051
- },
3052
- "Rufina": {
3053
- "weight": [
3054
- "regular",
3055
- "700"
3056
- ],
3057
- "fallback": "serif"
3058
- },
3059
- "Bai Jamjuree": {
3060
- "weight": [
3061
- "200",
3062
- "200italic",
3063
- "300",
3064
- "300italic",
3065
- "regular",
3066
- "italic",
3067
- "500",
3068
- "500italic",
3069
- "600",
3070
- "600italic",
3071
- "700",
3072
- "700italic"
3073
- ],
3074
- "fallback": "sans-serif"
3075
- },
3076
- "Scheherazade": {
3077
- "weight": [
3078
- "regular",
3079
- "700"
3080
- ],
3081
- "fallback": "serif"
3082
- },
3083
- "Share": {
3084
- "weight": [
3085
- "regular",
3086
- "italic",
3087
- "700",
3088
- "700italic"
3089
- ],
3090
- "fallback": "display"
3091
- },
3092
- "Tenor Sans": {
3093
- "weight": [
3094
- "regular"
3095
- ],
3096
- "fallback": "sans-serif"
3097
- },
3098
- "DM Serif Display": {
3099
- "weight": [
3100
- "regular",
3101
- "italic"
3102
- ],
3103
- "fallback": "serif"
3104
- },
3105
- "VT323": {
3106
- "weight": [
3107
- "regular"
3108
- ],
3109
- "fallback": "monospace"
3110
- },
3111
- "Share Tech Mono": {
3112
- "weight": [
3113
- "regular"
3114
- ],
3115
- "fallback": "monospace"
3116
- },
3117
- "Mali": {
3118
- "weight": [
3119
- "200",
3120
- "200italic",
3121
- "300",
3122
- "300italic",
3123
- "regular",
3124
- "italic",
3125
- "500",
3126
- "500italic",
3127
- "600",
3128
- "600italic",
3129
- "700",
3130
- "700italic"
3131
- ],
3132
- "fallback": "handwriting"
3133
- },
3134
- "Cousine": {
3135
- "weight": [
3136
- "regular",
3137
- "italic",
3138
- "700",
3139
- "700italic"
3140
- ],
3141
- "fallback": "monospace"
3142
- },
3143
- "Cinzel Decorative": {
3144
- "weight": [
3145
- "regular",
3146
- "700",
3147
- "900"
3148
- ],
3149
- "fallback": "display"
3150
- },
3151
- "Overlock": {
3152
- "weight": [
3153
- "regular",
3154
- "italic",
3155
- "700",
3156
- "700italic",
3157
- "900",
3158
- "900italic"
3159
- ],
3160
- "fallback": "display"
3161
- },
3162
- "Arbutus Slab": {
3163
- "weight": [
3164
- "regular"
3165
- ],
3166
- "fallback": "serif"
3167
- },
3168
- "Reem Kufi": {
3169
- "weight": [
3170
- "regular"
3171
- ],
3172
- "fallback": "sans-serif"
3173
- },
3174
- "Cabin Sketch": {
3175
- "weight": [
3176
- "regular",
3177
- "700"
3178
- ],
3179
- "fallback": "display"
3180
- },
3181
- "Saira Extra Condensed": {
3182
- "weight": [
3183
- "100",
3184
- "200",
3185
- "300",
3186
- "regular",
3187
- "500",
3188
- "600",
3189
- "700",
3190
- "800",
3191
- "900"
3192
- ],
3193
- "fallback": "sans-serif"
3194
- },
3195
- "Eczar": {
3196
- "weight": [
3197
- "regular",
3198
- "500",
3199
- "600",
3200
- "700",
3201
- "800"
3202
- ],
3203
- "fallback": "serif"
3204
- },
3205
- "Leckerli One": {
3206
- "weight": [
3207
- "regular"
3208
- ],
3209
- "fallback": "handwriting"
3210
- },
3211
- "Krub": {
3212
- "weight": [
3213
- "200",
3214
- "200italic",
3215
- "300",
3216
- "300italic",
3217
- "regular",
3218
- "italic",
3219
- "500",
3220
- "500italic",
3221
- "600",
3222
- "600italic",
3223
- "700",
3224
- "700italic"
3225
- ],
3226
- "fallback": "sans-serif"
3227
- },
3228
- "Berkshire Swash": {
3229
- "weight": [
3230
- "regular"
3231
- ],
3232
- "fallback": "handwriting"
3233
- },
3234
- "Fredericka the Great": {
3235
- "weight": [
3236
- "regular"
3237
- ],
3238
- "fallback": "display"
3239
- },
3240
- "Saira Condensed": {
3241
- "weight": [
3242
- "100",
3243
- "200",
3244
- "300",
3245
- "regular",
3246
- "500",
3247
- "600",
3248
- "700",
3249
- "800",
3250
- "900"
3251
- ],
3252
- "fallback": "sans-serif"
3253
- },
3254
- "Overpass Mono": {
3255
- "weight": [
3256
- "300",
3257
- "regular",
3258
- "600",
3259
- "700"
3260
- ],
3261
- "fallback": "monospace"
3262
- },
3263
- "Itim": {
3264
- "weight": [
3265
- "regular"
3266
- ],
3267
- "fallback": "handwriting"
3268
- },
3269
- "Rasa": {
3270
- "weight": [
3271
- "300",
3272
- "regular",
3273
- "500",
3274
- "600",
3275
- "700"
3276
- ],
3277
- "fallback": "serif"
3278
- },
3279
- "Bevan": {
3280
- "weight": [
3281
- "regular"
3282
- ],
3283
- "fallback": "display"
3284
- },
3285
- "Arima Madurai": {
3286
- "weight": [
3287
- "100",
3288
- "200",
3289
- "300",
3290
- "regular",
3291
- "500",
3292
- "700",
3293
- "800",
3294
- "900"
3295
- ],
3296
- "fallback": "display"
3297
- },
3298
- "Italianno": {
3299
- "weight": [
3300
- "regular"
3301
- ],
3302
- "fallback": "handwriting"
3303
- },
3304
- "Coda Caption": {
3305
- "weight": [
3306
- "800"
3307
- ],
3308
- "fallback": "sans-serif"
3309
- },
3310
- "Shrikhand": {
3311
- "weight": [
3312
- "regular"
3313
- ],
3314
- "fallback": "display"
3315
- },
3316
- "Just Another Hand": {
3317
- "weight": [
3318
- "regular"
3319
- ],
3320
- "fallback": "handwriting"
3321
- },
3322
- "Saira Semi Condensed": {
3323
- "weight": [
3324
- "100",
3325
- "200",
3326
- "300",
3327
- "regular",
3328
- "500",
3329
- "600",
3330
- "700",
3331
- "800",
3332
- "900"
3333
- ],
3334
- "fallback": "sans-serif"
3335
- },
3336
- "Almarai": {
3337
- "weight": [
3338
- "300",
3339
- "regular",
3340
- "700",
3341
- "800"
3342
- ],
3343
- "fallback": "sans-serif"
3344
- },
3345
- "Mukta Malar": {
3346
- "weight": [
3347
- "200",
3348
- "300",
3349
- "regular",
3350
- "500",
3351
- "600",
3352
- "700",
3353
- "800"
3354
- ],
3355
- "fallback": "sans-serif"
3356
- },
3357
- "Oranienbaum": {
3358
- "weight": [
3359
- "regular"
3360
- ],
3361
- "fallback": "serif"
3362
- },
3363
- "Nobile": {
3364
- "weight": [
3365
- "regular",
3366
- "italic",
3367
- "500",
3368
- "500italic",
3369
- "700",
3370
- "700italic"
3371
- ],
3372
- "fallback": "sans-serif"
3373
- },
3374
- "Candal": {
3375
- "weight": [
3376
- "regular"
3377
- ],
3378
- "fallback": "sans-serif"
3379
- },
3380
- "Six Caps": {
3381
- "weight": [
3382
- "regular"
3383
- ],
3384
- "fallback": "sans-serif"
3385
- },
3386
- "Space Mono": {
3387
- "weight": [
3388
- "regular",
3389
- "italic",
3390
- "700",
3391
- "700italic"
3392
- ],
3393
- "fallback": "monospace"
3394
- },
3395
- "Capriola": {
3396
- "weight": [
3397
- "regular"
3398
- ],
3399
- "fallback": "sans-serif"
3400
- },
3401
- "Biryani": {
3402
- "weight": [
3403
- "200",
3404
- "300",
3405
- "regular",
3406
- "600",
3407
- "700",
3408
- "800",
3409
- "900"
3410
- ],
3411
- "fallback": "sans-serif"
3412
- },
3413
- "Halant": {
3414
- "weight":