Regarding the loading of properties

[gilsonnetotec]

### I need to load the property when it enters a new condition, how do I do this? import { Editor } from 'grapesjs'

export function editorPublishers(editor: Editor) {
const colorText = {
name: 'Cor de Texto',
property: 'color',
type: 'color',
defaults: 'black'
}

const colorBackground = {
	name: 'Cor de Fundo',
	property: 'background-color',
	label: 'Base type',
	type: 'color',
	defaults: 'white'
}

let currentProperties = [colorBackground]

editor.StyleManager.addSector('editor', {
	name: 'Edição',
	open: false,
	properties: currentProperties
})

editor.on('component:selected', (selectedComponent) => {
	const typeComponent = selectedComponent.get('type')
	const style = selectedComponent.getStyle()

	Object.keys(style).forEach((property) => {
		style[property] = ''
	})

	if (typeComponent === 'label' || typeComponent === 'text') {
		currentProperties = [colorText]
	} else {
		currentProperties = [colorBackground]
	}

	currentProperties.forEach((property) => {
		style[property.property] = property.defaults
	})
})