beremiz

SVGHMI: Add a robust ScrollBar widget. HMI:ScrollBar@positionrange@size
svghmi
2021-02-12, Edouard Tisserant
784c839d4259
Parents d723472a18a4
Children ac3ec66e9c6d
SVGHMI: Add a robust ScrollBar widget. HMI:ScrollBar@positionrange@size
8 files changed, 1025 insertions(+), 1 deletions(-)
  • +106 -0
    svghmi/widget_scrollbar.ysl2
  • +1 -1
    tests/svghmi_i18n/svghmi_0@svghmi/messages.pot
  • +5 -0
    tests/svghmi_scrollbar/beremiz.xml
  • +73 -0
    tests/svghmi_scrollbar/plc.xml
  • +2 -0
    tests/svghmi_scrollbar/svghmi_0@svghmi/baseconfnode.xml
  • +2 -0
    tests/svghmi_scrollbar/svghmi_0@svghmi/confnode.xml
  • +17 -0
    tests/svghmi_scrollbar/svghmi_0@svghmi/messages.pot
  • +819 -0
    tests/svghmi_scrollbar/svghmi_0@svghmi/svghmi.svg
    • --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/svghmi/widget_scrollbar.ysl2 Fri Feb 12 22:00:07 2021 +0100
    @@ -0,0 +1,106 @@
    +// widget_scrollbar.ysl2
    +
    +template "widget[@type='ScrollBar']", mode="widget_class"{
    + ||
    + class ScrollBarWidget extends Widget{
    + frequency = 5;
    + position = undefined;
    + range = undefined;
    + size = undefined;
    + mincursize = 0.1;
    +
    + dispatch(value,oldval, index) {
    + switch(index) {
    + case 0:
    + if (Math.round(this.position) != value)
    + this.position = value;
    + break;
    + case 1:
    + this.range = value;
    + break;
    + case 2:
    + this.size = value;
    + break;
    + }
    +
    + this.request_animate();
    + }
    +
    + get_ratios() {
    + let range = this.range;
    + let size = Math.max(this.range * this.mincursize, Math.min(this.size, range));
    + let maxh = this.range_elt.height.baseVal.value;
    + let pixels = (range - size) * maxh;
    + let units = range*range;
    + return [size, maxh, range, pixels, units];
    + }
    +
    + animate(){
    + if(this.position == undefined || this.range == undefined || this.size == undefined)
    + return;
    + let [size, maxh, range, pixels, units] = this.get_ratios();
    +
    + let new_y = this.range_elt.y.baseVal.value + Math.round(Math.min(this.position,range) * pixels / units);
    + let new_height = Math.round(maxh * size/range);
    + console.log(new_y, new_height);
    +
    + this.cursor_elt.y.baseVal.value = new_y;
    + this.cursor_elt.height.baseVal.value = new_height;
    + }
    +
    + init_mandatory() {
    + this.cursor_elt.onpointerdown = () => this.on_cursor_down();
    +
    + this.bound_drag = this.drag.bind(this);
    + this.bound_drop = this.drop.bind(this);
    + }
    +
    + apply_position(position){
    + this.position = Math.max(Math.min(position, this.range), 0);
    + this.apply_hmi_value(0, Math.round(this.position));
    + }
    +
    + on_page_click(is_up){
    + this.apply_position(is_up ? this.position-this.size
    + : this.position+this.size);
    + }
    +
    + on_cursor_down(e){
    + svg_root.addEventListener("pointerup", this.bound_drop, true);
    + svg_root.addEventListener("pointermove", this.bound_drag, true);
    + }
    +
    + drop(e) {
    + svg_root.removeEventListener("pointerup", this.bound_drop, true);
    + svg_root.removeEventListener("pointermove", this.bound_drag, true);
    + }
    +
    + drag(e) {
    + let [size, maxh, range, pixels, units] = this.get_ratios();
    + if(pixels == 0) return;
    + let matrix = this.range_elt.getCTM().inverse();
    + let point = new DOMPoint(e.movementX, e.movementY);
    + let movement = point.matrixTransform(matrix).y;
    + this.apply_position(this.position + movement * units / pixels);
    + }
    + }
    + ||
    +}
    +
    +template "widget[@type='ScrollBar']", mode="widget_defs" {
    + param "hmi_element";
    + labels("cursor range");
    +
    + const "pagebuttons" optional_labels("pageup pagedown");
    + const "have_pagebuttons","string-length($pagebuttons)>0";
    + value "$pagebuttons";
    +
    + | init: function() {
    + | this.init_mandatory();
    +
    + if "$have_pagebuttons" {
    + | this.pageup_elt.onclick = () => this.on_page_click(true);
    + | this.pagedown_elt.onclick = () => this.on_page_click(false);
    + }
    + | },
    +}
    --- a/tests/svghmi_i18n/svghmi_0@svghmi/messages.pot Fri Feb 12 21:58:03 2021 +0100
    +++ b/tests/svghmi_i18n/svghmi_0@svghmi/messages.pot Fri Feb 12 22:00:07 2021 +0100
    @@ -5,7 +5,7 @@
    msgid ""
    msgstr ""
    "Project-Id-Version: PACKAGE VERSION\n"
    -"POT-Creation-Date: 2021-02-08 21:34+CET\n"
    +"POT-Creation-Date: 2021-02-09 16:59+CET\n"
    "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    "Language-Team: LANGUAGE <LL@li.org>\n"
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/tests/svghmi_scrollbar/beremiz.xml Fri Feb 12 22:00:07 2021 +0100
    @@ -0,0 +1,5 @@
    +<?xml version='1.0' encoding='utf-8'?>
    +<BeremizRoot xmlns:xsd="http://www.w3.org/2001/XMLSchema" URI_location="PYRO://127.0.0.1:61284">
    + <TargetType/>
    + <Libraries Enable_SVGHMI_Library="true"/>
    +</BeremizRoot>
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/tests/svghmi_scrollbar/plc.xml Fri Feb 12 22:00:07 2021 +0100
    @@ -0,0 +1,73 @@
    +<?xml version='1.0' encoding='utf-8'?>
    +<project xmlns:ns1="http://www.plcopen.org/xml/tc6_0201" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://www.plcopen.org/xml/tc6_0201">
    + <fileHeader companyName="Unknown" productName="Unnamed" productVersion="1" creationDateTime="2019-08-06T14:23:42"/>
    + <contentHeader name="Unnamed" modificationDateTime="2021-02-12T19:29:13">
    + <coordinateInfo>
    + <fbd>
    + <scaling x="5" y="5"/>
    + </fbd>
    + <ld>
    + <scaling x="0" y="0"/>
    + </ld>
    + <sfc>
    + <scaling x="0" y="0"/>
    + </sfc>
    + </coordinateInfo>
    + </contentHeader>
    + <types>
    + <dataTypes/>
    + <pous>
    + <pou name="MainStuff" pouType="program">
    + <interface>
    + <localVars>
    + <variable name="var0">
    + <type>
    + <derived name="HMI_INT"/>
    + </type>
    + </variable>
    + <variable name="var1">
    + <type>
    + <derived name="HMI_INT"/>
    + </type>
    + </variable>
    + </localVars>
    + </interface>
    + <body>
    + <FBD>
    + <inVariable localId="5" executionOrderId="0" height="30" width="125" negated="false">
    + <position x="445" y="65"/>
    + <connectionPointOut>
    + <relPosition x="125" y="15"/>
    + </connectionPointOut>
    + <expression>var0</expression>
    + </inVariable>
    + <outVariable localId="10" executionOrderId="0" height="25" width="85" negated="false">
    + <position x="710" y="105"/>
    + <connectionPointIn>
    + <relPosition x="0" y="10"/>
    + <connection refLocalId="5">
    + <position x="710" y="115"/>
    + <position x="640" y="115"/>
    + <position x="640" y="80"/>
    + <position x="570" y="80"/>
    + </connection>
    + </connectionPointIn>
    + <expression>var1</expression>
    + </outVariable>
    + </FBD>
    + </body>
    + </pou>
    + </pous>
    + </types>
    + <instances>
    + <configurations>
    + <configuration name="config">
    + <resource name="resource1">
    + <task name="task0" priority="0" interval="T#20ms">
    + <pouInstance name="instance0" typeName="MainStuff"/>
    + </task>
    + </resource>
    + </configuration>
    + </configurations>
    + </instances>
    +</project>
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/tests/svghmi_scrollbar/svghmi_0@svghmi/baseconfnode.xml Fri Feb 12 22:00:07 2021 +0100
    @@ -0,0 +1,2 @@
    +<?xml version='1.0' encoding='utf-8'?>
    +<BaseParams xmlns:xsd="http://www.w3.org/2001/XMLSchema" IEC_Channel="0" Name="svghmi_0"/>
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/tests/svghmi_scrollbar/svghmi_0@svghmi/confnode.xml Fri Feb 12 22:00:07 2021 +0100
    @@ -0,0 +1,2 @@
    +<?xml version='1.0' encoding='utf-8'?>
    +<SVGHMI xmlns:xsd="http://www.w3.org/2001/XMLSchema" OnWatchdog="echo Watchdog for {name} !" OnStart="chromium http://127.0.0.1:{port}/{name}" OnStop="echo Closing {name}" WatchdogInitial="10" WatchdogInterval="5"/>
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/tests/svghmi_scrollbar/svghmi_0@svghmi/messages.pot Fri Feb 12 22:00:07 2021 +0100
    @@ -0,0 +1,17 @@
    +# SOME DESCRIPTIVE TITLE.
    +# Copyright (C) YEAR ORGANIZATION
    +# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
    +#
    +msgid ""
    +msgstr ""
    +"Project-Id-Version: PACKAGE VERSION\n"
    +"POT-Creation-Date: 2021-02-12 21:55+CET\n"
    +"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    +"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    +"Language-Team: LANGUAGE <LL@li.org>\n"
    +"MIME-Version: 1.0\n"
    +"Content-Type: text/plain; charset=UTF-8\n"
    +"Content-Transfer-Encoding: 8bit\n"
    +"Generated-By: SVGHMI 1.0\n"
    +
    +
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/tests/svghmi_scrollbar/svghmi_0@svghmi/svghmi.svg Fri Feb 12 22:00:07 2021 +0100
    @@ -0,0 +1,819 @@
    +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
    +<!-- Created with Inkscape (http://www.inkscape.org/) -->
    +
    +<svg
    + xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
    + xmlns:dc="http://purl.org/dc/elements/1.1/"
    + xmlns:cc="http://creativecommons.org/ns#"
    + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    + xmlns:svg="http://www.w3.org/2000/svg"
    + xmlns="http://www.w3.org/2000/svg"
    + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    + inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
    + sodipodi:docname="svghmi.svg"
    + id="hmi0"
    + version="1.1"
    + viewBox="0 0 1280 720"
    + height="720"
    + width="1280">
    + <metadata
    + id="metadata4542">
    + <rdf:RDF>
    + <cc:Work
    + rdf:about="">
    + <dc:format>image/svg+xml</dc:format>
    + <dc:type
    + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
    + <dc:title />
    + </cc:Work>
    + </rdf:RDF>
    + </metadata>
    + <defs
    + id="defs2">
    + <linearGradient
    + id="linearGradient34303"
    + osb:paint="solid">
    + <stop
    + style="stop-color:#000000;stop-opacity:1;"
    + offset="0"
    + id="stop34301" />
    + </linearGradient>
    + <linearGradient
    + id="linearGradient20537"
    + osb:paint="solid">
    + <stop
    + style="stop-color:#000000;stop-opacity:1;"
    + offset="0"
    + id="stop20535" />
    + </linearGradient>
    + </defs>
    + <sodipodi:namedview
    + id="base"
    + pagecolor="#ffffff"
    + bordercolor="#666666"
    + borderopacity="1.0"
    + inkscape:pageopacity="0"
    + inkscape:pageshadow="2"
    + inkscape:document-units="px"
    + inkscape:current-layer="g4507"
    + showgrid="false"
    + units="px"
    + inkscape:zoom="0.64"
    + inkscape:cx="512.75649"
    + inkscape:cy="208.59799"
    + inkscape:window-width="1939"
    + inkscape:window-height="1243"
    + inkscape:window-x="3325"
    + inkscape:window-y="162"
    + inkscape:window-maximized="0"
    + showguides="true"
    + inkscape:guide-bbox="true"
    + inkscape:snap-global="true"
    + inkscape:snap-bbox="true"
    + inkscape:bbox-nodes="true" />
    + <g
    + inkscape:label="HMI:Keypad:HMI_INT:HMI_REAL"
    + id="g2432"
    + style="fill-rule:evenodd;stroke-width:0.47631353"
    + transform="matrix(3.3549332,0,0,3.14525,-181.87457,2336.0198)">
    + <path
    + sodipodi:nodetypes="ccccc"
    + inkscape:label="Background"
    + inkscape:connector-curvature="0"
    + id="path2136"
    + d="M 54.211099,1.2654702 H 435.73881 V 230.18209 H 54.211099 Z"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.6;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.16776976;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <rect
    + ry="3.8152773"
    + rx="3.8152773"
    + y="15.77106"
    + x="64.024963"
    + height="30.150299"
    + width="361.89996"
    + id="rect2426"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#fffff5;fill-opacity:1;fill-rule:nonzero;stroke:#202326;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + inkscape:label="Field" />
    + <text
    + id="text2430"
    + y="37.408375"
    + x="72.50132"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19.0763855px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.47690967px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"
    + inkscape:label="Value"><tspan
    + style="text-align:start;text-anchor:start;stroke-width:0.47690967px"
    + y="37.408375"
    + x="72.50132"
    + id="tspan2428"
    + sodipodi:role="line">number</tspan></text>
    + <g
    + style="fill-rule:evenodd;stroke-width:0.13585199"
    + inkscape:label="Enter"
    + id="g4947"
    + transform="matrix(1.6700128,0,0,1.6700128,-826.83854,-145.60855)">
    + <path
    + style="opacity:1;vector-effect:none;fill:#4f4c4d;fill-opacity:1;stroke:none;stroke-width:0.10074362;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
    + id="path193"
    + d="m 750,175 c 0,-2 -1,-3 -3,-3 h -20 c -1,0 -3,1 -3,3 v 43 c 0,1 2,2 3,2 h 20 c 2,0 3,-1 3,-2 z"
    + inkscape:connector-curvature="0" />
    + <path
    + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.99999988;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + d="m -1244.2949,1166.5938 v 15.791 h -38.6875 v -2.9981 l -6.9199,4 6.9199,4 v -2.998 h 40.6836 v -17.7949 z"
    + transform="matrix(0.28557246,0,0,0.28557246,1098.7155,-140.51013)"
    + id="path6545-4"
    + inkscape:connector-curvature="0" />
    + </g>
    + <g
    + style="fill-rule:evenodd;stroke-width:0.13585199"
    + inkscape:label="Keys"
    + id="g4993"
    + transform="matrix(1.6700128,0,0,1.6700128,-826.83854,-145.60855)">
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="7"
    + id="g4892">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 638,120 h 20 c 2,0 3,2 3,3 v 18 c 0,2 -1,3 -3,3 h -20 c -1,0 -3,-1 -3,-3 v -18 c 0,-1 2,-3 3,-3 z"
    + id="path163"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text331"
    + y="129.38269"
    + x="636.4165"
    + transform="scale(1.0007154,0.99928514)">7</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="4"
    + id="g4907">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 638,146 h 20 c 2,0 3,1 3,3 v 18 c 0,2 -1,3 -3,3 h -20 c -1,0 -3,-1 -3,-3 v -18 c 0,-2 2,-3 3,-3 z"
    + id="path169"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text335"
    + y="154.10822"
    + x="636.4165"
    + transform="scale(1.0007154,0.99928514)">4</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="1"
    + id="g4922">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 638,172 h 20 c 2,0 3,1 3,3 v 17 c 0,1 -1,3 -3,3 h -20 c -1,0 -3,-2 -3,-3 v -17 c 0,-2 2,-3 3,-3 z"
    + id="path175"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text339"
    + y="179.82285"
    + x="636.4165"
    + transform="scale(1.0007154,0.99928514)">1</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="8"
    + id="g4897">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 668,120 h 19 c 2,0 3,2 3,3 v 18 c 0,2 -1,3 -3,3 h -19 c -1,0 -3,-1 -3,-3 v -18 c 0,-1 2,-3 3,-3 z"
    + id="path165"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text347"
    + y="129.38269"
    + x="667.07562"
    + transform="scale(1.0007154,0.99928514)">8</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="5"
    + id="g4912">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 668,146 h 19 c 2,0 3,1 3,3 v 18 c 0,2 -1,3 -3,3 h -19 c -1,0 -3,-1 -3,-3 v -18 c 0,-2 2,-3 3,-3 z"
    + id="path171"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text351"
    + y="154.10822"
    + x="667.07562"
    + transform="scale(1.0007154,0.99928514)">5</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="2"
    + id="g4927">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 668,172 h 19 c 2,0 3,1 3,3 v 17 c 0,1 -1,3 -3,3 h -19 c -1,0 -3,-2 -3,-3 v -17 c 0,-2 2,-3 3,-3 z"
    + id="path177"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text355"
    + y="179.82285"
    + x="667.07562"
    + transform="scale(1.0007154,0.99928514)">2</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="9"
    + id="g4902">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 697,120 h 20 c 2,0 3,2 3,3 v 18 c 0,2 -1,3 -3,3 h -20 c -1,0 -3,-1 -3,-3 v -18 c 0,-1 2,-3 3,-3 z"
    + id="path167"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text363"
    + y="129.38269"
    + x="695.75708"
    + transform="scale(1.0007154,0.99928514)">9</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="6"
    + id="g4917">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 697,146 h 20 c 2,0 3,1 3,3 v 18 c 0,2 -1,3 -3,3 h -20 c -1,0 -3,-1 -3,-3 v -18 c 0,-2 2,-3 3,-3 z"
    + id="path173"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text367"
    + y="154.10822"
    + x="695.75708"
    + transform="scale(1.0007154,0.99928514)">6</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="3"
    + id="g4932">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 697,172 h 20 c 2,0 3,1 3,3 v 17 c 0,1 -1,3 -3,3 h -20 c -1,0 -3,-2 -3,-3 v -17 c 0,-2 2,-3 3,-3 z"
    + id="path179"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text371"
    + y="179.82285"
    + x="695.75708"
    + transform="scale(1.0007154,0.99928514)">3</text>
    + </g>
    + <g
    + style="stroke-width:0.13585199"
    + inkscape:label="0"
    + id="g4937">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 638,220 c -1,0 -3,-1 -3,-2 v -19 c 0,-1 2,-2 3,-2 h 49 c 2,0 3,1 3,2 v 19 c 0,1 -1,2 -3,2 z"
    + id="path373"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text377"
    + y="205.53712"
    + x="636.4165"
    + transform="scale(1.0007154,0.99928514)">0</text>
    + </g>
    + </g>
    + <g
    + id="g3113"
    + inkscape:label="Esc"
    + transform="translate(-318.22576)">
    + <path
    + style="opacity:1;vector-effect:none;fill:#4f4c4d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.16824313;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
    + id="path167-3"
    + d="m 387.26079,54.792986 h 33.40019 c 3.34,0 5.01006,3.34003 5.01006,5.010045 v 30.060225 c 0,3.340029 -1.67006,5.010032 -5.01006,5.010032 h -33.40019 c -1.67006,0 -5.01007,-1.670003 -5.01007,-5.010032 V 59.803031 c 0,-1.670015 3.34001,-5.010045 5.01007,-5.010045 z"
    + inkscape:connector-curvature="0" />
    + <text
    + x="394.42801"
    + y="78.632088"
    + id="text469-4"
    + style="font-weight:normal;font-size:10.63882256px;font-family:Arial;fill:#ffffff;fill-rule:evenodd;stroke-width:0.36866826"
    + transform="scale(1.0007154,0.99928511)">Esc</text>
    + </g>
    + <g
    + id="g3109"
    + inkscape:label="BackSpace"
    + transform="translate(0,-43.420332)">
    + <path
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.16824308;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
    + id="path173-1"
    + d="m 387.26079,98.213318 h 33.40019 c 3.34,0 5.01006,1.670013 5.01006,5.010032 v 30.06024 c 0,3.34002 -1.67006,5.01003 -5.01006,5.01003 h -33.40019 c -1.67006,0 -5.01007,-1.67001 -5.01007,-5.01003 v -30.06024 c 0,-3.340019 3.34001,-5.010032 5.01007,-5.010032 z"
    + inkscape:connector-curvature="0" />
    + <path
    + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#2b2828;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + d="m -1278.9668,1041.3047 -6.9199,4 6.9199,4 v -3 h 33.416 v -1.9981 h -33.416 z"
    + transform="matrix(0.47690966,0,0,0.47690966,1008.0304,-380.26227)"
    + id="path11623-1-0-2"
    + inkscape:connector-curvature="0" />
    + </g>
    + <g
    + id="g787"
    + inkscape:label="Sign"
    + style="fill-rule:evenodd;stroke-width:0.13585199"
    + transform="matrix(1.6700128,0,0,1.6700128,-678.20742,-102.18822)">
    + <path
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
    + id="path781"
    + d="m 638,120 h 20 c 2,0 3,2 3,3 v 18 c 0,2 -1,3 -3,3 h -20 c -1,0 -3,-1 -3,-3 v -18 c 0,-1 2,-3 3,-3 z"
    + inkscape:connector-curvature="0" />
    + <text
    + x="642.1239"
    + y="135.09822"
    + id="text783"
    + style="font-weight:normal;font-size:9.28803921px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + transform="scale(1.0007154,0.99928514)">+/-</text>
    + </g>
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.31375408px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.30784383px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="252.9579"
    + y="12.333653"
    + id="text509"
    + transform="scale(0.96824589,1.0327955)"
    + inkscape:label="Info"><tspan
    + sodipodi:role="line"
    + id="tspan507"
    + x="252.9579"
    + y="12.333653"
    + style="stroke-width:0.30784383px">information</tspan></text>
    + <g
    + transform="matrix(1.6700128,0,0,1.6700128,-826.83854,-145.60856)"
    + style="fill-rule:evenodd;stroke-width:0.13585199"
    + id="g4942"
    + inkscape:label="NumDot">
    + <path
    + inkscape:connector-curvature="0"
    + d="m 697,197 h 20 c 2,0 3,1 3,2 v 19 c 0,1 -1,2 -3,2 h -20 c -1,0 -3,-1 -3,-2 v -19 c 0,-1 2,-2 3,-2 z"
    + id="path181"
    + style="opacity:1;vector-effect:none;fill:#d3d2d2;fill-opacity:1;stroke:none;stroke-width:0.10074359;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
    + <text
    + style="font-weight:normal;font-size:6.96602964px;font-family:Arial;fill:#2b2828;stroke-width:0.10514989"
    + id="text771"
    + y="204.54802"
    + x="696.7464"
    + transform="scale(1.0007154,0.99928514)">.</text>
    + </g>
    + </g>
    + <rect
    + style="color:#000000;fill:#ffffff"
    + id="page0"
    + width="1280"
    + height="720"
    + x="0"
    + y="0"
    + inkscape:label="HMI:Page:Home" />
    + <g
    + id="g1913"
    + inkscape:label="HMI:Input@.size"
    + transform="translate(80)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect4827"
    + width="165.96402"
    + height="78.240181"
    + x="203.89867"
    + y="501.87585"
    + rx="7"
    + ry="7"
    + inkscape:label="edit" />
    + <text
    + id="text405"
    + y="551.66504"
    + x="275.02609"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"
    + inkscape:label="value"><tspan
    + y="551.66504"
    + x="275.02609"
    + id="tspan403"
    + sodipodi:role="line">1234</tspan></text>
    + <g
    + id="g1905"
    + inkscape:label="-1"
    + transform="translate(-314.79908,-17.189114)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect407"
    + width="99.578415"
    + height="88.909302"
    + x="392.38638"
    + y="513.73041"
    + rx="7"
    + ry="7" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="441.65189"
    + y="566.1087"
    + id="text1558"><tspan
    + sodipodi:role="line"
    + id="tspan1556"
    + x="441.65189"
    + y="566.1087">-1</tspan></text>
    + </g>
    + <g
    + transform="translate(-434.79908,-17.189114)"
    + inkscape:label="-10"
    + id="g4394">
    + <rect
    + ry="7"
    + rx="7"
    + y="513.73041"
    + x="392.38638"
    + height="88.909302"
    + width="99.578415"
    + id="rect4388"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + id="text4392"
    + y="566.1087"
    + x="441.65189"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"><tspan
    + y="566.1087"
    + x="441.65189"
    + id="tspan4390"
    + sodipodi:role="line">-10</tspan></text>
    + </g>
    + <g
    + transform="translate(11.20092,-17.189114)"
    + inkscape:label="+1"
    + id="g4402">
    + <rect
    + ry="7"
    + rx="7"
    + y="513.73041"
    + x="392.38638"
    + height="88.909302"
    + width="99.578415"
    + id="rect4396"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + id="text4400"
    + y="566.1087"
    + x="441.65189"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"><tspan
    + y="566.1087"
    + x="441.65189"
    + id="tspan4398"
    + sodipodi:role="line">+1</tspan></text>
    + </g>
    + <g
    + id="g4410"
    + inkscape:label="+10"
    + transform="translate(131.20092,-17.189114)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect4404"
    + width="99.578415"
    + height="88.909302"
    + x="392.38638"
    + y="513.73041"
    + rx="7"
    + ry="7" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="441.65189"
    + y="566.1087"
    + id="text4408"><tspan
    + sodipodi:role="line"
    + id="tspan4406"
    + x="441.65189"
    + y="566.1087">+10</tspan></text>
    + </g>
    + </g>
    + <g
    + transform="translate(80,-160)"
    + inkscape:label="HMI:Input@.range"
    + id="g4450">
    + <rect
    + inkscape:label="edit"
    + ry="7"
    + rx="7"
    + y="501.87585"
    + x="203.89867"
    + height="78.240181"
    + width="165.96402"
    + id="rect4412"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + inkscape:label="value"
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="275.02609"
    + y="551.66504"
    + id="text4416"><tspan
    + sodipodi:role="line"
    + id="tspan4414"
    + x="275.02609"
    + y="551.66504">1234</tspan></text>
    + <g
    + transform="translate(-314.79908,-17.189114)"
    + inkscape:label="-1"
    + id="g4424">
    + <rect
    + ry="7"
    + rx="7"
    + y="513.73041"
    + x="392.38638"
    + height="88.909302"
    + width="99.578415"
    + id="rect4418"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + id="text4422"
    + y="566.1087"
    + x="441.65189"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"><tspan
    + y="566.1087"
    + x="441.65189"
    + id="tspan4420"
    + sodipodi:role="line">-1</tspan></text>
    + </g>
    + <g
    + id="g4432"
    + inkscape:label="-10"
    + transform="translate(-434.79908,-17.189114)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect4426"
    + width="99.578415"
    + height="88.909302"
    + x="392.38638"
    + y="513.73041"
    + rx="7"
    + ry="7" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="441.65189"
    + y="566.1087"
    + id="text4430"><tspan
    + sodipodi:role="line"
    + id="tspan4428"
    + x="441.65189"
    + y="566.1087">-10</tspan></text>
    + </g>
    + <g
    + id="g4440"
    + inkscape:label="+1"
    + transform="translate(11.20092,-17.189114)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect4434"
    + width="99.578415"
    + height="88.909302"
    + x="392.38638"
    + y="513.73041"
    + rx="7"
    + ry="7" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="441.65189"
    + y="566.1087"
    + id="text4438"><tspan
    + sodipodi:role="line"
    + id="tspan4436"
    + x="441.65189"
    + y="566.1087">+1</tspan></text>
    + </g>
    + <g
    + transform="translate(131.20092,-17.189114)"
    + inkscape:label="+10"
    + id="g4448">
    + <rect
    + ry="7"
    + rx="7"
    + y="513.73041"
    + x="392.38638"
    + height="88.909302"
    + width="99.578415"
    + id="rect4442"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + id="text4446"
    + y="566.1087"
    + x="441.65189"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"><tspan
    + y="566.1087"
    + x="441.65189"
    + id="tspan4444"
    + sodipodi:role="line">+10</tspan></text>
    + </g>
    + </g>
    + <g
    + id="g4490"
    + inkscape:label="HMI:Input@.position"
    + transform="translate(80,-320)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect4452"
    + width="165.96402"
    + height="78.240181"
    + x="203.89867"
    + y="501.87585"
    + rx="7"
    + ry="7"
    + inkscape:label="edit" />
    + <text
    + id="text4456"
    + y="551.66504"
    + x="275.02609"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"
    + inkscape:label="value"><tspan
    + y="551.66504"
    + x="275.02609"
    + id="tspan4454"
    + sodipodi:role="line">1234</tspan></text>
    + <g
    + id="g4464"
    + inkscape:label="-1"
    + transform="translate(-314.79908,-17.189114)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect4458"
    + width="99.578415"
    + height="88.909302"
    + x="392.38638"
    + y="513.73041"
    + rx="7"
    + ry="7" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="441.65189"
    + y="566.1087"
    + id="text4462"><tspan
    + sodipodi:role="line"
    + id="tspan4460"
    + x="441.65189"
    + y="566.1087">-1</tspan></text>
    + </g>
    + <g
    + transform="translate(-434.79908,-17.189114)"
    + inkscape:label="-10"
    + id="g4472">
    + <rect
    + ry="7"
    + rx="7"
    + y="513.73041"
    + x="392.38638"
    + height="88.909302"
    + width="99.578415"
    + id="rect4466"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + id="text4470"
    + y="566.1087"
    + x="441.65189"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"><tspan
    + y="566.1087"
    + x="441.65189"
    + id="tspan4468"
    + sodipodi:role="line">-10</tspan></text>
    + </g>
    + <g
    + transform="translate(11.20092,-17.189114)"
    + inkscape:label="+1"
    + id="g4480">
    + <rect
    + ry="7"
    + rx="7"
    + y="513.73041"
    + x="392.38638"
    + height="88.909302"
    + width="99.578415"
    + id="rect4474"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + id="text4478"
    + y="566.1087"
    + x="441.65189"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + xml:space="preserve"><tspan
    + y="566.1087"
    + x="441.65189"
    + id="tspan4476"
    + sodipodi:role="line">+1</tspan></text>
    + </g>
    + <g
    + id="g4488"
    + inkscape:label="+10"
    + transform="translate(131.20092,-17.189114)">
    + <rect
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect4482"
    + width="99.578415"
    + height="88.909302"
    + x="392.38638"
    + y="513.73041"
    + rx="7"
    + ry="7" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="441.65189"
    + y="566.1087"
    + id="text4486"><tspan
    + sodipodi:role="line"
    + id="tspan4484"
    + x="441.65189"
    + y="566.1087">+10</tspan></text>
    + </g>
    + </g>
    + <g
    + id="g4507"
    + inkscape:label="HMI:ScrollBar@.position@.range@.size">
    + <rect
    + y="84"
    + x="960"
    + height="516"
    + width="100"
    + id="rect4492"
    + style="opacity:1;vector-effect:none;fill:#ff35ff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none"
    + inkscape:label="range" />
    + <rect
    + y="236"
    + x="969"
    + height="171"
    + width="81"
    + id="rect4494"
    + style="opacity:1;vector-effect:none;fill:#3835ff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none"
    + inkscape:label="cursor" />
    + <path
    + style="opacity:1;vector-effect:none;fill:#3835ff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none"
    + d="M 1009.5,23 1047,81 H 972 Z"
    + id="rect4498"
    + inkscape:connector-curvature="0"
    + sodipodi:nodetypes="cccc"
    + inkscape:label="pageup" />
    + <path
    + style="opacity:1;vector-effect:none;fill:#3835ff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none"
    + d="m 972,603 h 75 l -37.5,58 z"
    + id="rect4500"
    + inkscape:connector-curvature="0"
    + sodipodi:nodetypes="cccc"
    + inkscape:label="pagedown" />
    + </g>
    + <g
    + id="g4877"
    + inkscape:label="HMI:VarInit:50@.position" />
    + <g
    + inkscape:label="HMI:VarInit:20@.size"
    + id="g4879" />
    + <g
    + id="g4881"
    + inkscape:label="HMI:VarInit:100@.range" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
    + x="277.58728"
    + y="176.54129"
    + id="text941"><tspan
    + sodipodi:role="line"
    + id="tspan939"
    + x="277.58728"
    + y="176.54129">Position</tspan></text>
    + <text
    + id="text945"
    + y="336.54129"
    + x="277.58728"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
    + xml:space="preserve"><tspan
    + y="336.54129"
    + x="277.58728"
    + id="tspan943"
    + sodipodi:role="line">Range</tspan></text>
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
    + x="277.58728"
    + y="496.54126"
    + id="text949"><tspan
    + sodipodi:role="line"
    + id="tspan947"
    + x="277.58728"
    + y="496.54126">Size</tspan></text>
    +</svg>