Selection colour of components with custom view models

[kasyrm]

Fist of all super editor is an amazing tool, thanks for creating it 🚀

User Behavior
I would like to be able to provide a selection colour for my custom components. For the view models provided by package the selection colour seems to be assigned inside a private function _applySelection in SingleColumnLayoutSelectionStyler, but other components do not change colour when selected. (I also noticed horizontal ruler selection colour differs from the rest. Would be great to be able to override it)

Feature Value
It provides proper feedback to user that the element is selected.

Additional context
If this is achievable already in a different way please let me know 🙏

[matthew-carroll]

To make sure that we understand exactly what you're requesting, can you provide a specific UI goal that you're trying to achieve, and let us know what you've tried, and where you're getting stuck?

I understand there's a general desire for selection control, but it would be more effective to work from a specific goal.

[kasyrm]

I would like for the component to appear selected.
In my button component I added a SelectableBox that accepts selection and selection color. Selection information is provided from view model mirroring for example the HorizontalRulerComponent. From what I found selection is assigned in SingleColumnLayoutSelectionStyler but only to 3 particular ViewModels (Text, Image and HorizotalRuler). I would like there to be a way to pass the information also to custom ViewModels.

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Positioned.fill(
          child: SelectableBox(
            selection: selection,
            selectionColor: selectionColor,
            child: BoxComponent(key: componentKey, child: Container()),
          ),
        ),
        _buildButton(),
      ],
    );
  }

Button component that is selected but does not appear selected