204 lines
7.0 KiB
JSON
204 lines
7.0 KiB
JSON
{
|
|
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
|
|
"apiVersion": 1,
|
|
"name": "TcHmiImage",
|
|
"namespace": "TcHmi.Controls.Beckhoff",
|
|
"displayName": "Image",
|
|
"version": {
|
|
"full": "14.4.1.0",
|
|
"major": 14,
|
|
"minor": 4,
|
|
"build": 1,
|
|
"revision": 0
|
|
},
|
|
"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": "../dist/TcHmiImage/TcHmiImage.esm.js",
|
|
"type": "EsModule",
|
|
"description": "Contains all the main logic as ES module."
|
|
}
|
|
],
|
|
"themes": {},
|
|
"attributes": [
|
|
{
|
|
"name": "data-tchmi-width-mode",
|
|
"propertyName": "WidthMode",
|
|
"propertySetterName": "setWidthMode",
|
|
"propertyGetterName": "getWidthMode",
|
|
"displayName": "Width Mode",
|
|
"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": "Height Mode",
|
|
"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": "Original Width",
|
|
"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
|
|
},
|
|
{
|
|
"name": "data-tchmi-original-height",
|
|
"propertyName": "OriginalHeight",
|
|
"propertyGetterName": "getOriginalHeight",
|
|
"displayName": "Original Height",
|
|
"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
|
|
}
|
|
],
|
|
"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,
|
|
"arguments": [
|
|
{
|
|
"type": "tchmi:framework#/definitions/DOMEvent",
|
|
"description": "The Event object of the underlying load dom event."
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"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,
|
|
"arguments": [
|
|
{
|
|
"type": "tchmi:framework#/definitions/DOMErrorEvent",
|
|
"description": "The ErrorEvent object of the underlying error dom event."
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"dataTypes": [
|
|
{
|
|
"schema": "Schema/Types.Schema.json"
|
|
}
|
|
]
|
|
} |