FEAT: Add 'inline-flex' to display selector in Style Manager

For anyone looking for a solution, I didn't manage to do this by modifying the StyleManager options So here is what I did

    const sector = editor.StyleManager.getSector('flex')
    sector.on('change:visible', () => applyVisibility())
    editor.on('component:selected', comp => applyVisibility(comp))
    function applyVisibility(comp: Component = editor.getSelected()) {
      requestAnimationFrame(() => {
        const computedDisplay = comp?.view?.el && getComputedStyle(comp.view.el)['display'] as string || ''
        const isFlex = computedDisplay === 'flex' || computedDisplay === 'inline-flex'
        const parent = comp.parent()
        const parentComputedDisplay = parent?.view?.el && getComputedStyle(parent.view.el)['display'] as string || ''
        const parentIsFlex = parentComputedDisplay === 'flex' || parentComputedDisplay === 'inline-flex'
        if (parentIsFlex || isFlex) {
          sector.set('visible', true)
        }
        if (parentIsFlex && isFlex) {
          sector.getProperties()
            .forEach(p => p.set('visible', true))
        } else if (isFlex) {
          sector.getProperties()
            .forEach(p => p.set('visible', FLEX_PROPS.includes(p.getId())))
        } else if (parentIsFlex) {
          sector.getProperties()
            .forEach(p => p.set('visible', FLEX_ITEM_PROPS.includes(p.getId())))
        }
      })
    }

Sorry @fq-selbach but this is something that could be handled via plugins, there is no need to have this logic in the core library

@artf ok, but can you tell me please how I can control the "Flex" category of the Style Manager because the logic of showing/hiding it seems to be hard-coded :-/ I can add 'inline-flex' to the "Display" selector with a plugin ... but it will never show the "Flex" category when its selected. Alternatively can you show me how to make the "Flex" category show always instead of being controlled by "Display=flex"?