{
    "description": {
        "author": "Salesforce",
        "text": [
            "Component that can conditionally block user interactions based on `disabled` and `readOnly` properties.",
            "Selector: src-message-disabler"
        ]
    },
    "shadow": {
        "elements": [
            {
                "name": "disabledBlockerDiv",
                "selector": {
                    "css": ".disabled-blocker"
                },
                "description": "Represents a div that blocks interaction when the component is disabled or read-only.",
                "nullable": true
            }
        ]
    },
    "elements": [
        {
            "name": "defaultSlot",
            "selector": {
                "css": ":scope > *:first-child"
            },
            "type": "container",
            "description": "Represents the default slot for child component insertion.",
            "public": true
        }
    ],
    "methods": [
        {
            "name": "isDisabledBlockerVisible",
            "description": {
                "text": [
                    "Check if the disabled blocker div is visible"
                ],
                "return": "boolean"
            },
            "compose": [
                {
                    "element": "disabledBlockerDiv",
                    "apply": "isVisible"
                }
            ]
        },
        {
            "name": "verifyDisabledBlockerDivPresence",
            "description": {
                "text": [
                    "Returns true if element \"disabledBlockerDiv\" present on the page"
                ],
                "return": "boolean"
            },
            "compose": [
                {
                    "element": "disabledBlockerDiv",
                    "matcher": {
                        "type": "notNull"
                    }
                }
            ]
        }
    ]
}