Heisig_GmbH/infineon_plc
1
0
Fork 0
Code Issues Activity

Added minimal functionality for Robot teaching

Browse Source 
- Added minimal HMI
- Added possibility to open and close all chamber doors
This commit is contained in:
Matthias Heisig
2026-01-17 09:20:39 +01:00
parent 9f058db2a3
commit 2d11c43579
2274 changed files with 912690 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

522
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Description.json vendored Normal file
View File

@@ -0,0 +1,522 @@
{
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
"apiVersion": 1,
"name": "TcHmiInput",
"namespace": "TcHmi.Controls.Beckhoff",
"displayName": "Input",
"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 lightweight singleline input control",
"defaultDesignerEvent": ".onTextChanged",
"properties": {
"containerControl": false,
"geometry": {
"width": 150,
"height": 26
}
},
"icons": [
{
"name": "Icons/16x16.png",
"width": 16,
"height": 16
}
],
"template": "Template.html",
"dependencyFiles": [
{
"name": "Style.css",
"type": "Stylesheet",
"description": ""
},
{
"name": "../dist/TcHmiInput/TcHmiInput.esm.js",
"type": "EsModule",
"description": "Contains all the main logic as ES module."
}
],
"themes": {
"Base": {
"resources": [
{
"name": "Themes/Base/Style.css",
"type": "Stylesheet",
"description": ""
}
]
},
"Base-Dark": {
"resources": [
{
"name": "Themes/Base-Dark/Style.css",
"type": "Stylesheet",
"description": ""
}
]
}
},
"attributes": [
{
"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 text",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"allowSymbolExpressionsInObject": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-text",
"propertyName": "Text",
"propertySetterName": "setText",
"propertyGetterName": "getText",
"displayName": "Text",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:general#/definitions/String",
"category": "Common",
"description": "The text of the input control",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": "Input",
"defaultValueInternal": ""
},
{
"name": "data-tchmi-system-keyboard-input-mode",
"propertyName": "SystemKeyboardInputMode",
"propertySetterName": "setSystemKeyboardInputMode",
"propertyGetterName": "getSystemKeyboardInputMode",
"displayName": "System Keyboard Input Mode",
"visible": true,
"themeable": "Advanced",
"displayPriority": 90,
"type": "tchmi:framework#/definitions/Inputmode",
"category": "Text",
"description": "Defines which keyboard layout should be loaded in the system keyboard when interacting. The exact layout file is defined in the project. \nThe most common one are: 'numeric', 'decimal', 'text'. Own project keywords are possible. \n'skip' ignores a focusIn, 'none' closes a keyboard on focusIn.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "text"
},
{
"name": "data-tchmi-ignore-escape-sequences",
"propertyName": "IgnoreEscapeSequences",
"propertySetterName": "setIgnoreEscapeSequences",
"propertyGetterName": "getIgnoreEscapeSequences",
"displayName": "Ignore Escape Sequences",
"visible": true,
"themeable": "Advanced",
"displayPriority": 100,
"type": "tchmi:general#/definitions/Boolean",
"category": "Text",
"description": "When set to true a backslash in a text will be shown verbatim in the HMI.",
"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": "Defines the horizontal alignment of the text.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-content-padding",
"propertyName": "ContentPadding",
"propertySetterName": "setContentPadding",
"propertyGetterName": "getContentPadding",
"displayName": "Content 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": {
"top": 3,
"right": 3,
"bottom": 3,
"left": 3
},
"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-placeholder",
"propertyName": "Placeholder",
"propertySetterName": "setPlaceholder",
"propertyGetterName": "getPlaceholder",
"displayName": "Placeholder",
"visible": true,
"themeable": "Standard",
"displayPriority": 50,
"type": "tchmi:general#/definitions/String",
"category": "Text",
"description": "A placeholder text to display if the input control is empty.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-auto-focus-out",
"propertyName": "AutoFocusOut",
"propertySetterName": "setAutoFocusOut",
"propertyGetterName": "getAutoFocusOut",
"displayName": "Auto Focus Out",
"visible": true,
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:general#/definitions/Boolean",
"category": "Common",
"description": "Whether the control should automatically lose focus when the user confirms or cancels his interaction via enter or escape.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": true,
"defaultValueInternal": false
},
{
"name": "data-tchmi-auto-select-text",
"propertyName": "AutoSelectText",
"propertySetterName": "setAutoSelectText",
"propertyGetterName": "getAutoSelectText",
"displayName": "Auto Select Text",
"visible": true,
"themeable": "Advanced",
"displayPriority": 30,
"type": "tchmi:general#/definitions/Boolean",
"category": "Common",
"description": "Whether a focusIn selects the whole text or not.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": false
},
{
"name": "data-tchmi-custom-validity",
"propertyName": "CustomValidity",
"propertySetterName": "setCustomValidity",
"propertyGetterName": "getCustomValidity",
"displayName": "Custom Validity",
"visible": true,
"themeable": "Advanced",
"displayPriority": 51,
"type": "tchmi:general#/definitions/String",
"category": "Common",
"description": "Set this to a non-empty string to mark the control as containing an invalid value with the given string as an error message.\nSet to null or an empty string to mark the control as containing a valid value.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-is-read-only",
"propertyName": "IsReadOnly",
"propertySetterName": "setIsReadOnly",
"propertyGetterName": "getIsReadOnly",
"displayName": "Is Read Only",
"visible": true,
"themeable": "Standard",
"displayPriority": 52,
"type": "tchmi:general#/definitions/Boolean",
"category": "Common",
"description": "Controls whose primary purpose is data input can be set to read-only to only display data without allowing modification.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": false
},
{
"name": "data-tchmi-max-text-length",
"propertyName": "MaxTextLength",
"propertySetterName": "setMaxTextLength",
"propertyGetterName": "getMaxTextLength",
"displayName": "Max Text Length",
"visible": true,
"themeable": "Standard",
"displayPriority": 30,
"type": "tchmi:general#/definitions/UINT32",
"category": "Common",
"description": "Specifies the maximum number of characters that can be entered in the textbox.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-reset-to-last-valid-value",
"propertyName": "ResetToLastValidValue",
"propertySetterName": "setResetToLastValidValue",
"propertyGetterName": "getResetToLastValidValue",
"displayName": "Reset to Last Valid Value",
"visible": true,
"themeable": "Advanced",
"displayPriority": 45,
"type": "tchmi:general#/definitions/Boolean",
"category": "Common",
"description": "Whether the displayed text is reset to the last valid value on focus out.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": true,
"defaultValueInternal": false
},
{
"name": "data-tchmi-input-processing-point",
"propertyName": "InputProcessingPoint",
"propertySetterName": "setInputProcessingPoint",
"propertyGetterName": "getInputProcessingPoint",
"displayName": "Input Processing Point",
"visible": true,
"themeable": "Advanced",
"displayPriority": 50,
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.InputProcessingPoint",
"category": "Common",
"description": "When to process the input made by the user. Either while the input is still happening (i.e. on every keystroke) or after the interaction has finished (i.e. the control loses focus).",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Change"
}
],
"attributeCategories": [
{
"name": "Text",
"displayPriority": 500,
"defaultCollapsed": true,
"description": "Attributes defining the text of the control."
}
],
"functions": [],
"events": [
{
"name": ".onFocusIn",
"displayName": ".onFocusIn",
"visible": true,
"displayPriority": 7,
"category": "Operator",
"description": "The focusin event is fired when an element is about to receive focus.",
"heritable": true,
"arguments": [
{
"type": "tchmi:framework#/definitions/DOMFocusEvent",
"description": "The FocusEvent object of the underlying focusin dom event."
}
]
},
{
"name": ".onFocusOut",
"displayName": ".onFocusOut",
"visible": true,
"displayPriority": 7,
"category": "Operator",
"description": "The focusout event is fired when an element is about to lose focus.",
"heritable": true,
"arguments": [
{
"type": "tchmi:framework#/definitions/DOMEvent",
"description": "The Event object of the underlying focusout dom event."
}
]
},
{
"name": ".onTextChanged",
"displayName": ".onTextChanged",
"visible": true,
"displayPriority": 10,
"category": "Control",
"description": "The textchanged event is fired when the text was changed. This event could be fired multiples times while a user interaction.",
"heritable": true,
"arguments": [
{
"type": "tchmi:general#/definitions/String",
"description": "The new text of the input control."
}
]
},
{
"name": ".onUserInteractionFinished",
"displayName": ".onUserInteractionFinished",
"visible": true,
"displayPriority": 5,
"category": "Operator",
"description": "The userinteractionfinished event is fired after leaving the textbox.",
"heritable": true,
"arguments": []
},
{
"name": ".onUserInteractionCanceled",
"displayName": ".onUserInteractionCanceled",
"visible": true,
"displayPriority": 7,
"category": "Operator",
"description": "The userinteractioncanceled event is fired when the user presses the escape key, causing the text to reset to its previous value.",
"heritable": true,
"arguments": []
}
],
"dataTypes": [
{
"schema": "Schema/Types.Schema.json"
}
],
"languages": {
"en": "Lang/Language.en.json",
"de": "Lang/Language.de.json"
}
}

