406 lines
15 KiB
JSON
406 lines
15 KiB
JSON
{
|
|
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
|
|
"apiVersion": 1,
|
|
"name": "TcHmiTabNavigation",
|
|
"namespace": "TcHmi.Controls.Beckhoff",
|
|
"displayName": "Tab Navigation",
|
|
"version": {
|
|
"full": "14.4.1.0",
|
|
"major": 14,
|
|
"minor": 4,
|
|
"build": 1,
|
|
"revision": 0
|
|
},
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"base": "TcHmi.Controls.System.TcHmiControl",
|
|
"description": "A tab navigation control.",
|
|
"defaultDesignerEvent": "",
|
|
"properties": {
|
|
"containerControl": false,
|
|
"geometry": {
|
|
"width": 500,
|
|
"height": 500
|
|
}
|
|
},
|
|
"icons": [
|
|
{
|
|
"name": "Icons/16x16.png",
|
|
"width": 16,
|
|
"height": 16
|
|
}
|
|
],
|
|
"template": "Template.html",
|
|
"dependencyFiles": [
|
|
{
|
|
"name": "Style.css",
|
|
"type": "Stylesheet",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "../dist/TcHmiTabNavigation/TcHmiTabNavigation.esm.js",
|
|
"type": "EsModule",
|
|
"description": "Contains all the main logic as ES module."
|
|
}
|
|
],
|
|
"themes": {
|
|
"Base": {
|
|
"resources": [
|
|
{
|
|
"name": "Themes/Base/Style.css",
|
|
"type": "Stylesheet",
|
|
"description": "Theme dependent style"
|
|
}
|
|
]
|
|
},
|
|
"Base-Dark": {
|
|
"resources": [
|
|
{
|
|
"name": "Themes/Base-Dark/Style.css",
|
|
"type": "Stylesheet",
|
|
"description": "Theme dependent style"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"attributes": [
|
|
{
|
|
"name": "data-tchmi-tabs",
|
|
"propertyName": "Tabs",
|
|
"propertySetterName": "setTabs",
|
|
"propertyGetterName": "getTabs",
|
|
"displayName": "Tabs",
|
|
"visible": true,
|
|
"themeable": "Advanced",
|
|
"displayPriority": 10,
|
|
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiTabNavigation.TabList",
|
|
"category": "Common",
|
|
"description": "A list of tabs to be displayed in the control.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"allowSymbolExpressionsInObject": true,
|
|
"defaultValue": [
|
|
{
|
|
"name": "tab1",
|
|
"displayName": "Tab 1"
|
|
},
|
|
{
|
|
"name": "tab2",
|
|
"displayName": "Tab 2"
|
|
},
|
|
{
|
|
"name": "tab3",
|
|
"displayName": "Tab 3"
|
|
}
|
|
],
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-tab-alignment",
|
|
"propertyName": "TabAlignment",
|
|
"propertySetterName": "setTabAlignment",
|
|
"propertyGetterName": "getTabAlignment",
|
|
"displayName": "Tab Alignment",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 11,
|
|
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiTabNavigation.TabAlignment",
|
|
"category": "Common",
|
|
"description": "The alignment of the tab bar.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": "Top"
|
|
},
|
|
{
|
|
"name": "data-tchmi-active-tab-name",
|
|
"propertyName": "ActiveTabName",
|
|
"propertySetterName": "setActiveTabName",
|
|
"propertyGetterName": "getActiveTabName",
|
|
"displayName": "Active Tab Name",
|
|
"themeable": "Advanced",
|
|
"visible": true,
|
|
"displayPriority": 12,
|
|
"type": "tchmi:general#/definitions/String",
|
|
"category": "Common",
|
|
"description": "The name of the active tab.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-initial-tab-name",
|
|
"propertyName": "InitialTabName",
|
|
"propertySetterName": "setInitialTabName",
|
|
"propertyGetterName": "getInitialTabName",
|
|
"displayName": "Initial Tab Name",
|
|
"themeable": "Standard",
|
|
"visible": true,
|
|
"displayPriority": 51,
|
|
"type": "tchmi:general#/definitions/String",
|
|
"category": "Common",
|
|
"description": "The name of the active tab after attach (for keepalive scenarios).",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-horizontal-alignment",
|
|
"propertyName": "TextHorizontalAlignment",
|
|
"propertySetterName": "setTextHorizontalAlignment",
|
|
"propertyGetterName": "getTextHorizontalAlignment",
|
|
"displayName": "Text Horizontal Alignment",
|
|
"visible": true,
|
|
"themeable": "Advanced",
|
|
"displayPriority": 30,
|
|
"type": "tchmi:framework#/definitions/HorizontalAlignment",
|
|
"category": "Text",
|
|
"description": "Defines the horizontal alignment of the text.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": "Center",
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-vertical-alignment",
|
|
"propertyName": "TextVerticalAlignment",
|
|
"propertySetterName": "setTextVerticalAlignment",
|
|
"propertyGetterName": "getTextVerticalAlignment",
|
|
"displayName": "Text Vertical Alignment",
|
|
"visible": true,
|
|
"themeable": "Advanced",
|
|
"displayPriority": 30,
|
|
"type": "tchmi:framework#/definitions/VerticalAlignment",
|
|
"category": "Text",
|
|
"description": "Defines the vertical alignment of the text.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": "Center",
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-padding",
|
|
"propertyName": "TextPadding",
|
|
"propertySetterName": "setTextPadding",
|
|
"propertyGetterName": "getTextPadding",
|
|
"displayName": "Text Padding",
|
|
"visible": true,
|
|
"themeable": "Advanced",
|
|
"displayPriority": 55,
|
|
"type": "tchmi:framework#/definitions/Padding",
|
|
"category": "Text",
|
|
"description": "The distance of the text to the border.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"allowSymbolExpressionsInObject": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-font-family",
|
|
"propertyName": "TextFontFamily",
|
|
"propertySetterName": "setTextFontFamily",
|
|
"propertyGetterName": "getTextFontFamily",
|
|
"displayName": "Text Font Family",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 60,
|
|
"type": "tchmi:framework#/definitions/FontFamily",
|
|
"category": "Text",
|
|
"description": "Comma separated list of family name or keyword: 'serif', 'sans-serif', 'monospace'.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-font-size",
|
|
"propertyName": "TextFontSize",
|
|
"propertySetterName": "setTextFontSize",
|
|
"propertyGetterName": "getTextFontSize",
|
|
"displayName": "Text Font Size",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 30,
|
|
"type": "tchmi:framework#/definitions/MeasurementValue",
|
|
"category": "Text",
|
|
"description": "The size of the font. Percent values are relative to the parent elements font size.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-font-size-unit",
|
|
"propertyName": "TextFontSizeUnit",
|
|
"propertySetterName": "setTextFontSizeUnit",
|
|
"propertyGetterName": "getTextFontSizeUnit",
|
|
"refTo": "TextFontSize",
|
|
"displayName": "Text Font Size Unit",
|
|
"visible": true,
|
|
"themeable": "Advanced",
|
|
"displayPriority": 30,
|
|
"type": "tchmi:framework#/definitions/MeasurementUnit",
|
|
"category": "Text",
|
|
"description": "Could be 'px' or for relative sizing '%'.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": "px"
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-font-style",
|
|
"propertyName": "TextFontStyle",
|
|
"propertySetterName": "setTextFontStyle",
|
|
"propertyGetterName": "getTextFontStyle",
|
|
"displayName": "Text Font Style",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 60,
|
|
"type": "tchmi:framework#/definitions/FontStyle",
|
|
"category": "Text",
|
|
"description": "'Normal', 'Italic' (slanted with special glyphs), 'Oblique' (slanted normal glyphs) or 'Auto' for inherited.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": "Auto"
|
|
},
|
|
{
|
|
"name": "data-tchmi-text-font-weight",
|
|
"propertyName": "TextFontWeight",
|
|
"propertySetterName": "setTextFontWeight",
|
|
"propertyGetterName": "getTextFontWeight",
|
|
"displayName": "Text Font Weight",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 60,
|
|
"type": "tchmi:framework#/definitions/FontWeight",
|
|
"category": "Text",
|
|
"description": "'Normal', 'Bold' (glyphs with more weight) or 'Auto' for inherited.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": "Auto"
|
|
},
|
|
{
|
|
"name": "data-tchmi-tab-text-color",
|
|
"propertyName": "TabTextColor",
|
|
"propertySetterName": "setTabTextColor",
|
|
"propertyGetterName": "getTabTextColor",
|
|
"displayName": "Tab Text Color",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 10,
|
|
"type": "tchmi:framework#/definitions/SolidColor",
|
|
"category": "Colors",
|
|
"description": "Defines the text color of inactive tabs.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"allowSymbolExpressionsInObject": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-active-tab-text-color",
|
|
"propertyName": "ActiveTabTextColor",
|
|
"propertySetterName": "setActiveTabTextColor",
|
|
"propertyGetterName": "getActiveTabTextColor",
|
|
"displayName": "Active Tab Text Color",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 10,
|
|
"type": "tchmi:framework#/definitions/SolidColor",
|
|
"category": "Colors",
|
|
"description": "Defines the text color of the active tab.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"allowSymbolExpressionsInObject": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-active-tab-color",
|
|
"propertyName": "ActiveTabColor",
|
|
"propertySetterName": "setActiveTabColor",
|
|
"propertyGetterName": "getActiveTabColor",
|
|
"displayName": "Active Tab Color",
|
|
"visible": true,
|
|
"themeable": "Standard",
|
|
"displayPriority": 10,
|
|
"type": "tchmi:framework#/definitions/SolidColor",
|
|
"category": "Colors",
|
|
"description": "Defines the background color of active tab.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"allowSymbolExpressionsInObject": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": null
|
|
},
|
|
{
|
|
"name": "data-tchmi-tab-overflow-mode",
|
|
"propertyName": "TabOverflowMode",
|
|
"propertySetterName": "setTabOverflowMode",
|
|
"propertyGetterName": "getTabOverflowMode",
|
|
"displayName": "Tab Overflow Mode",
|
|
"visible": true,
|
|
"themeable": "Advanced",
|
|
"displayPriority": 50,
|
|
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.ContentTabs.OverflowMode",
|
|
"category": "Common",
|
|
"description": "Defines how tabs are handled when they overflow the available space.",
|
|
"readOnly": false,
|
|
"bindable": true,
|
|
"defaultBindingMode": "OneWay",
|
|
"heritable": true,
|
|
"defaultValue": null,
|
|
"defaultValueInternal": "Popup"
|
|
}
|
|
],
|
|
"attributeCategories": [
|
|
{
|
|
"name": "Text",
|
|
"displayPriority": 500,
|
|
"defaultCollapsed": true,
|
|
"description": "Attributes defining the text of the control."
|
|
}
|
|
],
|
|
"functions": [],
|
|
"events": [],
|
|
"dataTypes": [
|
|
{
|
|
"schema": "Schema/Types.Schema.json"
|
|
}
|
|
]
|
|
} |