Added minimal functionality for Robot teaching

- Added minimal HMI
- Added possibility to open and close all chamber doors
This commit is contained in:
2026-01-17 09:20:39 +01:00
parent 9f058db2a3
commit 2d11c43579
2274 changed files with 912690 additions and 162 deletions

View File

@@ -0,0 +1,528 @@
{
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
"apiVersion": 1,
"name": "TcHmiMultiState",
"namespace": "TcHmi.Controls.Beckhoff",
"displayName": "Multi State",
"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 multi state control.",
"defaultDesignerEvent": "",
"properties": {
"containerControl": false,
"geometry": {
"width": 150,
"height": 150
}
},
"icons": [
{
"name": "Icons/16x16.png",
"width": 16,
"height": 16
}
],
"template": "Template.html",
"dependencyFiles": [
{
"name": "Style.css",
"type": "Stylesheet",
"description": ""
},
{
"name": "../dist/TcHmiMultiState/TcHmiMultiState.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-state",
"propertyName": "State",
"propertySetterName": "setState",
"propertyGetterName": "getState",
"displayName": "State",
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:general#/definitions/Any",
"category": "Common",
"description": "The displayed State.",
"defaultValue": null,
"readOnly": false,
"defaultValueInternal": null,
"heritable": true,
"bindable": true
},
{
"name": "data-tchmi-state-list",
"propertyName": "StateList",
"propertySetterName": "setStateList",
"propertyGetterName": "getStateList",
"displayName": "State List",
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiMultiState.StateList",
"category": "Common",
"description": "List of States.",
"defaultValue": null,
"defaultValueInternal": null,
"readOnly": false,
"allowSymbolExpressionsInObject": true,
"heritable": true,
"bindable": true
},
{
"name": "data-tchmi-fallback-icon",
"propertyName": "FallbackIcon",
"propertySetterName": "setFallbackIcon",
"propertyGetterName": "getFallbackIcon",
"displayName": "Fallback Icon",
"visible": true,
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/Path",
"category": "Common",
"description": "The fallback icon is shown when the state is not defined in the state list",
"defaultValue": null,
"defaultValueInternal": null,
"readOnly": false,
"bindable": true,
"heritable": true
},
{
"name": "data-tchmi-fallback-background-color",
"propertyName": "FallbackBackgroundColor",
"propertySetterName": "setFallbackBackgroundColor",
"propertyGetterName": "getFallbackBackgroundColor",
"displayName": "Fallback Background Color",
"visible": true,
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/Color",
"category": "Common",
"description": "The fallback background color is shown when the state is not defined in the state list",
"defaultValue": null,
"readOnly": false,
"defaultValueInternal": null,
"bindable": true,
"heritable": true,
"allowSymbolExpressionsInObject": true
},
{
"name": "data-tchmi-text-color",
"propertyName": "TextColor",
"propertySetterName": "setTextColor",
"propertyGetterName": "getTextColor",
"displayName": "Text Color",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/SolidColor",
"category": "Colors",
"description": "The color of the displayed text",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"allowSymbolExpressionsInObject": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-fallback-text",
"propertyName": "FallbackText",
"propertySetterName": "setFallbackText",
"propertyGetterName": "getFallbackText",
"displayName": "Fallback Text",
"visible": true,
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:general#/definitions/String",
"category": "Common",
"description": "The fallback text is shown when the state is not defined in the state list",
"defaultValue": null,
"defaultValueInternal": null,
"readOnly": false,
"bindable": true,
"heritable": true
},
{
"name": "data-tchmi-ignore-type-safety",
"propertyName": "IgnoreTypeSafety",
"propertySetterName": "setIgnoreTypeSafety",
"propertyGetterName": "getIgnoreTypeSafety",
"displayName": "Ignore Type Safety",
"visible": true,
"themeable": "Standard",
"displayPriority": 30,
"type": "tchmi:general#/definitions/Boolean",
"category": "Common",
"description": "Defines whether the type safety is ignored when the current state is compared with the list of defined states.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": false
},
{
"name": "data-tchmi-text-horizontal-alignment",
"propertyName": "TextHorizontalAlignment",
"propertySetterName": "setTextHorizontalAlignment",
"propertyGetterName": "getTextHorizontalAlignment",
"displayName": "Text Horizontal Alignment",
"visible": true,
"themeable": "Standard",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/HorizontalAlignment",
"category": "Text",
"description": "The horizontal alignment of the text",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-text-vertical-alignment",
"propertyName": "TextVerticalAlignment",
"propertySetterName": "setTextVerticalAlignment",
"propertyGetterName": "getTextVerticalAlignment",
"displayName": "Text Vertical Alignment",
"visible": true,
"themeable": "Standard",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/VerticalAlignment",
"category": "Text",
"description": "The vertical alignment of the text",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-word-wrap",
"propertyName": "WordWrap",
"propertySetterName": "setWordWrap",
"propertyGetterName": "getWordWrap",
"displayName": "Word Wrap",
"visible": true,
"themeable": "Advanced",
"displayPriority": 55,
"type": "tchmi:general#/definitions/Boolean",
"category": "Text",
"description": "Wrap text that is too long to fit in a single line.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": true,
"defaultValueInternal": false
},
{
"name": "data-tchmi-text-padding",
"propertyName": "TextPadding",
"propertySetterName": "setTextPadding",
"propertyGetterName": "getTextPadding",
"displayName": "Text Padding",
"visible": true,
"themeable": "Standard",
"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-size",
"propertyName": "TextFontSize",
"propertySetterName": "setTextFontSize",
"propertyGetterName": "getTextFontSize",
"displayName": "Text Font Size",
"visible": true,
"themeable": "Standard",
"displayPriority": 20,
"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": 20,
"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-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-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-icon-width",
"propertyName": "IconWidth",
"propertySetterName": "setIconWidth",
"propertyGetterName": "getIconWidth",
"displayName": "Icon Width",
"visible": true,
"themeable": "Standard",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Icon",
"description": "Width of the icon.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-icon-width-unit",
"propertyName": "IconWidthUnit",
"propertySetterName": "setIconWidthUnit",
"propertyGetterName": "getIconWidthUnit",
"refTo": "IconWidth",
"displayName": "Icon Width Unit",
"visible": true,
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/MeasurementUnit",
"category": "Icon",
"description": "Could be 'px' or for relative positioning '%'.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "data-tchmi-icon-height",
"propertyName": "IconHeight",
"propertySetterName": "setIconHeight",
"propertyGetterName": "getIconHeight",
"displayName": "Icon Height",
"visible": true,
"themeable": "Standard",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Icon",
"description": "Height of the icon.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-icon-height-unit",
"propertyName": "IconHeightUnit",
"propertySetterName": "setIconHeightUnit",
"propertyGetterName": "getIconHeightUnit",
"refTo": "IconHeight",
"displayName": "Icon Height Unit",
"visible": true,
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/MeasurementUnit",
"category": "Icon",
"description": "Could be 'px' or for relative positioning '%'.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "data-tchmi-icon-horizontal-alignment",
"propertyName": "IconHorizontalAlignment",
"propertySetterName": "setIconHorizontalAlignment",
"propertyGetterName": "getIconHorizontalAlignment",
"displayName": "Icon Horizontal Alignment",
"visible": true,
"themeable": "Standard",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/HorizontalAlignment",
"category": "Icon",
"description": "The horizontal alignment of the icon",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-icon-vertical-alignment",
"propertyName": "IconVerticalAlignment",
"propertySetterName": "setIconVerticalAlignment",
"propertyGetterName": "getIconVerticalAlignment",
"displayName": "Icon Vertical Alignment",
"visible": true,
"themeable": "Standard",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/VerticalAlignment",
"category": "Icon",
"description": "The vertical alignment of the icon",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-icon-padding",
"propertyName": "IconPadding",
"propertySetterName": "setIconPadding",
"propertyGetterName": "getIconPadding",
"displayName": "Icon Padding",
"visible": true,
"themeable": "Standard",
"displayPriority": 55,
"type": "tchmi:framework#/definitions/Padding",
"category": "Icon",
"description": "The distance of the icon to the border.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"allowSymbolExpressionsInObject": true,
"defaultValue": null,
"defaultValueInternal": null
}
],
"attributeCategories": [
{
"name": "Text",
"displayPriority": 500,
"defaultCollapsed": true,
"description": "Attributes defining the text of the control."
},
{
"name": "Icon",
"displayPriority": 250,
"defaultCollapsed": true,
"description": "Attributes defining the icon of the control."
}
],
"functions": [],
"events": [],
"languages": {},
"dataTypes": [
{
"schema": "Schema/Types.Schema.json"
}
]
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 B

View File

@@ -0,0 +1,83 @@
{
"$schema": "http://json-schema.org/draft-04/schema",
"definitions": {
"TcHmi.Controls.Beckhoff.TcHmiMultiState": {
"$schema": "http://json-schema.org/draft-04/schema",
"type": "object",
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
"frameworkControlType": "TcHmiMultiState",
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
},
"TcHmiMultiState": {
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiMultiState"
},
"TcHmi.Controls.Beckhoff.TcHmiMultiState.StateList": {
"title": "StateList",
"description": "State List",
"type": "array",
"items": {
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiMultiState.StateListItem"
}
},
"TcHmi.Controls.Beckhoff.TcHmiMultiState.StateListItem": {
"title": "State List Item",
"description": "State List Item",
"type": "object",
"engineeringColumns": ["state", "stateBackgroundColor", "stateIcon", "stateText"],
"propertiesMeta": [
{
"name": "state",
"displayName": "State",
"category": "General",
"displayPriority": 10,
"description": "State Value",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "stateBackgroundColor",
"displayName": "State Background Color",
"category": "General",
"displayPriority": 10,
"description": "Background Color for this entry.",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "stateIcon",
"displayName": "State Icon",
"category": "General",
"displayPriority": 10,
"description": "Icon Path for this entry.",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "stateText",
"displayName": "State Text",
"category": "General",
"displayPriority": 10,
"description": "Text for this entry.",
"defaultValue": null,
"defaultValueInternal": null
}
],
"properties": {
"state": {
"$ref": "tchmi:general#/definitions/Any"
},
"stateBackgroundColor": {
"$ref": "tchmi:framework#/definitions/Color"
},
"stateIcon": {
"$ref": "tchmi:framework#/definitions/Path"
},
"stateText": {
"$ref": "tchmi:general#/definitions/String"
}
},
"additionalProperties": false,
"required": ["state"]
}
}
}

View File

@@ -0,0 +1,42 @@
/** Styles for all themes */
.TcHmi_Controls_Beckhoff_TcHmiMultiState {
overflow: hidden;
}
.TcHmi_Controls_Beckhoff_TcHmiMultiState-template {
height: 100%;
width: 100%;
display: grid;
.multi-state-background-color {
position: absolute;
height: 100%;
width: 100%;
}
.multi-state-icon {
position: absolute;
height: 100%;
width: 100%;
display: flex;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
background-clip: content-box;
box-sizing: border-box;
}
.multi-state-text {
position: absolute;
height: 100%;
width: 100%;
display: flex;
box-sizing: border-box;
}
.multi-state-text-span {
max-width: 100%;
max-height: 100%;
}
}

View File

@@ -0,0 +1,452 @@
// Compatibility file for non-module typescript compiles without adjustments.
// Use the following line for modern code (needs adjustments to tsconfig.json#configOptions/paths)
// import { TcHmiControl } from "Beckhoff.TwinCAT.HMI.Framework/index.esm.js";
// ***************************************************************************
declare class TcHmiMultiState extends TcHmi.Controls.System.TcHmiControl {
#private;
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
/** Reference to the root dom element of the current control template as HTMLElement. */
protected __elementTemplateRoot: HTMLElement;
/** Reference to the background color element as HTMLDivElement. */
protected __elementBackgroundColor: HTMLDivElement;
/** Reference to the icon element as HTMLImageElement. */
protected __elementIcon: HTMLDivElement;
/** Reference to the text element as HTMLDivElement. */
protected __elementText: HTMLDivElement;
/** Reference to the text span element as HTMLSpanElement. */
protected __elementTextSpan: HTMLSpanElement;
/** Current value of the attribute "data-tchmi-state" */
protected __state: any | null | undefined;
/** Current value of the attribute "data-tchmi-state-list" */
protected __stateList: IStateStructure[] | null | undefined;
/** Current value of the attribute "data-tchmi-ignore-type-safety" */
protected __ignoreTypeSafety: boolean | undefined;
/** Current value of the attribute "data-tchmi-fallback-icon" */
protected __fallbackIcon: string | undefined | null;
/** Current value of the attribute "data-tchmi-fallback-background-color" */
protected __fallbackBackgroundColor: TcHmi.Color | undefined | null;
/** Current value of the attribute "data-tchmi-text-color" */
protected __textColor: TcHmi.SolidColor | null | undefined;
/** Current value of the attribute "data-tchmi-fallback-text" */
protected __fallbackText: string | undefined | null;
/** Current value of the attribute "data-tchmi-horizontal-text-alignment" */
protected __textHorizontalAlignment: TcHmi.HorizontalAlignment | null | undefined;
/** Current value of the attribute "data-tchmi-vertical-text-alignment" */
protected __textVerticalAlignment: TcHmi.VerticalAlignment | null | undefined;
/** Current value of the attribute "data-tchmi-word-wrap" */
protected __wordWrap: boolean | undefined;
/** Current value of the attribute "data-tchmi-text-padding" */
protected __textPadding: TcHmi.FourSidedCss | null | undefined;
/** Current value of the attribute "data-tchmi-text-font-size" */
protected __textFontSize: number | undefined;
/** Current value of the attribute "data-tchmi-text-font-size-unit" */
protected __textFontSizeUnit: TcHmi.FontSizeUnit | undefined;
/** Current value of the attribute "data-tchmi-text-font-family" */
protected __textFontFamily: TcHmi.FontFamily | null | undefined;
/** Current value of the attribute "data-tchmi-text-font-style" */
protected __textFontStyle: TcHmi.FontStyle | undefined;
/** Current value of the attribute "data-tchmi-text-font-weight" */
protected __textFontWeight: TcHmi.FontWeight | undefined;
/** Current value of the attribute "data-tchmi-icon-width" */
protected __iconWidth: number | undefined;
/** Current value of the attribute "data-tchmi-icon-width-unit" */
protected __iconWidthUnit: TcHmi.DimensionUnit | undefined;
/** Current value of the attribute "data-tchmi-icon-height" */
protected __iconHeight: number | undefined;
/** Current value of the attribute "data-tchmi-icon-height-unit" */
protected __iconHeightUnit: TcHmi.DimensionUnit | undefined;
/** Current value of the attribute "data-tchmi-icon-horizontal-alignment" */
protected __iconHorizontalAlignment: TcHmi.HorizontalAlignment | null | undefined;
/** Current value of the attribute "data-tchmi-icon-vertical-alignment" */
protected __iconVerticalAlignment: TcHmi.VerticalAlignment | null | undefined;
/** Current value of the attribute "data-tchmi-icon-padding" */
protected __iconPadding: TcHmi.FourSidedCss | null | undefined;
/**
* If raised, the control object exists in control cache and constructor of each inheritation level was called.
* This function is only to be used by the System. Other function calls are not intended.
*/
__previnit(): void;
/**
* If raised, all attributes have been set to it's default or dom values.
* This function is only to be used by the System. Other function calls are not intended.
*/
__init(): void;
/**
* Is called by the system after the control instance gets part of the current DOM.
* This function is only to be used by the System. Other function calls are not intended.
*/
__attach(): void;
/**
* Is called by the system after the control instance is no longer part of the current DOM.
* This function is only to be used by the System. Other function calls are not intended.
*/
__detach(): void;
/**
* Destroy the current control instance.
* Will be called automatically if system destroys control!
*/
destroy(): void;
/**
* Create and set the Image
* @param state The state to display.
*/
__displayCurrentState(state: IStateStructure | null): void;
/**
* Handle the given state.
*/
__handleState(): void;
/**
* Sets the value of the member variable "State" if the new value is not equal to the current value
* and calls the associated process function (processState) after that.
* @param valueNew The new value for State.
*/
setState(valueNew: any): void;
/**
* Returns the current value of the member variable State.
* @returns the current value of the member variable State.
*/
getState(): any;
/**
* Processes the current value of State.
*/
protected __processState(): void;
/**
* Sets the StateList value and calls the associated process function (processStateList).
* @param valueNew The new value for the StateList attribute.
*
*/
setStateList(valueNew: IStateStructure[] | null): void;
/**
* The watch callback for the stateList object resolver.
*/
protected __onResolverForStateListWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<IStateStructure[] | null>): void;
/**
* Returns the current StateList value.
* @returns The current value of the StateList.
*/
getStateList(): IStateStructure[] | null | undefined;
/**
* Processes the current stateList attribute value.
*/
__processStateList(): void;
/**
* Sets the ignore type safety attribute and calls the associated process function (processIgnoreTypeSafety).
* @param valueNew The new value for ignoreTypeSafety.
*/
setIgnoreTypeSafety(valueNew: boolean | null): void;
/**
* Returns the current value of ignoreTypeSafety.
* @returns The current value of ignoreTypeSafety.
*/
getIgnoreTypeSafety(): boolean | undefined;
/**
* Processes the current ignoreTypeSafety attribute value.
*/
protected __processIgnoreTypeSafety(): void;
/**
* Sets the value of the member variable "FallbackIcon" if the new value is not equal to the current value
* and calls the associated process function (processFallbackIcon) after that.
* @param valueNew The new value for FallbackIcon.
*/
setFallbackIcon(valueNew: string | null): void;
/**
* Returns the current value of the member variable FallbackIcon.
* @returns the current value of the member variable FallbackIcon.
*/
getFallbackIcon(): string | null | undefined;
/**
* Processes the current FallbackIcon attribute value.
*/
protected __processFallbackIcon(): void;
/**
* Sets the value of the member variable "FallbackBackgroundColor" if the new value is not equal to the current value
* and calls the associated process function (processFallbackBackgroundColor) after that.
* @param valueNew The new value for FallbackBackgroundColor.
*/
setFallbackBackgroundColor(valueNew: TcHmi.Color | null): void;
/**
* The watch callback for the fallbackBackgroundColor object resolver.
*/
protected __onResolverForFallbackBackgroundColorWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.Color | null>): void;
/**
* Returns the current value of the member variable FallbackBackgroundColor.
* @returns the current value of the member variable FallbackBackgroundColor.
*/
getFallbackBackgroundColor(): TcHmi.Color | null | undefined;
/**
* Processes the current FallbackBackgroundColor attribute value.
*/
protected __processFallbackBackgroundColor(): void;
/**
* Sets the text color and calls the associated process function (processTextColor).
* @param valueNew The new value for textColor.
*/
setTextColor(valueNew: TcHmi.SolidColor | null): void;
/**
* The watch callback for the textColor object resolver.
*/
protected __onResolverForTextColorWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.SolidColor>): void;
/**
* Returns the current value of textColor.
* @returns The current value of textColor.
*/
getTextColor(): TcHmi.SolidColor | null | undefined;
/**
* Processes the current textColor attribute value.
*/
protected __processTextColor(): void;
/**
* Sets the value of the member variable "FallbackText" if the new value is not equal to the current value
* and calls the associated process function (processFallbackText) after that.
* @param valueNew The new value for FallbackText.
*/
setFallbackText(valueNew: string | null): void;
/**
* Returns the current value of the member variable FallbackText.
* @returns the current value of the member variable FallbackText.
*/
getFallbackText(): string | null | undefined;
/**
* Processes the current FallbackText attribute value.
*/
protected __processFallbackText(): void;
/**
* Sets the textHorizontalAlignment value and calls the associated process function (processTextHorizontalAlignment).
* @param valueNew The new value for textHorizontalAlignment.
*/
setTextHorizontalAlignment(valueNew: TcHmi.HorizontalAlignment | null): void;
/**
* Returns the current value of horizontalTextAligment.
*/
getTextHorizontalAlignment(): TcHmi.HorizontalAlignment | null | undefined;
/**
* Processes the current textHorizontalAlignment attribute value.
*/
protected __processTextHorizontalAlignment(): void;
/**
* Sets the textVerticalAlignment value and calls the associated process function (processTextVerticalAlignment).
* @param valueNew The new value for textVerticalAlignment.
*/
setTextVerticalAlignment(valueNew: TcHmi.VerticalAlignment | null): void;
/**
* Returns the current value of textVerticalAlignment.
*/
getTextVerticalAlignment(): TcHmi.VerticalAlignment | null | undefined;
/**
* Processes the current textVerticalAlignment attribute value.
*/
protected __processTextVerticalAlignment(): void;
/**
* Sets the wordWrap value and calls the associated process function (processWordWrap).
* @param valueNew The new value for wordWrap.
*/
setWordWrap(valueNew: boolean | null): void;
/**
* Returns the current value of wordWrap.
* @returns The current value of wordWrap.
*/
getWordWrap(): boolean | undefined;
/**
* Processes the current wordWrap attribute value.
*/
protected __processWordWrap(): void;
/**
* Sets the textPadding value and calls the associated process function (processTextPadding) after it.
* @param valueNew The new value for the textPadding attribute as object.
*/
setTextPadding(valueNew: TcHmi.FourSidedCss | null): void;
/**
* The watch callback for the textPadding object resolver.
*/
protected __onResolverForTextPaddingWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.FourSidedCss>): void;
/**
* Returns the current textPadding value.
* @returns The current value of the textPadding member variable as json in string format.
*/
getTextPadding(): TcHmi.FourSidedCss | null | undefined;
/**
* Processes the current textPadding attribute.
*/
protected __processTextPadding(): void;
/**
* Sets the font size and calls the associated process function (processTextFontSize).
* @param valueNew The new value for textFontSize.
*/
setTextFontSize(valueNew: number | null): void;
/**
* Returns the current value of textFontSize.
*/
getTextFontSize(): number | undefined;
/**
* Processes the current textFontSize attribute value.
*/
protected __processTextFontSize(): void;
/**
* Sets the font size and calls the associated process function (processTextFontSizeUnit).
* @param valueNew The new value for textFontSizeUnit.
*/
setTextFontSizeUnit(valueNew: TcHmi.FontSizeUnit | null): void;
/**
* Returns the current value of textFontSizeUnit.
*/
getTextFontSizeUnit(): TcHmi.FontSizeUnit | undefined;
/**
* Processes the current textFontSizeUnit attribute value.
*/
protected __processTextFontSizeUnit(): void;
/**
* Sets the font family and calls the associated process function (processTextFontFamily).
* @param valueNew The new value for textFontFamily.
*/
setTextFontFamily(valueNew: TcHmi.FontFamily | null): void;
/**
* Returns the current value of textFontFamily.
*/
getTextFontFamily(): string | null | undefined;
/**
* Processes the current textFontFamily attribute value.
*/
protected __processTextFontFamily(): void;
/**
* Sets the font style and calls the associated process function (processTextFontStyle).
* @param valueNew The new value for textFontStyle.
*/
setTextFontStyle(valueNew: TcHmi.FontStyle | null): void;
/**
* Returns the current value of textFontStyle.
*/
getTextFontStyle(): TcHmi.FontStyle | undefined;
/**
* Processes the current textFontStyle attribute value.
*/
protected __processTextFontStyle(): void;
/**
* Sets the font weight and calls the associated process function (processTextFontWeight).
* @param valueNew The new value for textFontWeight.
*/
setTextFontWeight(valueNew: TcHmi.FontWeight | null): void;
/**
* Returns the current value of textFontWeight.
*/
getTextFontWeight(): TcHmi.FontWeight | undefined;
/**
* Processes the current textFontWeight attribute value.
*/
protected __processTextFontWeight(): void;
/**
* Sets the value of the member variable "IconWidth" if the new value is not equal to the current value
* @param valueNew The new value for IconWidth.
*/
setIconWidth(valueNew: number | null): void;
/**
* Returns the current value of the member variable iconWidth.
*/
getIconWidth(): number | undefined;
/**
* Processes the current value of iconWidth.
*/
protected __processIconWidth(): void;
/**
* Sets the icon width unit and calls the associated process function (processIconWidthUnit).
* @param valueNew The new value for iconWidthUnit.
*/
setIconWidthUnit(valueNew: TcHmi.DimensionUnit | null): void;
/**
* Returns the current value of IconWidthUnit.
*/
getIconWidthUnit(): TcHmi.DimensionUnit | undefined;
/**
* Processes the current iconWidthUnit attribute value.
*/
protected __processIconWidthUnit(): void;
/**
* Sets the value of the member variable "IconHeight" if the new value is not equal to the current value
* @param valueNew The new value for IconHeight.
*/
setIconHeight(valueNew: number | null): void;
/**
* Returns the current value of the member variable iconHeight.
*/
getIconHeight(): number | undefined;
/**
* Processes the current value of iconHeight.
*/
protected __processIconHeight(): void;
/**
* Sets the icon height unit and calls the associated process function (processIconHeightUnit).
* @param valueNew The new value for iconHeightUnit.
*/
setIconHeightUnit(valueNew: TcHmi.DimensionUnit | null): void;
/**
* Returns the current value of IconHeightUnit.
*/
getIconHeightUnit(): TcHmi.DimensionUnit | undefined;
/**
* Processes the current iconHeightUnit attribute value.
*/
protected __processIconHeightUnit(): void;
/**
* Sets the iconHorizontalAlignment value and calls the associated process function (processIconHorizontalAlignment).
* @param valueNew The new value for iconHorizontalAlignment.
*/
setIconHorizontalAlignment(valueNew: TcHmi.HorizontalAlignment | null): void;
/**
* Returns the current value of horizontalIconAlignment.
*/
getIconHorizontalAlignment(): TcHmi.HorizontalAlignment | null | undefined;
/**
* Processes the current iconHorizontalAlignment attribute value.
*/
protected __processIconHorizontalAlignment(): void;
/**
* Sets the iconVerticalAlignment value and calls the associated process function (processIconVerticalAlignment).
* @param valueNew The new value for iconVerticalAlignment.
*/
setIconVerticalAlignment(valueNew: TcHmi.VerticalAlignment | null): void;
/**
* Returns the current value of iconVerticalAlignment.
*/
getIconVerticalAlignment(): TcHmi.VerticalAlignment | null | undefined;
/**
* Processes the current iconVerticalAlignment attribute value.
*/
protected __processIconVerticalAlignment(): void;
/**
* Sets the iconPadding value and calls the associated process function (processIconPadding) after it.
* @param valueNew The new value for the iconPadding attribute as object.
*/
setIconPadding(valueNew: TcHmi.FourSidedCss | null): void;
/**
* The watch callback for the iconPadding object resolver.
*/
protected __onResolverForIconPaddingWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.FourSidedCss>): void;
/**
* Returns the current iconPadding value.
* @returns The current value of the iconPadding member variable as json in string format.
*/
getIconPadding(): TcHmi.FourSidedCss | null | undefined;
/**
* Processes the current iconPadding attribute.
*/
protected __processIconPadding(): void;
}
/**
* Interface structure for the displayed states.
* Used as an array to match the state with the actual state variable.
*/
export interface IStateStructure {
state: any;
stateBackgroundColor: TcHmi.Color | null | undefined;
stateText: string | null | undefined;
stateIcon: string | null | undefined;
}
export { TcHmiMultiState as Control };
declare const _TcHmiMultiState: typeof TcHmiMultiState;
type tTcHmiMultiState = TcHmiMultiState;
declare global {
namespace TcHmi.Controls.Beckhoff {
const TcHmiMultiState: typeof _TcHmiMultiState;
type TcHmiMultiState = tTcHmiMultiState;
}
}

View File

@@ -0,0 +1,7 @@
<div class="TcHmi_Controls_Beckhoff_TcHmiMultiState-template tchmi-box">
<div class="multi-state-background-color"></div>
<div class="multi-state-icon"></div>
<div class="multi-state-text">
<span class="multi-state-text-span"></span>
</div>
</div>

View File

@@ -0,0 +1,6 @@
/** Styles for the theme: Base-Dark */
.TcHmi_Controls_Beckhoff_TcHmiMultiState {
}
.TcHmi_Controls_Beckhoff_TcHmiMultiState-template {
}

View File

@@ -0,0 +1,6 @@
/** Styles for the theme: Base */
.TcHmi_Controls_Beckhoff_TcHmiMultiState {
}
.TcHmi_Controls_Beckhoff_TcHmiMultiState-template {
}