
markup.push({

BassTrebleView: {
    "+": "GroupView",
    gxLayout: [
        "H:|-12-[bass]-12-|",
        "H:|-12-[treble]-12-|",
        "V:|-30-[bass]-22-[treble]-16-|",

        "V:[bassLabel]-(-1)-[bass]&alignLeft",
        "V:[bassReadout]-(-1)-[bass]&alignRight",

        "V:[trebleLabel]-(-1)-[treble]&alignLeft",
        "V:[trebleReadout]-(-1)-[treble]&alignRight",
    ],
    gxChildViews: {
        bass: {
            "+": "SliderView.trackUnfilled",
            gxValueKey: "nodeModel.bass",
            gxDetents: "0.5",
            gxDefaultValue: 0.5,
            gxKeystrokeStepSize: 0.005,
            axTitle: "Bass",
            axFormatter: "OffsetFormatter"
        },
        bassLabel: labelView("Bass"),
        bassReadout: {
            "+": "ReadoutView",
            gxValueKey: "nodeModel.bass",
            gxClickValue: 0.5,
            gxFormatter: "OffsetFormatter"
        },
        treble: {
            "+": "SliderView.trackUnfilled",
            gxValueKey: "nodeModel.treble",
            gxDetents: "0.5",
            gxDefaultValue: 0.5,
            gxKeystrokeStepSize: 0.005,
            axTitle: "Treble",
            axFormatter: "OffsetFormatter"
        },
        trebleLabel: labelView("Treble"),
        trebleReadout: {
            "+": "ReadoutView",
            gxValueKey: "nodeModel.treble",
            gxClickValue: 0.5,
            gxFormatter: "OffsetFormatter"
        }
    }
},

BassTreblePopover: {
    "+": "PopoverTemplate",
    gxTitle: "Bass & Treble",
    axTitle: "Bass and Treble",
    gxCanDrawSubviewsIntoLayer: true,
    gxWantsLayer: true,
    gxLayout: [ 
        "H:|-12-[self(284)]-12-|",
        "V:|-12-[self]-12-|",
        "V:|-41-[settingsContainer]-8-[presetsGroup]",
        "H:|-0-[settingsContainer]-0-|",
    ],
    gxChildViews:
    {
        title: "PopoverTitle",
        switch: "PopoverOnOffSwitch",
        presetsGroup: presetsGroup(),
        settingsContainer: {
            nsClass: "GXDrawView"
        }
    }
}
    
})
