From eb2ae8b1a4c0172bb847d540f5fa038ad85d0d1d Mon Sep 17 00:00:00 2001 From: Saumya Majumder Date: Fri, 11 Nov 2022 19:17:14 +0530 Subject: [PATCH 01/14] Added bgColor and color option separately for wpBootstrapBlocks.button.styleOptions hook so users can pass both the background and the text colors for the buttons --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4081ea3b..93841451 100755 --- a/README.md +++ b/README.md @@ -562,7 +562,7 @@ 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', color: '#FFFFFF } ); return styleOptions; } wp.hooks.addFilter( From a5edbeccb91200f830728b7b0d9d9476bb3d8feb Mon Sep 17 00:00:00 2001 From: Saumya Majumder Date: Fri, 11 Nov 2022 19:18:22 +0530 Subject: [PATCH 02/14] Changed the default colors variable name to bgColors as it holds the background color options. Also added a colors variable that holds the text colors. --- src/constants.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/constants.js b/src/constants.js index 26db8da4..d96a01b6 100644 --- a/src/constants.js +++ b/src/constants.js @@ -1,4 +1,8 @@ -export const colors = { +export const bgColors = { primary: '#007bff', secondary: '#6c757d', }; + +export const colors = { + white: '#ffffff' +}; \ No newline at end of file From 335419b17bcd678fe355172fceb1e0bf3e8b2174 Mon Sep 17 00:00:00 2001 From: Saumya Majumder Date: Fri, 11 Nov 2022 19:19:44 +0530 Subject: [PATCH 03/14] Import both bgColors and colors from the constant file and add option to have both bgColor and color set by the user for each buttons style options. --- src/button/edit.js | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/src/button/edit.js b/src/button/edit.js index ed18e30c..b8ec9144 100644 --- a/src/button/edit.js +++ b/src/button/edit.js @@ -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, + color: colors.white }, { label: __( 'Secondary', 'wp-bootstrap-blocks' ), value: 'secondary', - color: colors.secondary, + bgColor: bgColors.secondary, + color: colors.white }, ]; styleOptions = applyFilters( @@ -35,7 +37,8 @@ styleOptions = applyFilters( styleOptions ); -const DEFAULT_COLOR = colors.primary; +const DEFAULT_BG_COLOR = bgColors.primary; +const DEFAULT_COLOR = colors.white; const NEW_TAB_REL_DEFAULT_VALUE = 'noreferrer noopener'; const BootstrapButtonEdit = ( { @@ -66,6 +69,8 @@ const BootstrapButtonEdit = ( { // Prepare CSS rules for selected button style let inlineStyle = { backgroundColor: + styleOptions.length > 0 ? styleOptions[ 0 ].bgColor : DEFAULT_BG_COLOR, + color: styleOptions.length > 0 ? styleOptions[ 0 ].color : DEFAULT_COLOR, }; @@ -73,9 +78,10 @@ const BootstrapButtonEdit = ( { const selectedButtonColor = styleOptions.find( ( styleOption ) => styleOption.value === style ); - if ( selectedButtonColor?.color ) { + if ( selectedButtonColor?.bgColor && selectedButtonColor?.color ) { inlineStyle = { - backgroundColor: selectedButtonColor.color, + backgroundColor: selectedButtonColor.bgColor, + color: selectedButtonColor.color }; } } From fdfad7f8793b6a78624b6c76321047906e8622f9 Mon Sep 17 00:00:00 2001 From: Saumya Majumder Date: Fri, 11 Nov 2022 19:20:48 +0530 Subject: [PATCH 04/14] Updated the import statement to replace the colors variable name with bgColors and also inside the code wherever the colors variables have been used, replaced that with the bgColors --- src/column/edit.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/column/edit.js b/src/column/edit.js index d38b32c0..2bf93310 100644 --- a/src/column/edit.js +++ b/src/column/edit.js @@ -23,7 +23,7 @@ import { verticalAlignCenter, verticalAlignTop, } from '../icons'; -import { colors } from '../constants'; +import { bgColors } from '../constants'; const contentVerticalAlignmentControls = [ { @@ -67,8 +67,8 @@ const ColumnSizeRangeControl = ( { }; export let bgColorOptions = [ - { name: 'primary', color: colors.primary }, - { name: 'secondary', color: colors.secondary }, + { name: 'primary', color: bgColors.primary }, + { name: 'secondary', color: bgColors.secondary }, ]; bgColorOptions = applyFilters( From 08041daa7ae00043a582a71cc3153b057bb9841c Mon Sep 17 00:00:00 2001 From: Saumya Majumder Date: Fri, 11 Nov 2022 19:21:35 +0530 Subject: [PATCH 05/14] Run build command for to generate the updated files --- build/index.asset.php | 2 +- build/index.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/build/index.asset.php b/build/index.asset.php index 0735be5e..0a152eb7 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' => '50cb7b11519b5b7cfb75'); diff --git a/build/index.js b/build/index.js index d205922c..9a10834b 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",z="#6c757d",x="#ffffff",M=["label","attributeName","value","setAttributes"],V=[{icon:g,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"}],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,M);return(0,e.createElement)(l.RangeControl,B({label:o,value:r,onChange:function(t){a(y({},n,t))},min:0,max:12},c))},P=[{name:"primary",color:O},{name:"secondary",color:z}];P=(0,t.applyFilters)("wpBootstrapBlocks.column.bgColorOptions",P);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,k={};if(m){var h=P.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,g=o.sizeXs,v=o.equalWidthXxl,f=o.equalWidthXl,_=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)(S,{label:(0,n.__)("Xs Column count","wp-bootstrap-blocks"),attributeName:"sizeXs",value:g,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)(S,{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)(S,{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)(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:P,value:y,onChange:function(t){if(t){var e=P.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:x,label:(0,n.__)("Change vertical alignment of content","wp-bootstrap-blocks"),onChange:function(t){return u({contentVerticalAlignment:t})},alignmentControls:V})),(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 F="custom",j=["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];M(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:z,options:X,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:y,options:N,onChange:function(t){v({horizontalGutters:t})}}),(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Vertical Gutters","wp-bootstrap-blocks"),value:O,options:I,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:V}),(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:j,template:(o=f,a=G.find((function(t){return t.name===o})),a?a.template:[]),templateLock:q(f),orientation:"horizontal"})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var R=[{label:(0,n.__)("Primary","wp-bootstrap-blocks"),value:"primary",bgColor:O,color:x},{label:(0,n.__)("Secondary","wp-bootstrap-blocks"),value:"secondary",bgColor:z,color:x}];R=(0,t.applyFilters)("wpBootstrapBlocks.button.styleOptions",R);var Z="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={backgroundColor:R.length>0?R[0].bgColor:"#007bff",color:R.length>0?R[0].color:"#ffffff"};if(m){var k=R.find((function(t){return t.value===m}));null!=k&&k.bgColor&&null!=k&&k.color&&(d={backgroundColor:k.bgColor,color: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:R,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=Z:e||u!==Z||(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);i Date: Tue, 15 Nov 2022 09:15:27 +0100 Subject: [PATCH 06/14] fallback to color attribute if available / implement tests --- cypress/e2e/button/button-block.cy.js | 6 ++-- cypress/e2e/button/button-filters.cy.js | 43 ++++++++++++++++++++++++ e2e-test-plugins/button-filters/index.js | 16 ++++++++- snapshots.js | 6 ++++ src/button/edit.js | 29 +++++++++++----- 5 files changed, 87 insertions(+), 13 deletions(-) diff --git a/cypress/e2e/button/button-block.cy.js b/cypress/e2e/button/button-block.cy.js index 95e6f218..2c87c53a 100644 --- a/cypress/e2e/button/button-block.cy.js +++ b/cypress/e2e/button/button-block.cy.js @@ -47,14 +47,14 @@ describe( 'Button Block', () => { cy.postContentMatchesSnapshot(); } ); - it( 'Style should be visible in UI', () => { + it.only( 'Style should be visible in UI', () => { cy.insertButtonBlock(); // Check default button style 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/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/edit.js b/src/button/edit.js index b8ec9144..682f3c48 100644 --- a/src/button/edit.js +++ b/src/button/edit.js @@ -23,13 +23,13 @@ let styleOptions = [ label: __( 'Primary', 'wp-bootstrap-blocks' ), value: 'primary', bgColor: bgColors.primary, - color: colors.white + textColor: colors.white, }, { label: __( 'Secondary', 'wp-bootstrap-blocks' ), value: 'secondary', bgColor: bgColors.secondary, - color: colors.white + textColor: colors.white, }, ]; styleOptions = applyFilters( @@ -38,7 +38,7 @@ styleOptions = applyFilters( ); const DEFAULT_BG_COLOR = bgColors.primary; -const DEFAULT_COLOR = colors.white; +const DEFAULT_TEXT_COLOR = colors.white; const NEW_TAB_REL_DEFAULT_VALUE = 'noreferrer noopener'; const BootstrapButtonEdit = ( { @@ -66,22 +66,33 @@ const BootstrapButtonEdit = ( { } ); }; + // Fill empty color values with default values and check for usage of deprecated color attribute in styleOptions + const styleOptionsWithDefault = styleOptions.map( ( styleOption ) => ( { + ...styleOption, + textColor: styleOption.textColor || DEFAULT_TEXT_COLOR, + bgColor: styleOption.bgColor || styleOption.color || DEFAULT_BG_COLOR, // Fallback to deprecated color attribute + } ) ); + // Prepare CSS rules for selected button style let inlineStyle = { backgroundColor: - styleOptions.length > 0 ? styleOptions[ 0 ].bgColor : DEFAULT_BG_COLOR, - color: - 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?.bgColor && selectedButtonColor?.color ) { + if ( selectedButtonColor?.bgColor && selectedButtonColor?.textColor ) { inlineStyle = { backgroundColor: selectedButtonColor.bgColor, - color: selectedButtonColor.color + color: selectedButtonColor.textColor, }; } } From 561882cc0688e3551a0368e09d318ab71b44c26b Mon Sep 17 00:00:00 2001 From: Juerg Hunziker Date: Tue, 15 Nov 2022 09:31:55 +0100 Subject: [PATCH 07/14] add deprecation warning --- src/button/edit.js | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/src/button/edit.js b/src/button/edit.js index 682f3c48..edf22a28 100644 --- a/src/button/edit.js +++ b/src/button/edit.js @@ -67,11 +67,25 @@ const BootstrapButtonEdit = ( { }; // Fill empty color values with default values and check for usage of deprecated color attribute in styleOptions - const styleOptionsWithDefault = styleOptions.map( ( styleOption ) => ( { - ...styleOption, - textColor: styleOption.textColor || DEFAULT_TEXT_COLOR, - bgColor: styleOption.bgColor || styleOption.color || DEFAULT_BG_COLOR, // Fallback to deprecated color attribute - } ) ); + 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 = { From 53d0744df68d241ba580fea9c6e9d569ed39dcb3 Mon Sep 17 00:00:00 2001 From: Juerg Hunziker Date: Tue, 15 Nov 2022 13:26:13 +0100 Subject: [PATCH 08/14] write changelog --- README.md | 21 +++++++++++++++++++-- readme.txt | 4 ++++ 2 files changed, 23 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 93841451..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', bgColor: '#FF0000', color: '#FFFFFF } ); + 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/readme.txt b/readme.txt index de781e66..740d1060 100644 --- a/readme.txt +++ b/readme.txt @@ -143,6 +143,10 @@ 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. + = 5.0.0 = Starting with this version the plugin only supports WordPress versions >= 5.3. From 63d0ea9a46885e8af4bd9146289b44cc37a53776 Mon Sep 17 00:00:00 2001 From: Juerg Hunziker Date: Tue, 15 Nov 2022 14:29:44 +0100 Subject: [PATCH 09/14] replace deprecated IconButton with Button --- src/button/edit.js | 4 ++-- src/row/edit.js | 6 +++--- src/row/editor.scss | 6 ++++-- 3 files changed, 9 insertions(+), 7 deletions(-) diff --git a/src/button/edit.js b/src/button/edit.js index edf22a28..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, @@ -182,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, From 166d6542e216463ca94747797fcb552c4bac47e9 Mon Sep 17 00:00:00 2001 From: Juerg Hunziker Date: Tue, 15 Nov 2022 14:36:33 +0100 Subject: [PATCH 10/14] write changelog --- readme.txt | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.txt b/readme.txt index 740d1060..be381fce 100644 --- a/readme.txt +++ b/readme.txt @@ -146,6 +146,7 @@ Please create a new GitHub issue and let us know: [https://github.com/liip/boots = 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 = From c2ae89a1cec250a0097446bea1b5345a6420acb7 Mon Sep 17 00:00:00 2001 From: Juerg Hunziker Date: Tue, 15 Nov 2022 14:37:24 +0100 Subject: [PATCH 11/14] build assets --- build/index.asset.php | 2 +- build/index.css | 2 +- build/index.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/build/index.asset.php b/build/index.asset.php index 0a152eb7..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' => '50cb7b11519b5b7cfb75'); + 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 9a10834b..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="#ffffff",M=["label","attributeName","value","setAttributes"],V=[{icon:g,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"}],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,M);return(0,e.createElement)(l.RangeControl,B({label:o,value:r,onChange:function(t){a(y({},n,t))},min:0,max:12},c))},P=[{name:"primary",color:O},{name:"secondary",color:z}];P=(0,t.applyFilters)("wpBootstrapBlocks.column.bgColorOptions",P);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,k={};if(m){var h=P.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,g=o.sizeXs,v=o.equalWidthXxl,f=o.equalWidthXl,_=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)(S,{label:(0,n.__)("Xs Column count","wp-bootstrap-blocks"),attributeName:"sizeXs",value:g,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)(S,{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)(S,{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)(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:P,value:y,onChange:function(t){if(t){var e=P.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:x,label:(0,n.__)("Change vertical alignment of content","wp-bootstrap-blocks"),onChange:function(t){return u({contentVerticalAlignment:t})},alignmentControls:V})),(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 F="custom",j=["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];M(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:z,options:X,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:y,options:N,onChange:function(t){v({horizontalGutters:t})}}),(0,e.createElement)(l.SelectControl,{label:(0,n.__)("Vertical Gutters","wp-bootstrap-blocks"),value:O,options:I,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:V}),(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:j,template:(o=f,a=G.find((function(t){return t.name===o})),a?a.template:[]),templateLock:q(f),orientation:"horizontal"})))},save:function(){return(0,e.createElement)(r.InnerBlocks.Content,null)}});var R=[{label:(0,n.__)("Primary","wp-bootstrap-blocks"),value:"primary",bgColor:O,color:x},{label:(0,n.__)("Secondary","wp-bootstrap-blocks"),value:"secondary",bgColor:z,color:x}];R=(0,t.applyFilters)("wpBootstrapBlocks.button.styleOptions",R);var Z="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={backgroundColor:R.length>0?R[0].bgColor:"#007bff",color:R.length>0?R[0].color:"#ffffff"};if(m){var k=R.find((function(t){return t.value===m}));null!=k&&k.bgColor&&null!=k&&k.color&&(d={backgroundColor:k.bgColor,color: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:R,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=Z:e||u!==Z||(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 Date: Tue, 15 Nov 2022 14:38:05 +0100 Subject: [PATCH 12/14] remove only attribute --- cypress/e2e/button/button-block.cy.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/cypress/e2e/button/button-block.cy.js b/cypress/e2e/button/button-block.cy.js index 2c87c53a..72ca6fe9 100644 --- a/cypress/e2e/button/button-block.cy.js +++ b/cypress/e2e/button/button-block.cy.js @@ -47,7 +47,7 @@ describe( 'Button Block', () => { cy.postContentMatchesSnapshot(); } ); - it.only( 'Style should be visible in UI', () => { + it( 'Style should be visible in UI', () => { cy.insertButtonBlock(); // Check default button style From 359db1a8e04a3db2a76abca6a001b9a519f42a49 Mon Sep 17 00:00:00 2001 From: Juerg Hunziker Date: Tue, 15 Nov 2022 14:39:07 +0100 Subject: [PATCH 13/14] fix code style --- src/constants.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/constants.js b/src/constants.js index d96a01b6..bc7f3d62 100644 --- a/src/constants.js +++ b/src/constants.js @@ -4,5 +4,5 @@ export const bgColors = { }; export const colors = { - white: '#ffffff' -}; \ No newline at end of file + white: '#ffffff', +}; From 223f2d7f3fc56d5dbf934f8ea81a8295c65e62fc Mon Sep 17 00:00:00 2001 From: Juerg Hunziker Date: Tue, 15 Nov 2022 15:07:18 +0100 Subject: [PATCH 14/14] set version to 5.1.0 --- languages/wp-bootstrap-blocks-de_CH.po | 2 +- languages/wp-bootstrap-blocks-de_DE.po | 2 +- languages/wp-bootstrap-blocks.pot | 2 +- package-lock.json | 4 ++-- package.json | 2 +- readme.txt | 2 +- src/button/block.json | 2 +- src/class-wp-bootstrap-blocks.php | 2 +- wp-bootstrap-blocks.php | 2 +- 9 files changed, 10 insertions(+), 10 deletions(-) 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 be381fce..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 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/class-wp-bootstrap-blocks.php b/src/class-wp-bootstrap-blocks.php index 7fa0262f..7739950c 100755 --- a/src/class-wp-bootstrap-blocks.php +++ b/src/class-wp-bootstrap-blocks.php @@ -33,7 +33,7 @@ class WP_Bootstrap_Blocks { * * @var string */ - public static $version = '5.0.0'; + public static $version = '5.1.0'; /** * The plugin token. 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