/*!
 * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
 */
import { h, Host } from "@stencil/core";
import classNames from "classnames";
export class ViewerAnnotationCallout {
    constructor() {
        /**
         * The icon size to display.
         */
        this.iconSize = 'sm';
    }
    render() {
        return (h(Host, { key: 'dd17e22c5146ba10148948e719adfc7fd39d5e23' }, h("div", { key: 'fea0a880cc65473788b261457357ad48a2c7f246', class: classNames('content', this.iconSize), style: {
                borderColor: this.data.accentColor,
                backgroundColor: this.data.primaryColor,
            } }, h("vertex-viewer-icon", { key: 'bf9dc9c5d8c604532d8127b0f620387b42f29dae', class: "icon", name: this.data.icon, size: this.iconSize, style: { color: this.data.accentColor } }))));
    }
    static get is() { return "vertex-viewer-annotation-callout"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["viewer-annotation-callout.css"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["viewer-annotation-callout.css"]
        };
    }
    static get properties() {
        return {
            "data": {
                "type": "unknown",
                "mutable": false,
                "complexType": {
                    "original": "CalloutAnnotationData",
                    "resolved": "CalloutAnnotationData",
                    "references": {
                        "CalloutAnnotationData": {
                            "location": "import",
                            "path": "../../lib/annotations/annotation",
                            "id": "src/lib/annotations/annotation.ts::CalloutAnnotationData",
                            "referenceLocation": "CalloutAnnotationData"
                        }
                    }
                },
                "required": true,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The data that describes how to render the callout annotation."
                },
                "getter": false,
                "setter": false
            },
            "iconSize": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "ViewerIconSize",
                    "resolved": "\"lg\" | \"md\" | \"sm\" | undefined",
                    "references": {
                        "ViewerIconSize": {
                            "location": "import",
                            "path": "../viewer-icon/viewer-icon",
                            "id": "src/components/viewer-icon/viewer-icon.tsx::ViewerIconSize",
                            "referenceLocation": "ViewerIconSize"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The icon size to display."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "icon-size",
                "defaultValue": "'sm'"
            }
        };
    }
}
//# sourceMappingURL=viewer-annotation-callout.js.map
