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{SettingsPopup}from"./SettingsPopup.js";let ColumnsPopup=(()=>{var _a,_b,_c,_d,_e,_f,_g,_h,_j;let ___onAvailableColumnClick_decorators,___onSelectedColumnClick_decorators,___onUpPressed_decorators,___onDownPressed_decorators,___onWidthChanged_decorators,___onWidthUnitChanged_decorators,___onNameChanged_decorators,___onLabelChanged_decorators,___onSortableChanged_decorators,_classSuper=SettingsPopup,_instanceExtraInitializers=[];return class extends _classSuper{static{const _metadata="function"==typeof Symbol&&Symbol.metadata?Object.create(_classSuper[Symbol.metadata]??null):void 0;___onAvailableColumnClick_decorators=[(_a=TcHmi).CallbackMethod.bind(_a)],___onSelectedColumnClick_decorators=[(_b=TcHmi).CallbackMethod.bind(_b)],___onUpPressed_decorators=[(_c=TcHmi).CallbackMethod.bind(_c)],___onDownPressed_decorators=[(_d=TcHmi).CallbackMethod.bind(_d)],___onWidthChanged_decorators=[(_e=TcHmi).CallbackMethod.bind(_e)],___onWidthUnitChanged_decorators=[(_f=TcHmi).CallbackMethod.bind(_f)],___onNameChanged_decorators=[(_g=TcHmi).CallbackMethod.bind(_g)],___onLabelChanged_decorators=[(_h=TcHmi).CallbackMethod.bind(_h)],___onSortableChanged_decorators=[(_j=TcHmi).CallbackMethod.bind(_j)],__esDecorate(this,null,___onAvailableColumnClick_decorators,{kind:"method",name:"__onAvailableColumnClick",static:!1,private:!1,access:{has:obj=>"__onAvailableColumnClick"in obj,get:obj=>obj.__onAvailableColumnClick},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onSelectedColumnClick_decorators,{kind:"method",name:"__onSelectedColumnClick",static:!1,private:!1,access:{has:obj=>"__onSelectedColumnClick"in obj,get:obj=>obj.__onSelectedColumnClick},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onUpPressed_decorators,{kind:"method",name:"__onUpPressed",static:!1,private:!1,access:{has:obj=>"__onUpPressed"in obj,get:obj=>obj.__onUpPressed},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onDownPressed_decorators,{kind:"method",name:"__onDownPressed",static:!1,private:!1,access:{has:obj=>"__onDownPressed"in obj,get:obj=>obj.__onDownPressed},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onWidthChanged_decorators,{kind:"method",name:"__onWidthChanged",static:!1,private:!1,access:{has:obj=>"__onWidthChanged"in obj,get:obj=>obj.__onWidthChanged},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onWidthUnitChanged_decorators,{kind:"method",name:"__onWidthUnitChanged",static:!1,private:!1,access:{has:obj=>"__onWidthUnitChanged"in obj,get:obj=>obj.__onWidthUnitChanged},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onNameChanged_decorators,{kind:"method",name:"__onNameChanged",static:!1,private:!1,access:{has:obj=>"__onNameChanged"in obj,get:obj=>obj.__onNameChanged},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onLabelChanged_decorators,{kind:"method",name:"__onLabelChanged",static:!1,private:!1,access:{has:obj=>"__onLabelChanged"in obj,get:obj=>obj.__onLabelChanged},metadata:_metadata},null,_instanceExtraInitializers),__esDecorate(this,null,___onSortableChanged_decorators,{kind:"method",name:"__onSortableChanged",static:!1,private:!1,access:{has:obj=>"__onSortableChanged"in obj,get:obj=>obj.__onSortableChanged},metadata:_metadata},null,_instanceExtraInitializers),_metadata&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:_metadata})}constructor(element,control){super(element,"columnsPopup",control),this.__elementAvailableColumns=this.__elementContent.getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-available-columns")[0],this.__elementSelectedColumns=this.__elementContent.getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns")[0];let elementOrderButtons=this.__elementContent.getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-order-buttons")[0],elementColumnWidth=this.__elementContent.getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-width")[0];this.__elementColumnName=this.__elementContent.getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-name")[0],this.__elementColumnLabel=this.__elementContent.getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-label")[0];let elementColumnSortable=this.__elementContent.getElementsByClassName("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-sortable")[0];if(!(this.__elementAvailableColumns&&this.__elementSelectedColumns&&elementOrderButtons&&elementColumnWidth&&this.__elementColumnName&&this.__elementColumnLabel&&elementColumnSortable))throw new Error("Invalid Template.html");for(let key in this.__columns)this.__columns.hasOwnProperty(key)&&this.__availableColumns.push({name:key,element:this.__createColumnDiv(this.__columns[key].label,"params::"!==key)});this.__availableColumns.sort((a,b)=>this.__columns[a.name].order-this.__columns[b.name].order);let upButton=TcHmi.ControlFactory.createEx("TcHmi.Controls.Beckhoff.TcHmiButton",`${this.__parentControl.getId()}.${this.__name}.upButton`,{"data-tchmi-width":30,"data-tchmi-height":30,"data-tchmi-tooltip":"%l%Control::TcHmi.Controls.Beckhoff.TcHmiEventGrid::Button_Tooltip_Column_Up%/l%"},this.__parentControl),downButton=TcHmi.ControlFactory.createEx("TcHmi.Controls.Beckhoff.TcHmiButton",`${this.__parentControl.getId()}.${this.__name}.downButton`,{"data-tchmi-width":30,"data-tchmi-height":30,"data-tchmi-tooltip":"%l%Control::TcHmi.Controls.Beckhoff.TcHmiEventGrid::Button_Tooltip_Column_Down%/l%"},this.__parentControl),widthTextbox=TcHmi.ControlFactory.createEx("TcHmi.Controls.Beckhoff.TcHmiTextbox",`${this.__parentControl.getId()}.${this.__name}.widthTextbox`,{"data-tchmi-width":60,"data-tchmi-height":26,"data-tchmi-text-horizontal-alignment":"Right","data-tchmi-content-padding":{left:3,right:3},"data-tchmi-is-enabled":!1},this.__parentControl),widthUnitCombobox=TcHmi.ControlFactory.createEx("TcHmi.Controls.Beckhoff.TcHmiCombobox",`${this.__parentControl.getId()}.${this.__name}.widthUnitCombobox`,{"data-tchmi-width":60,"data-tchmi-height":26,"data-tchmi-src-data":[{text:"px",value:"px"},{text:"%",value:"%"},{text:"factor",value:"factor"}],"data-tchmi-content-padding":{left:4,right:4},"data-tchmi-is-enabled":!1},this.__parentControl),nameTextbox=TcHmi.ControlFactory.createEx("TcHmi.Controls.Beckhoff.TcHmiTextbox",`${this.__parentControl.getId()}.${this.__name}.nameTextbox`,{"data-tchmi-width":122,"data-tchmi-height":26,"data-tchmi-content-padding":{left:44,right:3},"data-tchmi-is-enabled":!1},this.__parentControl),labelTextbox=TcHmi.ControlFactory.createEx("TcHmi.Controls.Beckhoff.TcHmiTextbox",`${this.__parentControl.getId()}.${this.__name}.labelTextbox`,{"data-tchmi-width":122,"data-tchmi-height":26,"data-tchmi-content-padding":{left:3,right:3},"data-tchmi-is-enabled":!1},this.__parentControl),sortableCheckbox=TcHmi.ControlFactory.createEx("TcHmi.Controls.Beckhoff.TcHmiCheckbox",`${this.__parentControl.getId()}.${this.__name}.sortableCheckbox`,{"data-tchmi-width":122,"data-tchmi-height":26,"data-tchmi-is-enabled":!1},this.__parentControl);if(!(upButton&&downButton&&widthTextbox&&widthUnitCombobox&&nameTextbox&&labelTextbox&&sortableCheckbox))throw new Error("Could not create controls for ColumnsPopup.");this.__upButton=upButton,this.__downButton=downButton,this.__widthTextbox=widthTextbox,this.__widthUnitCombobox=widthUnitCombobox,this.__nameTextbox=nameTextbox,this.__labelTextbox=labelTextbox,this.__sortableCheckbox=sortableCheckbox;let upButtonElement=upButton.getElement()[0];upButtonElement.classList.add("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-up-button"),upButtonElement.classList.add("tchmi-event-grid-template-move-up-button"),elementOrderButtons.appendChild(upButtonElement),this.__eventDestroyers.push(TcHmi.EventProvider.register(upButton.getId()+".onPressed",this.__onUpPressed));let downButtonElement=downButton.getElement()[0];downButtonElement.classList.add("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-down-button"),downButtonElement.classList.add("tchmi-event-grid-template-move-down-button"),elementOrderButtons.appendChild(downButtonElement),this.__eventDestroyers.push(TcHmi.EventProvider.register(downButton.getId()+".onPressed",this.__onDownPressed)),elementColumnWidth.appendChild(widthTextbox.getElement()[0]),this.__eventDestroyers.push(TcHmi.EventProvider.register(widthTextbox.getId()+".onTextChanged",this.__onWidthChanged)),elementColumnWidth.appendChild(widthUnitCombobox.getElement()[0]),this.__eventDestroyers.push(TcHmi.EventProvider.register(widthUnitCombobox.getId()+".onSelectionChanged",this.__onWidthUnitChanged)),this.__elementColumnName.appendChild(nameTextbox.getElement()[0]),this.__eventDestroyers.push(TcHmi.EventProvider.register(nameTextbox.getId()+".onTextChanged",this.__onNameChanged)),this.__elementColumnLabel.appendChild(labelTextbox.getElement()[0]),this.__eventDestroyers.push(TcHmi.EventProvider.register(labelTextbox.getId()+".onTextChanged",this.__onLabelChanged)),elementColumnSortable.appendChild(sortableCheckbox.getElement()[0]),this.__eventDestroyers.push(TcHmi.EventProvider.register(sortableCheckbox.getId()+".onToggleStateChanged",this.__onSortableChanged)),this.__eventDestroyers.push(TcHmi.EventProvider.registerDomEvent(this.__elementAvailableColumns,"click",this.__onAvailableColumnClick),TcHmi.EventProvider.registerDomEvent(this.__elementSelectedColumns,"click",this.__onSelectedColumnClick))}__settings=(__runInitializers(this,_instanceExtraInitializers),[]);__elementAvailableColumns;__elementSelectedColumns;__elementColumnName;__elementColumnLabel;__upButton;__downButton;__widthTextbox;__widthUnitCombobox;__nameTextbox;__labelTextbox;__sortableCheckbox;__availableColumns=new TcHmi.List;__selectedColumns=new TcHmi.List;__columns={type:{label:"Column_Header_Type",order:0,allowSortable:!0},severity:{label:"Column_Header_Severity",order:1,allowSortable:!0},alarmState:{label:"Column_Header_AlarmState",order:2,allowSortable:!0},confirmationState:{label:"Column_Header_ConfirmationState",order:3,allowSortable:!0},domain:{label:"Column_Header_Domain",order:3,allowSortable:!0},sourceDomain:{label:"Column_Header_SourceDomain",order:4,allowSortable:!0},name:{label:"Column_Header_Name",order:5,allowSortable:!0},text:{label:"Column_Header_Text",order:6,allowSortable:!1},timeAndDateRaised:{label:"Column_Header_TimeAndDateRaised",order:7,allowSortable:!0},timeRaised:{label:"Column_Header_TimeRaised",order:8,allowSortable:!0},dateRaised:{label:"Column_Header_DateRaised",order:9,allowSortable:!0},timeAndDateConfirmed:{label:"Column_Header_TimeAndDateConfirmed",order:10,allowSortable:!0},timeConfirmed:{label:"Column_Header_TimeConfirmed",order:11,allowSortable:!0},dateConfirmed:{label:"Column_Header_DateConfirmed",order:12,allowSortable:!0},timeAndDateCleared:{label:"Column_Header_TimeAndDateCleared",order:13,allowSortable:!0},timeCleared:{label:"Column_Header_TimeCleared",order:14,allowSortable:!0},dateCleared:{label:"Column_Header_DateCleared",order:15,allowSortable:!0},"params::":{label:"params::",order:16,allowSortable:!0}};__activeElement=null;__activeColumn=null;destroy(){super.destroy(),this.__elementAvailableColumns.removeEventListener("click",this.__onAvailableColumnClick),this.__elementSelectedColumns.removeEventListener("click",this.__onSelectedColumnClick);for(const column of this.__availableColumns)column.name.startsWith("params::")||this.__parentControl.__removeLocalizedElement(column.element);for(const column of this.__selectedColumns)column.name.startsWith("params::")||this.__parentControl.__removeLocalizedElement(column.element)}update(columns,resetable){super.update(columns,resetable);for(let i=0,ii=this.__availableColumns.length;i<ii;i++)this.__availableColumns[i].name.startsWith("params::")||-1===columns.findIndex(column=>column.columnName===this.__availableColumns[i].name)||(this.__selectedColumns.push(this.__availableColumns[i]),this.__availableColumns.splice(i,1),i--,ii--);for(let i=0,ii=this.__selectedColumns.length;i<ii;i++)this.__selectedColumns[i].name.startsWith("params::")?(this.__selectedColumns.splice(i,1),i--,ii--):-1===columns.findIndex(column=>column.columnName===this.__selectedColumns[i].name)&&(this.__availableColumns.push(this.__selectedColumns[i]),this.__selectedColumns.splice(i,1),i--,ii--);columns.filter(column=>column.columnName.startsWith("params::")).forEach(column=>this.__selectedColumns.push({name:column.columnName,element:this.__createColumnDiv(column.label||column.columnName||"params::")})),this.__availableColumns.sort((a,b)=>this.__columns[a.name].order-this.__columns[b.name].order),this.__selectedColumns.sort((a,b)=>columns.findIndex(column=>column.columnName===a.name)-columns.findIndex(column=>column.columnName===b.name));let availableFragment=document.createDocumentFragment();for(let i=0,ii=this.__availableColumns.length;i<ii;i++)availableFragment.appendChild(this.__availableColumns[i].element);this.__elementAvailableColumns.textContent="",this.__elementAvailableColumns.appendChild(availableFragment);let selectedFragment=document.createDocumentFragment();for(let i=0,ii=this.__selectedColumns.length;i<ii;i++)selectedFragment.appendChild(this.__selectedColumns[i].element);this.__elementSelectedColumns.textContent="",this.__elementSelectedColumns.appendChild(selectedFragment),this.__activateColumn(null)}__onAvailableColumnClick(event){let target=event.target;if(target.classList.contains("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle")||target.classList.contains("tchmi-event-grid-template-columns-config-column-selection-toggle")){let column=target.parentElement,index=this.__availableColumns.findIndex(item=>item.element===column);if(-1===index)return;this.__availableColumns[index].name.startsWith("params::")?(this.__settings.push({columnName:"params::"}),column=this.__createColumnDiv("params::"),this.__elementSelectedColumns.appendChild(column),this.__selectedColumns.push({name:"params::",element:column})):(this.__settings.push({columnName:this.__availableColumns[index].name}),this.__elementSelectedColumns.appendChild(this.__availableColumns[index].element),this.__selectedColumns.push(this.__availableColumns[index]),this.__availableColumns.splice(index,1)),this.__activateColumn(column)}}__onSelectedColumnClick(event){let target=event.target;if(target.classList.contains("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column")||target.classList.contains("tchmi-event-grid-template-columns-config-column"))this.__activateColumn(target);else if(target.classList.contains("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle")||target.classList.contains("tchmi-event-grid-template-columns-config-column-selection-toggle")){let column=target.parentElement,index=this.__selectedColumns.findIndex(item=>item.element===column);if(-1===index)return;this.__settings.splice(index,1);let changedColumn=this.__selectedColumns[index];if(this.__selectedColumns.splice(index,1),changedColumn.name.startsWith("params::"))this.__elementSelectedColumns.removeChild(changedColumn.element);else{this.__availableColumns.push(changedColumn),this.__availableColumns.sort((a,b)=>this.__columns[a.name].order-this.__columns[b.name].order);let newIndex=this.__availableColumns.indexOf(changedColumn);-1===newIndex||newIndex>=this.__elementAvailableColumns.children.length?this.__elementAvailableColumns.appendChild(changedColumn.element):this.__elementAvailableColumns.insertBefore(changedColumn.element,this.__elementAvailableColumns.children[newIndex])}this.__activateColumn(null)}}__onUpPressed(){let index=this.__selectedColumns.findIndex(item=>item.element===this.__activeElement);if(-1===index||0===index)return;let activeSetting=this.__settings[index];this.__settings[index]=this.__settings[index-1],this.__settings[index-1]=activeSetting;let activeColumn=this.__selectedColumns[index];this.__selectedColumns[index]=this.__selectedColumns[index-1],this.__selectedColumns[index-1]=activeColumn,this.__activeElement&&this.__activeElement.previousElementSibling&&this.__activeElement.previousElementSibling.insertAdjacentElement("beforebegin",this.__activeElement),this.__updateButtons()}__onDownPressed(){let index=this.__selectedColumns.findIndex(item=>item.element===this.__activeElement);if(-1===index||index===this.__settings.length-1)return;let activeSetting=this.__settings[index];this.__settings[index]=this.__settings[index+1],this.__settings[index+1]=activeSetting;let activeColumn=this.__selectedColumns[index];this.__selectedColumns[index]=this.__selectedColumns[index+1],this.__selectedColumns[index+1]=activeColumn,this.__activeElement&&this.__activeElement.nextElementSibling&&this.__activeElement.nextElementSibling.insertAdjacentElement("afterend",this.__activeElement),this.__updateButtons()}__onWidthChanged(){let text=this.__widthTextbox.getText();if(!text)return this.__widthTextbox.setBackgroundColor(null),void(this.__activeColumn&&void 0!==this.__activeColumn.width&&null!==this.__activeColumn.width&&(delete this.__activeColumn.width,delete this.__activeColumn.widthUnit));let newWidth=parseFloat(text);if(!isNaN(newWidth)&&/^[+-]?\d*\.?\d+(?:[eE][+-]\d+)?$/.test(text)){if(this.__widthTextbox.setBackgroundColor(null),this.__activeColumn&&(this.__activeColumn.width=newWidth,!this.__activeColumn.widthUnit)){let newWidthUnit=this.__widthUnitCombobox.getSelectedValue();newWidthUnit?this.__activeColumn.widthUnit=newWidthUnit:this.__widthUnitCombobox.setSelectedIndex(0)}}else this.__widthTextbox.setBackgroundColor({color:"rgba(255, 0, 0, 1)"})}__onWidthUnitChanged(){if(!this.__activeColumn)return;let newWidthUnit=this.__widthUnitCombobox.getSelectedValue();newWidthUnit?void 0!==this.__activeColumn.width&&(this.__activeColumn.widthUnit=newWidthUnit):delete this.__activeColumn.widthUnit}__onNameChanged(){if(!this.__activeColumn||!this.__activeElement||!this.__activeColumn.columnName.startsWith("params::"))return;let newName="params::"+(this.__nameTextbox.getText()||"");this.__activeColumn.columnName=newName,this.__activeColumn.label||(this.__activeElement.firstChild.nodeValue=newName)}__onLabelChanged(){if(!this.__activeColumn||!this.__activeElement||!this.__activeColumn.columnName.startsWith("params::"))return;let newLabel=this.__labelTextbox.getText();newLabel?this.__activeColumn.label=newLabel:delete this.__activeColumn.label,this.__activeColumn.label?this.__activeElement.firstChild.nodeValue=this.__activeColumn.label:this.__activeColumn.columnName?this.__activeElement.firstChild.nodeValue=this.__activeColumn.columnName:this.__activeElement.firstChild.nodeValue="params::"}__onSortableChanged(){if(!this.__activeColumn)return;let newSortable=this.__sortableCheckbox.getToggleState();newSortable&&"Active"!==newSortable?this.__activeColumn.sortable=!1:delete this.__activeColumn.sortable}__activateColumn(element){if(this.__activeElement&&this.__activeElement.classList.remove("active"),element){this.__activeElement=element,element.classList.add("active");let index=this.__selectedColumns.findIndex(item=>item.element===element);this.__activeColumn=this.__settings[index]||null}else this.__activeElement=null,this.__activeColumn=null;this.__updateButtons(),this.__updateColumnProperties()}__updateButtons(){this.__upButton.setIsEnabled(null!==this.__activeElement&&this.__activeElement!==this.__elementSelectedColumns.firstElementChild),this.__downButton.setIsEnabled(null!==this.__activeElement&&this.__activeElement!==this.__elementSelectedColumns.lastElementChild)}__updateColumnProperties(){let hideParamsProperties=()=>{this.__nameTextbox.setIsEnabled(!1),this.__labelTextbox.setIsEnabled(!1),this.__elementColumnName.classList.add("hidden"),this.__elementColumnLabel.classList.add("hidden")};if(this.__activeColumn){if(this.__widthTextbox.setIsEnabled(!0),this.__widthUnitCombobox.setIsEnabled(!0),void 0!==this.__activeColumn.width&&null!==this.__activeColumn.width?this.__widthTextbox.setText(this.__activeColumn.width.toString(10)):this.__widthTextbox.setText(null),this.__activeColumn.widthUnit){let index=-1,srcData=this.__widthUnitCombobox.getSrcData();Array.isArray(srcData)&&(index=srcData.findIndex(item=>item.value===this.__activeColumn.widthUnit)),this.__widthUnitCombobox.setSelectedIndex(-1!==index?index:null)}else this.__widthUnitCombobox.setSelectedIndex(null);this.__columns[this.__activeColumn.columnName]?.allowSortable?(this.__sortableCheckbox.setIsEnabled(!0),void 0===this.__activeColumn.sortable?this.__sortableCheckbox.setToggleState("Active"):this.__sortableCheckbox.setToggleState(this.__activeColumn.sortable?"Active":"Normal")):(this.__sortableCheckbox.setIsEnabled(!1),this.__sortableCheckbox.setToggleState("Normal")),this.__activeColumn.columnName.startsWith("params::")?(this.__nameTextbox.setIsEnabled(!0),this.__labelTextbox.setIsEnabled(!0),this.__nameTextbox.setText(this.__activeColumn.columnName.slice(8)),this.__labelTextbox.setText(this.__activeColumn.label||null),this.__elementColumnName.classList.remove("hidden"),this.__elementColumnLabel.classList.remove("hidden")):hideParamsProperties()}else this.__widthTextbox.setIsEnabled(!1),this.__widthUnitCombobox.setIsEnabled(!1),this.__sortableCheckbox.setIsEnabled(!1),this.__widthTextbox.setText(null),this.__widthUnitCombobox.setSelectedIndex(null),this.__sortableCheckbox.setToggleState("Normal"),hideParamsProperties()}__createColumnDiv(label,localize=!1){let columnDiv=document.createElement("div");columnDiv.classList.add("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column"),columnDiv.classList.add("tchmi-event-grid-template-columns-config-column");let labelSpan=document.createElement("span");labelSpan.textContent=label,localize&&this.__parentControl.__addLocalizedElement(labelSpan,label),columnDiv.appendChild(labelSpan);let columnButton=document.createElement("div");return columnButton.classList.add("TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle"),columnButton.classList.add("tchmi-event-grid-template-columns-config-column-selection-toggle"),columnDiv.appendChild(columnButton),columnDiv}}})();export{ColumnsPopup};