1 line
106 KiB
JavaScript
1 line
106 KiB
JavaScript
var __runInitializers=this&&this.__runInitializers||function(thisArg,initializers,value){for(var useValue=arguments.length>2,i=0;i<initializers.length;i++)value=useValue?initializers[i].call(thisArg,value):initializers[i].call(thisArg);return useValue?value:void 0},__esDecorate=this&&this.__esDecorate||function(ctor,descriptorIn,decorators,contextIn,initializers,extraInitializers){function accept(f){if(void 0!==f&&"function"!=typeof f)throw new TypeError("Function expected");return f}for(var _,kind=contextIn.kind,key="getter"===kind?"get":"setter"===kind?"set":"value",target=!descriptorIn&&ctor?contextIn.static?ctor:ctor.prototype:null,descriptor=descriptorIn||(target?Object.getOwnPropertyDescriptor(target,contextIn.name):{}),done=!1,i=decorators.length-1;i>=0;i--){var context={};for(var p in contextIn)context[p]="access"===p?{}:contextIn[p];for(var p in contextIn.access)context.access[p]=contextIn.access[p];context.addInitializer=function(f){if(done)throw new TypeError("Cannot add initializers after decoration has completed");extraInitializers.push(accept(f||null))};var result=(0,decorators[i])("accessor"===kind?{get:descriptor.get,set:descriptor.set}:descriptor[key],context);if("accessor"===kind){if(void 0===result)continue;if(null===result||"object"!=typeof result)throw new TypeError("Object expected");(_=accept(result.get))&&(descriptor.get=_),(_=accept(result.set))&&(descriptor.set=_),(_=accept(result.init))&&initializers.unshift(_)}else(_=accept(result))&&("field"===kind?initializers.unshift(_):descriptor[key]=_)}target&&Object.defineProperty(target,contextIn.name,descriptor),done=!0};import{TcHmiControl}from"Beckhoff.TwinCAT.HMI.Framework/index.esm.js";import{InputProcessingPoint}from"../Helpers/TcHmiValueBuffer/ValueBuffer.js";let TcHmiLinearGauge=(()=>{var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q;let ___onResized_decorators,___onMouseDownKnob_decorators,___onMouseDownControl_decorators,___onMouseMove_decorators,___onMouseUp_decorators,___onTouchStartKnob_decorators,___onTouchStartControl_decorators,___onTouchMove_decorators,___onTouchEnd_decorators,___onTouchCancel_decorators,___onResolverForValueFormatWatchCallback_decorators,___onResolverForLabelFormatWatchCallback_decorators,___onResolverForTickDefinitionWatchCallback_decorators,___onResolverForRangeWatchCallback_decorators,___onResolverForMarkersWatchCallback_decorators,___onResolverForPaddingWatchCallback_decorators,___onResolverForValueColorWatchCallback_decorators,___onResolverForLabelColorWatchCallback_decorators,___onResolverForUnitColorWatchCallback_decorators,___onResolverForTickColorWatchCallback_decorators,___onResolverForProgressBackgroundColorWatchCallback_decorators,___onResolverForProgressForegroundColorWatchCallback_decorators,___onResolverForKnobColorWatchCallback_decorators,___onResolverForKnobArrowsColorWatchCallback_decorators,___onResolverForSetPointMarkerColorWatchCallback_decorators,_classSuper=TcHmiControl.Control,_instanceExtraInitializers=[];return class TcHmiLinearGauge extends _classSuper{static{const _metadata="function"==typeof Symbol&&Symbol.metadata?Object.create(_classSuper[Symbol.metadata]??null):void 0;___onResized_decorators=[TcHmi.EventHandler()],___onMouseDownKnob_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onMouseDownControl_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onMouseMove_decorators=[TcHmi.EventHandler()],___onMouseUp_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onTouchStartKnob_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onTouchStartControl_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onTouchMove_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onTouchEnd_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onTouchCancel_decorators=[TcHmi.EventHandler({checkIsEnabled:!0,checkAccess:"operate"})],___onResolverForValueFormatWatchCallback_decorators=[(_a=TcHmi).CallbackMethod.bind(_a)],___onResolverForLabelFormatWatchCallback_decorators=[(_b=TcHmi).CallbackMethod.bind(_b)],___onResolverForTickDefinitionWatchCallback_decorators=[(_c=TcHmi).CallbackMethod.bind(_c)],___onResolverForRangeWatchCallback_decorators=[(_d=TcHmi).CallbackMethod.bind(_d)],___onResolverForMarkersWatchCallback_decorators=[(_e=TcHmi).CallbackMethod.bind(_e)],___onResolverForPaddingWatchCallback_decorators=[(_f=TcHmi).CallbackMethod.bind(_f)],___onResolverForValueColorWatchCallback_decorators=[(_g=TcHmi).CallbackMethod.bind(_g)],___onResolverForLabelColorWatchCallback_decorators=[(_h=TcHmi).CallbackMethod.bind(_h)],___onResolverForUnitColorWatchCallback_decorators=[(_j=TcHmi).CallbackMethod.bind(_j)],___onResolverForTickColorWatchCallback_decorators=[(_k=TcHmi).CallbackMethod.bind(_k)],___onResolverForProgressBackgroundColorWatchCallback_decorators=[(_l=TcHmi).CallbackMethod.bind(_l)],___onResolverForProgressForegroundColorWatchCallback_decorators=[(_m=TcHmi).CallbackMethod.bind(_m)],___onResolverForKnobColorWatchCallback_decorators=[(_o=TcHmi).CallbackMethod.bind(_o)],___onResolverForKnobArrowsColorWatchCallback_decorators=[(_p=TcHmi).CallbackMethod.bind(_p)],___onResolverForSetPointMarkerColorWatchCallback_decorators=[(_q=TcHmi).CallbackMethod.bind(_q)],__esDecorate(this,null,___onResized_decorators,{kind:"method",name:"__onResized",static:!1,private:!1,access:{has:obj=>"__onResized"in obj,get:obj=>obj.__onResized},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onMouseDownKnob_decorators,{kind:"method",name:"__onMouseDownKnob",static:!1,private:!1,access:{has:obj=>"__onMouseDownKnob"in obj,get:obj=>obj.__onMouseDownKnob},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onMouseDownControl_decorators,{kind:"method",name:"__onMouseDownControl",static:!1,private:!1,access:{has:obj=>"__onMouseDownControl"in obj,get:obj=>obj.__onMouseDownControl},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onMouseMove_decorators,{kind:"method",name:"__onMouseMove",static:!1,private:!1,access:{has:obj=>"__onMouseMove"in obj,get:obj=>obj.__onMouseMove},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onMouseUp_decorators,{kind:"method",name:"__onMouseUp",static:!1,private:!1,access:{has:obj=>"__onMouseUp"in obj,get:obj=>obj.__onMouseUp},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onTouchStartKnob_decorators,{kind:"method",name:"__onTouchStartKnob",static:!1,private:!1,access:{has:obj=>"__onTouchStartKnob"in obj,get:obj=>obj.__onTouchStartKnob},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onTouchStartControl_decorators,{kind:"method",name:"__onTouchStartControl",static:!1,private:!1,access:{has:obj=>"__onTouchStartControl"in obj,get:obj=>obj.__onTouchStartControl},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onTouchMove_decorators,{kind:"method",name:"__onTouchMove",static:!1,private:!1,access:{has:obj=>"__onTouchMove"in obj,get:obj=>obj.__onTouchMove},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onTouchEnd_decorators,{kind:"method",name:"__onTouchEnd",static:!1,private:!1,access:{has:obj=>"__onTouchEnd"in obj,get:obj=>obj.__onTouchEnd},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onTouchCancel_decorators,{kind:"method",name:"__onTouchCancel",static:!1,private:!1,access:{has:obj=>"__onTouchCancel"in obj,get:obj=>obj.__onTouchCancel},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForValueFormatWatchCallback_decorators,{kind:"method",name:"__onResolverForValueFormatWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForValueFormatWatchCallback"in obj,get:obj=>obj.__onResolverForValueFormatWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForLabelFormatWatchCallback_decorators,{kind:"method",name:"__onResolverForLabelFormatWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForLabelFormatWatchCallback"in obj,get:obj=>obj.__onResolverForLabelFormatWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForTickDefinitionWatchCallback_decorators,{kind:"method",name:"__onResolverForTickDefinitionWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForTickDefinitionWatchCallback"in obj,get:obj=>obj.__onResolverForTickDefinitionWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForRangeWatchCallback_decorators,{kind:"method",name:"__onResolverForRangeWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForRangeWatchCallback"in obj,get:obj=>obj.__onResolverForRangeWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForMarkersWatchCallback_decorators,{kind:"method",name:"__onResolverForMarkersWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForMarkersWatchCallback"in obj,get:obj=>obj.__onResolverForMarkersWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForPaddingWatchCallback_decorators,{kind:"method",name:"__onResolverForPaddingWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForPaddingWatchCallback"in obj,get:obj=>obj.__onResolverForPaddingWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForValueColorWatchCallback_decorators,{kind:"method",name:"__onResolverForValueColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForValueColorWatchCallback"in obj,get:obj=>obj.__onResolverForValueColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForLabelColorWatchCallback_decorators,{kind:"method",name:"__onResolverForLabelColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForLabelColorWatchCallback"in obj,get:obj=>obj.__onResolverForLabelColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForUnitColorWatchCallback_decorators,{kind:"method",name:"__onResolverForUnitColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForUnitColorWatchCallback"in obj,get:obj=>obj.__onResolverForUnitColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForTickColorWatchCallback_decorators,{kind:"method",name:"__onResolverForTickColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForTickColorWatchCallback"in obj,get:obj=>obj.__onResolverForTickColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForProgressBackgroundColorWatchCallback_decorators,{kind:"method",name:"__onResolverForProgressBackgroundColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForProgressBackgroundColorWatchCallback"in obj,get:obj=>obj.__onResolverForProgressBackgroundColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForProgressForegroundColorWatchCallback_decorators,{kind:"method",name:"__onResolverForProgressForegroundColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForProgressForegroundColorWatchCallback"in obj,get:obj=>obj.__onResolverForProgressForegroundColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForKnobColorWatchCallback_decorators,{kind:"method",name:"__onResolverForKnobColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForKnobColorWatchCallback"in obj,get:obj=>obj.__onResolverForKnobColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForKnobArrowsColorWatchCallback_decorators,{kind:"method",name:"__onResolverForKnobArrowsColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForKnobArrowsColorWatchCallback"in obj,get:obj=>obj.__onResolverForKnobArrowsColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onResolverForSetPointMarkerColorWatchCallback_decorators,{kind:"method",name:"__onResolverForSetPointMarkerColorWatchCallback",static:!1,private:!1,access:{has:obj=>"__onResolverForSetPointMarkerColorWatchCallback"in obj,get:obj=>obj.__onResolverForSetPointMarkerColorWatchCallback},metadata:_metadata},null,_instanceExtraInitializers),_metadata&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:_metadata})}static#tchmiFQN="TcHmi.Controls.Beckhoff."+this.name;constructor(element,pcElement,attrs){super(element,pcElement,attrs)}__elementTemplateRoot=__runInitializers(this,_instanceExtraInitializers);__elementTrack;__elementFiller;__elementKnob;__elementKnobDiv;static __svgKnobMap=new Map;__knobSvgString=null;__elementLabels;__elementTicks;__elementDescription;__elementValueContent;__elementValueHiddenMin;__elementValueHiddenMax;__elementUnitContent;__elementRange;__value;__lastReportedValue;__minValue;__maxValue;__step;__stepOffset=0;__startFromZero;__editable;__ignoreInvalidValues;__valueBuffer;__clickAnywhereToEdit;__valueFormat;__showLabels;__labelRange;__labelFormat;__showTicks;__tickDefinition;__labelPosition;__showValueText;__decimalDigits;__unit;__range;__markers;__orientation;__padding;__baseAnimationTime;__valueFontSize;__valueFontSizeUnit;__valueFontFamily;__valueFontStyle;__valueFontWeight;__valueSpace;__valueSpaceUnit;__valueColor;__labelFontSize;__labelFontSizeUnit;__labelFontFamily;__labelFontStyle;__labelFontWeight;__labelColor;__unitFontSize;__unitFontSizeUnit;__unitFontFamily;__unitFontStyle;__unitFontWeight;__unitOrientation;__unitColor;__tickColor;__progressBackgroundColor;__progressForegroundColor;__knobColor;__knobArrowsColor;__draggingInfo={isDragging:!1,offset:0,touchIdentifier:null,originalValue:0,knobConfig:{imagePath:"",height:0,width:0,offsetX:0,offsetY:0}};__numberFormatter=new Intl.NumberFormat("en-US",{maximumFractionDigits:15,minimumFractionDigits:0});__oldProgressValue=0;__progressBarAnimation=null;__editKnobAnimation=null;__internalValue=0;__internalMinValue=0;__internalMaxValue=0;__internalSetPoint=void 0;__elementSetPoint;__setPoint;__setPointMarkerColor;__oldSetPoint;__elementInvalidNotification;__updateInvalidNotificationTimer=0;__localizationReader=void 0;__previnit(){if(this.__elementTemplateRoot=this.__element.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template"),0===this.__elementTemplateRoot.length&&(this.__elementTemplateRoot=this.__element.find(".tchmi-linear-gauge-template")),this.__elementTrack=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-track"),0===this.__elementTrack.length&&(this.__elementTrack=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-track")),this.__elementFiller=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-filler"),0===this.__elementFiller.length&&(this.__elementFiller=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-filler")),this.__elementKnob=this.__elementTrack.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-knob"),0===this.__elementKnob.length&&(this.__elementKnob=this.__elementTrack.find(".tchmi-linear-gauge-template-knob")),this.__elementKnob.length>0&&this.__elementKnob[0]instanceof HTMLDivElement&&(this.__elementKnobDiv=this.__elementKnob[0]),this.__elementLabels=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-labels"),0===this.__elementLabels.length&&(this.__elementLabels=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-labels")),this.__elementTicks=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-ticks"),0===this.__elementTicks.length&&(this.__elementTicks=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-ticks")),this.__elementDescription=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-description"),0===this.__elementDescription.length&&(this.__elementDescription=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-description")),this.__elementValueContent=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value .content"),0===this.__elementValueContent.length&&(this.__elementValueContent=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-value .content")),this.__elementValueHiddenMin=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value .hidden.min"),0===this.__elementValueHiddenMin.length&&(this.__elementValueHiddenMin=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-value .hidden.min")),this.__elementValueHiddenMax=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value .hidden.max"),0===this.__elementValueHiddenMax.length&&(this.__elementValueHiddenMax=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-value .hidden.max")),this.__elementUnitContent=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-unit .content"),0===this.__elementUnitContent.length&&(this.__elementUnitContent=this.__elementTemplateRoot.find(".tchmi-linear-gauge-template-unit .content")),this.__elementRange=this.__elementTemplateRoot.find(".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-range"),0===this.__elementRange.length&&(this.__elementRange=this.__elementTemplateRoot.find(".tchmi-linear-gauge--template-range")),this.__elementInvalidNotification=document.createElement("div"),this.__elementInvalidNotification.classList.add("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-invalid-notification"),0===this.__elementTemplateRoot.length||0===this.__elementTrack.length||0===this.__elementFiller.length||0===this.__elementLabels.length||0===this.__elementTicks.length||0===this.__elementValueContent.length||0===this.__elementValueHiddenMin.length||0===this.__elementValueHiddenMax.length||0===this.__elementUnitContent.length||0===this.__elementRange.length||0===this.__elementDescription.length)throw new Error("Invalid Template.html");this.__destroyOnDestroy.push(this.__localization.watch(data=>{data.error===TcHmi.Errors.NONE&&data.reader&&(this.__localizationReader=data.reader,this.__elementInvalidNotification.isConnected&&(void 0!==this.__value&&this.__value<this.__internalMinValue&&(this.__elementInvalidNotification.title=tchmi_format_string(this.__localizationReader.get("Tooltip_LessThanMin_Text"),this.__internalMinValue.toString())),void 0!==this.__value&&this.__value>this.__internalMaxValue&&(this.__elementInvalidNotification.title=tchmi_format_string(this.__localizationReader.get("Tooltip_GreaterThanMax_Text"),this.__internalMaxValue.toString()))))})),super.__previnit()}__init(){super.__init(),this.__fetchKnob(),this.__destroyOnDestroy.push(TcHmi.EventProvider.registerDomEvent(this.__elementKnob,"mousedown",this.__onMouseDownKnob),TcHmi.EventProvider.registerDomEvent(this.__elementKnob,"touchstart",this.__onTouchStartKnob,{passive:!1}),TcHmi.EventProvider.registerDomEvent(this.__element,"mousedown",this.__onMouseDownControl),TcHmi.EventProvider.registerDomEvent(this.__element,"touchstart",this.__onTouchStartControl,{passive:!1}))}__attach(){super.__attach(),this.__destroyOnDetach.push(TcHmi.EventProvider.register(this.__id+".onResized",this.__onResized),TcHmi.EventProvider.register(this.__id+".onMoved",()=>this.__updateInvalidNotification()),TcHmi.EventProvider.register("onThemeDataChanged",()=>this.__fetchKnob()),TcHmi.EventProvider.registerDomEvent(window,"mousemove",this.__onMouseMove),TcHmi.EventProvider.registerDomEvent(window,"mouseup",this.__onMouseUp),TcHmi.EventProvider.registerDomEvent(window,"touchmove",this.__onTouchMove,{passive:!1}),TcHmi.EventProvider.registerDomEvent(window,"touchend",this.__onTouchEnd),TcHmi.EventProvider.registerDomEvent(window,"touchcancel",this.__onTouchCancel)),this.__processShowLabels(),this.__processShowTicks(),this.__processMarkers(),this.__updateValueVisualization(),this.__updateInvalidNotificationTimer=setInterval(()=>this.__updateInvalidNotification(),500)}__detach(){super.__detach(),this.__updateInvalidNotificationTimer&&(clearInterval(this.__updateInvalidNotificationTimer),this.__updateInvalidNotificationTimer=0),this.__elementInvalidNotification.isConnected&&TcHmi.TopMostLayer.remove(this,this.__elementInvalidNotification),null!==this.__progressBarAnimation&&this.__progressBarAnimation.pause(),null!==this.__editKnobAnimation&&this.__editKnobAnimation.pause(),TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_WIDTH"),TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_HEIGHT"),TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_LOADING_ERROR")}destroy(){this.__keepAlive||(TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_WIDTH"),TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_HEIGHT"),TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_LOADING_ERROR"),super.destroy())}__onResized(){this.__processShowLabels(),this.__processShowTicks(),this.__updateInvalidNotification()}__updateInvalidNotification(){if(this.__isAttached)if(this.__ignoreInvalidValues||void 0===this.__value||this.__isValid(this.__value))this.__elementInvalidNotification.isConnected&&TcHmi.TopMostLayer.remove(this,this.__elementInvalidNotification);else{let boundingRect=this.__element[0].getBoundingClientRect(),top=(boundingRect.top||0)-15,left=(boundingRect.left||0)+(boundingRect.width||0)-15;[document.elementsFromPoint(left,top+16),document.elementsFromPoint(left+14,top+29)].every(elementStack=>{const controlIndex=elementStack.indexOf(this.__element[0]);return-1!==controlIndex&&(0===controlIndex||!!elementStack[controlIndex-1].closest("#tchmi-system-topmostlayer-master"))})?(this.__elementInvalidNotification.style.left=left+"px",this.__elementInvalidNotification.style.top=top+"px",this.__localizationReader&&(void 0!==this.__value&&this.__value<this.__internalMinValue&&(this.__elementInvalidNotification.title=tchmi_format_string(this.__localizationReader.get("Tooltip_LessThanMin_Text"),this.__internalMinValue.toString())),void 0!==this.__value&&this.__value>this.__internalMaxValue&&(this.__elementInvalidNotification.title=tchmi_format_string(this.__localizationReader.get("Tooltip_GreaterThanMax_Text"),this.__internalMaxValue.toString()))),TcHmi.TopMostLayer.add(this,this.__elementInvalidNotification,{closeOnBackground:!1,dimBackground:!1,modal:!1,justAbove:{reference:this.__element[0],conflictResolution:TcHmi.TopMostLayer.ConflictResolution.Down}})):this.__elementInvalidNotification.isConnected&&TcHmi.TopMostLayer.remove(this,this.__elementInvalidNotification)}}__fetchKnob(){if(!this.__orientation)return;let orientation;switch(this.__orientation){case"Vertical":case"VerticalInverted":orientation="Vertical";break;default:orientation="Horizontal"}const knobConfig=TcHmi.Theme.Resources.get(this,"KnobConfig"+orientation);knobConfig.value&&knobConfig.value.imagePath||(knobConfig.value={imagePath:"Knob"+orientation+".svg",height:40,width:40,offsetX:20,offsetY:20},knobConfig.origin="control"),null!==knobConfig.value.offsetX&&void 0!==knobConfig.value.offsetX||(knobConfig.value.offsetX=0),null!==knobConfig.value.offsetY&&void 0!==knobConfig.value.offsetY||(knobConfig.value.offsetY=0);let url=TcHmi.Theme.Resources.resolveBasePath(this,knobConfig);url+=knobConfig.value.imagePath;let offsetY,translateStr="translate(";if("HorizontalInverted"===this.__orientation?translateStr+=knobConfig.value.offsetX:translateStr+=-knobConfig.value.offsetX,translateStr+="px, ",offsetY="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation||null===knobConfig.value.height||void 0===knobConfig.value.height?knobConfig.value.offsetY:"Vertical"===this.__orientation?knobConfig.value.offsetY-knobConfig.value.height:knobConfig.value.offsetY,translateStr+=-offsetY,translateStr+="px)",null===knobConfig.value.width||void 0===knobConfig.value.width||null===knobConfig.value.height||void 0===knobConfig.value.height)return null===knobConfig.value.width||void 0===knobConfig.value.width?TcHmi.Engineering.ErrorPane.add("E_GAUGE["+this.__id+"]_KNOB_MISSING_WIDTH","The Width of the Knob for "+this.__id+" is not defined in the Theme. Knob is invisible.",TcHmi.Engineering.ErrorPane.MessageType.Error):TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_WIDTH"),null===knobConfig.value.height||void 0===knobConfig.value.height?TcHmi.Engineering.ErrorPane.add("E_GAUGE["+this.__id+"]_KNOB_MISSING_HEIGHT","The Height of the Knob for "+this.__id+" is not defined in the Theme. Knob is invisible.",TcHmi.Engineering.ErrorPane.MessageType.Error):TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_HEIGHT"),TcHmi.StyleProvider.setSimpleElementStyle(this.__elementKnob,{"background-image":null,"background-size":null}),this.__knobSvgString=null,void this.__updateKnobColors();if(TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_WIDTH"),TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.__id+"]_KNOB_MISSING_HEIGHT"),TcHmi.StyleProvider.setSimpleElementStyle(this.__elementKnob,{width:knobConfig.value.width+"px",height:knobConfig.value.height+"px",transform:translateStr}),this.__draggingInfo.knobConfig=knobConfig.value,url=tchmi_path(url),url.endsWith("svg")){TcHmi.StyleProvider.setSimpleElementStyle(this.__elementKnob,{"background-image":null,"background-size":null});let pSvgString=TcHmiLinearGauge.__svgKnobMap.get(url);pSvgString||(pSvgString=fetch(tchmi_encode_uri_components(url)).then(response=>response.ok?response.text():Promise.reject(new Error(`Failed request to ${url} Details: HTTP error ${response.status} ${response.statusText}`))),TcHmiLinearGauge.__svgKnobMap.set(url,pSvgString)),pSvgString.then(svgString=>{this.__isDestroyed||(this.__knobSvgString=svgString,TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.getId()+"]_KNOB_LOADING_ERROR"))}).catch(error=>{TcHmiLinearGauge.__svgKnobMap.delete(url),TcHmi.Engineering.ErrorPane.add("E_GAUGE["+this.getId()+"]_KNOB_LOADING_ERROR","[Source=Control, Module="+this.__type+(TcHmiLinearGauge.#tchmiFQN!==this.__type?", Origin="+TcHmiLinearGauge.#tchmiFQN:"")+", Id="+this.getId()+"] Could not load knob file at "+url+(error.message?": "+error.message:""),TcHmi.Engineering.ErrorPane.MessageType.Error),this.__knobSvgString=null}).finally(()=>{this.__updateKnobColors()})}else TcHmi.StyleProvider.setSimpleElementStyle(this.__elementKnob,{"background-image":"url("+url+")","background-size":knobConfig.value.width+"px "+knobConfig.value.height+"px"}),TcHmi.Engineering.ErrorPane.remove("E_GAUGE["+this.getId()+"]_KNOB_LOADING_ERROR"),this.__knobSvgString=null,this.__updateKnobColors()}__resolveLinearGradientColorAsSvgStrings(gradientColor){let gradientId="tchmi-styleprovider-"+tchmi_create_guid(),gradientString="<linearGradient",angle=gradientColor.angle;null==angle&&(angle=0),gradientString+=' x1="0" y1="1" x2="0" y2="0"',gradientString+=' id="'+gradientId+'"',gradientString+=' class="tchmi-styleprovider-linear-gradient"',gradientString+=' gradientTransform="rotate('+angle+', 0.5, 0.5)"',gradientString+=">\n";for(let i=0,ii=gradientColor.stopPoints.length;i<ii;i++){let stopPoint=gradientColor.stopPoints[i];if(void 0===stopPoint.stop||null===stopPoint.stop)if(0===i)stopPoint.stop="0%";else if(i===ii-1)stopPoint.stop="100%";else{let previous=0;gradientColor.stopPoints[i-1].stop&&(previous=parseFloat(gradientColor.stopPoints[i-1].stop));let j,next=null;for(j=i+1;j<gradientColor.stopPoints.length;j++){let localStop=gradientColor.stopPoints[j].stop;if(null!=localStop){next=parseFloat(localStop);break}}null===next&&(next=100,j--);let unit="";gradientColor.stopPoints[i-1].stop&&(unit=gradientColor.stopPoints[i-1].stop.replace(/[0-9.]/g,"")),stopPoint.stop=previous+(next-previous)/(j-i)+unit}let stopString="<stop";stopString+=' offset="'+stopPoint.stop+'"',stopString+=' stop-color="'+stopPoint.color+'"',stopString+="></stop>\n",gradientString+=stopString}return gradientString+="</linearGradient>",{gradientString,fillString:"url(#"+gradientId+")"}}__updateKnobColors(){let svgString=this.__knobSvgString;if(svgString){if(TcHmi.isSolidColor(this.__knobColor))svgString=svgString.replace(/{KnobColorGradientDefinition}/g,"").replace(/{KnobColorFill}/g,"fill:"+TcHmi.StyleProvider.resolveSolidColorAsCssValue(this.__knobColor)+";").replace(/{KnobColorStroke}/g,"stroke:"+TcHmi.StyleProvider.resolveSolidColorAsCssValue(this.__knobColor)+";");else if(TcHmi.isLinearGradientColor(this.__knobColor)){let linearColor=this.__resolveLinearGradientColorAsSvgStrings(this.__knobColor);svgString=svgString.replace(/{KnobColorGradientDefinition}/g,linearColor.gradientString).replace(/{KnobColorFill}/g,"fill:"+linearColor.fillString+";").replace(/{KnobColorStroke}/g,"stroke:"+linearColor.fillString+";")}else svgString=svgString.replace(/{KnobColorGradientDefinition}/g,"").replace(/{KnobColorFill}/g,"").replace(/{KnobColorStroke}/g,"");if(TcHmi.isSolidColor(this.__knobArrowsColor))svgString=svgString.replace(/{KnobArrowsColorGradientDefinition}/g,"").replace(/{KnobArrowsColorFill}/g,"fill:"+TcHmi.StyleProvider.resolveSolidColorAsCssValue(this.__knobArrowsColor)+";").replace(/{KnobArrowsColorStroke}/g,"stroke:"+TcHmi.StyleProvider.resolveSolidColorAsCssValue(this.__knobArrowsColor)+";");else if(TcHmi.isLinearGradientColor(this.__knobArrowsColor)){let linearColor=this.__resolveLinearGradientColorAsSvgStrings(this.__knobArrowsColor);svgString=svgString.replace(/{KnobArrowsColorGradientDefinition}/g,linearColor.gradientString).replace(/{KnobArrowsColorFill}/g,"fill:"+linearColor.fillString+";").replace(/{KnobArrowsColorStroke}/g,"")}else svgString=svgString.replace(/{KnobArrowsColorGradientDefinition}/g,"").replace(/{KnobArrowsColorFill}/g,"").replace(/{KnobArrowsColorStroke}/g,"")}else svgString="";this.__elementKnobDiv.innerHTML=svgString}__onMouseDownKnob(event){if(0!==event.button||!this.getEditable())return;this.__draggingInfo.isDragging=!0,this.__draggingInfo.originalValue=this.__getValueOrSetPoint();let knobBoundingRect=this.__elementKnob[0].getBoundingClientRect();"Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?this.__draggingInfo.offset=event.clientX-knobBoundingRect.left-this.__draggingInfo.knobConfig.offsetX*(knobBoundingRect.width/this.__draggingInfo.knobConfig.width):this.__draggingInfo.offset=event.clientY-knobBoundingRect.top-this.__draggingInfo.knobConfig.offsetY*(knobBoundingRect.height/this.__draggingInfo.knobConfig.height)}__onMouseDownControl(event){event.target instanceof HTMLElement&&!this.__draggingInfo.isDragging&&this.getClickAnywhereToEdit()&&this.getEditable()&&(event.target.classList.contains("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-filler")||event.target.classList.contains("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-track"))&&(this.__draggingInfo.isDragging=!0,this.__draggingInfo.originalValue=this.__getValueOrSetPoint(),this.__draggingInfo.offset=0,this.__valueBuffer?.setValue(this.__calcValueFromEventCoords(event.clientX,event.clientY)))}__onMouseMove(event){1===event.which?this.__draggingInfo.isDragging&&this.getEditable()&&this.getIsEnabled()&&!0===TcHmi.Access.checkAccess(this,"operate")&&this.__valueBuffer?.setValue(this.__calcValueFromEventCoords(event.clientX,event.clientY)):this.__draggingInfo.isDragging=!1}__onMouseUp(_event){this.__draggingInfo.isDragging&&this.getEditable()&&(this.__draggingInfo.isDragging=!1,this.__valueBuffer?.interactionFinished(),TcHmi.EventProvider.raise(this.__id+".onUserInteractionFinished"))}__onTouchStartKnob(event){if(!this.getEditable())return;let touch=null;for(let i=0,ii=event.changedTouches.length;i<ii;i++)if(event.changedTouches[i].target===this.__elementKnob[0]||$.contains(this.__elementKnob[0],event.changedTouches[i].target)){touch=event.changedTouches[i];break}if(null===touch)return;event.preventDefault(),null===this.__draggingInfo.touchIdentifier&&(this.__draggingInfo.originalValue=this.__getValueOrSetPoint()),this.__draggingInfo.isDragging=!0,this.__draggingInfo.touchIdentifier=touch.identifier;let knobBoundingRect=this.__elementKnob[0].getBoundingClientRect();"Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?this.__draggingInfo.offset=touch.clientX-knobBoundingRect.left-this.__draggingInfo.knobConfig.offsetX*(knobBoundingRect.width/this.__draggingInfo.knobConfig.width):this.__draggingInfo.offset=touch.clientY-knobBoundingRect.top-this.__draggingInfo.knobConfig.offsetY*(knobBoundingRect.height/this.__draggingInfo.knobConfig.height)}__onTouchStartControl(event){if(this.__draggingInfo.isDragging||!this.getClickAnywhereToEdit()||!this.getEditable())return;let touch=null;for(let i=0,ii=event.changedTouches.length;i<ii;i++)if(event.changedTouches[i].target===this.__element[0]||$.contains(this.__element[0],event.changedTouches[i].target)){touch=event.changedTouches[i];break}if(null===touch)return;event.preventDefault();let parentElement=this.__elementTemplateRoot[0].parentElement,gaugeBoundingRect=this.__elementTemplateRoot[0].getBoundingClientRect();null!==parentElement&&(gaugeBoundingRect=parentElement.getBoundingClientRect());let beginX,endX,beginY,endY,offsetX=touch.clientX-gaugeBoundingRect.left,offsetY=touch.clientY-gaugeBoundingRect.top,trackWidth=this.__elementTrack.width(),trackHeight=this.__elementTrack.height(),offsetLeft=this.__elementTrack[0].offsetLeft,offsetTop=this.__elementTrack[0].offsetTop;"Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?(beginX=0,endX=this.__elementTemplateRoot.width(),null!==parentElement&&(endX=parentElement.clientWidth),beginY=offsetTop-5,endY=offsetTop+trackHeight+5):(beginX=offsetLeft-5,endX=offsetLeft+trackWidth,beginY=0,endY=this.__elementTemplateRoot.height(),null!==parentElement&&(endY=parentElement.clientHeight)),offsetX>=beginX&&offsetX<=endX&&offsetY>=beginY&&offsetY<=endY&&(null===this.__draggingInfo.touchIdentifier&&(this.__draggingInfo.originalValue=this.__getValueOrSetPoint()),this.__draggingInfo.isDragging=!0,this.__draggingInfo.touchIdentifier=touch.identifier,this.__draggingInfo.offset=0,this.__valueBuffer?.setValue(this.__calcValueFromEventCoords(touch.clientX,touch.clientY)))}__onTouchMove(event){if(!this.__draggingInfo.isDragging||!this.getEditable())return;let touch=null;for(let i=0,ii=event.changedTouches.length;i<ii;i++)if(event.changedTouches[i].identifier===this.__draggingInfo.touchIdentifier){touch=event.changedTouches[i];break}null!==touch&&this.__valueBuffer?.setValue(this.__calcValueFromEventCoords(touch.clientX,touch.clientY))}__onTouchEnd(event){if(!this.__draggingInfo.isDragging||!this.getEditable())return;let touch=null;for(let i=0,ii=event.changedTouches.length;i<ii;i++)if(event.changedTouches[i].identifier===this.__draggingInfo.touchIdentifier){touch=event.changedTouches[i];break}null!==touch&&(this.__draggingInfo.isDragging=!1,this.__draggingInfo.touchIdentifier=null,this.__valueBuffer?.interactionFinished(),TcHmi.EventProvider.raise(this.__id+".onUserInteractionFinished"))}__onTouchCancel(event){if(!this.__draggingInfo.isDragging||!this.getEditable())return;let touch=null;for(let i=0,ii=event.changedTouches.length;i<ii;i++)if(event.changedTouches[i].identifier===this.__draggingInfo.touchIdentifier){touch=event.changedTouches[i];break}null!==touch&&(this.__draggingInfo.isDragging=!1,this.__draggingInfo.touchIdentifier=null,this.__valueBuffer?.setValue(this.__draggingInfo.originalValue),this.__valueBuffer?.interactionFinished(),TcHmi.EventProvider.raise(this.__id+".onUserInteractionFinished"))}__calculatePercentage(value){return(value-this.__internalMinValue)/(this.__internalMaxValue-this.__internalMinValue)}__calculateValue(percentage){return(this.__internalMaxValue-this.__internalMinValue)*percentage+this.__internalMinValue}__calcValueFromEventCoords(x,y){let percentage,trackBoundingRect=this.__elementTrack[0].getBoundingClientRect();switch(this.__orientation){case"HorizontalInverted":percentage=1-(x-trackBoundingRect.left-this.__draggingInfo.offset)/trackBoundingRect.width;break;case"Vertical":percentage=(trackBoundingRect.height-(y-trackBoundingRect.top)+this.__draggingInfo.offset)/trackBoundingRect.height;break;case"VerticalInverted":percentage=1-(trackBoundingRect.height-(y-trackBoundingRect.top)+this.__draggingInfo.offset)/trackBoundingRect.height;break;default:percentage=(x-trackBoundingRect.left-this.__draggingInfo.offset)/trackBoundingRect.width}let value=this.__calculateValue(percentage);return void 0!==this.__step&&this.__step>0?(value=Math.round((value-this.__stepOffset)/this.__step)*this.__step+this.__stepOffset,value<this.__internalMinValue&&(value=Math.ceil((this.__internalMinValue-this.__stepOffset)/this.__step-10*Number.EPSILON)*this.__step+this.__stepOffset),value>this.__internalMaxValue&&(value=Math.floor((this.__internalMaxValue-this.__stepOffset)/this.__step+10*Number.EPSILON)*this.__step+this.__stepOffset)):(value=value<this.__internalMinValue?this.__internalMinValue:value,value=value>this.__internalMaxValue?this.__internalMaxValue:value),value=parseFloat(value.toPrecision(12)),value}__updateValueVisualization(){if(!this.__isAttached)return;let progressValue=this.__draggingInfo.isDragging?this.__valueBuffer?.getValue()??this.__internalValue:this.__ignoreInvalidValues?this.__internalValue:this.__value??this.__internalValue;void 0!==this.__valueFormat&&null!==this.__valueFormat?this.__elementValueContent[0].textContent=this.__executeValueFormatFunction(progressValue):this.__elementValueContent[0].textContent=this.__numberFormatter.format(progressValue),progressValue=progressValue<this.__internalMinValue?this.__internalMinValue:progressValue,progressValue=progressValue>this.__internalMaxValue?this.__internalMaxValue:progressValue;let percentage=100*this.__calculatePercentage(progressValue),percentageFromZero=percentage;if(this.__internalMinValue<0&&this.__startFromZero&&(percentageFromZero-=100*this.__calculatePercentage(Math.min(0,this.__internalMaxValue))),isNaN(percentage))return void(this.__oldProgressValue=progressValue);let lengthCss="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?"width":"height";null!==this.__progressBarAnimation&&this.__progressBarAnimation.state()!==TcHmi.Animation.Status.ENDED&&this.__progressBarAnimation.skip(),null!==this.__editKnobAnimation&&this.__editKnobAnimation.state()!==TcHmi.Animation.Status.ENDED&&this.__editKnobAnimation.skip();let sign=function(x){return x&&x<0?-1:1};if(this.__draggingInfo.isDragging||void 0===this.__baseAnimationTime){let css={width:"",height:"",transform:`scale(${sign(percentageFromZero)}, ${sign(percentageFromZero)})`};if(css[lengthCss]=Math.abs(percentageFromZero)+"%",TcHmi.StyleProvider.setSimpleElementStyle(this.__elementFiller,css),this.getEditable()&&void 0===this.__internalSetPoint){let knobCss={left:"",bottom:"",top:"",right:""};knobCss["Horizontal"===this.__orientation?"left":"HorizontalInverted"===this.__orientation?"right":"Vertical"===this.__orientation?"bottom":"top"]=percentage+"%",TcHmi.StyleProvider.setSimpleElementStyle(this.__elementKnob,knobCss)}}else{let oldPercentage=100*this.__calculatePercentage(this.__oldProgressValue),oldPercentageFromZero=oldPercentage;this.__internalMinValue<0&&this.__startFromZero&&(oldPercentageFromZero-=100*this.__calculatePercentage(Math.min(0,this.__internalMaxValue)));let difference=Math.abs(percentageFromZero-oldPercentageFromZero),animationTime=this.__baseAnimationTime;if(isNaN(difference)||(animationTime*=difference/100),TcHmi.StyleProvider.setSimpleElementStyle(this.__elementFiller,lengthCss,null),null===this.__progressBarAnimation&&(this.__progressBarAnimation=TcHmi.AnimationProvider.create(this.__id,".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-filler").timingFunction("linear").fillMode("both").cleanup(!0).useCss(!1)),percentageFromZero>0&&oldPercentageFromZero<0||percentageFromZero<0&&oldPercentageFromZero>0){let middleProgressPoint=Math.round(Math.abs(oldPercentageFromZero)/(Math.abs(percentageFromZero)+Math.abs(oldPercentageFromZero))*1e3)/1e3,from={transform:`scale(${sign(oldPercentageFromZero)}, ${sign(oldPercentageFromZero)})`};from[lengthCss]=Math.abs(oldPercentageFromZero)+"%";let middle1={transform:`scale(${sign(oldPercentageFromZero)}, ${sign(oldPercentageFromZero)})`};middle1[lengthCss]="0%";let middle2={transform:`scale(${sign(percentageFromZero)}, ${sign(percentageFromZero)})`};middle2[lengthCss]="0%";let to={transform:`scale(${sign(percentageFromZero)}, ${sign(percentageFromZero)})`};to[lengthCss]=Math.abs(percentageFromZero)+"%",this.__progressBarAnimation.clearKeyframes().duration(animationTime).addKeyframe(from,0).addKeyframe(middle1,middleProgressPoint-.001).addKeyframe(middle2,middleProgressPoint+.001).addKeyframe(to,1).run()}else{const scale=sign(0!==percentageFromZero?percentageFromZero:oldPercentageFromZero);let from={transform:`scale(${scale}, ${scale})`};from[lengthCss]=Math.abs(oldPercentageFromZero)+"%";let to={transform:`scale(${scale}, ${scale})`};to[lengthCss]=Math.abs(percentageFromZero)+"%",this.__progressBarAnimation.clearKeyframes().duration(animationTime).addKeyframe(from,0).addKeyframe(to,1).run()}if(this.getEditable()&&void 0===this.__internalSetPoint){let positionCss;switch(this.__orientation){case"HorizontalInverted":positionCss="right";break;case"Vertical":positionCss="bottom";break;case"VerticalInverted":positionCss="top";break;default:positionCss="left"}this.__elementKnob[0].style.left="",this.__elementKnob[0].style.top="",this.__elementKnob[0].style.right="",this.__elementKnob[0].style.bottom="",null===this.__editKnobAnimation&&(this.__editKnobAnimation=TcHmi.AnimationProvider.create(this.__id,".TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-knob").timingFunction("linear").fillMode("both").cleanup(!0).useCss(!1)),this.__editKnobAnimation.clearKeyframes().duration(animationTime).addKeyframe(positionCss,oldPercentage+"%",0).addKeyframe(positionCss,percentage+"%",1).run()}}this.__oldProgressValue=progressValue}__setInternalMinMaxValue(){void 0!==this.__minValue&&void 0!==this.__maxValue?(this.__internalMinValue=this.__minValue>this.__maxValue?this.__maxValue:this.__minValue,this.__internalMaxValue=this.__maxValue<this.__minValue?this.__minValue:this.__maxValue):(this.__internalMinValue=0,this.__internalMaxValue=0)}__setInternalValue(){let internalValueBefore=this.__internalValue;if(void 0===this.__value?this.__internalValue=0:this.__value>=this.__internalMinValue&&this.__value<=this.__internalMaxValue&&(this.__internalValue=this.__value),internalValueBefore!==this.__internalValue){let currentValue=this.getValue();void 0!==currentValue&¤tValue!==this.__lastReportedValue&&(this.__lastReportedValue=currentValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Value"}),TcHmi.EventProvider.raise(this.__id+".onValueChanged"))}this.__updateInvalidNotification()}__isValid(value){return value>=this.__internalMinValue&&value<=this.__internalMaxValue}__setInternalSetPoint(){this.__oldSetPoint=this.__internalSetPoint,void 0!==this.__oldSetPoint&&(this.__oldSetPoint=this.__oldSetPoint<this.__internalMinValue?this.__internalMinValue:this.__oldSetPoint,this.__oldSetPoint=this.__oldSetPoint>this.__internalMaxValue?this.__internalMaxValue:this.__oldSetPoint),void 0===this.__setPoint||null===this.__setPoint?this.__internalSetPoint=void 0:void 0!==this.__step&&this.__step>0?(this.__internalSetPoint=Math.round((this.__setPoint-this.__stepOffset)/this.__step)*this.__step+this.__stepOffset,this.__internalSetPoint<this.__internalMinValue&&(this.__internalSetPoint=Math.ceil((this.__internalMinValue-this.__stepOffset)/this.__step)*this.__step+this.__stepOffset),this.__internalSetPoint>this.__internalMaxValue&&(this.__internalSetPoint=Math.floor((this.__internalMaxValue-this.__stepOffset)/this.__step)*this.__step+this.__stepOffset)):(this.__internalSetPoint=this.__setPoint,this.__internalSetPoint=this.__internalSetPoint<this.__internalMinValue?this.__internalMinValue:this.__internalSetPoint,this.__internalSetPoint=this.__internalSetPoint>this.__internalMaxValue?this.__internalMaxValue:this.__internalSetPoint)}__setValueOrSetPoint(valueNew){void 0!==this.__internalSetPoint?this.__setSetPoint(valueNew):this.__setValue(valueNew)}__getValueOrSetPoint(){return void 0!==this.__internalSetPoint?this.__internalSetPoint:this.__internalValue}setValue(valueNew){if(this.__draggingInfo.isDragging&&void 0===this.__internalSetPoint)return;let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Value")),this.__ignoreInvalidValues&&!this.__isValid(convertedValue)||this.__setValue(convertedValue)}__setValue(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);if(null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Value")),convertedValue===this.__value)return;this.__value=convertedValue,this.__processValue();let currentValue=this.getValue();void 0!==currentValue&¤tValue!==this.__lastReportedValue&&(this.__lastReportedValue=currentValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Value"}),TcHmi.EventProvider.raise(this.__id+".onValueChanged"))}getValue(){return void 0!==this.__value?this.__internalValue:void 0}__processValue(){void 0!==this.__minValue&&void 0!==this.__maxValue&&void 0!==this.__value&&(this.__setInternalValue(),this.__updateValueVisualization())}setSetPoint(valueNew){this.__draggingInfo.isDragging||this.__setSetPoint(valueNew)}__setSetPoint(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("SetPoint")),convertedValue!==this.__setPoint&&(this.__setPoint=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"SetPoint"}),this.__processSetPoint())}getSetPoint(){return this.__setPoint}__processSetPoint(){this.__attributesInitialized||this.__setInternalMinMaxValue(),this.__setInternalSetPoint(),void 0!==this.__internalSetPoint?(this.__elementSetPoint||this.__createSetPointElement(),this.__updateSetPoint(this.__internalSetPoint),this.getEditable()&&this.__processEditable()):(this.__removeSetPointElement(),this.getEditable()&&this.__processEditable())}setDecimalDigits(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("DecimalDigits")),convertedValue!==this.__decimalDigits&&(this.__decimalDigits=convertedValue,this.__decimalDigits&&this.__decimalDigits<0&&(this.__decimalDigits=0),TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"DecimalDigits"}),this.__processDecimalDigits())}getDecimalDigits(){return this.__decimalDigits}__processDecimalDigits(){this.__updateFormatter(),this.__processValue()}__updateFormatter(){let numberFormatOptions={maximumFractionDigits:this.__decimalDigits??15,minimumFractionDigits:this.__decimalDigits??0,useGrouping:!1};this.__numberFormatter=Intl.NumberFormat("en-US",numberFormatOptions)}__createSetPointElement(){void 0!==this.__internalSetPoint&&(this.__removeSetPointElement(),this.__elementSetPoint||(this.__elementSetPoint=document.createElement("div"),this.__elementSetPoint.classList.add("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-set-point"),this.__elementKnob.before(this.__elementSetPoint)),"Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?this.__elementSetPoint.classList.remove("vertical-setpoint"):this.__elementSetPoint.classList.add("vertical-setpoint"),TcHmi.StyleProvider.processBackgroundColor(this.__elementSetPoint,this.__setPointMarkerColor),this.__updateSetPoint(this.__internalSetPoint))}__removeSetPointElement(){this.__elementSetPoint&&(this.__elementSetPoint.parentElement?.removeChild(this.__elementSetPoint),this.__elementSetPoint=void 0)}__updateSetPoint(value){if(void 0!==value&&(value=(value=value>=this.__internalMinValue?value:this.__internalMinValue)<=this.__internalMaxValue?value:this.__internalMaxValue,this.__elementSetPoint)){let percentage=100*this.__calculatePercentage(value);if(isNaN(percentage))return;let SetPointCss={left:"",bottom:"",top:"",right:""};SetPointCss["Horizontal"===this.__orientation?"left":"HorizontalInverted"===this.__orientation?"right":"Vertical"===this.__orientation?"bottom":"top"]=percentage+"%",TcHmi.StyleProvider.setSimpleElementStyle(this.__elementSetPoint,SetPointCss)}}setMinValue(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("MinValue")),convertedValue!==this.__minValue&&(this.__minValue=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"MinValue"}),this.__processMinValue())}getMinValue(){return this.__minValue}__processMinValue(){void 0!==this.__maxValue&&void 0!==this.__minValue&&(this.__setInternalMinMaxValue(),this.__processStartFromZero(),this.__processShowLabels(),this.__processShowTicks(),this.__processRange(),this.__processStep(),this.__processValueSpace(),void 0!==this.__value&&(this.__processValue(),this.__processSetPoint()))}setMaxValue(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("MaxValue")),convertedValue!==this.__maxValue&&(this.__maxValue=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"MaxValue"}),this.__processMaxValue())}getMaxValue(){return this.__maxValue}__processMaxValue(){void 0!==this.__maxValue&&void 0!==this.__minValue&&(this.__setInternalMinMaxValue(),this.__processStartFromZero(),this.__processShowLabels(),this.__processShowTicks(),this.__processRange(),this.__processStep(),this.__processValueSpace(),void 0!==this.__value&&(this.__processValue(),this.__processSetPoint()))}setStep(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Step")),convertedValue!==this.__step&&(this.__step=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Step"}),this.__processStep())}getStep(){return this.__step}__processStep(){function safeModulo(dividend,divisor){if(Number.isInteger(dividend)&&Number.isInteger(divisor))return dividend%divisor;let exponent=0,dividendNext=10*dividend,divisorNext=10*divisor;for(;!Number.isInteger(dividend)&÷ndNext>=Number.MIN_SAFE_INTEGER&÷ndNext<=Number.MAX_SAFE_INTEGER||!Number.isInteger(divisor)&&divisorNext>=Number.MIN_SAFE_INTEGER&&divisorNext<=Number.MAX_SAFE_INTEGER;)dividend=dividendNext,divisor=divisorNext,dividendNext*=10,divisorNext*=10,exponent++;return Math.round(dividend)%Math.round(divisor)/Math.pow(10,exponent)}void 0===this.__step||this.__step<=0?this.__stepOffset=0:(this.__stepOffset=!this.__startFromZero||this.__internalMinValue>=0?safeModulo(this.__internalMinValue,this.__step):this.__internalMaxValue>=0?0:safeModulo(this.__internalMaxValue,this.__step),this.__processSetPoint())}setStartFromZero(valueNew){let convertedValue=TcHmi.ValueConverter.toBoolean(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("StartFromZero")),convertedValue!==this.__startFromZero&&(this.__startFromZero=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"StartFromZero"}),this.__processStartFromZero())}getStartFromZero(){return this.__startFromZero}__processStartFromZero(){let css={left:"",right:"",bottom:"",top:""};if(this.__startFromZero&&this.__internalMinValue<0){let positionCss;switch(this.__orientation){case"HorizontalInverted":positionCss="right";break;case"Vertical":positionCss="bottom";break;case"VerticalInverted":positionCss="top";break;default:positionCss="left"}css[positionCss]=100*this.__calculatePercentage(Math.min(this.__internalMaxValue,0))+"%"}TcHmi.StyleProvider.setSimpleElementStyle(this.__elementFiller,css),this.__processValue(),this.__processSetPoint(),this.__processShowLabels(),this.__processShowTicks(),this.__processStep()}setEditable(valueNew){let convertedValue=TcHmi.ValueConverter.toBoolean(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Editable")),convertedValue!==this.__editable&&(this.__editable=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Editable"}),this.__processEditable())}getEditable(){return this.__editable}__processEditable(){if(this.__editable){let positionCss;switch(this.__orientation){case"HorizontalInverted":positionCss="right";break;case"Vertical":positionCss="bottom";break;case"VerticalInverted":positionCss="top";break;default:positionCss="left"}let value,css={display:"block",left:"",right:"",bottom:"",top:""};void 0!==this.__internalSetPoint&&null!==this.__editKnobAnimation&&this.__editKnobAnimation.state()!==TcHmi.Animation.Status.ENDED&&this.__editKnobAnimation.skip();const bufferedValue=this.__valueBuffer?.getValue();value=this.__draggingInfo.isDragging&&void 0!==bufferedValue?bufferedValue:this.__internalSetPoint??this.__internalValue,css[positionCss]=100*this.__calculatePercentage(value)+"%",TcHmi.StyleProvider.setSimpleElementStyle(this.__elementKnob,css)}else TcHmi.StyleProvider.setSimpleElementStyle(this.__elementKnob,"display",null)}setIgnoreInvalidValues(valueNew){let convertedValue=TcHmi.ValueConverter.toBoolean(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("IgnoreInvalidValues")),convertedValue!==this.__ignoreInvalidValues&&(this.__ignoreInvalidValues=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"IgnoreInvalidValues"}),this.__processIgnoreInvalidValues())}getIgnoreInvalidValues(){return this.__ignoreInvalidValues}__processIgnoreInvalidValues(){this.__setInternalValue(),this.__updateValueVisualization()}setInputProcessingPoint(valueNew){let convertedValue=TcHmi.ValueConverter.toEnum(valueNew,InputProcessingPoint);null===convertedValue&&(convertedValue=InputProcessingPoint[this.getAttributeDefaultValueInternal("InputProcessingPoint")]),convertedValue!==this.__valueBuffer?.processingPoint&&(this.__valueBuffer?this.__valueBuffer.processingPoint=convertedValue:(this.__valueBuffer=new TcHmi.Controls.Helpers.ValueBuffer(convertedValue,value=>this.__setValueOrSetPoint(value)),this.__valueBuffer.onValueSet.add(value=>{void 0!==this.__internalSetPoint?(this.__updateSetPoint(value),this.getEditable()&&this.__processEditable()):this.__updateValueVisualization()})),TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"InputProcessingPoint"}),this.__processInputProcessingPoint())}getInputProcessingPoint(){return this.__valueBuffer?.processingPoint}__processInputProcessingPoint(){}setClickAnywhereToEdit(valueNew){let convertedValue=TcHmi.ValueConverter.toBoolean(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ClickAnywhereToEdit")),convertedValue!==this.__clickAnywhereToEdit&&(this.__clickAnywhereToEdit=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ClickAnywhereToEdit"}),this.__processClickAnywhereToEdit())}getClickAnywhereToEdit(){return this.__clickAnywhereToEdit}__processClickAnywhereToEdit(){}setValueFormat(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueFormat"));let resolverInfo=this.__objectResolvers.get("valueFormat");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("ValueFormat")?.type});this.__objectResolvers.set("valueFormat",{resolver,watchCallback:this.__onResolverForValueFormatWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForValueFormatWatchCallback)})}__onResolverForValueFormatWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("valueFormat"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__valueFormat)||(this.__valueFormat=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueFormat"}),this.__processValueFormat()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"ValueFormat"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getValueFormat(){return this.__valueFormat}__processValueFormat(){this.__updateValueVisualization()}__executeValueFormatFunction(value){if(void 0!==this.__valueFormat&&null!==this.__valueFormat&&!1!==this.__valueFormat.active){const args=[value];let res=null,f=new TcHmi.Function(this.__valueFormat);if(!f.isProcessedAsync())return f.executeEx(args,data=>{data.error===TcHmi.Errors.NONE&&void 0!==data.result?res=data.result:TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,`Execution of function=${this.__valueFormat?.fn} failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}),f.destroy(),res;TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,`Execution of function=${this.__valueFormat?.fn} was aborted because it will be processed asynchronous and a synchronous running function call is required. Either the function is running asynchronous by definition or asynchronous running symbols were added to the list of parameters.`)}return value.toString()}setShowLabels(valueNew){let convertedValue=TcHmi.ValueConverter.toBoolean(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ShowLabels")),convertedValue!==this.__showLabels&&(this.__showLabels=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ShowLabels"}),this.__processShowLabels())}getShowLabels(){return this.__showLabels}__processShowLabels(){if(this.__elementLabels.empty(),!this.__isAttached||!this.__showLabels||void 0===this.__maxValue||void 0===this.__minValue||void 0===this.__labelRange||null===this.__labelRange||this.__labelRange<=0)return;let labelCount=Math.floor((this.__internalMaxValue-this.__internalMinValue)/this.__labelRange),labelRange=this.__labelRange,labelSpace="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?this.__elementTrack.width():this.__elementTrack.height(),maxLabelCount=Math.floor(labelSpace/5)-2;maxLabelCount=maxLabelCount>1?maxLabelCount:1,labelCount>maxLabelCount&&(labelCount=maxLabelCount,labelRange=Math.floor((this.__internalMaxValue-this.__internalMinValue)/maxLabelCount/labelRange)*labelRange);let positionCss="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?"left":"bottom",startingPoint=!this.__startFromZero||this.__internalMinValue>=0?this.__internalMinValue:this.__internalMaxValue>=0?0:this.__internalMaxValue,direction=this.__startFromZero&&this.__internalMaxValue<=0?-1:1;const labelValues=[];for(let i=0;i<=labelCount;i++){const rawLabelValue=labelRange*i;let labelValue=startingPoint+rawLabelValue*direction;if(labelValue>this.__internalMaxValue&&(startingPoint=rawLabelValue-labelRange,direction=-1,labelValue=startingPoint+rawLabelValue*direction),labelValue<this.__internalMinValue)break;labelValue=parseFloat(labelValue.toPrecision(12)),labelValues.push(labelValue);const label=document.createElement("span");label.textContent=this.__executeLabelFormatFunction(labelValue),"HorizontalInverted"===this.__orientation||"VerticalInverted"===this.__orientation?(label.style[positionCss]=100-100*this.__calculatePercentage(labelValue)+"%",labelValue===this.__internalMinValue?label.classList.add("last"):labelValue===this.__internalMaxValue&&label.classList.add("first")):(label.style[positionCss]=100*this.__calculatePercentage(labelValue)+"%",labelValue===this.__internalMinValue?label.classList.add("first"):labelValue===this.__internalMaxValue&&label.classList.add("last")),this.__elementLabels[0].appendChild(label)}const limitValues=[this.__internalMaxValue,this.__internalMinValue];for(const limitValue of limitValues){labelValues.push(limitValue);const limitLabel=document.createElement("span");limitLabel.textContent=this.__executeLabelFormatFunction(limitValue),"HorizontalInverted"===this.__orientation||"VerticalInverted"===this.__orientation?(limitLabel.style[positionCss]=100-100*this.__calculatePercentage(limitValue)+"%",limitValue===this.__internalMinValue?limitLabel.classList.add("last"):limitValue===this.__internalMaxValue&&limitLabel.classList.add("first")):(limitLabel.style[positionCss]=100*this.__calculatePercentage(limitValue)+"%",limitValue===this.__internalMinValue?limitLabel.classList.add("first"):limitValue===this.__internalMaxValue&&limitLabel.classList.add("last")),this.__elementLabels[0].appendChild(limitLabel)}if(labelValues.length>0){const hiddenLabel=document.createElement("span");hiddenLabel.classList.add("hidden"),hiddenLabel.textContent=this.__executeLabelFormatFunction(Math.min(...labelValues)),this.__elementLabels.append(hiddenLabel)}if(labelValues.length>1){const hiddenLabel=document.createElement("span");hiddenLabel.classList.add("hidden"),hiddenLabel.textContent=this.__executeLabelFormatFunction(Math.max(...labelValues)),this.__elementLabels.append(hiddenLabel)}}setLabelRange(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelRange")),convertedValue!==this.__labelRange&&(this.__labelRange=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelRange"}),this.__processLabelRange())}getLabelRange(){return this.__labelRange}__processLabelRange(){this.__processShowLabels()}setLabelFormat(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelFormat"));let resolverInfo=this.__objectResolvers.get("labelFormat");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("LabelFormat")?.type});this.__objectResolvers.set("labelFormat",{resolver,watchCallback:this.__onResolverForLabelFormatWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForLabelFormatWatchCallback)})}__onResolverForLabelFormatWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("labelFormat"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__labelFormat)||(this.__labelFormat=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelFormat"}),this.__processLabelFormat()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"LabelFormat"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getLabelFormat(){return this.__labelFormat}__processLabelFormat(){this.__processShowLabels()}__executeLabelFormatFunction(value){if(void 0!==this.__labelFormat&&null!==this.__labelFormat&&!1!==this.__labelFormat.active){const args=[value];let res=null,f=new TcHmi.Function(this.__labelFormat);if(!f.isProcessedAsync())return f.executeEx(args,data=>{data.error===TcHmi.Errors.NONE&&void 0!==data.result?res=data.result:TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,`Execution of function=${this.__labelFormat?.fn} failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}),f.destroy(),res;TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,`Execution of function=${this.__labelFormat?.fn} was aborted because it will be processed asynchronous and a synchronous running function call is required. Either the function is running asynchronous by definition or asynchronous running symbols were added to the list of parameters.`)}return value.toString()}setShowTicks(valueNew){let convertedValue=TcHmi.ValueConverter.toBoolean(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ShowTicks")),convertedValue!==this.__showTicks&&(this.__showTicks=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ShowTicks"}),this.__processShowTicks())}getShowTicks(){return this.__showTicks}__processShowTicks(){if(this.__elementTicks.empty(),!this.__isAttached||!this.__showTicks||void 0===this.__maxValue||void 0===this.__minValue||void 0===this.__tickDefinition||null===this.__tickDefinition)return void TcHmi.StyleProvider.setSimpleElementStyle(this.__elementTicks[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-ticks"),"flex-basis","0");TcHmi.StyleProvider.setSimpleElementStyle(this.__elementTicks[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-ticks"),"flex-basis",null);let positionCss="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?"left":"bottom",tickSpace="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?this.__elementTrack.width():this.__elementTrack.height(),maxTickCount=Math.floor(tickSpace/2);maxTickCount=maxTickCount>1?maxTickCount:1;const startingPoint=!this.__startFromZero||this.__internalMinValue>=0?this.__internalMinValue:this.__internalMaxValue>=0?0:this.__internalMaxValue,direction=this.__startFromZero&&this.__internalMaxValue<=0?-1:1,ticks=new Map;if(this.__tickDefinition.subTickRange>0){let minorTickCount=Math.floor((this.__internalMaxValue-this.__internalMinValue)/this.__tickDefinition.subTickRange),minorTickRange=this.__tickDefinition.subTickRange;minorTickCount>maxTickCount&&(minorTickCount=maxTickCount,minorTickRange=(this.__internalMaxValue-this.__internalMinValue)/maxTickCount);let minorStartingPoint=startingPoint,minorDirection=direction;for(let i=0;i<=minorTickCount;i++){const rawTickValue=minorTickRange*i;let tickValue=minorStartingPoint+rawTickValue*minorDirection;if(tickValue>this.__internalMaxValue&&(minorStartingPoint=rawTickValue-minorTickRange,minorDirection=-1,tickValue=minorStartingPoint+rawTickValue*minorDirection),tickValue<this.__internalMinValue)break;ticks.set(tickValue,"minor")}}if(this.__tickDefinition.mainTickRange>0){let majorTickCount=Math.floor((this.__internalMaxValue-this.__internalMinValue)/this.__tickDefinition.mainTickRange),majorTickRange=this.__tickDefinition.mainTickRange;majorTickCount>maxTickCount&&(majorTickCount=maxTickCount,majorTickRange=(this.__internalMaxValue-this.__internalMinValue)/maxTickCount);let majorStartingPoint=startingPoint,majorDirection=direction;for(let i=0;i<=majorTickCount;i++){const rawTickValue=majorTickRange*i;let tickValue=majorStartingPoint+rawTickValue*majorDirection;if(tickValue>this.__internalMaxValue&&(majorStartingPoint=rawTickValue-majorTickRange,majorDirection=-1,tickValue=majorStartingPoint+rawTickValue*majorDirection),tickValue<this.__internalMinValue)break;ticks.set(tickValue,"major")}}for(const[tickValue,tickClass]of ticks){const tick=document.createElement("div");tick.classList.add("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-tick",tickClass),"HorizontalInverted"===this.__orientation||"VerticalInverted"===this.__orientation?(tick.style[positionCss]=100-100*this.__calculatePercentage(tickValue)+"%",tickValue===this.__internalMinValue?tick.classList.add("last"):tickValue===this.__internalMaxValue&&tick.classList.add("first")):(tick.style[positionCss]=100*this.__calculatePercentage(tickValue)+"%",tickValue===this.__internalMinValue?tick.classList.add("first"):tickValue===this.__internalMaxValue&&tick.classList.add("last")),TcHmi.StyleProvider.processBackgroundColor(tick,this.__tickColor),this.__elementTicks[0].appendChild(tick)}}setTickDefinition(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("TickDefinition"));let resolverInfo=this.__objectResolvers.get("tickDefinition");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("TickDefinition")?.type});this.__objectResolvers.set("tickDefinition",{resolver,watchCallback:this.__onResolverForTickDefinitionWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForTickDefinitionWatchCallback)})}__onResolverForTickDefinitionWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("tickDefinition"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__tickDefinition)||(this.__tickDefinition=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"TickDefinition"}),this.__processTickDefinition()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"TickDefinition"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getTickDefinition(){return this.__tickDefinition}__processTickDefinition(){this.__processShowTicks()}setLabelPosition(valueNew){let convertedValue=TcHmi.ValueConverter.toString(valueNew);if(null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelPosition")),convertedValue!==this.__labelPosition){switch(convertedValue){case"Bottom":case"Left":case"Right":this.__labelPosition=convertedValue;break;default:this.__labelPosition="Top"}TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelPosition"}),this.__processLabelPosition()}}getLabelPosition(){return this.__labelPosition}__processLabelPosition(){"Top"===this.__labelPosition||"Left"===this.__labelPosition?this.__elementTemplateRoot[0].classList.remove("flex-reverse"):this.__elementTemplateRoot[0].classList.add("flex-reverse"),this.__processMarkers()}setRange(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Range"));let resolverInfo=this.__objectResolvers.get("range");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("Range")?.type});this.__objectResolvers.set("range",{resolver,watchCallback:this.__onResolverForRangeWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForRangeWatchCallback)})}__onResolverForRangeWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("range"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__range)||(this.__range=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Range"}),this.__processRange()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"Range"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getRange(){return this.__range}__processRange(){if(!this.__range||0===this.__range.length)return this.__elementRange[0].textContent="",void(this.__elementRange[0].style.display="none");let startCss,lengthCss;switch(this.__elementRange[0].style.display="flex",this.__orientation){case"HorizontalInverted":startCss="right",lengthCss="width";break;case"Vertical":startCss="bottom",lengthCss="height";break;case"VerticalInverted":startCss="top",lengthCss="height";break;default:startCss="left",lengthCss="width"}this.__range.length<this.__elementRange[0].childElementCount&&(this.__elementRange[0].textContent="");const rangeList=[];for(const[i,rangeObj]of this.__range.entries()){const oldRange=this.__elementRange[0].children.item(i);let range;oldRange?(range=oldRange,range.style.left="",range.style.right="",range.style.top="",range.style.bottom="",range.style.width="",range.style.height=""):(range=document.createElement("div"),range.classList.add("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-rangechild"),rangeList.push(range)),range.style.setProperty(startCss,100*this.__calculatePercentage(rangeObj.start)+"%"),range.style.setProperty(lengthCss,100*this.__calculatePercentage(rangeObj.end-rangeObj.start+this.__internalMinValue)+"%"),TcHmi.isSolidColor(rangeObj.color)?range.style.backgroundColor=TcHmi.StyleProvider.resolveSolidColorAsCssValue(rangeObj.color):range.style.backgroundColor=""}this.__elementRange[0].append(...rangeList)}setMarkers(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Markers"));let resolverInfo=this.__objectResolvers.get("markers");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("Markers")?.type});this.__objectResolvers.set("markers",{resolver,watchCallback:this.__onResolverForMarkersWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForMarkersWatchCallback)})}__onResolverForMarkersWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("markers"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__markers)||(this.__markers=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Markers"}),this.__processMarkers()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"Markers"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getMarkers(){return this.__markers}__processMarkers(){const container=this.__element[0].querySelector(".container-markers-label");container&&container.remove();const containerLines=this.__element[0].querySelector(".container-marker-lines");if(containerLines&&containerLines.remove(),!this.__markers||0===this.__markers.length)return;if(void 0===this.__minValue||void 0===this.__maxValue)return;const divContainerMarkersLabel=document.createElement("div");divContainerMarkersLabel.classList.add("container-markers-label");const divContainerMarkerLines=document.createElement("div");divContainerMarkerLines.classList.add("container-marker-lines"),this.__elementTrack[0].append(divContainerMarkerLines);for(const marker of this.__markers){if(marker.value>this.__maxValue||marker.value<this.__minValue)continue;const color=TcHmi.isSolidColor(marker.color)?marker.color:{color:"rgba(0, 0, 0, 1)"},divMarkerContainer=document.createElement("div");divMarkerContainer.classList.add("container-single-marker-label");const divMarkerLabel=document.createElement("div");divMarkerLabel.classList.add("marker-label"),divMarkerLabel.textContent=marker.label,divMarkerLabel.style.color=TcHmi.StyleProvider.resolveSolidColorAsCssValue(color);const divMarkerTriangle=document.createElement("div");divMarkerTriangle.classList.add("marker-triangle"),divMarkerTriangle.style.borderBottomColor=TcHmi.StyleProvider.resolveSolidColorAsCssValue(color);const divMarkerLine=document.createElement("div");divMarkerLine.classList.add("marker-line"),divMarkerLine.style.backgroundColor=TcHmi.StyleProvider.resolveSolidColorAsCssValue(color);const positionCss="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?"left":"bottom",transformCssValue="Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation?"translateX(-50%)":"translateY(50%)";"HorizontalInverted"===this.__orientation||"VerticalInverted"===this.__orientation?(divMarkerContainer.style[positionCss]=100-100*this.__calculatePercentage(marker.value)+"%",divMarkerLine.style[positionCss]=100-100*this.__calculatePercentage(marker.value)+"%",divMarkerContainer.style.transform=transformCssValue,divMarkerLine.style.transform=transformCssValue,marker.value===this.__internalMinValue?(divMarkerContainer.classList.add("last"),divMarkerLine.classList.add("last"),divMarkerLine.style.transform="",divMarkerContainer.style.transform=""):marker.value===this.__internalMaxValue&&(divMarkerContainer.classList.add("first"),divMarkerLine.classList.add("first"),divMarkerLine.style.transform="",divMarkerContainer.style.transform="")):(divMarkerContainer.style[positionCss]=100*this.__calculatePercentage(marker.value)+"%",divMarkerLine.style[positionCss]=100*this.__calculatePercentage(marker.value)+"%",divMarkerContainer.style.transform=transformCssValue,divMarkerLine.style.transform=transformCssValue,marker.value===this.__internalMinValue?(divMarkerContainer.classList.add("first"),divMarkerLine.classList.add("first"),divMarkerLine.style.transform="",divMarkerContainer.style.transform=""):marker.value===this.__internalMaxValue&&(divMarkerContainer.classList.add("last"),divMarkerLine.classList.add("last"),divMarkerLine.style.transform="",divMarkerContainer.style.transform="")),"Bottom"===this.__labelPosition||"Right"===this.__labelPosition?divMarkerContainer.append(divMarkerLabel,divMarkerTriangle):divMarkerContainer.append(divMarkerTriangle,divMarkerLabel);const shouldReverse="Horizontal"===this.__orientation&&("Bottom"===this.__labelPosition||"Right"===this.__labelPosition)||"Vertical"===this.__orientation&&("Top"===this.__labelPosition||"Left"===this.__labelPosition)||"HorizontalInverted"===this.__orientation&&("Bottom"===this.__labelPosition||"Right"===this.__labelPosition)||"VerticalInverted"===this.__orientation&&("Top"===this.__labelPosition||"Left"===this.__labelPosition);divMarkerTriangle.classList.toggle("reverse",shouldReverse),divContainerMarkersLabel.append(divMarkerContainer),divContainerMarkerLines.append(divMarkerLine)}if(this.__elementTemplateRoot[0].append(divContainerMarkersLabel,this.__elementDescription[0]),"Horizontal"===this.__orientation||"HorizontalInverted"===this.__orientation)divContainerMarkersLabel.classList.remove("vertical"),divContainerMarkersLabel.style.minHeight="27px";else if("Vertical"===this.__orientation||"VerticalInverted"===this.__orientation){divContainerMarkersLabel.classList.add("vertical");let minWidthVertical=0;this.__element[0].querySelectorAll(".container-single-marker-label").forEach(element=>{element.clientWidth>minWidthVertical&&(minWidthVertical=element.clientWidth)}),divContainerMarkersLabel.style.minWidth=minWidthVertical+"px"}}setShowValueText(valueNew){let convertedValue=TcHmi.ValueConverter.toBoolean(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ShowValueText")),convertedValue!==this.__showValueText&&(this.__showValueText=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ShowValueText"}),this.__processShowValueText())}getShowValueText(){return this.__showValueText}__processShowValueText(){this.__showValueText?TcHmi.StyleProvider.setSimpleElementStyle(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value"),"display",null):TcHmi.StyleProvider.setSimpleElementStyle(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value"),"display","none")}setUnit(valueNew){let convertedValue=TcHmi.ValueConverter.toString(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Unit")),convertedValue!==this.__unit&&(this.__unit=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Unit"}),this.__processUnit())}getUnit(){return this.__unit}__processUnit(){this.__unit?this.__elementUnitContent[0].textContent=this.__unit:this.__elementUnitContent[0].textContent=""}setOrientation(valueNew){let convertedValue=TcHmi.ValueConverter.toString(valueNew);if(null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Orientation")),convertedValue!==this.__orientation){switch(convertedValue){case"Vertical":case"VerticalInverted":case"HorizontalInverted":this.__orientation=convertedValue;break;default:this.__orientation="Horizontal"}TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Orientation"}),this.__processOrientation(),this.__fetchKnob()}}getOrientation(){return this.__orientation}__processOrientation(){switch(this.__orientation){case"Horizontal":this.__element[0].classList.remove("vertical"),this.__elementFiller[0].classList.remove("inverted");break;case"HorizontalInverted":this.__element[0].classList.remove("vertical"),this.__elementFiller[0].classList.add("inverted");break;case"Vertical":this.__element[0].classList.add("vertical"),this.__elementFiller[0].classList.remove("inverted");break;case"VerticalInverted":this.__element[0].classList.add("vertical"),this.__elementFiller[0].classList.add("inverted")}if(null!==this.__progressBarAnimation&&this.__progressBarAnimation.state()!==TcHmi.Animation.Status.ENDED&&this.__progressBarAnimation.skip(),null!==this.__editKnobAnimation&&this.__editKnobAnimation.state()!==TcHmi.Animation.Status.ENDED&&this.__editKnobAnimation.skip(),this.__elementSetPoint)switch(this.__orientation){case"HorizontalInverted":this.__elementSetPoint.classList.remove("vertical-setpoint"),this.__elementSetPoint.classList.add("inverted-setpoint");break;case"Vertical":this.__elementSetPoint.classList.add("vertical-setpoint"),this.__elementSetPoint.classList.remove("inverted-setpoint");break;case"VerticalInverted":this.__elementSetPoint.classList.add("vertical-setpoint"),this.__elementSetPoint.classList.add("inverted-setpoint");break;default:this.__elementSetPoint.classList.remove("vertical-setpoint"),this.__elementSetPoint.classList.remove("inverted-setpoint")}this.__updateSetPoint(this.__internalSetPoint),TcHmi.StyleProvider.setSimpleElementStyle(this.__elementFiller,{width:null,height:null,transform:null}),this.__processShowLabels(),this.__processShowTicks(),this.__processLabelPosition(),this.__processEditable(),this.__processRange(),this.__processMarkers(),this.__processStartFromZero(),this.__processValueSpace()}setPadding(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("Padding"));let resolverInfo=this.__objectResolvers.get("padding");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("Padding")?.type});this.__objectResolvers.set("padding",{resolver,watchCallback:this.__onResolverForPaddingWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForPaddingWatchCallback)})}__onResolverForPaddingWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("padding"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__padding)||(this.__padding=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"Padding"}),this.__processPadding()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"Padding"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getPadding(){return this.__padding}__processPadding(){TcHmi.StyleProvider.processContentPadding(this.__elementTemplateRoot,this.__padding)}setBaseAnimationTime(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("BaseAnimationTime")),convertedValue!==this.__baseAnimationTime&&(this.__baseAnimationTime=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"BaseAnimationTime"}),this.__processBaseAnimationTime())}getBaseAnimationTime(){return this.__baseAnimationTime}__processBaseAnimationTime(){}setValueFontSize(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueFontSize")),convertedValue!==this.__valueFontSize&&(this.__valueFontSize=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueFontSize"}),this.__processValueFontSize())}getValueFontSize(){return this.__valueFontSize}__processValueFontSize(){TcHmi.StyleProvider.processFontSize(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value"),this.__valueFontSize,this.__valueFontSizeUnit)}setValueFontSizeUnit(valueNew){let convertedValue=TcHmi.ValueConverter.toFontSizeUnit(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueFontSizeUnit")),convertedValue!==this.__valueFontSizeUnit&&(this.__valueFontSizeUnit=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueFontSizeUnit"}),this.__processValueFontSizeUnit())}getValueFontSizeUnit(){return this.__valueFontSizeUnit}__processValueFontSizeUnit(){this.__processValueFontSize()}setValueFontFamily(valueNew){let convertedValue=TcHmi.ValueConverter.toFontFamily(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueFontFamily")),convertedValue!==this.__valueFontFamily&&(this.__valueFontFamily=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueFontFamily"}),this.__processValueFontFamily())}getValueFontFamily(){return this.__valueFontFamily}__processValueFontFamily(){TcHmi.StyleProvider.processFontFamily(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value"),this.__valueFontFamily)}setValueFontStyle(valueNew){let convertedValue=TcHmi.ValueConverter.toFontStyle(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueFontStyle")),convertedValue!==this.__valueFontStyle&&(this.__valueFontStyle=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueFontStyle"}),this.__processValueFontStyle())}getValueFontStyle(){return this.__valueFontStyle}__processValueFontStyle(){TcHmi.StyleProvider.processFontStyle(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value"),this.__valueFontStyle)}setValueFontWeight(valueNew){let convertedValue=TcHmi.ValueConverter.toFontWeight(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueFontWeight")),convertedValue!==this.__valueFontWeight&&(this.__valueFontWeight=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueFontWeight"}),this.__processValueFontWeight())}getValueFontWeight(){return this.__valueFontWeight}__processValueFontWeight(){TcHmi.StyleProvider.processFontWeight(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value"),this.__valueFontWeight)}setValueColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueColor"));let resolverInfo=this.__objectResolvers.get("valueColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("ValueColor")?.type});this.__objectResolvers.set("valueColor",{resolver,watchCallback:this.__onResolverForValueColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForValueColorWatchCallback)})}__onResolverForValueColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("valueColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__valueColor)||(this.__valueColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueColor"}),this.__processValueColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"ValueColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getValueColor(){return this.__valueColor}__processValueColor(){TcHmi.StyleProvider.processTextColor(this.__element[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-value"),this.__valueColor)}setLabelFontSize(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelFontSize")),convertedValue!==this.__labelFontSize&&(this.__labelFontSize=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelFontSize"}),this.__processLabelFontSize())}getLabelFontSize(){return this.__labelFontSize}__processLabelFontSize(){TcHmi.StyleProvider.processFontSize(this.__elementLabels,this.__labelFontSize,this.__labelFontSizeUnit)}setLabelFontSizeUnit(valueNew){let convertedValue=TcHmi.ValueConverter.toFontSizeUnit(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelFontSizeUnit")),convertedValue!==this.__labelFontSizeUnit&&(this.__labelFontSizeUnit=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelFontSizeUnit"}),this.__processLabelFontSizeUnit())}getLabelFontSizeUnit(){return this.__labelFontSizeUnit}__processLabelFontSizeUnit(){this.__processLabelFontSize()}setLabelFontFamily(valueNew){let convertedValue=TcHmi.ValueConverter.toFontFamily(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelFontFamily")),convertedValue!==this.__labelFontFamily&&(this.__labelFontFamily=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelFontFamily"}),this.__processLabelFontFamily())}getLabelFontFamily(){return this.__labelFontFamily}__processLabelFontFamily(){TcHmi.StyleProvider.processFontFamily(this.__elementLabels,this.__labelFontFamily)}setLabelFontStyle(valueNew){let convertedValue=TcHmi.ValueConverter.toFontStyle(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelFontStyle")),convertedValue!==this.__labelFontStyle&&(this.__labelFontStyle=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelFontStyle"}),this.__processLabelFontStyle())}getLabelFontStyle(){return this.__labelFontStyle}__processLabelFontStyle(){TcHmi.StyleProvider.processFontStyle(this.__elementLabels,this.__labelFontStyle)}setLabelFontWeight(valueNew){let convertedValue=TcHmi.ValueConverter.toFontWeight(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelFontWeight")),convertedValue!==this.__labelFontWeight&&(this.__labelFontWeight=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelFontWeight"}),this.__processLabelFontWeight())}getLabelFontWeight(){return this.__labelFontWeight}__processLabelFontWeight(){TcHmi.StyleProvider.processFontWeight(this.__elementLabels,this.__labelFontWeight)}setLabelColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("LabelColor"));let resolverInfo=this.__objectResolvers.get("labelColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("LabelColor")?.type});this.__objectResolvers.set("labelColor",{resolver,watchCallback:this.__onResolverForLabelColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForLabelColorWatchCallback)})}__onResolverForLabelColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("labelColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__labelColor)||(this.__labelColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"LabelColor"}),this.__processLabelColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"LabelColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getLabelColor(){return this.__labelColor}__processLabelColor(){TcHmi.StyleProvider.processTextColor(this.__elementLabels,this.__labelColor)}setUnitFontSize(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("UnitFontSize")),convertedValue!==this.__unitFontSize&&(this.__unitFontSize=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"UnitFontSize"}),this.__processUnitFontSize())}getUnitFontSize(){return this.__unitFontSize}__processUnitFontSize(){TcHmi.StyleProvider.processFontSize(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-unit"),this.__unitFontSize,this.__unitFontSizeUnit)}setUnitFontSizeUnit(valueNew){let convertedValue=TcHmi.ValueConverter.toFontSizeUnit(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("UnitFontSizeUnit")),convertedValue!==this.__unitFontSizeUnit&&(this.__unitFontSizeUnit=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"UnitFontSizeUnit"}),this.__processUnitFontSizeUnit())}getUnitFontSizeUnit(){return this.__unitFontSizeUnit}__processUnitFontSizeUnit(){this.__processUnitFontSize()}setUnitFontFamily(valueNew){let convertedValue=TcHmi.ValueConverter.toFontFamily(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("UnitFontFamily")),convertedValue!==this.__unitFontFamily&&(this.__unitFontFamily=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"UnitFontFamily"}),this.__processUnitFontFamily())}getUnitFontFamily(){return this.__unitFontFamily}__processUnitFontFamily(){TcHmi.StyleProvider.processFontFamily(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-unit"),this.__unitFontFamily)}setUnitFontStyle(valueNew){let convertedValue=TcHmi.ValueConverter.toFontStyle(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("UnitFontStyle")),convertedValue!==this.__unitFontStyle&&(this.__unitFontStyle=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"UnitFontStyle"}),this.__processUnitFontStyle())}getUnitFontStyle(){return this.__unitFontStyle}__processUnitFontStyle(){TcHmi.StyleProvider.processFontStyle(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-unit"),this.__unitFontStyle)}setUnitFontWeight(valueNew){let convertedValue=TcHmi.ValueConverter.toFontWeight(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("UnitFontWeight")),convertedValue!==this.__unitFontWeight&&(this.__unitFontWeight=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"UnitFontWeight"}),this.__processUnitFontWeight())}getUnitFontWeight(){return this.__unitFontWeight}__processUnitFontWeight(){TcHmi.StyleProvider.processFontWeight(this.__elementTemplateRoot[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-unit"),this.__unitFontWeight)}setUnitOrientation(valueNew){let convertedValue=TcHmi.ValueConverter.toString(valueNew);if(null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("UnitOrientation")),convertedValue!==this.__unitOrientation){switch(convertedValue){case"Horizontal":case"Vertical":this.__unitOrientation=convertedValue;break;default:this.__unitOrientation="Theme"}TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"UnitOrientation"}),this.__processUnitOrientation()}}getUnitOrientation(){return this.__unitOrientation}__processUnitOrientation(){"Horizontal"===this.__unitOrientation?(this.__elementUnitContent[0].classList.remove("vertical"),this.__elementUnitContent[0].classList.add("horizontal")):"Vertical"===this.__unitOrientation?(this.__elementUnitContent[0].classList.remove("horizontal"),this.__elementUnitContent[0].classList.add("vertical")):(this.__elementUnitContent[0].classList.remove("horizontal"),this.__elementUnitContent[0].classList.remove("vertical"))}setUnitColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("UnitColor"));let resolverInfo=this.__objectResolvers.get("unitColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("UnitColor")?.type});this.__objectResolvers.set("unitColor",{resolver,watchCallback:this.__onResolverForUnitColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForUnitColorWatchCallback)})}__onResolverForUnitColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("unitColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__unitColor)||(this.__unitColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"UnitColor"}),this.__processUnitColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"UnitColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getUnitColor(){return this.__unitColor}__processUnitColor(){TcHmi.StyleProvider.processTextColor(this.__element[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-unit"),this.__unitColor)}setTickColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("TickColor"));let resolverInfo=this.__objectResolvers.get("tickColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("TickColor")?.type});this.__objectResolvers.set("tickColor",{resolver,watchCallback:this.__onResolverForTickColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForTickColorWatchCallback)})}__onResolverForTickColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("tickColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__tickColor)||(this.__tickColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"TickColor"}),this.__processTickColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"TickColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getTickColor(){return this.__tickColor}__processTickColor(){TcHmi.StyleProvider.processBackgroundColor(this.__elementTicks[0].getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiLinearGauge-template-tick"),this.__tickColor)}setProgressBackgroundColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ProgressBackgroundColor"));let resolverInfo=this.__objectResolvers.get("progressBackgroundColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("ProgressBackgroundColor")?.type});this.__objectResolvers.set("progressBackgroundColor",{resolver,watchCallback:this.__onResolverForProgressBackgroundColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForProgressBackgroundColorWatchCallback)})}__onResolverForProgressBackgroundColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("progressBackgroundColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__progressBackgroundColor)||(this.__progressBackgroundColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ProgressBackgroundColor"}),this.__processProgressBackgroundColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"ProgressBackgroundColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getProgressBackgroundColor(){return this.__progressBackgroundColor}__processProgressBackgroundColor(){TcHmi.StyleProvider.processBackgroundColor(this.__elementTrack,this.__progressBackgroundColor)}setProgressForegroundColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ProgressForegroundColor"));let resolverInfo=this.__objectResolvers.get("progressForegroundColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("ProgressForegroundColor")?.type});this.__objectResolvers.set("progressForegroundColor",{resolver,watchCallback:this.__onResolverForProgressForegroundColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForProgressForegroundColorWatchCallback)})}__onResolverForProgressForegroundColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("progressForegroundColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__progressForegroundColor)||(this.__progressForegroundColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ProgressForegroundColor"}),this.__processProgressForegroundColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"ProgressForegroundColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getProgressForegroundColor(){return this.__progressForegroundColor}__processProgressForegroundColor(){TcHmi.StyleProvider.processBackgroundColor(this.__elementFiller,this.__progressForegroundColor)}setKnobColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("KnobColor"));let resolverInfo=this.__objectResolvers.get("knobColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("KnobColor")?.type});this.__objectResolvers.set("knobColor",{resolver,watchCallback:this.__onResolverForKnobColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForKnobColorWatchCallback)})}__onResolverForKnobColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("knobColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__knobColor)||(this.__knobColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"KnobColor"}),this.__processKnobColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"KnobColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getKnobColor(){return this.__knobColor}__processKnobColor(){this.__updateKnobColors()}setKnobArrowsColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("KnobArrowsColor"));let resolverInfo=this.__objectResolvers.get("knobArrowsColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("KnobArrowsColor")?.type});this.__objectResolvers.set("knobArrowsColor",{resolver,watchCallback:this.__onResolverForKnobArrowsColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForKnobArrowsColorWatchCallback)})}__onResolverForKnobArrowsColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("knobArrowsColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__knobArrowsColor)||(this.__knobArrowsColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"KnobArrowsColor"}),this.__processKnobArrowsColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"KnobArrowsColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getKnobArrowsColor(){return this.__knobArrowsColor}__processKnobArrowsColor(){this.__updateKnobColors()}setValueSpace(valueNew){let convertedValue=TcHmi.ValueConverter.toNumber(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueSpace")),convertedValue!==this.__valueSpace&&(this.__valueSpace=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueSpace"}),this.__processValueSpace())}getValueSpace(){return this.__valueSpace}__processValueSpace(){void 0!==this.__valueSpace&&null!==this.__valueSpace&&this.__valueSpaceUnit?("Vertical"===this.__orientation||"VerticalInverted"===this.__orientation?this.__elementDescription[0].style.width=this.__valueSpace+this.__valueSpaceUnit:this.__elementDescription[0].style.width="100%",this.__elementValueHiddenMin[0].textContent="",this.__elementValueHiddenMax[0].textContent=""):(this.__elementDescription[0].style.width="",this.__elementValueHiddenMin[0].textContent=this.__executeValueFormatFunction(this.__internalMinValue),this.__elementValueHiddenMax[0].textContent=this.__executeValueFormatFunction(this.__internalMaxValue))}setValueSpaceUnit(valueNew){let convertedValue=TcHmi.ValueConverter.toDimensionUnit(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("ValueSpaceUnit")),convertedValue!==this.__valueSpaceUnit&&(this.__valueSpaceUnit=convertedValue,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"ValueSpaceUnit"}),this.__processValueSpaceUnit())}getValueSpaceUnit(){return this.__valueSpaceUnit}__processValueSpaceUnit(){this.__processValueSpace()}setSetPointMarkerColor(valueNew){let convertedValue=TcHmi.ValueConverter.toObject(valueNew);null===convertedValue&&(convertedValue=this.getAttributeDefaultValueInternal("SetPointMarkerColor"));let resolverInfo=this.__objectResolvers.get("setPointMarkerColor");resolverInfo&&(resolverInfo.watchDestroyer&&resolverInfo.watchDestroyer(),resolverInfo.resolver.destroy());let resolver=new TcHmi.Symbol.ObjectResolver(convertedValue,{parentControl:this,type:this.getAttributeDescription("SetPointMarkerColor")?.type});this.__objectResolvers.set("pointerColor",{resolver,watchCallback:this.__onResolverForSetPointMarkerColorWatchCallback,watchDestroyer:resolver.watch(this.__onResolverForSetPointMarkerColorWatchCallback)})}__onResolverForSetPointMarkerColorWatchCallback(data){this.__isAttached||this.__suspendObjectResolver("setPointMarkerColor"),data.error===TcHmi.Errors.NONE?tchmi_equal(data.value,this.__setPointMarkerColor)||(this.__setPointMarkerColor=data.value,TcHmi.EventProvider.raise(this.__id+".onPropertyChanged",{propertyName:"SetPointMarkerColor"}),this.__processSetPointMarkerColor()):TcHmi.Log.Controls.error(this,TcHmiLinearGauge.#tchmiFQN,{Attribute:"SetPointMarkerColor"},`Resolving symbols from object failed with error: ${TcHmi.Log.buildMessage(data.details)}`)}getSetPointMarkerColor(){return this.__setPointMarkerColor}__processSetPointMarkerColor(){this.__elementSetPoint&&TcHmi.StyleProvider.processBackgroundColor(this.__elementSetPoint,this.__setPointMarkerColor)}}})();TcHmi.Controls.registerEx("TcHmiLinearGauge","TcHmi.Controls.Beckhoff",TcHmiLinearGauge,{injectInGlobalObject:!0});export{TcHmiLinearGauge as Control}; |