{
    "$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
    "apiVersion": 1,
    "name": "TcHmiImage",
    "namespace": "TcHmi.Controls.Beckhoff",
    "displayName": "Image",
    "version": {
        "full": "1.12.760.48",
        "major": 1,
        "minor": 12,
        "build": 760,
        "revision": 48
    },
    "visible": true,
    "themeable": "Standard",
    "base": "TcHmi.Controls.System.TcHmiControl",
    "description": "Shows an Image.",
    "defaultDesignerEvent": ".onPressed",
    "properties": {
        "containerControl": false,
        "geometry": {
            "width": 300,
            "height": 150
        }
    },
    "icons": [
        {
            "name": "Icons/16x16.png",
            "width": 16,
            "height": 16
        }
    ],
    "template": "Template.html",
    "dependencyFiles": [
        {
            "name": "Style.css",
            "type": "Stylesheet",
            "description": ""
        },
        {
            "name": "TcHmiImage.js",
            "type": "JavaScript",
            "description": ""
        }
    ],
    "themes": {},
    "attributes": [
        {
            "name": "data-tchmi-width-mode",
            "propertyName": "WidthMode",
            "propertySetterName": "setWidthMode",
            "propertyGetterName": "getWidthMode",
            "displayName": "WidthMode",
            "visible": true,
            "themeable": "Advanced",
            "displayPriority": 40,
            "type": "tchmi:framework#/definitions/SizeModeWithContent",
            "category": "Layout",
            "description": "Defines if the width is taken from the width value, calculated from left and right (parent) or taken from the image size or calculated from the height keeping the aspect ratio if height is fixed.",
            "readOnly": false,
            "bindable": true,
            "defaultBindingMode": "OneWay",
            "heritable": true,
            "defaultValue": null,
            "defaultValueInternal": "Value"
        },
        {
            "name": "data-tchmi-height-mode",
            "propertyName": "HeightMode",
            "displayPriority": 40,
            "propertySetterName": "setHeightMode",
            "propertyGetterName": "getHeightMode",
            "displayName": "HeightMode",
            "visible": true,
            "themeable": "Advanced",
            "type": "tchmi:framework#/definitions/SizeModeWithContent",
            "category": "Layout",
            "description": "Defines if the height is taken from the height value, calculated from top and bottom (parent) or taken from the image size or calculated from the width keeping the aspect ratio if width is fixed.",
            "readOnly": false,
            "bindable": true,
            "defaultBindingMode": "OneWay",
            "heritable": true,
            "defaultValue": null,
            "defaultValueInternal": "Value"
        },
        {
            "name": "data-tchmi-src",
            "propertyName": "Src",
            "propertySetterName": "setSrc",
            "propertyGetterName": "getSrc",
            "displayName": "Src",
            "visible": true,
            "themeable": "Standard",
            "displayPriority": 10,
            "type": "tchmi:framework#/definitions/Path",
            "category": "Common",
            "description": "The image URL.",
            "searchTerms": [
                "getSource",
                "setSource",
                "source",
                "getImage",
                "setImage",
                "image",
                "getPicture",
                "setPicture",
                "picture"
            ],
            "readOnly": false,
            "bindable": true,
            "defaultBindingMode": "OneWay",
            "heritable": true,
            "defaultValue": null,
            "defaultValueInternal": ""
        },
        {
            "name": "data-tchmi-alt",
            "propertyName": "Alt",
            "propertySetterName": "setAlt",
            "propertyGetterName": "getAlt",
            "displayName": "Alt",
            "visible": true,
            "themeable": "Advanced",
            "displayPriority": 60,
            "type": "tchmi:general#/definitions/String",
            "category": "Common",
            "description": "Replacement text for use if images are not available.",
            "readOnly": false,
            "bindable": true,
            "defaultBindingMode": "OneWay",
            "heritable": true,
            "defaultValue": null,
            "defaultValueInternal": ""
        },
        {
            "name": "data-tchmi-original-width",
            "propertyName": "OriginalWidth",
            "propertyGetterName": "getOriginalWidth",
            "displayName": "OriginalWidth",
            "visible": true,
            "displayPriority": 200,
            "type": "tchmi:general#/definitions/Number",
            "category": "Common",
            "description": "The original width of the image resource before sizing or 0 if no media is available.",
            "readOnly": true,
            "bindable": false,
            "defaultBindingMode": "OneWay",
            "heritable": true,
            "defaultValue": null,
            "defaultValueInternal": 0
        },
        {
            "name": "data-tchmi-original-height",
            "propertyName": "OriginalHeight",
            "propertyGetterName": "getOriginalHeight",
            "displayName": "OriginalHeight",
            "visible": true,
            "displayPriority": 200,
            "type": "tchmi:general#/definitions/Number",
            "category": "Common",
            "description": "The original height of the image resource before sizing or 0 if no media is available.",
            "readOnly": true,
            "bindable": false,
            "defaultBindingMode": "OneWay",
            "heritable": true,
            "defaultValue": null,
            "defaultValueInternal": 0
        }
    ],
    "functions": [],
    "events": [
        {
            "name": ".onLoad",
            "displayName": ".onLoad",
            "visible": true,
            "displayPriority": 30,
            "category": "Control",
            "description": "The load event is fired when the image was loaded successfully.",
            "heritable": true
        },
        {
            "name": ".onError",
            "displayName": ".onError",
            "visible": true,
            "displayPriority": 30,
            "category": "Control",
            "description": "The error event is fired when the image was not loaded successfully.",
            "heritable": true
        }
    ],
    "dataTypes": [
        {
            "schema": "Schema/Types.Schema.json"
        }
    ]
}