
markup.push({

DehumView: {
    "+": "GroupView",
    gxLayout: [
        "H:|-12-[frequency]-12-|",
        "H:|-12-[amount]-12-|",
        "V:|-30-[frequency]-22-[amount]-12-[infoText(16)]-16-|",

        "V:[frequencyLabel]-(-1)-[frequency]&alignLeft",
        "V:[frequencyReadout]-(-1)-[frequency]&alignRight",

        "V:[amountLabel]-(-1)-[amount]&alignLeft",
        "V:[amountReadout]-(-1)-[amount]&alignRight",

        "H:|-12-[infoIcon(16)]-8-[infoText]-11-|",

        "V:[amount]-11-[infoIcon]",
    ],
    gxChildViews: {
        frequency: {
            "+": "SliderView",
            gxValueKey: "nodeModel.baseFrequency",
            gxRangeMin: 20,
            gxRangeMax: 1000,
            gxDefaultValue: 50,
            gxKeystrokeStepSize: 1,
            axTitle: "Base Frequency",
            axFormatter: "HertzFormatter",
        },
        frequencyLabel: labelView("Base Frequency"),
        frequencyReadout: {
            "+": "ReadoutView",
            gxValueKey: "nodeModel.baseFrequency",
            gxFormatter: "HertzFormatter",
            gxClickValue: 50
        },
        amount: {
            "+": "SliderView",
            gxValueKey: "nodeModel.amount",
            gxRangeMin: 1,
            gxRangeMax: 10,
            gxDefaultValue: 3,
            gxKeystrokeStepSize: 1,
            axTitle: "De hum Amount",
            axFormatter: "NumberFormatter",
        },
        amountLabel: labelView("Dehum Amount"),
        amountReadout: {
            "+": "ReadoutView",
            gxFormatter: "NumberFormatter",
            gxValueKey: "nodeModel.amount",
            gxClickValue: 3
        },
        infoIcon: {
            "+": "InfoIcon"
        },
        infoText: {
            "+": "DescriptionLabelView",
            gxDefaultValue: "Remove low frequency humming from audio."
        },
    }
},

DehumPopover: {
	"+": "PopoverTemplate",
	gxTitle: "Dehum",
	axTitle: "De Hum",
	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"
        }
	}
},

DehumPresets:
{
    gxDefaultPresets:
    [
		{   presetName: "50 Hz (EU)",
            presetValues: {"dehumBaseFrequency": 50, "dehumAmount": 3 },
        },
		{
            presetName: "60 Hz (USA)",
            presetValues: {"dehumBaseFrequency": 60, "dehumAmount": 3 },
        }
	]
},


})
