
markup.push({

    // MARK: - group

    GroupView: {
        nsClass: "NKView",
        gxBackPainter: "GroupViewBack",
    },

    GroupViewBack:
    {
        nsClass: "GXPainter",
        gxCornerRadius: 0,
        gxEdgeInsets: "-1, 0, -1, 0",
        gxFillColor: "BackColor1",
        gxFrameColor: "BackColor3",
        gxStrokeWidth: 1,
		noStroke: {
			gxFrameColor: "",
		},
        noTopStroke: {
            gxEdgeInsets: "-1, -1, -1, 0",
        },
		noBottomStroke: {
			gxEdgeInsets: "-1, 0, -1, -1",
		},
		selectable: {
            selected: {
                gxStrokeWidth: 4,
                gxFrameColor: "SelectionColor2",
            }
        }
    },

    // MARK: - expanding group

    ExpandingGroupView: {
        nsClass: "GXExpandingView",
        gxBackPainter: "GroupViewBack",
		gxDefaultValue: false, // collapsed - usual for advanced sections
        //axIsIgnored: false,
    },

	
    // MARK: - group title view

    GroupTitleView:
    {
        "+": "LabelView.left.foreColor1.size13",
        gxLayout: [
           "H:|-14-[self(140)]",
        ],
        withDivider: {
            gxBackPainter: "AdvancedGroupButtonBack",
        }
    },
            

    // MARK: - advanced section button

    AdvancedGroupButton:
	{
        "+": "ButtonView",
        gxBackPainter: "AdvancedGroupButtonBack",
        gxForePainter: "AdvancedGroupButtonFore",
        gxDisableOnNil: false,
        //gxButtonType: "toggle",
		axHelp: "Reveals additional controls when expanded",
		axRoleDescription: "Disclosure Button",
        gxLayout: [
                "H:|-0-[self]-0-|",
                "V:[self(34)]"
        ],
        gxIntrinsicHeight: 34,
    },

    AdvancedGroupButtonBack:
	{
        nsClass: "GXPainter",
        gxEdgeInsets: "-1, 0, -1, -1",
        gxFillColor: "BackColor1",
        gxFrameColor: "BackColor3",
        gxStrokeWidth: 1,
		noTopStroke: {
			gxEdgeInsets: "-1, -1, -1, -1",
		},
    },

    AdvancedGroupButtonFore: {
        "+": "LabelFore.useMarkup",
        gxFontColor: "ForeColor1",
        gxEdgeInsets: "13, 0, 0, 0",
        gxHAlign: 0,
        gxVAlign: 0.5,
    },


})
