}
    }
}
component ChannelEntry inherits Rectangle {
    in property <string> name;
    in property <bool> active;
    HorizontalBox {
        alignment: start;
        spacing: 0;
        padding: 0;
        Rectangle {
            width: 10px;
            height: 100%;
            visible: root.active;
            background: blue;
        }
        Text {
            text: "\{name}";

            for ch[index] in channels: HorizontalBox {
                alignment: start;
                spacing: 0;
                padding: 0;
                Rectangle {
                    width: 10px;
                    height: 10px;
                    visible: index == root.active;
                    background: blue;
                }
                Text {
                    text: "\{ch}";
                }

            for ch[index] in channels: ChannelEntry {
                name: ch;
                active: active == index;