SVGHMI: Add inhibition to widget's apply_hmi_value() so that it does not change variable more frquently than given widget's frequency. This prevents flooding network with many update if browser is producing events at high rate, as for exemple when dragging ScrollBar's cursor.
<?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="2020-09-30T13:04:27">
<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="TargetPressure">
<type>
<derived name="HMI_INT"/>
</type>
</variable>
<variable name="selection">
<type>
<derived name="HMI_INT"/>
</type>
</variable>
<variable name="Pump0">
<type>
<derived name="PumpControl"/>
</type>
</variable>
<variable name="TestButton">
<type>
<derived name="HMI_BOOL"/>
</type>
</variable>
<variable name="TestLocal">
<type>
<BOOL/>
</type>
</variable>
<variable name="Multistate">
<type>
<derived name="HMI_INT"/>
</type>
</variable>
<variable name="Radiostate">
<type>
<derived name="HMI_INT"/>
</type>
</variable>
<variable name="Toggle">
<type>
<derived name="HMI_BOOL"/>
</type>
</variable>
<variable name="Toggle1">
<type>
<derived name="HMI_BOOL"/>
</type>
</variable>
<variable name="Toggle2">
<type>
<derived name="HMI_BOOL"/>
</type>
</variable>
<variable name="MultistateExt">
<type>
<INT/>
</type>
</variable>
<variable name="Speed">
<type>
<derived name="HMI_INT"/>
</type>
</variable>
</localVars>
</interface>
<body>
<FBD>
<block localId="4" typeName="PumpControl" instanceName="Pump0" executionOrderId="0" height="40" width="127">
<position x="595" y="50"/>
<inputVariables>
<variable formalParameter="TargetPressure">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="5">
<position x="595" y="80"/>
<position x="570" y="80"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables/>
</block>
<inVariable localId="5" executionOrderId="0" height="30" width="125" negated="false">
<position x="445" y="65"/>
<connectionPointOut>
<relPosition x="125" y="15"/>
</connectionPointOut>
<expression>TargetPressure</expression>
</inVariable>
<inVariable localId="6" executionOrderId="0" height="25" width="90" negated="false">
<position x="130" y="60"/>
<connectionPointOut>
<relPosition x="90" y="10"/>
</connectionPointOut>
<expression>TestButton</expression>
</inVariable>
<outVariable localId="7" executionOrderId="0" height="25" width="85" negated="false">
<position x="495" y="220"/>
<connectionPointIn>
<relPosition x="0" y="10"/>
<connection refLocalId="6">
<position x="495" y="230"/>
<position x="367" y="230"/>
<position x="367" y="70"/>
<position x="220" y="70"/>
</connection>
</connectionPointIn>
<expression>TestLocal</expression>
</outVariable>
<inVariable localId="1" executionOrderId="0" height="25" width="115" negated="false">
<position x="175" y="355"/>
<connectionPointOut>
<relPosition x="115" y="10"/>
</connectionPointOut>
<expression>Multistate</expression>
</inVariable>
<outVariable localId="8" executionOrderId="0" height="25" width="115" negated="false">
<position x="495" y="355"/>
<connectionPointIn>
<relPosition x="0" y="10"/>
<connection refLocalId="1">
<position x="495" y="365"/>
<position x="290" y="365"/>
</connection>
</connectionPointIn>
<expression>MultistateExt</expression>
</outVariable>
</FBD>
</body>
</pou>
<pou name="PumpControl" pouType="functionBlock">
<interface>
<localVars>
<variable name="Pump">
<type>
<derived name="HMI_NODE"/>
</type>
</variable>
<variable name="Pressure">
<type>
<derived name="HMI_INT"/>
</type>
</variable>
</localVars>
<inputVars>
<variable name="TargetPressure">
<type>
<INT/>
</type>
</variable>
</inputVars>
<localVars>
<variable name="Sloth">
<type>
<derived name="HMI_INT"/>
</type>
</variable>
<variable name="boolout">
<type>
<derived name="HMI_BOOL"/>
</type>
</variable>
<variable name="boolin">
<type>
<derived name="HMI_BOOL"/>
</type>
<initialValue>
<simpleValue value="True"/>
</initialValue>
</variable>
<variable name="strout">
<type>
<derived name="HMI_STRING"/>
</type>
</variable>
<variable name="strin">
<type>
<derived name="HMI_STRING"/>
</type>
<initialValue>
<simpleValue value="blup"/>
</initialValue>
</variable>
</localVars>
</interface>
<body>
<FBD>
<inVariable localId="5" executionOrderId="0" height="30" width="125" negated="false">
<position x="150" y="100"/>
<connectionPointOut>
<relPosition x="125" y="15"/>
</connectionPointOut>
<expression>TargetPressure</expression>
</inVariable>
<block localId="6" typeName="ADD" executionOrderId="0" height="60" width="65">
<position x="405" y="65"/>
<inputVariables>
<variable formalParameter="IN1">
<connectionPointIn>
<relPosition x="0" y="30"/>
</connectionPointIn>
</variable>
<variable formalParameter="IN2">
<connectionPointIn>
<relPosition x="0" y="50"/>
<connection refLocalId="7" formalParameter="OUT">
<position x="405" y="115"/>
<position x="360" y="115"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="65" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<inVariable localId="1" executionOrderId="0" height="30" width="75" negated="false">
<position x="150" y="135"/>
<connectionPointOut>
<relPosition x="75" y="15"/>
</connectionPointOut>
<expression>Pressure</expression>
</inVariable>
<block localId="7" typeName="SUB" executionOrderId="0" height="60" width="65">
<position x="295" y="85"/>
<inputVariables>
<variable formalParameter="IN1">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="5">
<position x="295" y="115"/>
<position x="275" y="115"/>
</connection>
</connectionPointIn>
</variable>
<variable formalParameter="IN2">
<connectionPointIn>
<relPosition x="0" y="50"/>
<connection refLocalId="1">
<position x="295" y="135"/>
<position x="285" y="135"/>
<position x="285" y="150"/>
<position x="225" y="150"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="65" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<inVariable localId="2" executionOrderId="0" height="30" width="60" negated="false">
<position x="240" y="190"/>
<connectionPointOut>
<relPosition x="60" y="15"/>
</connectionPointOut>
<expression>Sloth</expression>
</inVariable>
<outVariable localId="3" executionOrderId="0" height="30" width="75" negated="false">
<position x="435" y="205"/>
<connectionPointIn>
<relPosition x="0" y="15"/>
<connection refLocalId="8" formalParameter="OUT">
<position x="435" y="220"/>
<position x="410" y="220"/>
</connection>
</connectionPointIn>
<expression>Pressure</expression>
</outVariable>
<block localId="8" typeName="DIV" executionOrderId="0" height="60" width="65">
<position x="345" y="190"/>
<inputVariables>
<variable formalParameter="IN1">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="2">
<position x="345" y="220"/>
<position x="335" y="220"/>
<position x="335" y="205"/>
<position x="300" y="205"/>
</connection>
</connectionPointIn>
</variable>
<variable formalParameter="IN2">
<connectionPointIn>
<relPosition x="0" y="50"/>
<connection refLocalId="9">
<position x="345" y="240"/>
<position x="300" y="240"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="65" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<inVariable localId="9" executionOrderId="0" height="30" width="60" negated="false">
<position x="240" y="225"/>
<connectionPointOut>
<relPosition x="60" y="15"/>
</connectionPointOut>
<expression>100</expression>
</inVariable>
<block localId="10" typeName="CONCAT" executionOrderId="0" height="60" width="65">
<position x="360" y="345"/>
<inputVariables>
<variable formalParameter="IN1">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="13" formalParameter="OUT">
<position x="360" y="375"/>
<position x="330" y="375"/>
<position x="330" y="332"/>
<position x="440" y="332"/>
<position x="440" y="300"/>
<position x="430" y="300"/>
</connection>
</connectionPointIn>
</variable>
<variable formalParameter="IN2">
<connectionPointIn>
<relPosition x="0" y="50"/>
<connection refLocalId="14">
<position x="360" y="395"/>
<position x="322" y="395"/>
<position x="322" y="400"/>
<position x="285" y="400"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="65" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<outVariable localId="11" executionOrderId="0" height="30" width="58" negated="false">
<position x="495" y="355"/>
<connectionPointIn>
<relPosition x="0" y="15"/>
<connection refLocalId="10" formalParameter="OUT">
<position x="495" y="370"/>
<position x="450" y="370"/>
<position x="450" y="375"/>
<position x="425" y="375"/>
</connection>
</connectionPointIn>
<expression>strout</expression>
</outVariable>
<inVariable localId="12" executionOrderId="0" height="30" width="125" negated="false">
<position x="145" y="285"/>
<connectionPointOut>
<relPosition x="125" y="15"/>
</connectionPointOut>
<expression>TargetPressure</expression>
</inVariable>
<block localId="13" typeName="INT_TO_STRING" executionOrderId="0" height="40" width="115">
<position x="315" y="270"/>
<inputVariables>
<variable formalParameter="IN">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="12">
<position x="315" y="300"/>
<position x="270" y="300"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="115" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<inVariable localId="14" executionOrderId="0" height="30" width="50" negated="false">
<position x="235" y="385"/>
<connectionPointOut>
<relPosition x="50" y="15"/>
</connectionPointOut>
<expression>strin</expression>
</inVariable>
<inVariable localId="15" executionOrderId="0" height="30" width="60" negated="false">
<position x="690" y="210"/>
<connectionPointOut>
<relPosition x="60" y="15"/>
</connectionPointOut>
<expression>boolin</expression>
</inVariable>
<outVariable localId="16" executionOrderId="0" height="30" width="70" negated="false">
<position x="915" y="240"/>
<connectionPointIn>
<relPosition x="0" y="15"/>
<connection refLocalId="17" formalParameter="OUT">
<position x="915" y="255"/>
<position x="880" y="255"/>
</connection>
</connectionPointIn>
<expression>boolout</expression>
</outVariable>
<block localId="17" typeName="AND" executionOrderId="0" height="60" width="65">
<position x="815" y="225"/>
<inputVariables>
<variable formalParameter="IN1">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="15">
<position x="815" y="255"/>
<position x="762" y="255"/>
<position x="762" y="225"/>
<position x="750" y="225"/>
</connection>
</connectionPointIn>
</variable>
<variable formalParameter="IN2">
<connectionPointIn>
<relPosition x="0" y="50"/>
<connection refLocalId="21" formalParameter="OUT">
<position x="815" y="275"/>
<position x="750" y="275"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="65" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<inVariable localId="18" executionOrderId="0" height="30" width="75" negated="false">
<position x="455" y="260"/>
<connectionPointOut>
<relPosition x="75" y="15"/>
</connectionPointOut>
<expression>Pressure</expression>
</inVariable>
<block localId="19" typeName="MOD" executionOrderId="0" height="60" width="65">
<position x="585" y="245"/>
<inputVariables>
<variable formalParameter="IN1">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="18">
<position x="585" y="275"/>
<position x="530" y="275"/>
</connection>
</connectionPointIn>
</variable>
<variable formalParameter="IN2">
<connectionPointIn>
<relPosition x="0" y="50"/>
<connection refLocalId="20">
<position x="585" y="295"/>
<position x="555" y="295"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="65" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<inVariable localId="20" executionOrderId="0" height="30" width="20" negated="false">
<position x="535" y="280"/>
<connectionPointOut>
<relPosition x="20" y="15"/>
</connectionPointOut>
<expression>2</expression>
</inVariable>
<block localId="21" typeName="EQ" executionOrderId="0" height="60" width="65">
<position x="685" y="245"/>
<inputVariables>
<variable formalParameter="IN1">
<connectionPointIn>
<relPosition x="0" y="30"/>
<connection refLocalId="19" formalParameter="OUT">
<position x="685" y="275"/>
<position x="650" y="275"/>
</connection>
</connectionPointIn>
</variable>
<variable formalParameter="IN2">
<connectionPointIn>
<relPosition x="0" y="50"/>
<connection refLocalId="22">
<position x="685" y="295"/>
<position x="670" y="295"/>
<position x="670" y="330"/>
<position x="650" y="330"/>
</connection>
</connectionPointIn>
</variable>
</inputVariables>
<inOutVariables/>
<outputVariables>
<variable formalParameter="OUT">
<connectionPointOut>
<relPosition x="65" y="30"/>
</connectionPointOut>
</variable>
</outputVariables>
</block>
<inVariable localId="22" executionOrderId="0" height="30" width="20" negated="false">
<position x="630" y="315"/>
<connectionPointOut>
<relPosition x="20" y="15"/>
</connectionPointOut>
<expression>0</expression>
</inVariable>
<inVariable localId="4" executionOrderId="0" height="30" width="60" negated="false">
<position x="510" y="80"/>
<connectionPointOut>
<relPosition x="60" y="15"/>
</connectionPointOut>
<expression>Sloth</expression>
</inVariable>
</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>