diff --git a/README.md b/README.md index 4081ea3b..e1c0e0e7 100755 --- a/README.md +++ b/README.md @@ -562,7 +562,12 @@ Modify available button styles. ```javascript function myButtonStyleOptions( styleOptions ) { - styleOptions.push( { label: 'My Option', value: 'my-option', color: '#FF0000' } ); + styleOptions.push( { + label: 'My Option', + value: 'my-option', + bgColor: '#ff0000', + textColor: '#ffffff', + } ); return styleOptions; } wp.hooks.addFilter( @@ -576,6 +581,13 @@ wp.hooks.addFilter( * `styleOptions` (`Array`) Array with button style options. +Each `styleOption` object should have the following attributes: + +* `label` (`string`) Label displayed in the select box. +* `value` (`string`) Value of the chosen option. +* `bgColor` (`string`) Background color of button shown in the editor. +* `textColor` (`string`) Text color of button shown in the editor. + ### wpBootstrapBlocks.container.marginAfterOptions Modify margin after options. @@ -598,6 +610,11 @@ wp.hooks.addFilter( * `marginAfterOptions` (`Array`) Array margin options. +Each `marginAfterOption` object should have the following attributes: + +* `label` (`string`) Label displayed in the select box. +* `value` (`string`) Value of the chosen option. + ### wpBootstrapBlocks.row.templates Define block templates. @@ -639,7 +656,7 @@ wp.hooks.addFilter( * `templates` (`array`) List of template objects. -Each template has the following attributes: +Each `template` object should have the following attributes: * `name` (`string`) Unique identifier of the template * `title` (`string`) Name of template diff --git a/build/index.asset.php b/build/index.asset.php index 0735be5e..359c3bc0 100644 --- a/build/index.asset.php +++ b/build/index.asset.php @@ -1 +1 @@ - array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '9b6fd2a0b07ab4882cb6'); + array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '068db33e0cc8e71503c0'); diff --git a/build/index.css b/build/index.css index a0b39c84..abc39158 100644 --- a/build/index.css +++ b/build/index.css @@ -1,3 +1,3 @@ [data-type="wp-bootstrap-blocks/container"]:not(.is-selected):not(.has-child-selected):hover{background-color:hsla(0,0%,86%,.5);outline:1px dashed #949494} -[data-type="wp-bootstrap-blocks/row"]:not(.is-selected):not(.has-child-selected):hover{background-color:hsla(0,0%,86%,.5);outline:1px dashed #949494}@media(min-width:600px){[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{box-sizing:border-box;display:flex;flex-wrap:wrap}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"]{box-sizing:border-box;margin:0;overflow-wrap:break-word;word-break:break-word}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="0"]{flex-basis:0;flex-grow:1}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>.block-list-appender{width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-alignment=left] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:flex-start}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-alignment=center] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:center}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-alignment=right] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:flex-end}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-vertical-alignment=top] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:start}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-vertical-alignment=center] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:center}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-vertical-alignment=bottom] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:flex-end}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-align=full] .wp-block .block-editor-block-toolbar{left:14px}body:not(.branch-5-3) [data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]):not([data-no-gutters=true]):not([data-horizontal-gutters=gx-0]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"]{padding-left:14px;padding-right:14px}}.wp-bootstrap-blocks-template-selector-list{display:flex;flex-wrap:wrap}.wp-bootstrap-blocks-template-selector-button{display:flex;flex:0 0 50%}.wp-bootstrap-blocks-template-selector-button>.components-button.has-icon,.wp-bootstrap-blocks-template-selector-button>.components-icon-button{flex-direction:column;height:auto;justify-content:center;padding:8px;width:100%}.wp-bootstrap-blocks-template-selector-button>.components-button.has-icon.has-text svg,.wp-bootstrap-blocks-template-selector-button>.components-icon-button.has-text svg{margin-bottom:4px;margin-right:0}.wp-bootstrap-blocks-template-selector-button>.components-button.has-icon.is-active,.wp-bootstrap-blocks-template-selector-button>.components-button.has-icon.is-active:not(:disabled):not([aria-disabled=true]):not(.is-default):hover,.wp-bootstrap-blocks-template-selector-button>.components-icon-button.is-active,.wp-bootstrap-blocks-template-selector-button>.components-icon-button.is-active:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{box-shadow:inset 0 0 0 2px #757575;color:#1e1e1e;outline:2px solid transparent;outline-offset:-2px}.wp-bootstrap-blocks-template-selector-button-label{font-size:12px}[data-type="wp-bootstrap-blocks/column"]:not(.is-selected):not(.has-child-selected):hover{background-color:hsla(0,0%,100%,.7);outline:1px dashed #949494}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=bottom],[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=center],[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=top]{display:flex;flex-direction:column}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=top]{justify-content:flex-start}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=center]{justify-content:center}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=bottom]{justify-content:flex-end} +[data-type="wp-bootstrap-blocks/row"]:not(.is-selected):not(.has-child-selected):hover{background-color:hsla(0,0%,86%,.5);outline:1px dashed #949494}@media(min-width:600px){[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{box-sizing:border-box;display:flex;flex-wrap:wrap}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"]{box-sizing:border-box;margin:0;overflow-wrap:break-word;word-break:break-word}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="1"]{flex:0 0 8.3333333333%;max-width:8.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="2"]{flex:0 0 16.6666666667%;max-width:16.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="3"]{flex:0 0 25%;max-width:25%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="4"]{flex:0 0 33.3333333333%;max-width:33.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="5"]{flex:0 0 41.6666666667%;max-width:41.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="6"]{flex:0 0 50%;max-width:50%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="7"]{flex:0 0 58.3333333333%;max-width:58.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="8"]{flex:0 0 66.6666666667%;max-width:66.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="9"]{flex:0 0 75%;max-width:75%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="10"]{flex:0 0 83.3333333333%;max-width:83.3333333333%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="11"]{flex:0 0 91.6666666667%;max-width:91.6666666667%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="12"]{flex:0 0 100%;max-width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"][data-size-xxl="0"][data-size-xl="0"][data-size-lg="0"][data-size-md="0"][data-size-sm="0"][data-size-xs="0"]{flex-basis:0;flex-grow:1}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>.block-list-appender{width:100%}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-alignment=left] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:flex-start}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-alignment=center] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:center}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-alignment=right] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:flex-end}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-vertical-alignment=top] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:start}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-vertical-alignment=center] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:center}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-vertical-alignment=bottom] .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:flex-end}[data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true])[data-align=full] .wp-block .block-editor-block-toolbar{left:14px}body:not(.branch-5-3) [data-type="wp-bootstrap-blocks/row"]:not([data-editor-stack-columns=true]):not([data-no-gutters=true]):not([data-horizontal-gutters=gx-0]) .wp-block-wp-bootstrap-blocks-row>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="wp-bootstrap-blocks/column"]{padding-left:14px;padding-right:14px}}.wp-bootstrap-blocks-template-selector-list{display:flex;flex-wrap:wrap}.wp-bootstrap-blocks-template-selector-button{display:flex;flex:0 0 50%}.wp-bootstrap-blocks-template-selector-button>.components-button{align-items:center;flex-direction:column;height:auto;justify-content:center;padding:8px;width:100%}.wp-bootstrap-blocks-template-selector-button>.components-button.has-text svg{height:40px;margin-bottom:4px;margin-right:0;width:40px}.wp-bootstrap-blocks-template-selector-button>.components-button.is-active,.wp-bootstrap-blocks-template-selector-button>.components-button.is-active:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{box-shadow:inset 0 0 0 2px #757575;color:#1e1e1e;outline:2px solid transparent;outline-offset:-2px}.wp-bootstrap-blocks-template-selector-button-label{font-size:12px}[data-type="wp-bootstrap-blocks/column"]:not(.is-selected):not(.has-child-selected):hover{background-color:hsla(0,0%,100%,.7);outline:1px dashed #949494}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=bottom],[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=center],[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=top]{display:flex;flex-direction:column}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=top]{justify-content:flex-start}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=center]{justify-content:center}[data-type="wp-bootstrap-blocks/column"][data-content-vertical-alignment=bottom]{justify-content:flex-end} [data-type="wp-bootstrap-blocks/button"][data-alignment=center]{text-align:center}[data-type="wp-bootstrap-blocks/button"][data-alignment=right]{text-align:right}.wp-block-wp-bootstrap-blocks-button{box-sizing:border-box;color:#fff;display:inline-block;padding:8px 16px}.wp-block-wp-bootstrap-blocks-button-link{align-items:center;background:#fff;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:374px}.wp-block-wp-bootstrap-blocks-button-link .block-editor-url-input{width:auto}.wp-block-wp-bootstrap-blocks-button-link .block-editor-url-input__suggestions{width:302px;z-index:6}.wp-block-wp-bootstrap-blocks-button-link>.dashicon{width:36px}.wp-block-wp-bootstrap-blocks-button-link .dashicon{color:#949494}.wp-block-wp-bootstrap-blocks-button-link .block-editor-url-input input[type=text]:-ms-input-placeholder{color:#949494}.wp-block-wp-bootstrap-blocks-button-link .block-editor-url-input input[type=text]::placeholder{color:#949494} diff --git a/build/index.js b/build/index.js index d205922c..a4fb0fa1 100644 --- a/build/index.js +++ b/build/index.js @@ -1 +1 @@ -!function(){"use strict";var t,e={489:function(){var t=window.wp.hooks;(0,t.hasFilter)("wpBootstrapBlocks.container.customMarginOptions")&&console.warn("`wpBootstrapBlocks.container.customMarginOptions` filter was renamed to `wpBootstrapBlocks.container.marginAfterOptions`. Please change your filter definition."),(0,t.hasFilter)("wpBootstrapBlocks.container.useFluidContainerPerDefault")&&console.warn("`wpBootstrapBlocks.container.useFluidContainerPerDefault` filter has been removed. Please use `wp_bootstrap_blocks_container_default_attributes` filter (PHP) instead."),(0,t.hasFilter)("wpBootstrapBlocks.row.useOldObjectTemplateStructure")&&console.warn("`wpBootstrapBlocks.row.useOldObjectTemplateStructure` filter has no effect since the old template structure is not supported anymore. You can safely remove this filter.");var e=window.wp.element,o=window.wp.blocks,l=window.wp.components;o.updateCategory&&(0,o.updateCategory)("wp-bootstrap-blocks",{icon:(0,e.createElement)(l.SVG,{viewBox:"0 0 120 120",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Rect,{stroke:"#979797",fill:"#6EA644",x:"-110.5",y:"-123.5",width:"340",height:"367"}),(0,e.createElement)(l.Path,{d:"M105.362393,45.9570783 C103.695123,44.8177711 101.427637,45.2868976 100.293893,46.9623494 C93.6915059,56.9480422 79.6864416,57.4841867 78.952843,57.4841867 C78.8194614,57.4841867 78.7527707,57.4841867 78.6193891,57.4841867 C61.3464764,57.4841867 54.744089,72.2951807 54.4773258,72.8983434 C53.6770365,74.7748494 54.5440166,76.9194277 56.3446678,77.7236446 C56.8115032,77.9246988 57.3450295,78.0587349 57.811865,78.0587349 C59.2123714,78.0587349 60.5461871,77.2545181 61.1464041,75.8471386 C61.2130949,75.7131024 65.7480681,65.5263554 77.418955,64.8561747 L77.418955,83.8222892 C76.9521195,87.9103916 75.0180868,91.127259 71.6168569,93.5399096 C68.0822455,96.0195783 63.3471999,97.2929217 57.5451018,97.2929217 C50.6092605,97.2929217 44.940544,94.8802711 40.7390247,90.121988 C36.4708146,85.3637048 34.3367095,78.5948795 34.3367095,69.8825301 L34.4034003,48.9728916 C34.7368542,41.2658133 36.8042685,35.1671687 40.7390247,30.810994 C45.0072347,26.0527108 50.6092605,23.6400602 57.5451018,23.6400602 C63.3471999,23.6400602 68.0822455,24.9134036 71.6168569,27.3930723 C75.1514684,29.872741 77.1521919,33.2906627 77.4856458,37.7138554 C77.4856458,37.8478916 77.4856458,38.0489458 77.4856458,38.1829819 C77.4856458,40.7296687 79.5530601,42.8072289 82.0873098,42.8072289 C84.6215595,42.8072289 86.6889738,40.7296687 86.6889738,38.1829819 C86.6889738,38.0489458 86.6889738,37.8478916 86.6889738,37.7138554 C86.022066,31.0790663 83.0209807,25.8516566 77.6190274,21.8975904 C72.217074,17.9435241 65.481305,16 57.3450295,16 C47.674866,16 39.8720445,19.2168675 33.9365648,25.5835843 C28.3345391,31.5481928 25.4001447,39.3893072 25.0666908,49.0399096 C25.0666908,49.7100904 25,50.3802711 25,51.0504518 L25.0666908,69.8825301 L25,69.8825301 C25,80.5384036 28.0010852,89.0496988 33.9365648,95.4164157 C39.8720445,101.783133 47.674866,105 57.3450295,105 C65.481305,105 72.217074,103.056476 77.6190274,99.1024096 C82.5541453,95.4834337 85.4885397,90.7251506 86.4889014,84.8275602 L86.6889738,63.7838855 C92.757835,62.309488 101.027492,58.9585843 106.229373,51.0504518 C107.563189,49.375 107.096353,47.0963855 105.362393,45.9570783 Z",stroke:"#FFFFFF",fill:"#FFFFFF"}))});var n=window.wp.i18n,r=window.wp.blockEditor;function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,l=new Array(e);o0}})).hasChildBlocks;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.InspectorControls,null,(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Fluid","wp-bootstrap-blocks")},(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Fluid","wp-bootstrap-blocks"),checked:p,onChange:function(t){i({isFluid:t})}}),(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Fluid Breakpoint","wp-bootstrap-blocks"),disabled:!p,value:m,options:b,onChange:function(t){i({fluidBreakpoint:t})},help:(0,n.__)("Fluid breakpoints only work with Bootstrap v4.4+. The container will be 100% wide until the specified breakpoint is reached, after which max-widths for each of the higher breakpoints will be applied.","wp-bootstrap-blocks")})),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Margin","wp-bootstrap-blocks")},(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Margin After","wp-bootstrap-blocks"),value:w,options:u,onChange:function(t){i({marginAfter:t})}}))),(0,e.createElement)("div",{className:a},(0,e.createElement)(r.InnerBlocks,{renderAppender:d?void 0:function(){return(0,e.createElement)(r.InnerBlocks.ButtonBlockAppender,null)}})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var O="#007bff",z="#6c757d",x=["label","attributeName","value","setAttributes"],M=[{icon:v,title:(0,n.__)("Align content top","wp-bootstrap-blocks"),align:"top"},{icon:h,title:(0,n.__)("Align content center","wp-bootstrap-blocks"),align:"center"},{icon:k,title:(0,n.__)("Align content bottom","wp-bootstrap-blocks"),align:"bottom"}],V=function(t){var o=t.label,n=t.attributeName,r=t.value,a=t.setAttributes,c=function(t,e){if(null==t)return{};var o,l,n=function(t,e){if(null==t)return{};var o,l,n={},r=Object.keys(t);for(l=0;l=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(t,x);return(0,e.createElement)(l.RangeControl,B({label:o,value:r,onChange:function(t){a(y({},n,t))},min:0,max:12},c))},S=[{name:"primary",color:O},{name:"secondary",color:z}];S=(0,t.applyFilters)("wpBootstrapBlocks.column.bgColorOptions",S);var P=[{label:(0,n.__)("None","wp-bootstrap-blocks"),value:""},{label:(0,n.__)("Small","wp-bootstrap-blocks"),value:"p-2"},{label:(0,n.__)("Medium","wp-bootstrap-blocks"),value:"p-3"},{label:(0,n.__)("Large","wp-bootstrap-blocks"),value:"p-5"}];P=(0,t.applyFilters)("wpBootstrapBlocks.column.paddingOptions",P);function A(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);e&&(l=l.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,l)}return o}(0,o.registerBlockType)("wp-bootstrap-blocks/column",{title:(0,n.__)("Column (Bootstrap)","wp-bootstrap-blocks"),icon:f,category:"wp-bootstrap-blocks",keywords:[(0,n.__)("Column","wp-bootstrap-blocks"),(0,n.__)("Bootstrap Column","wp-bootstrap-blocks"),(0,n.__)("Bootstrap","wp-bootstrap-blocks")],parent:["wp-bootstrap-blocks/row"],getEditWrapperProps:function(t){var e=t.sizeXxl,o=t.sizeXl,l=t.sizeLg,n=t.sizeMd,r=t.sizeSm,a=t.sizeXs,c=t.equalWidthXxl,s=t.equalWidthXl,i=t.equalWidthLg,p=t.equalWidthMd,u=t.equalWidthSm,b=t.equalWidthXs,m=t.bgColor,w=t.padding,d=t.contentVerticalAlignment,k={};if(m){var h=S.find((function(t){return t.name===m}));h&&(k={backgroundColor:h.color})}return{"data-size-xs":c||s||i||p||u||b?0:a,"data-size-sm":c||s||i||p||u?0:r,"data-size-md":c||s||i||p?0:n,"data-size-lg":c||s||i?0:l,"data-size-xl":c||s?0:o,"data-size-xxl":c?0:e,"data-bg-color":m,"data-padding":w,"data-content-vertical-alignment":d,style:k}},edit:function(t){var o=t.attributes,a=t.className,c=t.clientId,u=t.setAttributes,b=(0,s.useSelect)((function(t){return{hasChildBlocks:(0,t("core/block-editor").getBlockOrder)(c).length>0}})).hasChildBlocks,m=o.sizeXxl,w=o.sizeXl,d=o.sizeLg,k=o.sizeMd,h=o.sizeSm,v=o.sizeXs,g=o.equalWidthXxl,_=o.equalWidthXl,f=o.equalWidthLg,C=o.equalWidthMd,E=o.equalWidthSm,B=o.equalWidthXs,y=o.bgColor,O=o.padding,z=o.centerContent,x=o.contentVerticalAlignment;return z&&u({contentVerticalAlignment:"center",centerContent:!1}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.InspectorControls,null,(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Column size","wp-bootstrap-blocks"),initialOpen:!1},(0,e.createElement)(V,{label:(0,n.__)("Xs Column count","wp-bootstrap-blocks"),attributeName:"sizeXs",value:v,disabled:B,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Xs equal-width","wp-bootstrap-blocks"),checked:B,onChange:function(t){return u({equalWidthXs:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(V,{label:(0,n.__)("Sm Column count","wp-bootstrap-blocks"),attributeName:"sizeSm",value:h,disabled:E,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Sm equal-width","wp-bootstrap-blocks"),checked:E,onChange:function(t){return u({equalWidthSm:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(V,{label:(0,n.__)("Md Column count","wp-bootstrap-blocks"),attributeName:"sizeMd",value:k,disabled:C,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Md equal-width","wp-bootstrap-blocks"),checked:C,onChange:function(t){return u({equalWidthMd:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(V,{label:(0,n.__)("Lg Column count","wp-bootstrap-blocks"),attributeName:"sizeLg",value:d,disabled:f,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Lg equal-width","wp-bootstrap-blocks"),checked:f,onChange:function(t){return u({equalWidthLg:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(V,{label:(0,n.__)("Xl Column count","wp-bootstrap-blocks"),attributeName:"sizeXl",value:w,disabled:_,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Xl equal-width","wp-bootstrap-blocks"),checked:_,onChange:function(t){return u({equalWidthXl:t})}}),i()&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("hr",null),(0,e.createElement)(V,{label:(0,n.__)("Xxl Column count","wp-bootstrap-blocks"),attributeName:"sizeXxl",value:m,disabled:g,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Xxl equal-width","wp-bootstrap-blocks"),checked:g,onChange:function(t){return u({equalWidthXxl:t})}}))),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Background color","wp-bootstrap-blocks"),initialOpen:!1},(0,e.createElement)(l.ColorPalette,{colors:S,value:y,onChange:function(t){if(t){var e=S.find((function(e){return e.color===t}));e&&u({bgColor:e.name})}else u({bgColor:"",centerContent:!1})},disableCustomColors:!0})),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Padding (inside column)","wp-bootstrap-blocks"),initialOpen:!1},(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Size","wp-bootstrap-blocks"),value:O,options:P,onChange:function(t){u({padding:t})}}))),(0,e.createElement)(r.BlockControls,null,(0,e.createElement)(r.AlignmentToolbar,{value:x,label:(0,n.__)("Change vertical alignment of content","wp-bootstrap-blocks"),onChange:function(t){return u({contentVerticalAlignment:t})},alignmentControls:M})),(0,e.createElement)("div",{className:a},(0,e.createElement)(r.InnerBlocks,{templateLock:!1,renderAppender:b?void 0:function(){return(0,e.createElement)(r.InnerBlocks.ButtonBlockAppender,null)}})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var H="custom",F=["wp-bootstrap-blocks/column"],j=[{name:"1-1",title:(0,n.__)("2 Columns (1:1)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H25V34H39ZM23 34H9V14H23V34Z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:6}],["wp-bootstrap-blocks/column",{sizeMd:6}]]},{name:"1-2",title:(0,n.__)("2 Columns (1:2)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H20V34H39ZM18 34H9V14H18V34Z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:4}],["wp-bootstrap-blocks/column",{sizeMd:8}]]},{name:"2-1",title:(0,n.__)("2 Columns (2:1)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H30V34H39ZM28 34H9V14H28V34Z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:8}],["wp-bootstrap-blocks/column",{sizeMd:4}]]},{name:"1-1-1",title:(0,n.__)("3 Columns (1:1:1)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",d:"M41 14a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V14zM28.5 34h-9V14h9v20zm2 0V14H39v20h-8.5zm-13 0H9V14h8.5v20z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:4}],["wp-bootstrap-blocks/column",{sizeMd:4}],["wp-bootstrap-blocks/column",{sizeMd:4}]]}];j=function(t){return t.map((function(t){return function(t){for(var e=1;eo){var l=e.template[o][1];M(t.clientId,l)}})),g({template:t}))}(t.name)},className:_===t.name?"is-active":null},(0,e.createElement)("div",{className:"wp-bootstrap-blocks-template-selector-button-label"},t.title)))})))),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Row options","wp-bootstrap-blocks")},(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("No Gutters","wp-bootstrap-blocks"),checked:f,onChange:function(t){return g({noGutters:t})}}),!f&&(p()?(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Gutters","wp-bootstrap-blocks"),value:z,options:I,onChange:function(t){g({cssGridGutters:t})}}):i()&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Horizontal Gutters","wp-bootstrap-blocks"),value:y,options:L,onChange:function(t){g({horizontalGutters:t})}}),(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Vertical Gutters","wp-bootstrap-blocks"),value:O,options:N,onChange:function(t){g({verticalGutters:t})}}))))),(0,e.createElement)(r.BlockControls,null,!p()&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.AlignmentToolbar,{value:C,label:(0,n.__)("Change horizontal alignment of columns","wp-bootstrap-blocks"),onChange:function(t){return g({alignment:t})},alignmentControls:V}),(0,e.createElement)(r.AlignmentToolbar,{value:E,label:(0,n.__)("Change vertical alignment of columns","wp-bootstrap-blocks"),onChange:function(t){return g({verticalAlignment:t})},alignmentControls:S}))),(0,e.createElement)("div",{className:c},(0,e.createElement)(r.InnerBlocks,{allowedBlocks:F,template:(o=_,a=j.find((function(t){return t.name===o})),a?a.template:[]),templateLock:X(_),orientation:"horizontal"})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var D=[{label:(0,n.__)("Primary","wp-bootstrap-blocks"),value:"primary",color:O},{label:(0,n.__)("Secondary","wp-bootstrap-blocks"),value:"secondary",color:z}];D=(0,t.applyFilters)("wpBootstrapBlocks.button.styleOptions",D);var R="noreferrer noopener";(0,o.registerBlockType)("wp-bootstrap-blocks/button",{title:(0,n.__)("Button (Bootstrap)","wp-bootstrap-blocks"),icon:_,category:"wp-bootstrap-blocks",keywords:[(0,n.__)("Button","wp-bootstrap-blocks"),(0,n.__)("Bootstrap Button","wp-bootstrap-blocks"),(0,n.__)("Bootstrap","wp-bootstrap-blocks")],example:{},getEditWrapperProps:function(t){return{"data-alignment":t.alignment,"data-style":t.style}},edit:function(t){var o=t.attributes,a=t.className,c=t.isSelected,s=t.setAttributes,i=o.url,p=o.linkTarget,u=o.rel,b=o.text,m=o.style,w=o.alignment,d={backgroundColor:D.length>0?D[0].color:"#007bff"};if(m){var k=D.find((function(t){return t.value===m}));null!=k&&k.color&&(d={backgroundColor:k.color})}return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:a,"data-alignment":w,style:d},(0,e.createElement)(r.RichText,{placeholder:(0,n.__)("Add text...","wp-bootstrap-blocks"),value:b,onChange:function(t){return s({text:t})},allowedFormats:[],keepPlaceholderOnFocus:!0}),(0,e.createElement)(r.InspectorControls,null,(0,e.createElement)(l.PanelBody,null,(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Style","wp-bootstrap-blocks"),value:m,options:D,onChange:function(t){s({style:t})}})),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Link settings","wp-bootstrap-blocks")},(0,e.createElement)(l.ToggleControl,{label:(0,n.__)("Open in new tab","wp-bootstrap-blocks"),onChange:function(t){var e=t?"_blank":void 0,o=u;e&&!u?o=R:e||u!==R||(o=void 0),s({linkTarget:e,rel:o})},checked:"_blank"===p}),(0,e.createElement)(l.TextControl,{label:(0,n.__)("Link rel","wp-bootstrap-blocks"),value:u||"",onChange:function(t){s({rel:t})}}))),(0,e.createElement)(r.BlockControls,null,(0,e.createElement)(r.AlignmentToolbar,{value:w,label:(0,n.__)("Change button alignment","wp-bootstrap-blocks"),onChange:function(t){return s({alignment:t})}}))),c&&(0,e.createElement)("form",{className:"wp-block-wp-bootstrap-blocks-button-link",onSubmit:function(t){return t.preventDefault()}},(0,e.createElement)(l.Dashicon,{icon:"admin-links"}),(0,e.createElement)(r.URLInput,{value:i,onChange:function(t){return s({url:t})}}),(0,e.createElement)(l.IconButton,{icon:"editor-break",label:(0,n.__)("Apply","wp-bootstrap-blocks"),type:"submit"})))},save:function(){return null}})}},o={};function l(t){var n=o[t];if(void 0!==n)return n.exports;var r=o[t]={exports:{}};return e[t](r,r.exports,l),r.exports}l.m=e,t=[],l.O=function(e,o,n,r){if(!o){var a=1/0;for(p=0;p=r)&&Object.keys(l.O).every((function(t){return l.O[t](o[s])}))?o.splice(s--,1):(c=!1,r0&&t[p-1][2]>r;p--)t[p]=t[p-1];t[p]=[o,n,r]},l.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){var t={826:0,431:0};l.O.j=function(e){return 0===t[e]};var e=function(e,o){var n,r,a=o[0],c=o[1],s=o[2],i=0;if(a.some((function(e){return 0!==t[e]}))){for(n in c)l.o(c,n)&&(l.m[n]=c[n]);if(s)var p=s(l)}for(e&&e(o);it.length)&&(e=t.length);for(var o=0,l=new Array(e);o0}})).hasChildBlocks;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.InspectorControls,null,(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Fluid","wp-bootstrap-blocks")},(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Fluid","wp-bootstrap-blocks"),checked:p,onChange:function(t){i({isFluid:t})}}),(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Fluid Breakpoint","wp-bootstrap-blocks"),disabled:!p,value:m,options:b,onChange:function(t){i({fluidBreakpoint:t})},help:(0,n.__)("Fluid breakpoints only work with Bootstrap v4.4+. The container will be 100% wide until the specified breakpoint is reached, after which max-widths for each of the higher breakpoints will be applied.","wp-bootstrap-blocks")})),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Margin","wp-bootstrap-blocks")},(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Margin After","wp-bootstrap-blocks"),value:w,options:u,onChange:function(t){i({marginAfter:t})}}))),(0,e.createElement)("div",{className:a},(0,e.createElement)(r.InnerBlocks,{renderAppender:d?void 0:function(){return(0,e.createElement)(r.InnerBlocks.ButtonBlockAppender,null)}})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var O="#007bff",x="#6c757d",z="#ffffff",P=["label","attributeName","value","setAttributes"],M=[{icon:g,title:(0,n.__)("Align content top","wp-bootstrap-blocks"),align:"top"},{icon:k,title:(0,n.__)("Align content center","wp-bootstrap-blocks"),align:"center"},{icon:h,title:(0,n.__)("Align content bottom","wp-bootstrap-blocks"),align:"bottom"}],S=function(t){var o=t.label,n=t.attributeName,r=t.value,a=t.setAttributes,c=function(t,e){if(null==t)return{};var o,l,n=function(t,e){if(null==t)return{};var o,l,n={},r=Object.keys(t);for(l=0;l=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(t,P);return(0,e.createElement)(l.RangeControl,y({label:o,value:r,onChange:function(t){a(B({},n,t))},min:0,max:12},c))},V=[{name:"primary",color:O},{name:"secondary",color:x}];V=(0,t.applyFilters)("wpBootstrapBlocks.column.bgColorOptions",V);var A=[{label:(0,n.__)("None","wp-bootstrap-blocks"),value:""},{label:(0,n.__)("Small","wp-bootstrap-blocks"),value:"p-2"},{label:(0,n.__)("Medium","wp-bootstrap-blocks"),value:"p-3"},{label:(0,n.__)("Large","wp-bootstrap-blocks"),value:"p-5"}];A=(0,t.applyFilters)("wpBootstrapBlocks.column.paddingOptions",A);function H(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);e&&(l=l.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,l)}return o}(0,o.registerBlockType)("wp-bootstrap-blocks/column",{title:(0,n.__)("Column (Bootstrap)","wp-bootstrap-blocks"),icon:_,category:"wp-bootstrap-blocks",keywords:[(0,n.__)("Column","wp-bootstrap-blocks"),(0,n.__)("Bootstrap Column","wp-bootstrap-blocks"),(0,n.__)("Bootstrap","wp-bootstrap-blocks")],parent:["wp-bootstrap-blocks/row"],getEditWrapperProps:function(t){var e=t.sizeXxl,o=t.sizeXl,l=t.sizeLg,n=t.sizeMd,r=t.sizeSm,a=t.sizeXs,c=t.equalWidthXxl,s=t.equalWidthXl,i=t.equalWidthLg,p=t.equalWidthMd,u=t.equalWidthSm,b=t.equalWidthXs,m=t.bgColor,w=t.padding,d=t.contentVerticalAlignment,h={};if(m){var k=V.find((function(t){return t.name===m}));k&&(h={backgroundColor:k.color})}return{"data-size-xs":c||s||i||p||u||b?0:a,"data-size-sm":c||s||i||p||u?0:r,"data-size-md":c||s||i||p?0:n,"data-size-lg":c||s||i?0:l,"data-size-xl":c||s?0:o,"data-size-xxl":c?0:e,"data-bg-color":m,"data-padding":w,"data-content-vertical-alignment":d,style:h}},edit:function(t){var o=t.attributes,a=t.className,c=t.clientId,u=t.setAttributes,b=(0,s.useSelect)((function(t){return{hasChildBlocks:(0,t("core/block-editor").getBlockOrder)(c).length>0}})).hasChildBlocks,m=o.sizeXxl,w=o.sizeXl,d=o.sizeLg,h=o.sizeMd,k=o.sizeSm,g=o.sizeXs,v=o.equalWidthXxl,f=o.equalWidthXl,_=o.equalWidthLg,C=o.equalWidthMd,E=o.equalWidthSm,y=o.equalWidthXs,B=o.bgColor,O=o.padding,x=o.centerContent,z=o.contentVerticalAlignment;return x&&u({contentVerticalAlignment:"center",centerContent:!1}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.InspectorControls,null,(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Column size","wp-bootstrap-blocks"),initialOpen:!1},(0,e.createElement)(S,{label:(0,n.__)("Xs Column count","wp-bootstrap-blocks"),attributeName:"sizeXs",value:g,disabled:y,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Xs equal-width","wp-bootstrap-blocks"),checked:y,onChange:function(t){return u({equalWidthXs:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(S,{label:(0,n.__)("Sm Column count","wp-bootstrap-blocks"),attributeName:"sizeSm",value:k,disabled:E,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Sm equal-width","wp-bootstrap-blocks"),checked:E,onChange:function(t){return u({equalWidthSm:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(S,{label:(0,n.__)("Md Column count","wp-bootstrap-blocks"),attributeName:"sizeMd",value:h,disabled:C,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Md equal-width","wp-bootstrap-blocks"),checked:C,onChange:function(t){return u({equalWidthMd:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(S,{label:(0,n.__)("Lg Column count","wp-bootstrap-blocks"),attributeName:"sizeLg",value:d,disabled:_,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Lg equal-width","wp-bootstrap-blocks"),checked:_,onChange:function(t){return u({equalWidthLg:t})}}),(0,e.createElement)("hr",null),(0,e.createElement)(S,{label:(0,n.__)("Xl Column count","wp-bootstrap-blocks"),attributeName:"sizeXl",value:w,disabled:f,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Xl equal-width","wp-bootstrap-blocks"),checked:f,onChange:function(t){return u({equalWidthXl:t})}}),i()&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("hr",null),(0,e.createElement)(S,{label:(0,n.__)("Xxl Column count","wp-bootstrap-blocks"),attributeName:"sizeXxl",value:m,disabled:v,setAttributes:u}),!p()&&(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("Xxl equal-width","wp-bootstrap-blocks"),checked:v,onChange:function(t){return u({equalWidthXxl:t})}}))),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Background color","wp-bootstrap-blocks"),initialOpen:!1},(0,e.createElement)(l.ColorPalette,{colors:V,value:B,onChange:function(t){if(t){var e=V.find((function(e){return e.color===t}));e&&u({bgColor:e.name})}else u({bgColor:"",centerContent:!1})},disableCustomColors:!0})),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Padding (inside column)","wp-bootstrap-blocks"),initialOpen:!1},(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Size","wp-bootstrap-blocks"),value:O,options:A,onChange:function(t){u({padding:t})}}))),(0,e.createElement)(r.BlockControls,null,(0,e.createElement)(r.AlignmentToolbar,{value:z,label:(0,n.__)("Change vertical alignment of content","wp-bootstrap-blocks"),onChange:function(t){return u({contentVerticalAlignment:t})},alignmentControls:M})),(0,e.createElement)("div",{className:a},(0,e.createElement)(r.InnerBlocks,{templateLock:!1,renderAppender:b?void 0:function(){return(0,e.createElement)(r.InnerBlocks.ButtonBlockAppender,null)}})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var j="custom",F=["wp-bootstrap-blocks/column"],G=[{name:"1-1",title:(0,n.__)("2 Columns (1:1)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H25V34H39ZM23 34H9V14H23V34Z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:6}],["wp-bootstrap-blocks/column",{sizeMd:6}]]},{name:"1-2",title:(0,n.__)("2 Columns (1:2)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H20V34H39ZM18 34H9V14H18V34Z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:4}],["wp-bootstrap-blocks/column",{sizeMd:8}]]},{name:"2-1",title:(0,n.__)("2 Columns (2:1)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H30V34H39ZM28 34H9V14H28V34Z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:8}],["wp-bootstrap-blocks/column",{sizeMd:4}]]},{name:"1-1-1",title:(0,n.__)("3 Columns (1:1:1)","wp-bootstrap-blocks"),icon:(0,e.createElement)(l.SVG,{width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(l.Path,{fillRule:"evenodd",d:"M41 14a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V14zM28.5 34h-9V14h9v20zm2 0V14H39v20h-8.5zm-13 0H9V14h8.5v20z"})),templateLock:"all",template:[["wp-bootstrap-blocks/column",{sizeMd:4}],["wp-bootstrap-blocks/column",{sizeMd:4}],["wp-bootstrap-blocks/column",{sizeMd:4}]]}];G=function(t){return t.map((function(t){return function(t){for(var e=1;eo){var l=e.template[o][1];P(t.clientId,l)}})),v({template:t}))}(t.name)},className:f===t.name?"is-active":null},(0,e.createElement)("div",{className:"wp-bootstrap-blocks-template-selector-button-label"},t.title)))})))),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Row options","wp-bootstrap-blocks")},(0,e.createElement)(l.CheckboxControl,{label:(0,n.__)("No Gutters","wp-bootstrap-blocks"),checked:_,onChange:function(t){return v({noGutters:t})}}),!_&&(p()?(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Gutters","wp-bootstrap-blocks"),value:x,options:q,onChange:function(t){v({cssGridGutters:t})}}):i()&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Horizontal Gutters","wp-bootstrap-blocks"),value:B,options:N,onChange:function(t){v({horizontalGutters:t})}}),(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Vertical Gutters","wp-bootstrap-blocks"),value:O,options:X,onChange:function(t){v({verticalGutters:t})}}))))),(0,e.createElement)(r.BlockControls,null,!p()&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.AlignmentToolbar,{value:C,label:(0,n.__)("Change horizontal alignment of columns","wp-bootstrap-blocks"),onChange:function(t){return v({alignment:t})},alignmentControls:M}),(0,e.createElement)(r.AlignmentToolbar,{value:E,label:(0,n.__)("Change vertical alignment of columns","wp-bootstrap-blocks"),onChange:function(t){return v({verticalAlignment:t})},alignmentControls:S}))),(0,e.createElement)("div",{className:c},(0,e.createElement)(r.InnerBlocks,{allowedBlocks:F,template:(o=f,a=G.find((function(t){return t.name===o})),a?a.template:[]),templateLock:I(f),orientation:"horizontal"})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var U=[{label:(0,n.__)("Primary","wp-bootstrap-blocks"),value:"primary",bgColor:O,textColor:z},{label:(0,n.__)("Secondary","wp-bootstrap-blocks"),value:"secondary",bgColor:x,textColor:z}];U=(0,t.applyFilters)("wpBootstrapBlocks.button.styleOptions",U);var Y=O,$=z,J="noreferrer noopener";(0,o.registerBlockType)("wp-bootstrap-blocks/button",{title:(0,n.__)("Button (Bootstrap)","wp-bootstrap-blocks"),icon:f,category:"wp-bootstrap-blocks",keywords:[(0,n.__)("Button","wp-bootstrap-blocks"),(0,n.__)("Bootstrap Button","wp-bootstrap-blocks"),(0,n.__)("Bootstrap","wp-bootstrap-blocks")],example:{},getEditWrapperProps:function(t){return{"data-alignment":t.alignment,"data-style":t.style}},edit:function(t){var o=t.attributes,a=t.className,c=t.isSelected,s=t.setAttributes,i=o.url,p=o.linkTarget,u=o.rel,b=o.text,m=o.style,w=o.alignment,d=!1,h=U.map((function(t){return t.color&&(d=!0),Z(Z({},t),{},{textColor:t.textColor||$,bgColor:t.bgColor||t.color||Y})}));d&&console.warn("[wpBootstrapBlocks.button.styleOptions filter] The color attribute in styleOptions is deprecated. Please us bgColor and textColor instead.");var k={backgroundColor:h.length>0?h[0].bgColor:Y,color:h.length>0?h[0].textColor:$};if(m){var g=h.find((function(t){return t.value===m}));null!=g&&g.bgColor&&null!=g&&g.textColor&&(k={backgroundColor:g.bgColor,color:g.textColor})}return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:a,"data-alignment":w,style:k},(0,e.createElement)(r.RichText,{placeholder:(0,n.__)("Add text...","wp-bootstrap-blocks"),value:b,onChange:function(t){return s({text:t})},allowedFormats:[],keepPlaceholderOnFocus:!0}),(0,e.createElement)(r.InspectorControls,null,(0,e.createElement)(l.PanelBody,null,(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Style","wp-bootstrap-blocks"),value:m,options:U,onChange:function(t){s({style:t})}})),(0,e.createElement)(l.PanelBody,{title:(0,n.__)("Link settings","wp-bootstrap-blocks")},(0,e.createElement)(l.ToggleControl,{label:(0,n.__)("Open in new tab","wp-bootstrap-blocks"),onChange:function(t){var e=t?"_blank":void 0,o=u;e&&!u?o=J:e||u!==J||(o=void 0),s({linkTarget:e,rel:o})},checked:"_blank"===p}),(0,e.createElement)(l.TextControl,{label:(0,n.__)("Link rel","wp-bootstrap-blocks"),value:u||"",onChange:function(t){s({rel:t})}}))),(0,e.createElement)(r.BlockControls,null,(0,e.createElement)(r.AlignmentToolbar,{value:w,label:(0,n.__)("Change button alignment","wp-bootstrap-blocks"),onChange:function(t){return s({alignment:t})}}))),c&&(0,e.createElement)("form",{className:"wp-block-wp-bootstrap-blocks-button-link",onSubmit:function(t){return t.preventDefault()}},(0,e.createElement)(l.Dashicon,{icon:"admin-links"}),(0,e.createElement)(r.URLInput,{value:i,onChange:function(t){return s({url:t})}}),(0,e.createElement)(l.Button,{icon:"editor-break",label:(0,n.__)("Apply","wp-bootstrap-blocks"),type:"submit"})))},save:function(){return null}})}},o={};function l(t){var n=o[t];if(void 0!==n)return n.exports;var r=o[t]={exports:{}};return e[t](r,r.exports,l),r.exports}l.m=e,t=[],l.O=function(e,o,n,r){if(!o){var a=1/0;for(p=0;p=r)&&Object.keys(l.O).every((function(t){return l.O[t](o[s])}))?o.splice(s--,1):(c=!1,r0&&t[p-1][2]>r;p--)t[p]=t[p-1];t[p]=[o,n,r]},l.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){var t={826:0,431:0};l.O.j=function(e){return 0===t[e]};var e=function(e,o){var n,r,a=o[0],c=o[1],s=o[2],i=0;if(a.some((function(e){return 0!==t[e]}))){for(n in c)l.o(c,n)&&(l.m[n]=c[n]);if(s)var p=s(l)}for(e&&e(o);i { cy.get( '.wp-block-wp-bootstrap-blocks-button' ).should( 'have.attr', 'style', - 'background-color: rgb(0, 123, 255);' + 'background-color: rgb(0, 123, 255); color: rgb(255, 255, 255);' ); cy.selectButtonBlock(); @@ -66,7 +66,7 @@ describe( 'Button Block', () => { cy.get( '.wp-block-wp-bootstrap-blocks-button' ).should( 'have.attr', 'style', - 'background-color: rgb(108, 117, 125);' + 'background-color: rgb(108, 117, 125); color: rgb(255, 255, 255);' ); // Editor content should match snapshot diff --git a/cypress/e2e/button/button-filters.cy.js b/cypress/e2e/button/button-filters.cy.js index fe5b6808..9d4d1a89 100644 --- a/cypress/e2e/button/button-filters.cy.js +++ b/cypress/e2e/button/button-filters.cy.js @@ -27,6 +27,49 @@ describe( 'Button Block Filters', () => { // Style option should be applied cy.getSelectByLabel( 'Style' ).select( 'brand' ); + // Style should be visible in UI + cy.get( '.wp-block-wp-bootstrap-blocks-button' ).should( + 'have.attr', + 'style', + 'background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);' + ); + + // Editor content should match snapshot + cy.postContentMatchesSnapshot(); + } ); + + it( 'Deprecated color attribute should be visible in UI', () => { + cy.insertButtonBlock(); + cy.selectButtonBlock(); + cy.ensureSidebarOpened(); + + cy.getSelectByLabel( 'Style' ).select( 'brand-deprecated-color' ); + + // Style should be visible in UI + cy.get( '.wp-block-wp-bootstrap-blocks-button' ).should( + 'have.attr', + 'style', + 'background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);' + ); + + // Editor content should match snapshot + cy.postContentMatchesSnapshot(); + } ); + + it( 'Use default colors if textColor or bgColor attributes are missing in styleOption', () => { + cy.insertButtonBlock(); + cy.selectButtonBlock(); + cy.ensureSidebarOpened(); + + cy.getSelectByLabel( 'Style' ).select( 'missing-colors' ); + + // Style should be visible in UI + cy.get( '.wp-block-wp-bootstrap-blocks-button' ).should( + 'have.attr', + 'style', + 'background-color: rgb(0, 123, 255); color: rgb(255, 255, 255);' + ); + // Editor content should match snapshot cy.postContentMatchesSnapshot(); } ); diff --git a/e2e-test-plugins/button-filters/index.js b/e2e-test-plugins/button-filters/index.js index d7acaa3e..9248ced7 100644 --- a/e2e-test-plugins/button-filters/index.js +++ b/e2e-test-plugins/button-filters/index.js @@ -3,7 +3,21 @@ function buttonFiltersStyleOptions( styleOptions ) { return [ ...styleOptions, - { label: 'Brand', value: 'brand', color: '#FF0000' }, + { + label: 'Brand', + value: 'brand', + bgColor: '#FF0000', + textColor: '#FFFFFF', + }, + { + label: 'Brand (Deprecated Color)', + value: 'brand-deprecated-color', + color: '#FF0000', + }, + { + label: 'Missing colors', + value: 'missing-colors', + }, ]; } wp.hooks.addFilter( diff --git a/languages/wp-bootstrap-blocks-de_CH.po b/languages/wp-bootstrap-blocks-de_CH.po index b5792c02..37ec1ef0 100644 --- a/languages/wp-bootstrap-blocks-de_CH.po +++ b/languages/wp-bootstrap-blocks-de_CH.po @@ -2,7 +2,7 @@ # This file is distributed under the same license as the Bootstrap Blocks plugin. msgid "" msgstr "" -"Project-Id-Version: Bootstrap Blocks 5.0.0\n" +"Project-Id-Version: Bootstrap Blocks 5.1.0\n" "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/wp-bootstrap-" "blocks\n" "POT-Creation-Date: 2022-11-11T09:10:58+00:00\n" diff --git a/languages/wp-bootstrap-blocks-de_DE.po b/languages/wp-bootstrap-blocks-de_DE.po index f7018c63..7f6e920d 100644 --- a/languages/wp-bootstrap-blocks-de_DE.po +++ b/languages/wp-bootstrap-blocks-de_DE.po @@ -2,7 +2,7 @@ # This file is distributed under the same license as the Bootstrap Blocks plugin. msgid "" msgstr "" -"Project-Id-Version: Bootstrap Blocks 5.0.0\n" +"Project-Id-Version: Bootstrap Blocks 5.1.0\n" "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/wp-bootstrap-" "blocks\n" "POT-Creation-Date: 2022-11-11T09:10:58+00:00\n" diff --git a/languages/wp-bootstrap-blocks.pot b/languages/wp-bootstrap-blocks.pot index 7a15196b..a6c6cb56 100644 --- a/languages/wp-bootstrap-blocks.pot +++ b/languages/wp-bootstrap-blocks.pot @@ -2,7 +2,7 @@ # This file is distributed under the GPL2+. msgid "" msgstr "" -"Project-Id-Version: Bootstrap Blocks 5.0.0\n" +"Project-Id-Version: Bootstrap Blocks 5.1.0\n" "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/wp-bootstrap-blocks\n" "Last-Translator: FULL NAME \n" "Language-Team: LANGUAGE \n" diff --git a/package-lock.json b/package-lock.json index 05d26099..422dca61 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "wp-bootstrap-blocks", - "version": "5.0.0", + "version": "5.1.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "wp-bootstrap-blocks", - "version": "5.0.0", + "version": "5.1.0", "license": "GPL-2.0-or-later", "dependencies": { "@wordpress/block-editor": "^10.4.0", diff --git a/package.json b/package.json index 70ecab19..9f612454 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "wp-bootstrap-blocks", - "version": "5.0.0", + "version": "5.1.0", "private": true, "description": "Bootstrap Gutenberg Blocks for WordPress", "author": "Liip AG", diff --git a/readme.txt b/readme.txt index de781e66..0a923496 100644 --- a/readme.txt +++ b/readme.txt @@ -5,7 +5,7 @@ Tags: gutenberg, blocks, bootstrap Requires at least: 5.3 Tested up to: 6.1 Requires PHP: 5.6 -Stable tag: 5.0.0 +Stable tag: 5.1.0 License: GPLv2 License URI: https://www.gnu.org/licenses/gpl-2.0.html @@ -143,6 +143,11 @@ Please create a new GitHub issue and let us know: [https://github.com/liip/boots == Changelog == += 5.1.0 = + +* [CHANGE] Renamed `color` attribute of the `styleOptions` for the button block to `bgColor`. Additionally added `textColor` attribute to be able to change the text color of the button in the editor as well. If you are modifying the `styleOptions` via the [`wpBootstrapBlocks.button.styleOptions`](https://github.com/liip/bootstrap-blocks-wordpress-plugin#wpbootstrapblocksbuttonstyleoptions) JavaScript filter please add the according colors to your style objects. +* [FIX] Remove usage of deprecated `IconButton` component (will be removed in WordPress 6.2). + = 5.0.0 = Starting with this version the plugin only supports WordPress versions >= 5.3. diff --git a/snapshots.js b/snapshots.js index 9d1a8a17..4667712d 100644 --- a/snapshots.js +++ b/snapshots.js @@ -86,6 +86,12 @@ module.exports = { }, "wp_bootstrap_blocks_button_default_attributes should override default attributes": { "1": "" + }, + "Deprecated color attribute should be visible in UI": { + "1": "" + }, + "Use default colors if textColor or bgColor attributes are missing in styleOption": { + "1": "" } }, "Container Block": { diff --git a/src/button/block.json b/src/button/block.json index 273593ef..d7450eea 100644 --- a/src/button/block.json +++ b/src/button/block.json @@ -10,5 +10,5 @@ "Bootstrap" ], "textdomain": "wp-bootstrap-blocks", - "version": "5.0.0" + "version": "5.1.0" } diff --git a/src/button/edit.js b/src/button/edit.js index ed18e30c..5dfd8fdb 100644 --- a/src/button/edit.js +++ b/src/button/edit.js @@ -2,7 +2,7 @@ import { __ } from '@wordpress/i18n'; import { Dashicon, - IconButton, + Button, SelectControl, PanelBody, ToggleControl, @@ -16,18 +16,20 @@ import { BlockControls, AlignmentToolbar, } from '@wordpress/block-editor'; -import { colors } from '../constants'; +import { bgColors, colors } from '../constants'; let styleOptions = [ { label: __( 'Primary', 'wp-bootstrap-blocks' ), value: 'primary', - color: colors.primary, + bgColor: bgColors.primary, + textColor: colors.white, }, { label: __( 'Secondary', 'wp-bootstrap-blocks' ), value: 'secondary', - color: colors.secondary, + bgColor: bgColors.secondary, + textColor: colors.white, }, ]; styleOptions = applyFilters( @@ -35,7 +37,8 @@ styleOptions = applyFilters( styleOptions ); -const DEFAULT_COLOR = colors.primary; +const DEFAULT_BG_COLOR = bgColors.primary; +const DEFAULT_TEXT_COLOR = colors.white; const NEW_TAB_REL_DEFAULT_VALUE = 'noreferrer noopener'; const BootstrapButtonEdit = ( { @@ -63,19 +66,47 @@ const BootstrapButtonEdit = ( { } ); }; + // Fill empty color values with default values and check for usage of deprecated color attribute in styleOptions + let hasDeprecatedColorAttributes = false; + const styleOptionsWithDefault = styleOptions.map( ( styleOption ) => { + if ( styleOption.color ) { + hasDeprecatedColorAttributes = true; + } + return { + ...styleOption, + textColor: styleOption.textColor || DEFAULT_TEXT_COLOR, + bgColor: + styleOption.bgColor || styleOption.color || DEFAULT_BG_COLOR, // Fallback to deprecated color attribute + }; + } ); + + if ( hasDeprecatedColorAttributes ) { + // eslint-disable-next-line no-console + console.warn( + '[wpBootstrapBlocks.button.styleOptions filter] The color attribute in styleOptions is deprecated. Please us bgColor and textColor instead.' + ); + } + // Prepare CSS rules for selected button style let inlineStyle = { backgroundColor: - styleOptions.length > 0 ? styleOptions[ 0 ].color : DEFAULT_COLOR, + styleOptionsWithDefault.length > 0 + ? styleOptionsWithDefault[ 0 ].bgColor + : DEFAULT_BG_COLOR, + color: + styleOptionsWithDefault.length > 0 + ? styleOptionsWithDefault[ 0 ].textColor + : DEFAULT_TEXT_COLOR, }; if ( style ) { - const selectedButtonColor = styleOptions.find( + const selectedButtonColor = styleOptionsWithDefault.find( ( styleOption ) => styleOption.value === style ); - if ( selectedButtonColor?.color ) { + if ( selectedButtonColor?.bgColor && selectedButtonColor?.textColor ) { inlineStyle = { - backgroundColor: selectedButtonColor.color, + backgroundColor: selectedButtonColor.bgColor, + color: selectedButtonColor.textColor, }; } } @@ -151,7 +182,7 @@ const BootstrapButtonEdit = ( { setAttributes( { url: value } ) } /> - - { @@ -416,7 +416,7 @@ const BootstrapRowEdit = ( {
{ template.title }
-
+ ) ) } diff --git a/src/row/editor.scss b/src/row/editor.scss index f3f36c6a..41f920f5 100755 --- a/src/row/editor.scss +++ b/src/row/editor.scss @@ -118,10 +118,10 @@ body:not(.branch-5-3) [data-type="wp-bootstrap-blocks/row"]:not([data-editor-sta flex: 0 0 50%; display: flex; - > .components-icon-button, - > .components-button.has-icon { + > .components-button { flex-direction: column; justify-content: center; + align-items: center; width: 100%; height: auto; padding: 8px; @@ -130,6 +130,8 @@ body:not(.branch-5-3) [data-type="wp-bootstrap-blocks/row"]:not([data-editor-sta &.has-text svg { margin-right: 0; margin-bottom: 4px; + width: 40px; + height: 40px; } &.is-active, diff --git a/wp-bootstrap-blocks.php b/wp-bootstrap-blocks.php index 7fd773d7..209dcda6 100755 --- a/wp-bootstrap-blocks.php +++ b/wp-bootstrap-blocks.php @@ -5,7 +5,7 @@ * Description: Bootstrap Gutenberg Blocks for WordPress. * Author: Liip AG * Author URI: https://liip.ch - * Version: 5.0.0 + * Version: 5.1.0 * License: GPL2+ * License URI: https://www.gnu.org/licenses/gpl-2.0.txt * Text Domain: wp-bootstrap-blocks