{
    "description": {
        "author": "Salesforce",
        "text": [
            "Page Object: rendererConfigurationPanel",
            "Selector: mcontent_lightning_types-renderer-configuration-panel",
            "Panel for configuring and previewing Lightning Type renderer components"
        ]
    },
    "root": true,
    "selector": {
        "css": "mcontent_lightning_types-renderer-configuration-panel"
    },
    "shadow": {
        "elements": [
            {
                "public": true,
                "name": "configurationSection",
                "type": [
                    "actionable"
                ],
                "selector": {
                    "css": "div.slds-col.slds-size_1-of-2:first-child"
                }
            },
            {
                "public": true,
                "name": "previewSection",
                "type": [
                    "actionable"
                ],
                "selector": {
                    "css": "div.slds-col.slds-size_1-of-2:last-child"
                }
            },
            {
                "public": true,
                "name": "configurationTitle",
                "type": [
                    "actionable"
                ],
                "selector": {
                    "css": "h2.configuration-title-text"
                }
            },
            {
                "public": true,
                "name": "settingsIcon",
                "type": "utam-lightning/pageObjects/icon",
                "selector": {
                    "css": "lightning-icon[icon-name='utility:settings']"
                }
            },
            {
                "public": true,
                "name": "helptext",
                "type": "utam-lightning/pageObjects/helptext",
                "selector": {
                    "css": "lightning-helptext"
                }
            },
            {
                "public": true,
                "name": "codeViewButton",
                "type": [
                    "clickable",
                    "actionable"
                ],
                "selector": {
                    "css": "button[title*='Code View'], button.slds-button.slds-button_reset"
                }
            },
            {
                "public": true,
                "name": "codeViewIcon",
                "type": "utam-lightning/pageObjects/icon",
                "selector": {
                    "css": "lightning-icon[icon-name='utility:insert_tag_field']"
                }
            },
            {
                "public": true,
                "name": "configWrapper",
                "type": [
                    "actionable"
                ],
                "selector": {
                    "css": "div.slds-box.configWrapper"
                }
            },
            {
                "public": true,
                "name": "configContainer",
                "type": [
                    "actionable"
                ],
                "selector": {
                    "css": "div.container"
                }
            },
            {
                "public": true,
                "name": "previewIcon",
                "type": "utam-lightning/pageObjects/icon",
                "selector": {
                    "css": "lightning-icon[icon-name='utility:preview']"
                }
            },
            {
                "public": true,
                "name": "previewPanel",
                "type": [
                    "actionable"
                ],
                "selector": {
                    "css": "mcontent_lightning_types-preview-panel"
                }
            }
        ]
    },
    "methods": [
        {
            "name": "clickCodeViewButton",
            "description": "Clicks the Code View button to open code view",
            "compose": [
                {
                    "element": "codeViewButton",
                    "apply": "click"
                }
            ]
        },
        {
            "name": "isCodeViewButtonVisible",
            "description": "Checks if Code View button is visible",
            "compose": [
                {
                    "element": "codeViewButton",
                    "apply": "isVisible"
                }
            ]
        },
        {
            "name": "isConfigurationSectionVisible",
            "description": "Checks if configuration section is visible",
            "compose": [
                {
                    "element": "configurationSection",
                    "apply": "isVisible"
                }
            ]
        },
        {
            "name": "isPreviewSectionVisible",
            "description": "Checks if preview section is visible",
            "compose": [
                {
                    "element": "previewSection",
                    "apply": "isVisible"
                }
            ]
        },
        {
            "name": "waitForConfigurationVisible",
            "description": "Waits for configuration section to become visible",
            "compose": [
                {
                    "element": "configurationSection",
                    "apply": "waitForVisible"
                }
            ]
        },
        {
            "name": "waitForPreviewVisible",
            "description": "Waits for preview section to become visible",
            "compose": [
                {
                    "element": "previewSection",
                    "apply": "waitForVisible"
                }
            ]
        },
        {
            "name": "waitForPanelLoaded",
            "description": "Waits for both configuration and preview sections to be visible",
            "compose": [
                {
                    "element": "configurationSection",
                    "apply": "waitForVisible"
                },
                {
                    "element": "previewSection",
                    "apply": "waitForVisible"
                }
            ]
        },
        {
            "name": "isPreviewPanelPresent",
            "description": "Checks if preview panel component is present",
            "compose": [
                {
                    "element": "previewPanel",
                    "apply": "isPresent"
                }
            ]
        }
    ]
}