Query Loop / Post Template block: additional grid view layout options about gutenberg

[realthemes]

I implemented something similar in the extended core/post-template block for my theme, but due to insufficient documentation, this plugin works poorly. I even lost the place in the documentation where the issue of creating a custom layout for the Post Template was covered, if anyone knows, please tell me. There was something there: about the attribute
layout: { default: { type: 'custom' } }

Here my results, plugin allow me to set Gap, also it allow to set Columns count for every breakpoint, like Mobile, Tablet or Desktop.

[realthemes]

Just improved my block plugin a bit to be able to set the spacing between rows and columns independently. But I still need a suggestion on how to set my own attribute layout type, here is my implementation:

<ToolbarButton
	icon={icon}
	label={__(
		'Responsive grid view',
		'responsive-post-template'
	)}
	isActive={
		layout &&
		layout.default &&
		layout.default.type === 'custom' &&
		layout.type !== 'grid' &&
		layout.type !== 'default'
	}
	onClick={() => {
		setAttributes({
			layout: { default: { type: 'custom' } },
		});
	}}
/>

With this code I still get the default layout classnames that come with WordPress like "is-layout-flow wp-block-post-template-is-layout-flow" etc and I found workaround to filter them using PHP filter on frontend. This solution is not perfect, and I would like to improve it.