BIN
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Icons/16x16.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 B

7
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Lang/Language.de.json vendored Normal file
View File

@@ -0,0 +1,7 @@
{
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
"locale": "de",
"localizedText": {
"MaxTextLengthReached": "Maximale Textlänge erreicht."
}
}

7
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Lang/Language.en.json vendored Normal file
View File

@@ -0,0 +1,7 @@
{
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
"locale": "en",
"localizedText": {
"MaxTextLengthReached": "Maximum text length reached."
}
}

15
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Schema/Types.Schema.json vendored Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "http://json-schema.org/draft-04/schema",
"definitions": {
"TcHmi.Controls.Beckhoff.TcHmiInput": {
"$schema": "http://json-schema.org/draft-04/schema",
"type": "object",
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
"frameworkControlType": "TcHmiInput",
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
},
"TcHmiInput": {
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiInput"
}
}
}

74
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Style.css vendored Normal file
View File

@@ -0,0 +1,74 @@
/** Styles for all themes */
/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiInput {
/* Prevent overflow if the border radius is huge */
overflow: hidden;
--tchmi-background-invalid: var(--tchmi-invalid-color);
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: inherit;
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input {
background: transparent;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-align: left;
white-space: pre;
overflow: hidden;
position: relative;
padding: 2px;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
outline: none;
resize: none;
cursor: text;
display: flex;
align-items: flex-start;
border-radius: inherit;
}
/* The main use for this control is interaction. So mark when this is not allowed. */
.TcHmi_Controls_Beckhoff_TcHmiInput.TcHmi_Controls_System_TcHmiControl-operate-disallowed::after {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
z-index: 100;
cursor: not-allowed;
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification {
position: absolute;
display: flex;
align-items: center;
height: 100%;
top: 0px;
right: 0px;
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input:not(:invalid)
+ .TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification {
visibility: hidden;
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input
+ .TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification.invalid-notification-alignment-left {
left: 0px;
right: unset;
}

441
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/TcHmiInput.d.ts vendored Normal file
View File

@@ -0,0 +1,441 @@
// 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 TcHmiInput 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 object. */
protected __elementTemplateRoot: HTMLElement;
/** Reference to the underlying html text textarea or input element as HTMLInputElement object. */
protected __elementInput: HTMLInputElement;
/** Reference to the invalid notification label element as HTMLLabelElement object. */
protected __elementInvalidNotificationLabel: HTMLLabelElement;
/**
* Is set to true if the control is locked and to false if the control is unlocked.
* When the control is locked, calls to setText are ignored.
*/
protected __locked: boolean;
/** Internal reference to the attribute "data-tchmi-text" */
protected __text: string | undefined;
/** Internal reference to the attribute "data-tchmi-system-keyboard-input-mode" */
protected __systemKeyboardInputMode: TcHmi.Keyboard.KeyboardInputMode | undefined;
/** Internal reference to the attribute "data-tchmi-ignore-escape-sequences" */
protected __ignoreEscapeSequences: boolean | undefined;
/** Text at focusin time */
protected __oldText: string | undefined;
/** Internal reference to the attribute "data-tchmi-text-horizontal-alignment */
protected __textHorizontalAlignment: TcHmi.HorizontalAlignment | null | undefined;
/** Internal reference to the attribute "data-tchmi-content-padding" */
protected __contentPadding: TcHmi.FourSidedCss | null | undefined;
/** Internal reference to the attribute "data-tchmi-text-font-size" */
protected __textFontSize: number | undefined;
/** Internal reference to the attribute "data-tchmi-text-font-size-unit" */
protected __textFontSizeUnit: TcHmi.FontSizeUnit | undefined;
/** Internal reference to the attribute "data-tchmi-text-font-family" */
protected __textFontFamily: TcHmi.FontFamily | null | undefined;
/** Internal reference to the attribute "data-tchmi-text-font-style" */
protected __textFontStyle: TcHmi.FontStyle | undefined;
/** Internal reference to the attribute "data-tchmi-text-font-style" */
protected __textFontWeight: TcHmi.FontWeight | undefined;
/** Internal reference to the attribute "data-tchmi-placeholder" */
protected __placeholder: string | null | undefined;
/** Internal reference to the attribute "data-tchmi-text-color" */
protected __textColor: TcHmi.SolidColor | null | undefined;
/** Internal reference to the attribute "data-tchmi-auto-focus-out" */
protected __autoFocusOut: boolean | undefined;
/** Internal reference to the attribute "data-tchmi-auto-select-text" */
protected __autoSelectText: boolean | undefined;
/** Internal reference to the attribute "data-tchmi-mark-as-invalid" */
protected __customValidity: string | null | undefined;
/**
* MaxTextLength value of the input.
*/
protected __maxTextLength: number | undefined | null;
/** Internal reference to the attribute "data-tchmi-reset-to-last-valid-value" */
protected __resetToLastValidValue: boolean | undefined;
protected __valueBuffer: ValueBuffer<string> | undefined;
/** Localization */
protected __localizedCustomValidity: {
key: string;
parameters: any[];
};
protected __localizationReader: TcHmi.Locale.LocalizationReader | undefined;
/**
* ReadOnly state of the control.
*/
protected __isReadOnly: boolean | undefined;
/** Interaction has started so we should raise event after it. */
protected __triggerUIFinishedOnBlur: boolean;
/**
* 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;
/**
* Handle submit on keydown
*/
protected __onKeydown(event: KeyboardEvent): void;
/**
* Handle value change on "input" to support virtual keyboards on mobile devices
* which caches the value while editing (iOS for example)
* input is fired when the keys has changed text
*/
protected __onInput(_event: Event): void;
/**
* Is raised if text is pasted into the underlying textarea element.
*/
protected __onPaste(_event: Event): void;
/**
* Is raised if text is cut from the underlying textarea element.
*/
protected __onCut(_event: Event): void;
/**
* Is raised if the underlying input element gets the focus.
*/
protected __onFocusIn(event: FocusEvent): void;
/**
* Is raised if the underlying input element has lost its focus.
*/
protected __onFocusOut(event: FocusEvent): void;
/**
* Performs the steps after a focusout event was received.
* @param event The focusout event.
*/
protected __performFocusOut(event: Event): void;
/**
* Is raised after successful interaction with a TcHmiKeyboard control with indirect input.
* @param event
*/
protected __onIndirectInputFinished(_event: Event): void;
/**
* Is raised after canceled interaction with a TcHmiKeyboard control with indirect input.
* @param event
*/
protected __onIndirectInputCanceled(event: Event): void;
/**
* Sets the value of the member variable "text" if the new value is not equal to the current value
* or the current control instance is locked and calls the associated process function (processText) after that.
* @param valueNew The new value for text.
*/
setText(valueNew: string | null): void;
/**
* Sets the value of the member variable "text" regardless of lock.
* @param valueNew The new value for text
*/
protected __setText(valueNew: string | null | undefined, process?: boolean): void;
/**
* Returns the current value of the member variable text.
*/
getText(): string | undefined;
/**
* Processes the current value of text and forwards it to the value attribute of the underlying input variable.
* The current value of text is only forwarded if it is no binding expression.
*/
protected __processText(): void;
/**
* Sets the value of the member variable SystemKeyboardInputMode.
* @param valueNew The new value for SystemKeyboardInputMode.
*/
setSystemKeyboardInputMode(valueNew: TcHmi.Keyboard.KeyboardInputMode | null): void;
/**
* Returns the current value of the member variable text.
* @returns the current value of the member variable text.
*/
getSystemKeyboardInputMode(): string | undefined;
protected __processSystemKeyboardInputMode(): void;
/**
* Sets the value of the member variable IgnoreEscapeSequences.
* @param valueNew The new value for IgnoreEscapeSequences
*/
setIgnoreEscapeSequences(valueNew: boolean | null | undefined): void;
/**
* Returns the current value of IgnoreEscapeSequences.
* @returns The current value of IgnoreEscapeSequences.
*/
getIgnoreEscapeSequences(): boolean | undefined;
/**
* Sets the text horizontal alignment 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 textHorizontalAlignment.
* @returns The current value of textHorizontalAlignment.
*/
getTextHorizontalAlignment(): TcHmi.HorizontalAlignment | null | undefined;
/**
* Processes the current textHorizontalAlignment attribute value.
*/
protected __processTextHorizontalAlignment(): void;
/**
* Sets the contentPadding value and calls the associated process function (processContentPadding) after it.
* @param valueNew The new value for the contentPadding attribute as object.
*/
setContentPadding(valueNew: TcHmi.FourSidedCss | null): void;
/**
* The watch callback for the contentPadding object resolver.
*/
protected __onResolverForContentPaddingWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.FourSidedCss>): void;
/**
* Returns the current contentPadding value.
* @returns The current value of the contentPadding member variable as json in string format.
*/
getContentPadding(): TcHmi.FourSidedCss | null | undefined;
/**
* Processes the current contentPadding attribute.
*/
protected __processContentPadding(): 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.
* @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 textFontSize.
*/
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 placeholder value and calls the associated process function (processPlaceholder).
* @param valueNew The new value for placeholder.
*/
setPlaceholder(valueNew: string | null): void;
/**
* Returns the current value of placeholder.
*/
getPlaceholder(): string | null | undefined;
/**
* Processes the current placeholder attribute value.
*/
protected __processPlaceholder(): 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.
*/
getTextColor(): TcHmi.SolidColor | null | undefined;
/**
* Processes the current textColor attribute value.
*/
protected __processTextColor(): void;
/**
* Sets the auto focus out attribute and calls the associated process function (processAutoFocusOut).
* @param valueNew The new value for autoFocusOut.
*/
setAutoFocusOut(valueNew: boolean | null): void;
/**
* Returns the current value of autoFocusOut.
*/
getAutoFocusOut(): boolean | undefined;
/**
* Processes the current autoFocusOut attribute value.
*/
protected __processAutoFocusOut(): void;
/** Lock handling */
/**
* Lock the control. Calls to setText will be ignored until control is unlocked.
*/
__lock(): void;
/**
* Unlocks the control.
*/
__unlock(): void;
/**
* Checks if the Control is deactivated and adjusts the visualization
*/
protected __processControlActivation(): void;
/**
* Processes the current isEnabled attribute value.
*/
__processIsEnabled(): void;
/**
* Processes the current AccessConfig attribute value.
*/
__processAccessConfig(): void;
/**
* Sets the isReadOnly attribute and calls the associated process function (processIsReadOnly).
* @preserve (Part of the public API)
*/
setIsReadOnly(valueNew: boolean | null): void;
/**
* Returns the effective value of isReadOnly based on own and parent isReadOnly variable.
*/
getIsReadOnly(): boolean | undefined;
/**
* Process IsReadOnly.
*/
protected __processIsReadOnly(): void;
/**
* Sets the auto select text attribute and calls the associated process function (processAutoSelectText).
* @param valueNew The new value for autoSelectText.
*/
setAutoSelectText(valueNew: boolean | null): void;
/**
* Returns the current value of autoSelectText.
*/
getAutoSelectText(): boolean | undefined;
/**
* Sets the custom validity attribute and calls the associated process function (processCustomValidity).
* @param valueNew The new value for customValidity.
*/
setCustomValidity(valueNew: string | null): void;
/**
* Returns the current value of customValidity.
*/
getCustomValidity(): string | null | undefined;
/**
* Process CustomValidity.
*/
protected __processCustomValidity(): void;
/**
* Sets the focus to the html input element.
*/
focus(): void;
/**
* Sets the maxTextLength attribute and calls the associated process function (processMaxTextLength).
* @preserve (Part of the public API)
*/
setMaxTextLength(valueNew: number | null): void;
/**
* Returns the value of maxTextLength.
*/
getMaxTextLength(): number | null | undefined;
/**
* Process MaxTextLength.
*/
protected __processMaxTextLength(): void;
/**
* Validates the value of the html input element.
* Higlights the controls if value is out of range.
*/
protected __validateTextValue(newValue: string | undefined): boolean;
/**
* Sets the resetToLastValidValue attribute.
* @param valueNew The new value for resetToLastValidValue.
*/
setResetToLastValidValue(valueNew: boolean | null): void;
/**
* Returns the current value of resetToLastValidValue.
* @returns The current value of resetToLastValidValue.
*/
getResetToLastValidValue(): boolean | undefined;
/**
* Processes the current ResetToLastValidValue attribute value.
*/
__processResetToLastValidValue(): void;
/**
* Sets the inputProcessingPoint attribute.
* @param valueNew The new value for inputProcessingPoint.
*/
setInputProcessingPoint(valueNew: InputProcessingPoint | keyof typeof InputProcessingPoint | null): void;
/**
* Returns the current value of inputProcessingPoint.
* @returns The current value of inputProcessingPoint.
*/
getInputProcessingPoint(): InputProcessingPoint | undefined;
/**
* Processes the current InputProcessingPoint attribute value.
*/
__processInputProcessingPoint(): void;
/**
* Change the localization of the input elements validity
* @param key The localization key.
* @param parameters Optional parameters to pass to tchmi_format_string.
*/
private __setLocalizedInputValidity;
}
export { TcHmiInput as Control };
declare const _TcHmiInput: typeof TcHmiInput;
type tTcHmiInput = TcHmiInput;
declare global {
namespace TcHmi.Controls.Beckhoff {
const TcHmiInput: typeof _TcHmiInput;
type TcHmiInput = tTcHmiInput;
}
}

4
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Template.html vendored Normal file
View File

@@ -0,0 +1,4 @@
<div class="TcHmi_Controls_Beckhoff_TcHmiInput-template tchmi-box">
<input class="TcHmi_Controls_Beckhoff_TcHmiInput-template-input tchmi-box" spellcheck="false" />
<label class="TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification tchmi-box">!</label>
</div>

43
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Themes/Base-Dark/Style.css vendored Normal file
View File

@@ -0,0 +1,43 @@
/** Styles for the theme: Base-Dark */
/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiInput {
--tchmi-background: var(--tchmi-background-color-4);
--tchmi-color: var(--tchmi-foreground-color-1);
--tchmi-border-color: var(--tchmi-background-color-2);
background-color: var(--tchmi-background);
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input {
-webkit-appearance: none; /* Important to have visible box-shadow on input elements in iOS/Safari. */
appearance: none;
color: var(--tchmi-color);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input:is(:focus, .tchmi-focus, .tchmi-keyboard-user-input) {
background: rgba(76, 99, 116, 0.05);
}
.TcHmi_Controls_Beckhoff_TcHmiInput.read-only {
background: var(--tchmi-read-only-color);
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification {
color: red;
font-weight: bold;
font-size: 15px;
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input:invalid {
background-color: var(
--tchmi-background-invalid
) !important; /*set as important because it would be overwritten by the onInput selector during an input*/
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification,
.tchmi-template-input-invalid-notification {
color: red;
font-weight: bold;
font-size: 15px;
}

43
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiInput/Themes/Base/Style.css vendored Normal file
View File

@@ -0,0 +1,43 @@
/** Styles for the theme: Base */
/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiInput {
--tchmi-background: var(--tchmi-background-color-4);
--tchmi-color: var(--tchmi-foreground-color-1);
--tchmi-border-color: var(--tchmi-background-color-2);
background-color: var(--tchmi-background);
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input {
-webkit-appearance: none; /* Important to have visible box-shadow on input elements in iOS/Safari. */
appearance: none;
color: var(--tchmi-color);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input:is(:focus, .tchmi-focus, .tchmi-keyboard-user-input) {
background: rgba(76, 99, 116, 0.05);
}
.TcHmi_Controls_Beckhoff_TcHmiInput.read-only {
background: var(--tchmi-read-only-color);
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification {
color: red;
font-weight: bold;
font-size: 15px;
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input:invalid {
background-color: var(
--tchmi-background-invalid
) !important; /*set as important because it would be overwritten by the onInput selector during an input*/
}
.TcHmi_Controls_Beckhoff_TcHmiInput-template-input-invalid-notification,
.tchmi-template-input-invalid-notification {
color: red;
font-weight: bold;
font-size: 15px;
}