
markup.push({

SimpleCompressorView: {
    "+": "GroupView.noBottomStroke",
    gxLayout: [
        "V:|-16-[mode]-10-[text(31)]-0-|",
        "V:[mode]-11-[infoIcon]",

        "H:|-14-[modeLabel]-8-[mode]-14-|&alignBaseline",

        "H:|-14-[infoIcon(16)]-8-[text]-11-|",
    ],
    gxChildViews: {
        modeLabel: labelView("Compressor Mode:"),
        mode: {
            "+": "PopupMenuTemplate",
            gxValueKey: "nodeModel.preset",
            gxMenuItemsKeyPath: "presetMenuItems",
            axIsIgnored: false,
            axTitle: "Compressor Mode",
        },
        infoIcon: {
            "+": "InfoIcon"
        },
        text: {
            "+": "DescriptionLabelView",
            gxDefaultValue: "Reduce the volume of loud audio and boost quieter passages.",
        }
    }
},

SimpleCompressorPopover: {
    "+": "PopoverTemplate",
    gxTitle: "Simple Compressor",
    gxCanDrawSubviewsIntoLayer: true,
    gxLayout: [
        "H:|-12-[self(320)]-12-|",
        "V:|-12-[self]-12-|",
        "V:|-41-[settingsContainer]-16-|"
    ],
    gxChildViews: {
        title: "PopoverTitle",
        switch: "PopoverOnOffSwitch",
        settingsContainer: {
            nsClass: "GXDrawView"
        }
    }
}

})
