RubyGems - openc3-cosmos-tool-docs - Versions diffs - 6.8.1 → 6.9.0 - Mend

openc3-cosmos-tool-docs 6.8.1 → 6.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (250) hide show

data/tools/staticdocs/assets/js/9424f0b3.a3b9746a.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkdocs_openc3_com=self.webpackChunkdocs_openc3_com||[]).push([["2174"],{3527:function(e,s,d){d.r(s),d.d(s,{frontMatter:()=>r,toc:()=>c,default:()=>x,metadata:()=>t,assets:()=>h,contentTitle:()=>l});var t=JSON.parse('{"id":"configuration/telemetry-screens","title":"Screens","description":"Telemetry Viewer screen definition and widget documentation","source":"@site/docs/configuration/telemetry-screens.md","sourceDirName":"configuration","slug":"/configuration/telemetry-screens","permalink":"/tools/staticdocs/docs/configuration/telemetry-screens","draft":false,"unlisted":false,"editUrl":"https://github.com/OpenC3/cosmos/tree/main/docs.openc3.com/docs/configuration/telemetry-screens.md","tags":[],"version":"current","sidebarPosition":13,"frontMatter":{"sidebar_position":13,"title":"Screens","description":"Telemetry Viewer screen definition and widget documentation","sidebar_custom_props":{"myEmoji":"\u{1F5A5}\uFE0F"}},"sidebar":"defaultSidebar","previous":{"title":"Tables","permalink":"/tools/staticdocs/docs/configuration/table"},"next":{"title":"SSL-TLS","permalink":"/tools/staticdocs/docs/configuration/ssl-tls"}}'),n=d(1085),i=d(2600);let r={sidebar_position:13,title:"Screens",description:"Telemetry Viewer screen definition and widget documentation",sidebar_custom_props:{myEmoji:"\u{1F5A5}\uFE0F"}},l,h={},c=[{value:"Definitions",id:"definitions",level:2},{value:"Telemetry Screen Definition Files",id:"telemetry-screen-definition-files",level:2},{value:"New Widgets",id:"new-widgets",level:2},{value:"SCREEN",id:"screen",level:2},{value:"END",id:"end",level:2},{value:"STALE_TIME",id:"stale_time",level:2},{value:"GLOBAL_SETTING",id:"global_setting",level:2},{value:"GLOBAL_SUBSETTING",id:"global_subsetting",level:2},{value:"SETTING",id:"setting",level:2},{value:"WIDTH",id:"width",level:3},{value:"HEIGHT",id:"height",level:3},{value:"MARGIN",id:"margin",level:3},{value:"PADDING",id:"padding",level:3},{value:"BACKCOLOR",id:"backcolor",level:3},{value:"TEXTCOLOR",id:"textcolor",level:3},{value:"BORDERCOLOR",id:"bordercolor",level:3},{value:"RAW",id:"raw",level:3},{value:"SUBSETTING",id:"subsetting",level:2},{value:"NAMED_WIDGET",id:"named_widget",level:2},{value:"Layout Widgets",id:"layout-widgets",level:2},{value:"VERTICAL",id:"vertical",level:3},{value:"VERTICALBOX",id:"verticalbox",level:3},{value:"HORIZONTAL",id:"horizontal",level:3},{value:"HORIZONTALBOX",id:"horizontalbox",level:3},{value:"MATRIXBYCOLUMNS",id:"matrixbycolumns",level:3},{value:"SCROLLWINDOW",id:"scrollwindow",level:3},{value:"TABBOOK",id:"tabbook",level:3},{value:"TABITEM",id:"tabitem",level:3},{value:"IFRAME",id:"iframe",level:3},{value:"Decoration Widgets",id:"decoration-widgets",level:2},{value:"LABEL",id:"label",level:3},{value:"HORIZONTALLINE",id:"horizontalline",level:3},{value:"TITLE",id:"title",level:3},{value:"SPACER",id:"spacer",level:3},{value:"Telemetry Widgets",id:"telemetry-widgets",level:2},{value:"ARRAY",id:"array",level:3},{value:"ARRAYPLOT",id:"arrayplot",level:3},{value:"TITLE",id:"title-1",level:4},{value:"X_AXIS",id:"x_axis",level:4},{value:"ITEM",id:"item",level:4},{value:"STARTTIME",id:"starttime",level:4},{value:"HISTORY",id:"history",level:4},{value:"SECONDSGRAPHED",id:"secondsgraphed",level:4},{value:"POINTSSAVED",id:"pointssaved",level:4},{value:"POINTSGRAPHED",id:"pointsgraphed",level:4},{value:"SIZE",id:"size",level:4},{value:"BLOCK",id:"block",level:3},{value:"FORMATVALUE",id:"formatvalue",level:3},{value:"LABELLED",id:"labelled",level:3},{value:"LED_COLOR",id:"led_color",level:4},{value:"LABELPROGRESSBAR",id:"labelprogressbar",level:3},{value:"LABELVALUE",id:"labelvalue",level:3},{value:"LABELVALUEDESC",id:"labelvaluedesc",level:3},{value:"LABELVALUELIMITSBAR",id:"labelvaluelimitsbar",level:3},{value:"LABELVALUELIMITSCOLUMN",id:"labelvaluelimitscolumn",level:3},{value:"LABELVALUERANGEBAR",id:"labelvaluerangebar",level:3},{value:"LED",id:"led",level:3},{value:"LED_COLOR",id:"led_color-1",level:4},{value:"LIMITSBAR",id:"limitsbar",level:3},{value:"LIMITSCOLUMN",id:"limitscolumn",level:3},{value:"LIMITSCOLOR",id:"limitscolor",level:3},{value:"VALUELIMITSBAR",id:"valuelimitsbar",level:3},{value:"VALUELIMITSCOLUMN",id:"valuelimitscolumn",level:3},{value:"VALUERANGEBAR",id:"valuerangebar",level:3},{value:"LINEGRAPH",id:"linegraph",level:3},{value:"ITEM",id:"item-1",level:4},{value:"STARTTIME",id:"starttime-1",level:4},{value:"HISTORY",id:"history-1",level:4},{value:"SECONDSGRAPHED",id:"secondsgraphed-1",level:4},{value:"POINTSSAVED",id:"pointssaved-1",level:4},{value:"POINTSGRAPHED",id:"pointsgraphed-1",level:4},{value:"SIZE",id:"size-1",level:4},{value:"SPARKLINE",id:"sparkline",level:3},{value:"ITEM",id:"item-2",level:4},{value:"STARTTIME",id:"starttime-2",level:4},{value:"HISTORY",id:"history-2",level:4},{value:"SECONDSGRAPHED",id:"secondsgraphed-2",level:4},{value:"POINTSSAVED",id:"pointssaved-2",level:4},{value:"POINTSGRAPHED",id:"pointsgraphed-2",level:4},{value:"SIZE",id:"size-2",level:4},{value:"LABELSPARKLINE",id:"labelsparkline",level:3},{value:"ITEM",id:"item-3",level:4},{value:"STARTTIME",id:"starttime-3",level:4},{value:"HISTORY",id:"history-3",level:4},{value:"SECONDSGRAPHED",id:"secondsgraphed-3",level:4},{value:"POINTSSAVED",id:"pointssaved-3",level:4},{value:"POINTSGRAPHED",id:"pointsgraphed-3",level:4},{value:"SIZE",id:"size-3",level:4},{value:"IMAGEVIEWER",id:"imageviewer",level:3},{value:"PROGRESSBAR",id:"progressbar",level:3},{value:"RANGEBAR",id:"rangebar",level:3},{value:"ROLLUP",id:"rollup",level:3},{value:"SIGNAL",id:"signal",level:3},{value:"TEXTBOX",id:"textbox",level:3},{value:"VALUE",id:"value",level:3},{value:"Interactive Widgets",id:"interactive-widgets",level:2},{value:"BUTTON",id:"button",level:3},{value:"CHECKBUTTON",id:"checkbutton",level:3},{value:"COMBOBOX",id:"combobox",level:3},{value:"DATE",id:"date",level:3},{value:"RADIOGROUP",id:"radiogroup",level:3},{value:"RADIOBUTTON",id:"radiobutton",level:3},{value:"TEXTFIELD",id:"textfield",level:3},{value:"TIME",id:"time",level:3},{value:"Canvas Widgets",id:"canvas-widgets",level:2},{value:"CANVAS",id:"canvas",level:3},{value:"CANVASLABEL",id:"canvaslabel",level:3},{value:"CANVASLABELVALUE",id:"canvaslabelvalue",level:3},{value:"CANVASIMAGE",id:"canvasimage",level:3},{value:"SCREEN",id:"screen-1",level:4},{value:"CANVASIMAGEVALUE",id:"canvasimagevalue",level:3},{value:"IMAGE",id:"image",level:4},{value:"SCREEN",id:"screen-2",level:4},{value:"CANVASLINE",id:"canvasline",level:3},{value:"CANVASLINEVALUE",id:"canvaslinevalue",level:3},{value:"VALUE_EQ",id:"value_eq",level:4},{value:"CANVASDOT",id:"canvasdot",level:3},{value:"Example File",id:"example-file",level:2}];function a(e){let s={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",hr:"hr",img:"img",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"This document provides the information necessary to generate and use COSMOS Telemetry Screens, which are displayed by the COSMOS Telemetry Viewer application."}),"\n",(0,n.jsx)("div",{style:{clear:"both"}}),"\n",(0,n.jsx)(s.h2,{id:"definitions",children:"Definitions"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Name"}),(0,n.jsx)(s.th,{children:"Definition"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Widget"}),(0,n.jsx)(s.td,{children:"A widget is a graphical element on a COSMOS telemetry screen. It could display text, graph data, provide a button, or perform any other display/user input task."})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Screen"}),(0,n.jsx)(s.td,{children:"A screen is a single window that contains any number of widgets which are organized and layed-out in a useful fashion."})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Screen Definition File"}),(0,n.jsx)(s.td,{children:"A screen definition file is an ASCII file that tells Telemetry Viewer how to draw a screen. It is made up of a series of keyword/parameter lines that define the telemetry points that are displayed on the screen and how to display them."})]})]})]}),"\n",(0,n.jsx)(s.h2,{id:"telemetry-screen-definition-files",children:"Telemetry Screen Definition Files"}),"\n",(0,n.jsx)(s.p,{children:"Telemetry screen definition files define the the contents of telemetry screens. They take the general form of a SCREEN keyword followed by a series of widget keywords that define the telemetry screen. Screen definition files specific to a particular target go in that target's screens directory. For example: TARGET/screens/version.txt. Screen definition files must be lowercase."}),"\n",(0,n.jsx)(s.h2,{id:"new-widgets",children:"New Widgets"}),"\n",(0,n.jsxs)(s.p,{children:["When a telemetry screen definition is parsed and a keyword is encountered that is unrecognized, it is assumed that a file of the form widgetname_widget.rb exists, and contains a class called WidgetnameWidget. Because of this convention, new widgets can be added to the system without any change to the telemetry screen definition format. For more information about creating custom widgets please read the ",(0,n.jsx)(s.a,{href:"/tools/staticdocs/docs/guides/custom-widgets",children:"Custom Widgets"})," guide."]}),"\n",(0,n.jsx)(s.h1,{id:"screen-keywords",children:"Screen Keywords"}),"\n",(0,n.jsx)(s.h2,{id:"screen",children:"SCREEN"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Define a telemetry viewer screen"})}),"\n",(0,n.jsx)(s.p,{children:"The SCREEN keyword is the first keyword in any telemetry screen definition. It defines the name of the screen and parameters that affect the screen overall."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width in pixels or AUTO to let Telemetry Viewer automatically layout the screen"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height in pixels or AUTO to let Telemetry Viewer automatically layout the screen"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Polling Period"}),(0,n.jsx)(s.td,{children:"Number of seconds between screen updates"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"SCREEN AUTO AUTO 1.0 FIXED\n"})}),"\n",(0,n.jsx)(s.h2,{id:"end",children:"END"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Indicates the close of a layout widget"})}),"\n",(0,n.jsx)(s.p,{children:"All layout widgets must be closed to properly identify where they stop. For example, a VERTICALBOX keyword must be matched with an END keyword to indicate where the VERTICALBOX ends."}),"\n",(0,n.jsx)(s.h2,{id:"stale_time",children:"STALE_TIME"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.1.0)"}),(0,n.jsx)(s.strong,{children:"Values are marked stale if the packet time is more than Stale Time seconds in the past"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"value"}),(0,n.jsx)(s.td,{children:"Items from packets with RECEIVED_TIMESECONDS greater than this value in the past will be marked stale. The default is 30s. Recommend a minimum of 2s to avoid false positives due to race conditions."}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"STALE_TIME 5 # Number of seconds to wait before marking data stale\n"})}),"\n",(0,n.jsx)(s.h2,{id:"global_setting",children:"GLOBAL_SETTING"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Applies a widget setting to all widgets of a certain type"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Widget Class Name"}),(0,n.jsx)(s.td,{children:"The name of the class of widgets that this setting will be applied to. For example, LABEL or BUTTON."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Setting Name"}),(0,n.jsx)(s.td,{children:"See SETTING for details."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Setting Value(s)"}),(0,n.jsx)(s.td,{children:"See SETTING for details."}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"GLOBAL_SETTING LABELVALUELIMITSBAR TEXTCOLOR BLACK\n"})}),"\n",(0,n.jsx)(s.h2,{id:"global_subsetting",children:"GLOBAL_SUBSETTING"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Applies a widget subsetting to all widgets of a certain type"})}),"\n",(0,n.jsx)(s.p,{children:"Subsettings are only valid for widgets that are made up of more than one subwidget. For example, LABELVALUE is made up of a LABEL at subwidget index 0 and a VALUE at subwidget index 1. This allows for passing settings to specific subwidgets. Some widgets are made up of multiple subwidgets, e.g. LABELVALUELIMITSBAR. To set the Label widget, pass 0 as the Subwidget Index, pass 1 for the Value widget, and 2 for the LimitsBar widget."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Widget Class Name"}),(0,n.jsx)(s.td,{children:"The name of the class of widgets that this setting will be applied to. For example, LABELVALUE."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Subwidget Index"}),(0,n.jsx)(s.td,{children:"Index to the desired subwidget"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Setting Name"}),(0,n.jsx)(s.td,{children:"See SETTING for details."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Setting Value(s)"}),(0,n.jsx)(s.td,{children:"See SETTING for details."}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"# Set all text color to white for labelvaluelimitsbars\nGLOBAL_SUBSETTING LABELVALUELIMITSBAR 0 TEXTCOLOR white\n"})}),"\n",(0,n.jsx)(s.h2,{id:"setting",children:"SETTING"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Applies a widget setting to the previously defined widget"})}),"\n",(0,n.jsx)(s.p,{children:"Settings allow for additional tweaks and options to be applied to widgets\nthat are not available in their parameters. These settings are all configured\nthrough the SETTING, SUBSETTING, GLOBAL_SETTING and GLOBAL_SUBSETTING keywords.\nSETTING and SUBSETTING applies only to the widget defined immediately before it.\nGLOBAL_SETTING and GLOBAL_SUBSETTING applies to all widgets."}),"\n",(0,n.jsx)(s.p,{children:"Common wiget settings are defined here. Some widgets define their own\nunique settings which are documented under that specific widget."}),"\n",(0,n.jsx)(s.h3,{id:"width",children:"WIDTH"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Sets the widget width"})}),"\n",(0,n.jsxs)(s.p,{children:["WIDTH supports ",(0,n.jsx)(s.a,{href:"https://www.w3schools.com/cssref/css_units.php",children:"css units"})," with the default (no units) of px (pixels)"]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width in pixels or explicitly declared with units"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "THIS IS A TEST"\n SETTING WIDTH 50\nLABEL "THIS IS A TEST"\n SETTING WIDTH 20em\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"WIDTH",src:d(3171).A+"",width:"678",height:"326"})}),"\n",(0,n.jsx)(s.h3,{id:"height",children:"HEIGHT"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Sets the widget height"})}),"\n",(0,n.jsxs)(s.p,{children:["HEIGHT supports ",(0,n.jsx)(s.a,{href:"https://www.w3schools.com/cssref/css_units.php",children:"css units"})," with the default (no units) of px (pixels)"]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height in pixels or explicitly declared with units"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "THIS IS A TEST"\n SETTING BACKCOLOR BLUE\n SETTING HEIGHT 50\nLABEL "THIS IS A TEST"\n SETTING BACKCOLOR GREY\n SETTING HEIGHT 2em\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"HEIGHT",src:d(8742).A+"",width:"374",height:"224"})}),"\n",(0,n.jsx)(s.h3,{id:"margin",children:"MARGIN"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Sets the widget margin"})}),"\n",(0,n.jsxs)(s.p,{children:["MARGIN supports ",(0,n.jsx)(s.a,{href:"https://www.w3schools.com/cssref/css_units.php",children:"css units"})," with the default (no units) of px (pixels)"]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Size"}),(0,n.jsx)(s.td,{children:"Size in pixels or explicitly declared with units"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "THIS IS A TEST"\n SETTING BACKCOLOR BLUE\nLABEL "THIS IS A TEST"\n SETTING BACKCOLOR GREY\n SETTING MARGIN 10\nLABEL "THIS IS A TEST"\n SETTING BACKCOLOR GREEN\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"MARGIN",src:d(6730).A+"",width:"372",height:"336"})}),"\n",(0,n.jsx)(s.h3,{id:"padding",children:"PADDING"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Sets the widget padding"})}),"\n",(0,n.jsxs)(s.p,{children:["PADDING supports ",(0,n.jsx)(s.a,{href:"https://www.w3schools.com/cssref/css_units.php",children:"css units"})," with the default (no units) of px (pixels)"]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Size"}),(0,n.jsx)(s.td,{children:"Size in pixels or explicitly declared with units"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "THIS IS A TEST"\n SETTING BACKCOLOR BLUE\nLABEL "THIS IS A TEST"\n SETTING BACKCOLOR GREY\n SETTING PADDING 10\nLABEL "THIS IS A TEST"\n SETTING BACKCOLOR GREEN\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"PADDING",src:d(9752).A+"",width:"376",height:"332"})}),"\n",(0,n.jsx)(s.h3,{id:"backcolor",children:"BACKCOLOR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"The BACKCOLOR setting sets the background color for a widget"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color name or Red value"}),(0,n.jsx)(s.td,{children:"Common name for the color, e.g. 'black', 'red', etc. Alternatively if two more parameters are passed this is the Red value of the RGB value"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Green value"}),(0,n.jsx)(s.td,{children:"Green value of the RGB value"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Blue value"}),(0,n.jsx)(s.td,{children:"Blue value of the RGB value"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "THIS IS A TEST"\n SETTING BACKCOLOR red\nLABEL "THIS IS A TEST"\n SETTING BACKCOLOR 155 50 155\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"BACKCOLOR",src:d(6777).A+"",width:"366",height:"232"})}),"\n",(0,n.jsx)(s.h3,{id:"textcolor",children:"TEXTCOLOR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"The TEXTCOLOR setting sets the text color for a widget"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color name or Red value"}),(0,n.jsx)(s.td,{children:"Common name for the color, e.g. 'black', 'red', etc. Alternatively if two more parameters are passed this is the Red value of the RGB value"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Green value"}),(0,n.jsx)(s.td,{children:"Green value of the RGB value"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Blue value"}),(0,n.jsx)(s.td,{children:"Blue value of the RGB value"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "THIS IS A TEST"\n SETTING TEXTCOLOR red\nLABEL "THIS IS A TEST"\n SETTING TEXTCOLOR 155 50 155\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"TEXTCOLOR",src:d(4789).A+"",width:"364",height:"220"})}),"\n",(0,n.jsx)(s.h3,{id:"bordercolor",children:"BORDERCOLOR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"The BORDERCOLOR setting sets the border color for a layout widget"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color name or Red value"}),(0,n.jsx)(s.td,{children:"Common name for the color, e.g. 'black', 'red', etc. Alternatively if two more parameters are passed this is the Red value of the RGB value"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Green value"}),(0,n.jsx)(s.td,{children:"Green value of the RGB value"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Blue value"}),(0,n.jsx)(s.td,{children:"Blue value of the RGB value"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'HORIZONTAL\n LABEL "Label 1"\nEND\nSETTING BORDERCOLOR red\nVERTICAL\n LABEL "Label 2"\nEND\nSETTING BORDERCOLOR 155 50 155\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"BORDERCOLOR",src:d(5316).A+"",width:"362",height:"232"})}),"\n",(0,n.jsx)(s.h3,{id:"raw",children:"RAW"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Apply a raw CSS stylesheet key and value"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Key"}),(0,n.jsx)(s.td,{children:"CSS key like font-size, max-width, etc"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"CSS Value"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "Label 1"\n SETTING RAW font-size 30px\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"RAW",src:d(6661).A+"",width:"364",height:"194"})}),"\n",(0,n.jsx)(s.h2,{id:"subsetting",children:"SUBSETTING"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Applies a widget subsetting to the previously defined widget"})}),"\n",(0,n.jsx)(s.p,{children:"Subsettings are only valid for widgets that are made up of more than one subwidget. For example, LABELVALUE is made up of a LABEL at subwidget index 0 and a VALUE at subwidget index 1. This allows for passing settings to specific subwidgets. Some widgets are made up of multiple subwidgets, e.g. LABELVALUELIMITSBAR. To set the Label widget, pass 0 as the Subwidget Index, pass 1 for the Value widget, and 2 for the LimitsBar widget."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Subwidget Index"}),(0,n.jsx)(s.td,{children:"Index to the desired subwidget or 'ALL' to apply the setting to all the subwidgets of this composite widget."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Setting Name"}),(0,n.jsx)(s.td,{children:"See SETTING for details."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Setting Value(s)"}),(0,n.jsx)(s.td,{children:"See SETTING for details."}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"VERTICALBOX\n LABELVALUE INST HEALTH_STATUS TEMP1\n SUBSETTING 0 TEXTCOLOR blue # Change the label's text to blue\n LABELVALUELIMITSBAR INST HEALTH_STATUS TEMP1\n SUBSETTING 0 TEXTCOLOR green # Change the label's text to green\nEND\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"SUBSETTING",src:d(7789).A+"",width:"766",height:"282"})}),"\n",(0,n.jsx)(s.h2,{id:"named_widget",children:"NAMED_WIDGET"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Name a widget to allow access to it via the getNamedWidget method"})}),"\n",(0,n.jsx)(s.p,{children:"To programmatically access parts of a telemetry screen you need to name the widget. This is useful when creating screens with buttons that read values from other widgets."}),"\n",(0,n.jsx)(s.admonition,{type:"warning",children:(0,n.jsx)(s.p,{children:"getNamedWidget returns the widget itself and thus must be operated on using methods native to that widget"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Widget Name"}),(0,n.jsx)(s.td,{children:"The unique name applied to the following widget instance. Names must be unique per screen."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Widget Type"}),(0,n.jsx)(s.td,{children:"One of the widget types listed in Widget Descriptions"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Widget Parameters"}),(0,n.jsx)(s.td,{children:"The unique parameters for the given widget type"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'NAMED_WIDGET DURATION TEXTFIELD\nBUTTON "Push" "screen.getNamedWidget(\'DURATION\').text()"\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"NAMED_WIDGET",src:d(8033).A+"",width:"368",height:"248"})}),"\n",(0,n.jsx)(s.h2,{id:"layout-widgets",children:"Layout Widgets"}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsx)(s.p,{children:"Layout widgets are used to position other widgets on the screen. For example, the HORIZONTAL layout widget places the widgets it encapsulates horizontally on the screen."}),"\n",(0,n.jsx)(s.h3,{id:"vertical",children:"VERTICAL"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Places the widgets it encapsulates vertically"})}),"\n",(0,n.jsx)(s.p,{children:"The screen defaults to a vertical layout, so if no layout widgets are specified, all widgets will be automatically placed within a VERTICAL layout widget. The VERTICAL widget sizes itself to fit its contents."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Margin"}),(0,n.jsx)(s.td,{children:"Margin between widgets (default = 0px)"}),(0,n.jsx)(s.td,{children:"False"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'VERTICAL 5px\n LABEL "TEST"\n LABEL "SCREEN"\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"VERTICAL",src:d(1801).A+"",width:"386",height:"256"})}),"\n",(0,n.jsx)(s.h3,{id:"verticalbox",children:"VERTICALBOX"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Places the widgets it encapsulates vertically inside a thin border"})}),"\n",(0,n.jsx)(s.p,{children:"The VERTICALBOX widget sizes itself to fit its contents vertically and to fit the screen horizontally"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Title"}),(0,n.jsx)(s.td,{children:"Text to place within the border to label the box"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Margin"}),(0,n.jsx)(s.td,{children:"Margin between widgets (default = 0px)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'VERTICALBOX Info\n SUBSETTING 1 RAW border "1px dashed green"\n LABEL "TEST"\n LABEL "SCREEN"\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"VERTICALBOX",src:d(1826).A+"",width:"340",height:"264"})}),"\n",(0,n.jsx)(s.h3,{id:"horizontal",children:"HORIZONTAL"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Places the widgets it encapsulates horizontally"})}),"\n",(0,n.jsx)(s.p,{children:"The HORIZONTAL widget sizes itself to fit its contents"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Margin"}),(0,n.jsx)(s.td,{children:"Margin between widgets (default = 0px)"}),(0,n.jsx)(s.td,{children:"False"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'HORIZONTAL 100\n LABEL "TEST"\n LABEL "SCREEN"\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"HORIZONTAL",src:d(1895).A+"",width:"1084",height:"552"})}),"\n",(0,n.jsx)(s.h3,{id:"horizontalbox",children:"HORIZONTALBOX"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Places the widgets it encapsulates horizontally inside a thin border"})}),"\n",(0,n.jsx)(s.p,{children:"The HORIZONTALBOX widget sizes itself to fit its contents"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Title"}),(0,n.jsx)(s.td,{children:"Text to place within the border to label the box"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Margin"}),(0,n.jsx)(s.td,{children:"Margin between widgets (default = 0px)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'HORIZONTALBOX Info 10\n SUBSETTING 0 RAW text-align CENTER\n SUBSETTING 1 RAW border "1px solid blue"\n LABEL "TEST"\n LABEL "SCREEN"\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"HORIZONTALBOX",src:d(4892).A+"",width:"340",height:"236"})}),"\n",(0,n.jsx)(s.h3,{id:"matrixbycolumns",children:"MATRIXBYCOLUMNS"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Places the widgets into a table-like matrix"})}),"\n",(0,n.jsx)(s.p,{children:"The MATRIXBYCOLUMNS widget sizes itself to fit its contents"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Columns"}),(0,n.jsx)(s.td,{children:"The number of columns to create"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Margin"}),(0,n.jsx)(s.td,{children:"Margin between widgets (default = 0px)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'MATRIXBYCOLUMNS 3 10\n LABEL "COL 1"\n LABEL "COL 2"\n LABEL "COL 3"\n LABEL "100"\n LABEL "200"\n LABEL "300"\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"MATRIXBYCOLUMNS",src:d(2014).A+"",width:"492",height:"288"})}),"\n",(0,n.jsx)(s.h3,{id:"scrollwindow",children:"SCROLLWINDOW"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Places the widgets inside of it into a scrollable area"})}),"\n",(0,n.jsx)(s.p,{children:"The SCROLLWINDOW widget sizes itself to fit the screen in which it is contained"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Maximum height of the scroll window in pixels (default = 200)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Margin"}),(0,n.jsx)(s.td,{children:"Margin between widgets (default = 0px)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'SCROLLWINDOW 100 10\n VERTICAL\n LABEL "100"\n LABEL "200"\n LABEL "300"\n LABEL "400"\n LABEL "500"\n LABEL "600"\n LABEL "700"\n LABEL "800"\n LABEL "900"\n END\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"SCROLLWINDOW",src:d(260).A+"",width:"380",height:"298"})}),"\n",(0,n.jsx)(s.h3,{id:"tabbook",children:"TABBOOK"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Creates a tabbed area in which to place TABITEM widgets"})}),"\n",(0,n.jsx)(s.h3,{id:"tabitem",children:"TABITEM"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Creates a VERTICAL layout tab into which to place widgets"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Tab text"}),(0,n.jsx)(s.td,{children:"Text to display in the tab"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'TABBOOK\n TABITEM "Tab 1"\n LABEL "100"\n LABEL "200"\n END\n TABITEM "Tab 2"\n LABEL "300"\n LABEL "400"\n END\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"TABITEM",src:d(863).A+"",width:"402",height:"322"})}),"\n",(0,n.jsx)(s.h3,{id:"iframe",children:"IFRAME"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Open external tools in an Iframe within OpenC3"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"URL"}),(0,n.jsx)(s.td,{children:"The path to the page to display in the iframe"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the widget"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the widget"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"IFRAME https://openc3.com 900 450\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"IFRAME",src:d(5991).A+"",width:"1826",height:"976"})}),"\n",(0,n.jsx)(s.h2,{id:"decoration-widgets",children:"Decoration Widgets"}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsx)(s.p,{children:"Decoration widgets are used to enhance the appearance of the screen. They do not respond to input, nor does the output vary with telemetry."}),"\n",(0,n.jsx)(s.h3,{id:"label",children:"LABEL"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays text on the screen"})}),"\n",(0,n.jsx)(s.p,{children:"Generally, label widgets contain a telemetry mnemonic and are placed next to the telemetry VALUE widget."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Text"}),(0,n.jsx)(s.td,{children:"Text to display on the label"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABEL "Note: This is only a warning"\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABEL",src:d(4733).A+"",width:"468",height:"162"})}),"\n",(0,n.jsx)(s.h3,{id:"horizontalline",children:"HORIZONTALLINE"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Displays a horizontal line on the screen that can be used as a separator"})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LABEL Over\nHORIZONTALLINE\nLABEL Under\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"HORIZONTALLINE",src:d(2857).A+"",width:"380",height:"240"})}),"\n",(0,n.jsx)(s.h3,{id:"title",children:"TITLE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a large centered title on the screen"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Text"}),(0,n.jsx)(s.td,{children:"Text to display"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'TITLE "Title"\nHORIZONTALLINE\nLABEL "Label"\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"TITLE",src:d(2069).A+"",width:"374",height:"254"})}),"\n",(0,n.jsx)(s.h3,{id:"spacer",children:"SPACER"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Places a fixed size spacer in between widgets"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the spacer in pixels"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the spacer in pixels"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'VERTICAL 3\n LABEL "Spacer below"\n SPACER 0 100\n LABEL "Spacer above"\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"SPACER",src:d(4611).A+"",width:"366",height:"442"})}),"\n",(0,n.jsx)(s.h2,{id:"telemetry-widgets",children:"Telemetry Widgets"}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsx)(s.p,{children:"Telemetry widgets are used to display telemetry values. The first parameters to each of these widgets is a telemetry mnemonic. Depending on the type and purpose of the telemetry item, the screen designer may select from a wide selection of widgets to display the value in the most useful format."}),"\n",(0,n.jsx)(s.h3,{id:"array",children:"ARRAY"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays ARRAY data organized into rows and space separated"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the widget (default = 200)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the widget (default = 100)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Format string"}),(0,n.jsx)(s.td,{children:"Format string applied to each array item (default = nil)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Items per row"}),(0,n.jsx)(s.td,{children:"Number of array items per row (default = 4)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'ARRAY INST HEALTH_STATUS ARY 250 80 "0x%x" 6 FORMATTED\nARRAY INST HEALTH_STATUS ARY2 200 100 nil 4 WITH_UNITS\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"ARRAY",src:d(4272).A+"",width:"486",height:"418"})}),"\n",(0,n.jsx)(s.h3,{id:"arrayplot",children:"ARRAYPLOT"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Plot an array of values."})}),"\n",(0,n.jsx)(s.p,{children:"The item can either be a simple array or a 2D array of x values and y values, e.g. [[x1, x2, x3], [y1, y2, y3]]. If the X_AXIS setting is not specified, the X axis starts with 0 and increments by 1. If the X_AXIS setting is used the x values of a 2D array will be ignored."}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'ARRAYPLOT\n SETTING TITLE "Array Data"\n SETTING ITEM INST HEALTH_STATUS ARY\n SETTING ITEM INST HEALTH_STATUS ARY2\n SETTING SIZE 600 400\n SETTING X_AXIS 10 10\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"ARRAYPLOT",src:d(9689).A+"",width:"1128",height:"1024"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to ARRAYPLOT. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"title-1",children:"TITLE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Title of the plot"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Title"}),(0,n.jsx)(s.td,{children:"Title of the plot"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"x_axis",children:"X_AXIS"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Define the x-axis parameters for the plot"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start"}),(0,n.jsx)(s.td,{children:"Start value for the x-axis"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Step"}),(0,n.jsx)(s.td,{children:"Step value for the x-axis"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h4,{id:"item",children:"ITEM"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Add a telemetry item to the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target Name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet Name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value Type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced"}),(0,n.jsxs)(s.td,{children:["Whether to display reduced data. Default is DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced Type"}),(0,n.jsxs)(s.td,{children:["The type of reduce data to display. Only applies if Reduced is not DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"MIN, MAX, AVG, STDDEV"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.h4,{id:"starttime",children:"STARTTIME"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Start the graph history at the designated Time"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start Time"}),(0,n.jsxs)(s.td,{children:["Start time as formatted 'YYYY/MM/DD HH:MM",":SS","'"]}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"history",children:"HISTORY"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Display an initial history of data"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"Value(d,h,m,s). For example 1d, 2h, 30m, 15s"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"secondsgraphed",children:"SECONDSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Display the specified number of seconds in the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to display"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointssaved",children:"POINTSSAVED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Save the number of seconds in graph memory"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to save"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointsgraphed",children:"POINTSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Number of points to display on the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of points to graph"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"size",children:"SIZE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Size of the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width in pixels"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height in pixels"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"block",children:"BLOCK"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays BLOCK data organized into rows and space separated"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the widget (default = 200)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the widget (default = 100)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Format string"}),(0,n.jsx)(s.td,{children:"Format string applied to each array item (default = nil)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Bytes per word"}),(0,n.jsx)(s.td,{children:"Number of bytes per word (default = 4)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Words per row"}),(0,n.jsx)(s.td,{children:"Number of words per row (default = 4"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Address format"}),(0,n.jsx)(s.td,{children:"Format for the address printed at the beginning of each line (default = nil which means do not print an address)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'BLOCK INST IMAGE IMAGE 620 200 "%02X" 4 4 "0x%08X:"\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"BLOCK",src:d(6980).A+"",width:"1272",height:"464"})}),"\n",(0,n.jsx)(s.h3,{id:"formatvalue",children:"FORMATVALUE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a box with a formatted value"})}),"\n",(0,n.jsx)(s.p,{children:"Data is formatted by the specified string rather than by a format string given in the telemetry definition files. The white portion of the box darkens to gray while the value remains stagnant, then brightens to white each time the value changes. Additionally the value is colored based on the items limits state (Red for example if it is out of limits)."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Format string"}),(0,n.jsx)(s.td,{children:"Printf style format string to apply to the telemetry item"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"FORMATVALUE INST LATEST TIMESEC %012u CONVERTED 20\nFORMATVALUE INST LATEST TEMP1 %.2f CONVERTED 20\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"FORMATVALUE",src:d(327).A+"",width:"388",height:"210"})}),"\n",(0,n.jsx)(s.h3,{id:"labelled",children:"LABELLED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL followed by a LED"})}),"\n",(0,n.jsx)(s.p,{children:"See the LED widget for more information"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the LED circle (default = 15)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the LED circle (default = 15)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Justification"}),(0,n.jsxs)(s.td,{children:["How to justify the label and LED together. The default of 'SPLIT' aligns the label to the left and the LED to the right with any additional space going between them. 'CENTER' pushes the label and LED together with any additional space to the left and right. 'LEFT' or 'RIGHT' pushes them to the respective side with the space going on the opposite.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"SPLIT, CENTER, LEFT, RIGHT"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LABELLED INST PARAMS VALUE1\n SETTING LED_COLOR GOOD GREEN\n SETTING LED_COLOR BAD RED\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABELLED",src:d(5234).A+"",width:"372",height:"154"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to LABELLED. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"led_color",children:"LED_COLOR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Map a state or value to a color"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"State or value. ANY used to match any value or state not declared."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"LED color"}),(0,n.jsx)(s.td,{children:"Color of the LED"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"labelprogressbar",children:"LABELPROGRESSBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL with the item name followed by a PROGRESSBAR"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Scale factor"}),(0,n.jsx)(s.td,{children:"Value to multiply the telemetry item by before displaying in the progress bar. Final value should be in the range of 0 to 100. Default is 1.0."}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the progress bar (default = 80 pixels"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LABELPROGRESSBAR INST ADCS POSPROGRESS 2 200 RAW\nLABELPROGRESSBAR INST ADCS POSPROGRESS\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABELPROGRESSBAR",src:d(2909).A+"",width:"728",height:"230"})}),"\n",(0,n.jsx)(s.h3,{id:"labelvalue",children:"LABELVALUE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL with the item name followed by a VALUE"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LABELVALUE INST LATEST TIMESEC CONVERTED 18\nLABELVALUE INST LATEST COLLECT_TYPE\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABELVALUE",src:d(4554).A+"",width:"592",height:"218"})}),"\n",(0,n.jsx)(s.h3,{id:"labelvaluedesc",children:"LABELVALUEDESC"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL with the items description followed by a VALUE"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Description"}),(0,n.jsx)(s.td,{children:"The description to display in the label (default is to display the description text associated with the telemetry item)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'LABELVALUEDESC INST HEALTH_STATUS TEMP1 "Temperature number 1" RAW 18\nLABELVALUEDESC INST HEALTH_STATUS COLLECT_TYPE\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABELVALUEDESC",src:d(3257).A+"",width:"766",height:"218"})}),"\n",(0,n.jsx)(s.h3,{id:"labelvaluelimitsbar",children:"LABELVALUELIMITSBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL with the item name followed by VALUE and LIMITSBAR widgets"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"labelvaluelimitscolumn",children:"LABELVALUELIMITSCOLUMN"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL with the item name followed by VALUE and LIMITSCOLUMN widgets"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LABELVALUELIMITSCOLUMN INST HEALTH_STATUS TEMP1 CONVERTED 18\nLABELVALUELIMITSCOLUMN INST HEALTH_STATUS TEMP1\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABELVALUELIMITSCOLUMN",src:d(5508).A+"",width:"430",height:"850"})}),"\n",(0,n.jsx)(s.h3,{id:"labelvaluerangebar",children:"LABELVALUERANGEBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL with the item name followed by VALUE and RANGEBAR widgets"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Low Value"}),(0,n.jsx)(s.td,{children:"Minimum value to display on the range bar. If the telemetry item goes below this value the bar is \u201Cpegged\u201D on the low end."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"High Value"}),(0,n.jsx)(s.td,{children:"Maximum value to display on the range bar. If the telemetry item goes above this value the bar is \u201Cpegged\u201D on the high end."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the range bar (default = 160)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the range bar (default = 25)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LABELVALUERANGEBAR INST HEALTH_STATUS TEMP1 0 100000 RAW 18 200 40\nLABELVALUERANGEBAR INST HEALTH_STATUS TEMP1 -120 120\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABELVALUERANGEBAR",src:d(884).A+"",width:"950",height:"226"})}),"\n",(0,n.jsx)(s.h3,{id:"led",children:"LED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LED which changes color based on telemetry values"})}),"\n",(0,n.jsx)(s.p,{children:"By default TRUE is green and FALSE is red and all other values are black. Additional values can be added by using the LED_COLOR setting. For example LED INST PARAMS VALUE3 RAW can be followed by SETTING LED_COLOR 0 GREEN, SETTING LED_COLOR 1 RED, and SETTING LED_COLOR ANY ORANGE. See LIMITSCOLOR for a widget that displays a circle depicting the limits color of an item."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the LED circle (default = 20)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the LED circle (default = 20)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LED INST PARAMS VALUE5 RAW 25 20 # Ellipse\n SETTING LED_COLOR 0 GREEN\n SETTING LED_COLOR 1 RED\n SETTING LED_COLOR ANY YELLOW\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LED",src:d(8680).A+"",width:"370",height:"130"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to LED. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"led_color-1",children:"LED_COLOR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Map a state or value to a color"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"State or value. ANY used to match any value or state not declared."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"LED color"}),(0,n.jsx)(s.td,{children:"Color of the LED"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"limitsbar",children:"LIMITSBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays an item's current value within its colored limits horizontally"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the range bar (default = 160)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the range bar (default = 25)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LIMITSBAR INST HEALTH_STATUS TEMP1 CONVERTED 200 50\nLIMITSBAR INST HEALTH_STATUS TEMP1\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LIMITSBAR",src:d(24).A+"",width:"450",height:"246"})}),"\n",(0,n.jsx)(s.h3,{id:"limitscolumn",children:"LIMITSCOLUMN"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays an item's current value within its colored limits vertically"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the range bar (default = 160)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the range bar (default = 25)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LIMITSCOLUMN INST HEALTH_STATUS TEMP1 CONVERTED 50 200\nLIMITSCOLUMN INST HEALTH_STATUS TEMP1\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LIMITSCOLUMN",src:d(105).A+"",width:"372",height:"724"})}),"\n",(0,n.jsx)(s.h3,{id:"limitscolor",children:"LIMITSCOLOR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a circle depicting the limits color of an item. See LED for a widget that displays a circle which changes to an arbitrary color based on telemetry values."})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Radius"}),(0,n.jsx)(s.td,{children:"Radius of the circle (default is 10)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name Display"}),(0,n.jsx)(s.td,{children:"Show the full item name, e.g. TGT PKT ITEM (true), no item name (nil or none) or just the item name (false). Default is false."}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"HORIZONTAL\n LIMITSCOLOR INST HEALTH_STATUS TEMP1 CONVERTED 10 NIL # No label\n LABEL '1st Temp'\nEND\nLIMITSCOLOR INST HEALTH_STATUS TEMP2 # Default is label with just item name\nLIMITSCOLOR INST HEALTH_STATUS TEMP3 CONVERTED 20 TRUE # Full TGT/PKT/ITEM label\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LIMITSCOLOR",src:d(3122).A+"",width:"498",height:"284"})}),"\n",(0,n.jsx)(s.h3,{id:"valuelimitsbar",children:"VALUELIMITSBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays an item VALUE followed by LIMITSBAR"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"VALUELIMITSBAR INST HEALTH_STATUS TEMP1 CONVERTED 18\nVALUELIMITSBAR INST HEALTH_STATUS TEMP1\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"VALUELIMITSBAR",src:d(9461).A+"",width:"746",height:"218"})}),"\n",(0,n.jsx)(s.h3,{id:"valuelimitscolumn",children:"VALUELIMITSCOLUMN"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays an item VALUE followed by LIMITSCOLUMN"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 8)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"VALUELIMITSCOLUMN INST HEALTH_STATUS TEMP1 CONVERTED 18\nVALUELIMITSCOLUMN INST HEALTH_STATUS TEMP1\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"VALUELIMITSCOLUMN",src:d(5518).A+"",width:"434",height:"706"})}),"\n",(0,n.jsx)(s.h3,{id:"valuerangebar",children:"VALUERANGEBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays an item VALUE followed by RANGEBAR"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Low Value"}),(0,n.jsx)(s.td,{children:"Minimum value to display on the range bar. If the telemetry item goes below this value the bar is \u201Cpegged\u201D on the low end."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"High Value"}),(0,n.jsx)(s.td,{children:"Maximum value to display on the range bar. If the telemetry item goes above this value the bar is \u201Cpegged\u201D on the high end."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the range bar (default = 160)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the range bar (default = 25)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"VALUERANGEBAR INST HEALTH_STATUS TEMP1 0 100000 RAW 18 200 40\nVALUERANGEBAR INST HEALTH_STATUS TEMP1 -120 120\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"VALUERANGEBAR",src:d(7554).A+"",width:"576",height:"260"})}),"\n",(0,n.jsx)(s.h3,{id:"linegraph",children:"LINEGRAPH"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a line graph of a telemetry item"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target Name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet Name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value Type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced"}),(0,n.jsxs)(s.td,{children:["Whether to display reduced data. Default is DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced Type"}),(0,n.jsxs)(s.td,{children:["The type of reduce data to display. Only applies if Reduced is not DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"MIN, MAX, AVG, STDDEV"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LINEGRAPH INST HEALTH_STATUS TEMP1\n SETTING ITEM INST ADCS Q1 # Add additional item to graph\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LINEGRAPH",src:d(7105).A+"",width:"848",height:"822"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to LINEGRAPH. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"item-1",children:"ITEM"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Add a telemetry item to the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target Name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet Name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value Type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced"}),(0,n.jsxs)(s.td,{children:["Whether to display reduced data. Default is DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced Type"}),(0,n.jsxs)(s.td,{children:["The type of reduce data to display. Only applies if Reduced is not DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"MIN, MAX, AVG, STDDEV"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.h4,{id:"starttime-1",children:"STARTTIME"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Start the graph history at the designated Time"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start Time"}),(0,n.jsxs)(s.td,{children:["Start time as formatted 'YYYY/MM/DD HH:MM",":SS","'"]}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"history-1",children:"HISTORY"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Display an initial history of data"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"Value(d,h,m,s). For example 1d, 2h, 30m, 15s"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"secondsgraphed-1",children:"SECONDSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Display the specified number of seconds in the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to display"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointssaved-1",children:"POINTSSAVED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Save the number of seconds in graph memory"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to save"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointsgraphed-1",children:"POINTSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Number of points to display on the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of points to graph"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"size-1",children:"SIZE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Size of the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width in pixels"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height in pixels"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"sparkline",children:"SPARKLINE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a sparkline graph (no cursor, scale or legend) of a telemetry item"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target Name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet Name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value Type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced"}),(0,n.jsxs)(s.td,{children:["Whether to display reduced data. Default is DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced Type"}),(0,n.jsxs)(s.td,{children:["The type of reduce data to display. Only applies if Reduced is not DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"MIN, MAX, AVG, STDDEV"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"SPARKLINE INST HEALTH_STATUS TEMP1\n SETTING SIZE 400 50\n SETTING HISTORY 30s # Add 30 seconds of data into graph\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"SPARKLINE",src:d(2954).A+"",width:"858",height:"202"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to SPARKLINE. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"item-2",children:"ITEM"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Add a telemetry item to the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target Name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet Name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value Type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced"}),(0,n.jsxs)(s.td,{children:["Whether to display reduced data. Default is DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced Type"}),(0,n.jsxs)(s.td,{children:["The type of reduce data to display. Only applies if Reduced is not DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"MIN, MAX, AVG, STDDEV"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.h4,{id:"starttime-2",children:"STARTTIME"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Start the graph history at the designated Time"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start Time"}),(0,n.jsxs)(s.td,{children:["Start time as formatted 'YYYY/MM/DD HH:MM",":SS","'"]}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"history-2",children:"HISTORY"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Display an initial history of data"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"Value(d,h,m,s). For example 1d, 2h, 30m, 15s"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"secondsgraphed-2",children:"SECONDSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Display the specified number of seconds in the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to display"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointssaved-2",children:"POINTSSAVED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Save the number of seconds in graph memory"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to save"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointsgraphed-2",children:"POINTSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Number of points to display on the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of points to graph"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"size-2",children:"SIZE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Size of the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width in pixels"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height in pixels"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"labelsparkline",children:"LABELSPARKLINE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a LABEL with the item name followed by a SPARKLINE"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target Name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet Name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value Type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced"}),(0,n.jsxs)(s.td,{children:["Whether to display reduced data. Default is DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced Type"}),(0,n.jsxs)(s.td,{children:["The type of reduce data to display. Only applies if Reduced is not DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"MIN, MAX, AVG, STDDEV"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"LABELSPARKLINE INST HEALTH_STATUS TEMP1\n SETTING HISTORY 5m # Add 5 minutes of data into graph\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"LABELSPARKLINE",src:d(2940).A+"",width:"442",height:"154"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to LABELSPARKLINE. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"item-3",children:"ITEM"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Add a telemetry item to the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target Name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet Name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item Name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value Type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced"}),(0,n.jsxs)(s.td,{children:["Whether to display reduced data. Default is DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Reduced Type"}),(0,n.jsxs)(s.td,{children:["The type of reduce data to display. Only applies if Reduced is not DECOM.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"MIN, MAX, AVG, STDDEV"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.h4,{id:"starttime-3",children:"STARTTIME"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Start the graph history at the designated Time"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start Time"}),(0,n.jsxs)(s.td,{children:["Start time as formatted 'YYYY/MM/DD HH:MM",":SS","'"]}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"history-3",children:"HISTORY"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Display an initial history of data"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"Value(d,h,m,s). For example 1d, 2h, 30m, 15s"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"secondsgraphed-3",children:"SECONDSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Display the specified number of seconds in the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to display"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointssaved-3",children:"POINTSSAVED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Save the number of seconds in graph memory"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of seconds to save"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"pointsgraphed-3",children:"POINTSGRAPHED"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Number of points to display on the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time"}),(0,n.jsx)(s.td,{children:"Number of points to graph"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.h4,{id:"size-3",children:"SIZE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Size of the graph"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width in pixels"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height in pixels"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"imageviewer",children:"IMAGEVIEWER"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Display a base64 image from a TLM packet"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name to pull the CONVERTED value from. If additional processing (base64 encoding) is needed consider using a DERIVED item."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Format"}),(0,n.jsx)(s.td,{children:"The image format of the base64 data (e.g. jpg, png, etc)"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"IMAGEVIEWER INST IMAGE IMAGE jpg\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"IMAGEVIEWER",src:d(8082).A+"",width:"426",height:"476"})}),"\n",(0,n.jsx)(s.h3,{id:"progressbar",children:"PROGRESSBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a progress bar that is useful for displaying percentages"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Scale factor"}),(0,n.jsx)(s.td,{children:"Value to multiple the telemetry item by before displaying the in the progress bar. Final value should be in the range of 0 to 100. Default is 1.0."}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the progress bar (default = 100 pixels)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"PROGRESSBAR INST ADCS POSPROGRESS 0.5 200\nPROGRESSBAR INST ADCS POSPROGRESS\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"PROGRESSBAR",src:d(8435).A+"",width:"452",height:"208"})}),"\n",(0,n.jsx)(s.h3,{id:"rangebar",children:"RANGEBAR"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a custom range bar displaying the item value"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Low Value"}),(0,n.jsx)(s.td,{children:"Minimum value to display on the range bar. If the telemetry item goes below this value the bar is \u201Cpegged\u201D on the low end."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"High Value"}),(0,n.jsx)(s.td,{children:"Maximum value to display on the range bar. If the telemetry item goes above this value the bar is \u201Cpegged\u201D on the high end."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the range bar (default = 100)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the range bar (default = 25)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"RANGEBAR INST HEALTH_STATUS TEMP1 0 100000 RAW 200 50\nRANGEBAR INST HEALTH_STATUS TEMP1 -100 100\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"RANGEBAR",src:d(7673).A+"",width:"438",height:"288"})}),"\n",(0,n.jsx)(s.h3,{id:"rollup",children:"ROLLUP"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.17.1)"}),(0,n.jsx)(s.strong,{children:"Displays a notification icon which changes color based on a rollup telemetry"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Icon name"}),(0,n.jsxs)(s.td,{children:["The astro UX icon to display. Valid choices are 'astro' icons taken from ",(0,n.jsx)(s.a,{href:"https://github.com/RocketCommunicationsInc/astro-components/blob/master/static/json/rux-icons.json",children:"https://github.com/RocketCommunicationsInc/astro-components/blob/master/static/json/rux-icons.json"}),"."]}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Icon label"}),(0,n.jsx)(s.td,{children:"Text to apply to the icon label"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Icon sublabel"}),(0,n.jsx)(s.td,{children:"Text to apply to the icon sublabel"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'ROLLUP satellite-transmit "SAT 1" "Details"\n # Screen to open on click\n SETTING SCREEN INST HS\n # Telemetry items to rollup status\n SETTING TLM INST HEALTH_STATUS TEMP1\n SETTING TLM INST HEALTH_STATUS TEMP2\nROLLUP antenna "GND 2" "Location"\n # Screen to open on click\n SETTING SCREEN INST HS\n # Telemetry items to rollup status\n SETTING TLM INST HEALTH_STATUS TEMP3\n SETTING TLM INST HEALTH_STATUS TEMP4\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"ROLLUP",src:d(653).A+"",width:"378",height:"402"})}),"\n",(0,n.jsx)(s.h3,{id:"signal",children:"SIGNAL"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.17.2)"}),(0,n.jsx)(s.strong,{children:"Displays a cellular signal icon which changes based on telemetry value"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"SIGNAL INST HEALTH_STATUS TEMP1\n # Screen to open on click\n SETTING SCREEN INST HS\n # Values to compare when setting the 1-bar, 2-bar and 3-bar icons\n # Default is 30, 60, 90 (e.g. 0 to 100 range)\n # Value < -50 display no bars\n # Value >= -50 and < 0 displays 1 bar\n # Value >= 0 and < 50 displays 2 bars\n # Value >= 50 displays 5 bars\n SETTING RANGE -50 0 50\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"SIGNAL",src:d(7515).A+"",width:"366",height:"128"})}),"\n",(0,n.jsx)(s.h3,{id:"textbox",children:"TEXTBOX"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Provides a large box for multiline text"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the textbox in px (default = 200)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the textbox in px (default = 200)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"TEXTBOX INST HEALTH_STATUS PACKET_TIMEFORMATTED 150 70\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"TEXTBOX",src:d(6255).A+"",width:"376",height:"226"})}),"\n",(0,n.jsx)(s.h3,{id:"value",children:"VALUE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a box with a telemetry item value"})}),"\n",(0,n.jsx)(s.p,{children:"The white portion of the box darkens to gray while the value remains stagnant, then brightens to white each time the value changes. Additionally the value is colored based on the items limits state (Red for example if it is out of limits)."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Number of characters"}),(0,n.jsx)(s.td,{children:"The number of characters wide to make the value box (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"VALUE INST HEALTH_STATUS TEMP1 CONVERTED 18\nVALUE INST HEALTH_STATUS TEMP1\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"VALUE",src:d(4484).A+"",width:"462",height:"206"})}),"\n",(0,n.jsx)(s.h2,{id:"interactive-widgets",children:"Interactive Widgets"}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsx)(s.p,{children:"Interactive widgets are used to gather input from the user. Unlike all other widgets, which only output some graphical representation, interactive widgets permit input either from the keyboard or mouse."}),"\n",(0,n.jsx)(s.h3,{id:"button",children:"BUTTON"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a rectangular clickable button"})}),"\n",(0,n.jsxs)(s.p,{children:["Upon clicking, the button executes the Javascript code assigned. Buttons\ncan be used to send commands and perform other tasks. If you want your button\nto use values from other widgets, define them as named widgets and read their\nvalues using the ",(0,n.jsx)(s.code,{children:'screen.getNamedWidget("WIDGET_NAME").text()'})," method.\nSee the example in CHECKBUTTON."]}),"\n",(0,n.jsxs)(s.p,{children:["Button code can get rather complex so remember to use string concatenation\nto make things more readable. If you use ",(0,n.jsx)(s.code,{children:"+"})," newlines are inserted automatically\nduring string concatenation. If you use ",(0,n.jsx)(s.code,{children:"\\"})," you'll need to separate lines with a\nsingle semicolon ",(0,n.jsx)(s.code,{children:";"}),". COSMOS uses double semicolon ",(0,n.jsx)(s.code,{children:";;"})," to indicate lines should\nbe evaluated separately. Note that all OpenC3 commands (using api.cmd) must be\nseparated by ",(0,n.jsx)(s.code,{children:";;"}),"."]}),"\n",(0,n.jsx)(s.p,{children:"You can send commands with buttons using api.cmd(). The cmd() syntax looks exactly\nlike the standard COSMOS scripting syntax. You can also request and use\ntelemetry in screens using Javascript Promises."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.code,{children:"api.tlm('INST PARAMS VALUE3', 'RAW').then(dur => api.cmd('INST COLLECT with TYPE NORMAL, DURATION '+dur))\""})}),"\n",(0,n.jsx)(s.p,{children:"The api.tlm() function returns a Promise which is resolved with then()\nat which point we send the command with the telemetry value we received."}),"\n",(0,n.jsxs)(s.p,{children:["Scripts can be launched from a BUTTON using the ",(0,n.jsx)(s.code,{children:"runScript()"})," method. ",(0,n.jsx)(s.code,{children:"runScript()"})," takes three parameters,\nthe name of the script, whether to open the script in the foreground of Script Runner (default = true), and a hash of\nenvironment variables. For example: ",(0,n.jsx)(s.code,{children:"runScript('INST/procedures/script.rb', false, {'VAR': 'VALUE'})"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Button Text"}),(0,n.jsx)(s.td,{children:"Text displayed on the button"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Button Code"}),(0,n.jsx)(s.td,{children:"Javascript code to execute when the button is pressed"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"BUTTON 'Start Collect' 'api.cmd(\"INST COLLECT with TYPE NORMAL, DURATION 5\")'\nBUTTON 'Run Checks' 'runScript(\"INST/procedures/checks.rb\")'\n# More complex example with background checkbox and env vars\nNAMED_WIDGET SCRIPTNAME COMBOBOX collect.rb checks.rb\nNAMED_WIDGET BG CHECKBUTTON 'Background'\nBUTTON 'Run Script' \"var script=screen.getNamedWidget('SCRIPTNAME').text();\" \\\n # Set an environment variable to be used by the script as ENV['TYPE']\n \"var env = {}; env['TYPE'] = 'TEST';\" \\\n \"runScript('INST/procedures/'+script, !screen.getNamedWidget('BG').checked(), env)\"\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"BUTTON",src:d(987).A+"",width:"382",height:"502"})}),"\n",(0,n.jsx)(s.h3,{id:"checkbutton",children:"CHECKBUTTON"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a check box"})}),"\n",(0,n.jsx)(s.p,{children:"Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Checkbox Text"}),(0,n.jsx)(s.td,{children:"Text displayed next to the checkbox"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Checked"}),(0,n.jsx)(s.td,{children:"Whether the initial state of the checkbox is checked (default = false). Do not give a value to make the checkbox unchecked."}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"NAMED_WIDGET UNCHECKED CHECKBUTTON 'Default Unchecked'\nNAMED_WIDGET CHECK CHECKBUTTON 'Ignore Hazardous Checks' CHECKED\nBUTTON 'Send' 'screen.getNamedWidget(\"CHECK\").checked() ? ' \\\n 'api.cmd_no_hazardous_check(\"INST CLEAR\") : api.cmd(\"INST CLEAR\")'\n# You can programmatically check or uncheck the checkbox\nBUTTON 'Check' 'screen.getNamedWidget(\"CHECK\").value = true'\nBUTTON 'Uncheck' 'screen.getNamedWidget(\"CHECK\").value = false'\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CHECKBUTTON",src:d(5491).A+"",width:"426",height:"460"})}),"\n",(0,n.jsx)(s.h3,{id:"combobox",children:"COMBOBOX"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a drop down list of text items"})}),"\n",(0,n.jsx)(s.p,{children:"Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Option Text 1"}),(0,n.jsx)(s.td,{children:"Text to display in the selection drop down"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Option Text n"}),(0,n.jsx)(s.td,{children:"Text to display in the selection drop down"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"BUTTON 'Start Collect' 'var type = screen.getNamedWidget(\"COLLECT_TYPE\").text();' +\n 'api.cmd(\"INST COLLECT with TYPE \"+type+\", DURATION 10.0\")'\nNAMED_WIDGET COLLECT_TYPE COMBOBOX NORMAL SPECIAL\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"COMBOBOX",src:d(6350).A+"",width:"386",height:"268"})}),"\n",(0,n.jsx)(s.h3,{id:"date",children:"DATE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a date picker"})}),"\n",(0,n.jsx)(s.p,{children:"Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Date label"}),(0,n.jsx)(s.td,{children:"Text to label the data selection ('Date' by default)"}),(0,n.jsx)(s.td,{children:"False"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"BUTTON 'Alert Date' 'var date = screen.getNamedWidget(\"DATE\").text();' +\n 'alert(\"Date:\"+date)'\nNAMED_WIDGET DATE DATE\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"DATE",src:d(9899).A+"",width:"372",height:"286"})}),"\n",(0,n.jsx)(s.h3,{id:"radiogroup",children:"RADIOGROUP"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Creates a group of RADIOBUTTONs"})}),"\n",(0,n.jsx)(s.p,{children:"RADIOBUTTONs must be part of a group to enable selection logic"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Initial selected button"}),(0,n.jsx)(s.td,{children:"Selects a radio button at initialization (0-based)"}),(0,n.jsx)(s.td,{children:"False"})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"radiobutton",children:"RADIOBUTTON"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a radio button and text"})}),"\n",(0,n.jsx)(s.p,{children:"Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET. It must be contained by a RADIOGROUP to enable typical selection of a single RADIOBUTTON."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Text"}),(0,n.jsx)(s.td,{children:"Text to display next to the radio button"}),(0,n.jsx)(s.td,{children:"True"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"NAMED_WIDGET GROUP RADIOGROUP 1 # Select 'Clear' initially, 0-based index\n RADIOBUTTON 'Abort'\n RADIOBUTTON 'Clear'\nEND\nBUTTON 'Send' \"screen.getNamedWidget('GROUP').selected() === 0 ? \" +\n \"api.cmd('INST ABORT') : api.cmd('INST CLEAR')\"\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"RADIOBUTTON",src:d(2854).A+"",width:"364",height:"276"})}),"\n",(0,n.jsx)(s.h3,{id:"textfield",children:"TEXTFIELD"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a rectangular box where the user can enter text"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Characters"}),(0,n.jsx)(s.td,{children:"Width of the text field in characters (default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Text"}),(0,n.jsx)(s.td,{children:"Default text to put in the text field (default is blank)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'NAMED_WIDGET DURATION TEXTFIELD 12 "10.0"\nBUTTON \'Start Collect\' \'var dur = screen.getNamedWidget("DURATION").text();\' +\n \'api.cmd("INST COLLECT with TYPE NORMAL, DURATION "+dur+"")\'\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"TEXTFIELD",src:d(7852).A+"",width:"370",height:"238"})}),"\n",(0,n.jsx)(s.h3,{id:"time",children:"TIME"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays a time picker"})}),"\n",(0,n.jsx)(s.p,{children:"Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET."}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsx)(s.tbody,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Time label"}),(0,n.jsx)(s.td,{children:"Text to label the time selection ('Time' by default)"}),(0,n.jsx)(s.td,{children:"False"})]})})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"BUTTON 'Alert Time' 'var time = screen.getNamedWidget(\"TIME\").text();' +\n 'alert(\"Time:\"+time)'\nNAMED_WIDGET TIME TIME\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"TIME",src:d(4124).A+"",width:"366",height:"272"})}),"\n",(0,n.jsx)(s.h2,{id:"canvas-widgets",children:"Canvas Widgets"}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsx)(s.p,{children:"Canvas Widgets are used to draw custom displays into telemetry screens. The canvas coordinate frame places (0,0) in the upper-left corner of the canvas."}),"\n",(0,n.jsx)(s.h3,{id:"canvas",children:"CANVAS"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Layout widget for the other canvas widgets"})}),"\n",(0,n.jsx)(s.p,{children:"All canvas widgets must be enclosed within a CANVAS widget."}),"\n",(0,n.jsx)(s.admonition,{type:"warning",children:(0,n.jsx)(s.p,{children:"The canvas coordinate frame places (0,0) in the upper-left corner of the canvas."})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Height"}),(0,n.jsx)(s.td,{children:"Height of the canvas"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"canvaslabel",children:"CANVASLABEL"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Draws text onto the canvas"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"X Position"}),(0,n.jsx)(s.td,{children:"X position of the upper-left corner of the text on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the upper-left corner of the text on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Text"}),(0,n.jsx)(s.td,{children:"Text to draw onto the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Font Size"}),(0,n.jsx)(s.td,{children:"Font size of the text (Default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color"}),(0,n.jsx)(s.td,{children:"Color of the text"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'CANVAS 100 100\n CANVASLABEL 5 34 "Label1" 24 red\n CANVASLABEL 5 70 "Label2" 18 blue\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CANVASLABEL",src:d(7273).A+"",width:"368",height:"278"})}),"\n",(0,n.jsx)(s.h3,{id:"canvaslabelvalue",children:"CANVASLABELVALUE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Draws the text value of a telemetry item onto the canvas in an optional frame"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"X Position"}),(0,n.jsx)(s.td,{children:"X position of the upper-left corner of the text on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the upper-left corner of the text on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Font Size"}),(0,n.jsx)(s.td,{children:"Font size of the text (Default = 12)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color"}),(0,n.jsx)(s.td,{children:"Color of the text"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED.",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"CANVAS 200 100\n CANVASLABELVALUE INST HEALTH_STATUS TEMP1 5 34 12 red\n CANVASLABELVALUE INST HEALTH_STATUS TEMP2 5 70 10 blue WITH_UNITS\nEND\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CANVASLABELVALUE",src:d(3582).A+"",width:"436",height:"276"})}),"\n",(0,n.jsx)(s.h3,{id:"canvasimage",children:"CANVASIMAGE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays an image on the canvas"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Image filename"}),(0,n.jsx)(s.td,{children:"Name of a image file. The file must be in the plugin's targets/TARGET/public directory."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"X Position"}),(0,n.jsx)(s.td,{children:"X position of the upper-left corner of the image on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the upper-left corner of the image on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'CANVAS 250 430\n CANVASIMAGE "satellite.png" 10 10 200 200\n SETTING SCREEN INST HS\n CANVASIMAGE "https://images.pexels.com/photos/256152/pexels-photo-256152.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=640&w=426" 0 250 250 150\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CANVASIMAGE",src:d(1196).A+"",width:"536",height:"948"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to CANVASIMAGE. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"screen-1",children:"SCREEN"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Open another screen when clicked"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"Name of the target"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Screen name"}),(0,n.jsx)(s.td,{children:"Name of the screen"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"canvasimagevalue",children:"CANVASIMAGEVALUE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Displays an image on the canvas that changes with a telemetry value"})}),"\n",(0,n.jsx)(s.p,{children:'Use various SETTING values to indicate which images should be displayed based on telemetry. For example, SETTING IMAGE CONNECTED "ground_on.png" 400 100. See the DEMO for a complete example.'}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Default image filename"}),(0,n.jsx)(s.td,{children:"The default image to display. The file must be in the targets/TARGET/public directory."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"X Position"}),(0,n.jsx)(s.td,{children:"X position of the upper-left corner of the image on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the upper-left corner of the image on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Image width"}),(0,n.jsx)(s.td,{children:"Width of the image (default is 100%)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Image height"}),(0,n.jsx)(s.td,{children:"Height of the image (default is 100%)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:'CANVAS 230 230\n CANVASIMAGEVALUE INST HEALTH_STATUS GROUND1STATUS CONVERTED "ground_error.png" 10 10 180 180\n SETTING IMAGE CONNECTED "ground_on.png" 10 10\n SETTING IMAGE UNAVAILABLE "ground_off.png" 10 10\n SETTING SCREEN INST HS\nEND\n'})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CANVASIMAGEVALUE",src:d(4005).A+"",width:"498",height:"546"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to CANVASIMAGEVALUE. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"image",children:"IMAGE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Map an image to a state or value"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"State or value"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Image filename"}),(0,n.jsx)(s.td,{children:"Image to display. The file must be in the targets/TARGET/public directory."}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"X Position"}),(0,n.jsx)(s.td,{children:"X position of the upper-left corner of the image on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the upper-left corner of the image on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h4,{id:"screen-2",children:"SCREEN"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Open another screen when clicked"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"Name of the target"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Screen name"}),(0,n.jsx)(s.td,{children:"Name of the screen"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"canvasline",children:"CANVASLINE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Draws a line onto the canvas"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start X Position"}),(0,n.jsx)(s.td,{children:"X position of the start of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the start of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"End X Position"}),(0,n.jsx)(s.td,{children:"X position of the end of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"End Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the end of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color"}),(0,n.jsx)(s.td,{children:"Color of the line"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the line in pixels (default = 1)"}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"CANVAS 100 50\n CANVASLINE 5 5 95 5\n CANVASLINE 5 5 5 45 green 2\n CANVASLINE 95 5 95 45 blue 3\nEND\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CANVASLINE",src:d(7485).A+"",width:"376",height:"180"})}),"\n",(0,n.jsx)(s.h3,{id:"canvaslinevalue",children:"CANVASLINEVALUE"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Draws a color changing line onto the canvas"})}),"\n",(0,n.jsx)(s.p,{children:"The line is represented by one of two colors based on the value of the associated telemetry item"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Target name"}),(0,n.jsx)(s.td,{children:"The target name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Packet name"}),(0,n.jsx)(s.td,{children:"The packet name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Item name"}),(0,n.jsx)(s.td,{children:"The item name"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start X Position"}),(0,n.jsx)(s.td,{children:"X position of the start of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Start Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the start of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"End X Position"}),(0,n.jsx)(s.td,{children:"X position of the end of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"End Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the end of the line on the canvas"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Width"}),(0,n.jsx)(s.td,{children:"Width of the line in pixels (default = 3)"}),(0,n.jsx)(s.td,{children:"False"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value type"}),(0,n.jsxs)(s.td,{children:["The type of the value to display. Default is CONVERTED",(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),"Valid Values: ",(0,n.jsx)("span",{class:"values",children:"RAW, CONVERTED, FORMATTED, WITH_UNITS"})]}),(0,n.jsx)(s.td,{children:"False"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"CANVAS 120 50\n CANVASLABELVALUE INST HEALTH_STATUS GROUND1STATUS 0 12 12 black\n CANVASLINEVALUE INST HEALTH_STATUS GROUND1STATUS 5 25 115 25 5 RAW\n SETTING VALUE_EQ 1 GREEN\n SETTING VALUE_EQ 0 RED\n CANVASLINEVALUE INST HEALTH_STATUS GROUND1STATUS 5 45 115 45\n SETTING VALUE_EQ CONNECTED GREEN\n SETTING VALUE_EQ UNAVAILABLE RED\nEND\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CANVASLINEVALUE",src:d(9866).A+"",width:"370",height:"184"})}),"\n",(0,n.jsx)(s.p,{children:"The following settings apply to CANVASLINEVALUE. They are applied using the SETTING keyword."}),"\n",(0,n.jsx)(s.h4,{id:"value_eq",children:"VALUE_EQ"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)("div",{class:"right",children:"(Since 5.5.1)"}),(0,n.jsx)(s.strong,{children:"Map a value to a color"})]}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Value"}),(0,n.jsx)(s.td,{children:"State or value"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color"}),(0,n.jsx)(s.td,{children:"Color of the line"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"canvasdot",children:"CANVASDOT"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.strong,{children:"Draws a dot onto the canvas"})}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Parameter"}),(0,n.jsx)(s.th,{children:"Description"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"X Position"}),(0,n.jsx)(s.td,{children:"X position of the dot"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Y Position"}),(0,n.jsx)(s.td,{children:"Y position of the dot"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Color"}),(0,n.jsx)(s.td,{children:"Color of the dot"}),(0,n.jsx)(s.td,{children:"True"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:"Radius"}),(0,n.jsx)(s.td,{children:"Radius of the dot in pixels"}),(0,n.jsx)(s.td,{children:"True"})]})]})]}),"\n",(0,n.jsx)(s.p,{children:"Example Usage:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"CANVAS 50 50\n CANVASDOT 10 15 BLUE 5\nEND\n"})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"CANVASDOT",src:d(14).A+"",width:"374",height:"182"})}),"\n",(0,n.jsx)(s.h2,{id:"example-file",children:"Example File"}),"\n",(0,n.jsx)(s.p,{children:"Example File: TARGET/myscreen.txt"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-ruby",children:"SCREEN AUTO AUTO 0.5\nVERTICAL\n TITLE \"<%= target_name %> Commanding Examples\"\n LABELVALUE INST HEALTH_STATUS COLLECTS\n LABELVALUE INST HEALTH_STATUS COLLECT_TYPE\n LABELVALUE INST HEALTH_STATUS DURATION\n VERTICALBOX \"Send Collect Command:\"\n HORIZONTAL\n LABEL \"Type: \"\n NAMED_WIDGET COLLECT_TYPE COMBOBOX NORMAL SPECIAL\n END\n HORIZONTAL\n LABEL \" Duration: \"\n NAMED_WIDGET DURATION TEXTFIELD 12 \"10.0\"\n END\n BUTTON 'Start Collect' \"api.cmd('INST COLLECT with TYPE '+screen.getNamedWidget('COLLECT_TYPE').text()+', DURATION '+screen.getNamedWidget('DURATION').text())\"\n END\n SETTING BACKCOLOR 163 185 163\n VERTICALBOX \"Parameter-less Commands:\"\n NAMED_WIDGET GROUP RADIOGROUP 1 # Select 'Clear' initially, 0-based index\n RADIOBUTTON 'Abort'\n RADIOBUTTON 'Clear'\n END\n NAMED_WIDGET CHECK CHECKBUTTON 'Ignore Hazardous Checks' # No option is by default UNCHECKED\n BUTTON 'Send' \"screen.getNamedWidget('GROUP').selected() === 0 ? api.cmd('INST ABORT') : (screen.getNamedWidget('CHECK').checked() ? api.cmd_no_hazardous_check('INST CLEAR') : api.cmd('INST CLEAR'))\"\n END\n SETTING BACKCOLOR 163 185 163\nEND\n"})})]})}function x(e={}){let{wrapper:s}={...(0,i.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},4272:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/array-c0c541246cb3f9e355acc5c510649c29116ce4d6eb8864b9ace48e9958b36421.png"},9689:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/arrayplot-ab4963f7ad4eb1d7ecc646065dd43b4816a06367fa5e07d58b8cf520deff931e.png"},6777:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/backcolor-39ca0e2a25bd98fe1c9e067f026f3a719a760d3f14ccb404e2da3a0af4235760.png"},6980:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/block-14583c7d26c1a1c6553435d57015bc5282426f7aa176804867de223009a8d4d7.png"},5316:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/bordercolor-a3ac15f24f91c910fcc9c8bd195232205ec44da0b428b11b71108687ce6316d3.png"},987:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/button-3f6fd69518f4b2c60b15605ca607cda8b596d4d5e804b867f09f750a47b6cbad.png"},14:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/canvasdot-d634bed1905d13b0da41200e62781cea6e012b5d68fc914f4c11f512c9c4f7fd.png"},1196:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/canvasimage-6f6f83dc6d777fdff0b820287a96ad171a475fda2896c0a3b678b14984e496fd.png"},4005:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/canvasimagevalue-8c835310f99cebbb15ad34632c77370cf4cc9b95535040fa4723df8baedb5b57.png"},7273:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/canvaslabel-68ee99da9ef15924a2b5b41c60ba7de47382d036eece57574411839ff5ec14e4.png"},3582:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/canvaslabelvalue-43254b6647e626939e79ec7e0940e921582039af006e5024c952881ba196b165.png"},7485:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/canvasline-c5120da84530d4a60a04d40d5565daede656639808d1a456f430e9404a2d5bad.png"},9866:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/canvaslinevalue-5540d10997f723fd09b269b75997452622a3c4333ed4f25628747c1212699255.png"},5491:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/checkbutton-c263b840dcdbeca5cd886884fe8f24bedac7daac5a0ca224a1fb2cce3e24bdf6.png"},6350:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/combobox-6c8fa241aa7c5ccf31a42a2373dbd4f6f66d9a063e98ba111d5472b5c8e21590.png"},9899:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/date-d104f822ef7a1b99ade0a334e2e34c27fc6b1d087ed267f13280623a943113ce.png"},327:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/formatvalue-8e2ddb6cec177fde1846d333d70168479a3bf67dd2b293764f938726b9e7cdf8.png"},8742:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/height-67268e562da2f9b2d0b9adc38d8fb2ba629504b09d798d8c26be9cfbfdad672a.png"},1895:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/horizontal-11de51b6fc8baf057ca4f38a7f54a5302b58f30099331c22a074f012e53497aa.png"},4892:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/horizontalbox-085c91cebe26fdd5f85b467556607dd4631da5bccabd84fb164d1f46e45e60c9.png"},2857:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/horizontalline-0805762eadcc125ed6584a29a60e7cf8e2d76d13c6243e18eecbaba7a3803128.png"},5991:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/iframe-30d5a4104336b84d18ba538d668978a7986679431a7fe1fd0e3179fea08c074f.png"},8082:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/imageviewer-6149159e29a35cd6694926b344836ce034ce17cc019537028a80d95460eec405.png"},4733:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/label-25a3052a497d0db7ebf84c788baedcd01d34f4b423aceee53d6d83639a128e82.png"},5234:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/labelled-b8d0f0a157f48e1fa98511f9177f962e69d1e0e8c24b37cf9f355671f9d13ab8.png"},2909:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/labelprogressbar-c3412db92b2f4e6af20233b085ee20915414d6c4da371398a3e8f36b84971cc7.png"},2940:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/labelsparkline-5985a0f034a5d2fb54b040612178ac9f0d5476eb76ca7e04cacc2618a9970c69.png"},4554:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/labelvalue-db97724272df4815b4ecc397974f91a62c31108b98ef0657716c670ca8128051.png"},3257:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/labelvaluedesc-2e174a9f3443ba971683dea9a33f8aa66d0248fb92a3aff41ec26b7424b5e68c.png"},5508:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/labelvaluelimitscolumn-47664affa9d88150ce257e90d32c61b314d7f0b6aa6da4f5e49152be2cce4ef7.png"},884:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/labelvaluerangebar-641eba160b8ef7872557584de92f046d9e4411fae3280781f9b049265cc6dd52.png"},8680:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/led-d333a6c7e8b1bad13b7775142c74f94b1829ddedd38814d606b2d00e76707751.png"},24:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/limitsbar-4f2758f846f6f8a1add81aeaf3b58e071792a6d2ccae9eb504e9c07ab8f8dae1.png"},3122:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/limitscolor-32147ddf199a0f1cb68aae5992356bbd745074821e5244d913494a4ad0b638f5.png"},105:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/limitscolumn-743800180e9558c86a4f5c5d949e2b8355420a98c85ef98a3320b09defa21fe6.png"},7105:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/linegraph-dc3cca59601beb3ea551bbd05e4e09b6cfabd1a7cbc93b757a7d4b22c478a75b.png"},6730:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/margin-4247b51c2c305cb961d08a807f30883b7fc6d9e3316c18174b86afe2356106dd.png"},2014:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/matrixbycolumns-74a67f236a97fffbdf7251fc98da2302a92df20ad16793a1617bc6f77380c9f6.png"},8033:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/named_widget-37362db8e310e5639be849d729fd637677f72330d676da4cd6baafc4b961331c.png"},9752:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/padding-e8ceea8ec79def3b14d186971854c44883675d974409366b77c586eedd85025c.png"},8435:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/progressbar-cc1095369de0d483c4a9b07ad3a76f9e966990b2aa68b2bc8177d7130ed382a7.png"},2854:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/radiobutton-9151f7cb0dae5120e51e05b5575981c143e19f350e84c7e190d3dd78aa80fae8.png"},7673:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/rangebar-ceae5a30609ab12625e29fd479e88fb3ba16eb12879976edc807da87547a275d.png"},6661:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/raw-63c1dd793f4a734e7d512bf4c0c3722831c38d5392a1a1b0cb77bbef4d16b96b.png"},653:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/rollup-ff0cecc0daa8dbdc84bc2a81efe4625b88f36a699368ada18e70c8d3d0c63c06.png"},260:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/scrollwindow-03e2823bf392679f0bd26159f476bad2f6d70a7ebb5a31e109fd75ad681cdd50.png"},7515:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/signal-0e5def1ecb42b4688c7c6ab616ae87ef05c8b9afb5b1a27077e6cc9127721668.png"},4611:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/spacer-055e206bed0b13cba778071458407f184a690a8f2d5ff9cd9789f925c60c4886.png"},2954:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/sparkline-c5f8ecd361eef8172a9dea7ff70f3c1b056a3a00b525459429ead67d00c0c0e5.png"},7789:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/subsetting-ef46d38a0ba47b2fd0ad48422ccc7343a6ff88901c8a9675a27c13c9313e222b.png"},863:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/tabitem-58fb7c6faa16ac04a0561a0315515852ad43ebdfbf709bd65b211af29f2f85f1.png"},6255:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/textbox-9e4a1eb37cf68aabf92e326ff248d098a70295ffe6f7cf2e002a5dbff9ff0ef5.png"},4789:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/textcolor-e6d5bb0fba3786e4da7dd5e739306500ddc5fc6a4ead8e212bbe99a80433596c.png"},7852:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/textfield-931f510c2160ed8e5475bee78fa4c6cebd67d9195d92a22600217824ff55943d.png"},4124:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/time-d77e3f94633eb1008d5a382054940052070f5a4cd385f4a9203c0f60d406d7c6.png"},2069:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/title-5817bee0aa4702b4fd22c81a25e8036c1afc88a465a68d79707b2d58fb48789a.png"},4484:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/value-825b95d71be2c565e1d3fa5c57ec94be1bbb6e0a1e8166abb8617d5f50a93d39.png"},9461:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/valuelimitsbar-fd7637e8b4287430ab21a888acd1d10276438186bad6d204a4081c1b0423950f.png"},5518:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/valuelimitscolumn-aecfce9016c27e500eb506675bd372f77df1d671fd8fb0f30debe18c5cfee46c.png"},7554:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/valuerangebar-3a860f1fb4af1beeeb846c389c60f08eb633cc15cbb6f1c09509b5f5c0116d56.png"},1801:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/vertical-d4ea61f78a2cfc2cacc725f0a5dea194ab75278f0cb676e4a749f55d58a632f3.png"},1826:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/verticalbox-75738427d398302986b52afb373acef11abf3a24f60d20b8cca442688054b22b.png"},3171:function(e,s,d){d.d(s,{A:()=>t});let t=d.p+"assets/images/width-1a69354459761ea23e4824436ef364124236f9bb96d46a28c97d8ff20d07ab81.png"},2600:function(e,s,d){d.d(s,{R:()=>r,x:()=>l});var t=d(4041);let n={},i=t.createContext(n);function r(e){let s=t.useContext(i);return t.useMemo(function(){return"function"==typeof e?e(s):{...s,...e}},[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),t.createElement(i.Provider,{value:s},e.children)}}}]);

data/tools/staticdocs/assets/js/97535711.2a29c3e7.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkdocs_openc3_com=self.webpackChunkdocs_openc3_com||[]).push([["7830"],{6494:function(e,n,s){s.r(n),s.d(n,{frontMatter:()=>r,toc:()=>a,default:()=>h,metadata:()=>t,assets:()=>c,contentTitle:()=>l});var t=JSON.parse('{"id":"development/testing","title":"Testing COSMOS","description":"Running the Playwright integration tests and unit tests","source":"@site/docs/development/testing.md","sourceDirName":"development","slug":"/development/testing","permalink":"/tools/staticdocs/docs/development/testing","draft":false,"unlisted":false,"editUrl":"https://github.com/OpenC3/cosmos/tree/main/docs.openc3.com/docs/development/testing.md","tags":[],"version":"current","frontMatter":{"title":"Testing COSMOS","description":"Running the Playwright integration tests and unit tests","sidebar_custom_props":{"myEmoji":"\u{1F4CB}"}},"sidebar":"defaultSidebar","previous":{"title":"Streaming API","permalink":"/tools/staticdocs/docs/development/streaming-api"},"next":{"title":"Meta","permalink":"/tools/staticdocs/docs/meta"}}'),o=s(1085),i=s(2600);let r={title:"Testing COSMOS",description:"Running the Playwright integration tests and unit tests",sidebar_custom_props:{myEmoji:"\u{1F4CB}"}},l,c={},a=[{value:"Playwright",id:"playwright",level:2},{value:"Prerequesits",id:"prerequesits",level:3},{value:"Playwright Testing",id:"playwright-testing",level:3},{value:"Ruby Unit Tests",id:"ruby-unit-tests",level:2},{value:"Python Unit Tests",id:"python-unit-tests",level:2}];function d(e){let n={code:"code",em:"em",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",...(0,i.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.h2,{id:"playwright",children:"Playwright"}),"\n",(0,o.jsx)(n.h3,{id:"prerequesits",children:"Prerequesits"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:"Install Yarn"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"npm install --global yarn\n"})}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:"Clone the COSMOS Playwright repo"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"git clone https://github.com/OpenC3/cosmos-playwright\n"})}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:"Install Playwright and dependencies"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos-playwright % yarn install\n"})}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(n.h3,{id:"playwright-testing",children:"Playwright Testing"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:"Start COSMOS"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos % openc3.sh start\n"})}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:'Open COSMOS in your browser. At the login screen, set the password to "password".'}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:"Run tests (Note the --headed option visually displays tests, leave it off to run in the background)"}),"\n",(0,o.jsx)(n.p,{children:"Tests are split into a group that runs in parallel and a group that runs serially. This is done to improve overall execution time."}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos-playwright % yarn test:parallel --headed\ncosmos-playwright % yarn test:serial --headed\n"})}),"\n",(0,o.jsx)(n.p,{children:"You can run both groups together, but the --headed option will not apply to both groups:"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos-playwright % yarn test\n"})}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.em,{children:"[Optional]"})," Fix istanbul/nyc coverage source lookups (use ",(0,o.jsx)(n.code,{children:"fixwindows"})," if not on Linux)."]}),"\n",(0,o.jsx)(n.p,{children:"Tests will run successfully without this step and you will get coverage statistics, but line-by-line coverage won't work."}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos-playwright % yarn fixlinux\n"})}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:"Generate code coverage"}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos-playwright % yarn coverage\n"})}),"\n"]}),"\n"]}),"\n",(0,o.jsxs)(n.p,{children:["Code coverage reports can be viewed at ",(0,o.jsx)(n.code,{children:"openc3-playwright/coverage/index.html"})]}),"\n",(0,o.jsx)(n.h2,{id:"ruby-unit-tests",children:"Ruby Unit Tests"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:["Navigate to ",(0,o.jsx)(n.strong,{children:"cosmos/openc3"})," folder. Run the command:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos/openc3 % rake build\ncosmos/openc3 % bundle exec rspec\n"})}),"\n"]}),"\n"]}),"\n",(0,o.jsxs)(n.p,{children:["Code coverage reports can be found at ",(0,o.jsx)(n.code,{children:"cosmos/openc3/coverage/index.html"})]}),"\n",(0,o.jsx)(n.h2,{id:"python-unit-tests",children:"Python Unit Tests"}),"\n",(0,o.jsxs)(n.ol,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:["Navigate to ",(0,o.jsx)(n.strong,{children:"cosmos/openc3/python"})," folder. Run the command:"]}),"\n",(0,o.jsx)(n.pre,{children:(0,o.jsx)(n.code,{className:"language-bash",children:"cosmos/openc3/python % python -m pip install poetry\ncosmos/openc3/python % poetry install\ncosmos/openc3/python % poetry run coverage run -m pytest\ncosmos/openc3/python % poetry run coverage html\n"})}),"\n"]}),"\n"]}),"\n",(0,o.jsxs)(n.p,{children:["Code coverage reports can be found at ",(0,o.jsx)(n.code,{children:"cosmos/openc3/python/coverage/index.html"})]})]})}function h(e={}){let{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}},2600:function(e,n,s){s.d(n,{R:()=>r,x:()=>l});var t=s(4041);let o={},i=t.createContext(o);function r(e){let n=t.useContext(i);return t.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(i.Provider,{value:n},e.children)}}}]);

data/tools/staticdocs/assets/js/99581c43.791cdc39.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkdocs_openc3_com=self.webpackChunkdocs_openc3_com||[]).push([["6526"],{6843:function(e,n,i){i.r(n),i.d(n,{frontMatter:()=>r,toc:()=>c,default:()=>a,metadata:()=>t,assets:()=>l,contentTitle:()=>d});var t=JSON.parse('{"id":"guides/custom-widgets","title":"Custom Widgets","description":"How to build custom widgets for use in Telemetry Viewer","source":"@site/docs/guides/custom-widgets.md","sourceDirName":"guides","slug":"/guides/custom-widgets","permalink":"/tools/staticdocs/docs/guides/custom-widgets","draft":false,"unlisted":false,"editUrl":"https://github.com/OpenC3/cosmos/tree/main/docs.openc3.com/docs/guides/custom-widgets.md","tags":[],"version":"current","frontMatter":{"title":"Custom Widgets","description":"How to build custom widgets for use in Telemetry Viewer","sidebar_custom_props":{"myEmoji":"\u{1F528}"}},"sidebar":"defaultSidebar","previous":{"title":"COSMOS and NASA cFS","permalink":"/tools/staticdocs/docs/guides/cfs"},"next":{"title":"Dynamic Packets","permalink":"/tools/staticdocs/docs/guides/dynamic-packets"}}'),s=i(1085),o=i(2600);let r={title:"Custom Widgets",description:"How to build custom widgets for use in Telemetry Viewer",sidebar_custom_props:{myEmoji:"\u{1F528}"}},d="Custom Widgets",l={},c=[{value:"Step 1: Set Up Your Plugin Structure",id:"step-1-set-up-your-plugin-structure",level:2},{value:"Step 2: Declare Your Widget in plugin.txt",id:"step-2-declare-your-widget-in-plugintxt",level:2},{value:"Step 3: Configure Your Build Process",id:"step-3-configure-your-build-process",level:2},{value:"Set Up package.json",id:"set-up-packagejson",level:3},{value:"Update Your Rakefile",id:"update-your-rakefile",level:3},{value:"Step 4: Create Your Widget Component",id:"step-4-create-your-widget-component",level:2},{value:"Step 5: Develop Your Widget",id:"step-5-develop-your-widget",level:2},{value:"Designing Your Widget Layout",id:"designing-your-widget-layout",level:3},{value:"Adding Widget Logic",id:"adding-widget-logic",level:3},{value:"Styling Your Widget",id:"styling-your-widget",level:3},{value:"Step 6: Configure Your Build Output",id:"step-6-configure-your-build-output",level:2},{value:"Step 7: Use Your Widget in a Screen Definition",id:"step-7-use-your-widget-in-a-screen-definition",level:2},{value:"Step 8: Build and Deploy Your Plugin",id:"step-8-build-and-deploy-your-plugin",level:2}];function u(e){let n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,o.R)(),...e.components},{TabItem:t,Tabs:r}=n;return t||g("TabItem",!0),r||g("Tabs",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"custom-widgets",children:"Custom Widgets"})}),"\n",(0,s.jsxs)(n.p,{children:["This guide will walk you through the process of building custom widgets for use in COSMOS ",(0,s.jsx)(n.a,{href:"/tools/staticdocs/docs/tools/tlm-viewer",children:"Telemetry Viewer"}),". While you can use any JavaScript framework, we'll use Vue.js since COSMOS is built with it. Before starting, you may want to check out the ",(0,s.jsx)(n.a,{href:"/docs/getting-started/generators#widget-generator",children:"Widget Generator"})," guide to create the initial scaffolding."]}),"\n",(0,s.jsx)(n.h2,{id:"step-1-set-up-your-plugin-structure",children:"Step 1: Set Up Your Plugin Structure"}),"\n",(0,s.jsxs)(n.p,{children:["If you have an existing plugin, start in the root directory for that plugin. If you do not yet have a plugin, start by using the ",(0,s.jsx)(n.a,{href:"/docs/getting-started/generators#plugin-generator",children:"Plugin Generator"})," to create one."]}),"\n",(0,s.jsx)(n.admonition,{title:"Use separate plugins for tools and widgets",type:"warning",children:(0,s.jsx)(n.p,{children:"If your existing plugin contains a custom tool, you may run into build issues. In this instance, we recommend having one plugin for your custom tool, and a second plugin for you custom custom widgets."})}),"\n",(0,s.jsxs)(n.p,{children:["In your plugin's root directory, use the ",(0,s.jsx)(n.a,{href:"/docs/getting-started/generators#widget-generator",children:"Widget Generator"})," to scaffold the widget."]}),"\n",(0,s.jsx)(n.p,{children:"Ensure your plugin has the correct directory structure:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"your-plugin/\n\u251C\u2500\u2500 LICENSE.txt\n\u251C\u2500\u2500 your-plugin.gemspec\n\u251C\u2500\u2500 package.json\n\u251C\u2500\u2500 plugin.txt\n\u251C\u2500\u2500 Rakefile\n\u251C\u2500\u2500 README.md\n\u251C\u2500\u2500 src/\n\u2502 \u2514\u2500\u2500 YourcustomWidget.vue\n\u2514\u2500\u2500 vite.config.js\n"})}),"\n",(0,s.jsx)(n.h2,{id:"step-2-declare-your-widget-in-plugintxt",children:"Step 2: Declare Your Widget in plugin.txt"}),"\n",(0,s.jsxs)(n.p,{children:["In your plugin's ",(0,s.jsx)(n.code,{children:"plugin.txt"})," file, declare each custom widget you want to create:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ruby",children:"WIDGET YOURCUSTOM\n"})}),"\n",(0,s.jsx)(n.p,{children:"For example, in the COSMOS Demo plugin, two widgets are declared:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ruby",children:"WIDGET BIG\nWIDGET HELLOWORLD\n"})}),"\n",(0,s.jsx)(n.h2,{id:"step-3-configure-your-build-process",children:"Step 3: Configure Your Build Process"}),"\n",(0,s.jsx)(n.h3,{id:"set-up-packagejson",children:"Set Up package.json"}),"\n",(0,s.jsxs)(n.p,{children:["Ensure your ",(0,s.jsx)(n.code,{children:"package.json"})," includes the necessary build script:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-json",children:'{\n "scripts": {\n "build": "vite build"\n },\n "dependencies": {\n "@openc3/vue-common": "latest"\n },\n "devDependencies": {\n "vite": "latest"\n }\n}\n'})}),"\n",(0,s.jsx)(n.h3,{id:"update-your-rakefile",children:"Update Your Rakefile"}),"\n",(0,s.jsxs)(n.p,{children:["Ensure your ",(0,s.jsx)(n.code,{children:"Rakefile"})," is configured to run the build script in its ",(0,s.jsx)(n.code,{children:":build"})," task:"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"(This should happen automatically if you use our code generators mentioned above.)"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ruby",children:"task :build do\n # ...\n\n # Build the widget and gem using sh built into Rake:\n # https://rubydoc.info/gems/rake/FileUtils#sh-instance_method\n sh('yarn', 'run', 'build')\n\n # ...\nend\n"})}),"\n",(0,s.jsx)(n.h2,{id:"step-4-create-your-widget-component",children:"Step 4: Create Your Widget Component"}),"\n",(0,s.jsxs)(n.p,{children:["If it doesn't exist already, create a Vue component file in the ",(0,s.jsx)(n.code,{children:"src"})," directory, following this naming convention: ",(0,s.jsx)(n.code,{children:"YourcustomWidget.vue"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:['For example, to create a widget called "HELLOWORLD", you would create ',(0,s.jsx)(n.code,{children:"HelloworldWidget.vue"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",children:'<template>\n \x3c!-- Your widget\'s HTML structure goes here --\x3e\n</template>\n\n<script>\n import { Widget } from "@openc3/vue-common/widgets";\n export default {\n mixins: [Widget],\n data() {\n return {\n // Reactive data items\n };\n },\n };\n<\/script>\n<style scoped>\n /* Widget-specific styles */\n</style>\n'})}),"\n",(0,s.jsx)(n.h2,{id:"step-5-develop-your-widget",children:"Step 5: Develop Your Widget"}),"\n",(0,s.jsx)(n.p,{children:"This is where you'll design the actual layout and functionality of your widget. Let's expand on this using the Helloworld Widget as an example:"}),"\n",(0,s.jsx)(n.h3,{id:"designing-your-widget-layout",children:"Designing Your Widget Layout"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"<template>"})," section, you'll define your widget's visual structure. For a simple Hello World widget:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",children:'<template>\n <div class="hello-world-container">\n <h3>{{ greeting }}</h3>\n <p>This is a custom COSMOS widget</p>\n <v-btn @click="updateGreeting" color="primary"> Change Greeting </v-btn>\n </div>\n</template>\n'})}),"\n",(0,s.jsx)(n.admonition,{title:"Vue & Vuetify",type:"info",children:(0,s.jsxs)(n.p,{children:["For more information about how the COSMOS frontend is built (including all the Widgets) please check out ",(0,s.jsx)(n.a,{href:"https://vuejs.org",children:"Vue.js"})," and ",(0,s.jsx)(n.a,{href:"https://vuetifyjs.com",children:"Vuetify"}),"."]})}),"\n",(0,s.jsx)(n.h3,{id:"adding-widget-logic",children:"Adding Widget Logic"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"<script>"})," section, define the behavior of your widget:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",children:'<script>\n import { Widget } from "@openc3/vue-common/widgets"; // Make sure you import Widget\n export default {\n mixins: [Widget], // Make sure you include Widget in the mixins here\n data() {\n return {\n greeting: "Hello, COSMOS!",\n greetings: ["Hello, COSMOS!", "Greetings, User!", "Welcome to COSMOS!"],\n };\n },\n methods: {\n updateGreeting() {\n // Cycle through different greetings\n const currentIndex = this.greetings.indexOf(this.greeting);\n const nextIndex = (currentIndex + 1) % this.greetings.length;\n this.greeting = this.greetings[nextIndex];\n },\n },\n };\n<\/script>\n'})}),"\n",(0,s.jsx)(n.h3,{id:"styling-your-widget",children:"Styling Your Widget"}),"\n",(0,s.jsxs)(n.p,{children:["Add custom styles in the ",(0,s.jsx)(n.code,{children:"<style>"})," section:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",children:"<style scoped>\n .hello-world-container {\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 4px;\n text-align: center;\n background-color: #f9f9f9;\n }\n</style>\n"})}),"\n",(0,s.jsx)(n.h2,{id:"step-6-configure-your-build-output",children:"Step 6: Configure Your Build Output"}),"\n",(0,s.jsxs)(n.p,{children:["Ensure your ",(0,s.jsx)(n.code,{children:"vite.config.js"})," file is configured to properly build your widgets:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-javascript",children:'import { defineConfig } from "vite";\nimport VitePluginStyleInject from "vite-plugin-style-inject";\nimport vue from "@vitejs/plugin-vue";\n\nconst DEFAULT_EXTENSIONS = [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json"];\n\nexport default defineConfig({\n build: {\n outDir: "tools/widgets/YourcustomWidget",\n emptyOutDir: true,\n sourcemap: true,\n lib: {\n entry: "./src/YourcustomWidget.vue",\n name: "YourcustomWidget",\n fileName: (format, entryName) => `${entryName}.${format}.min.js`,\n formats: ["umd"],\n },\n rollupOptions: {\n external: ["vue", "vuetify"],\n },\n },\n plugins: [vue(), VitePluginStyleInject()],\n resolve: {\n extensions: [...DEFAULT_EXTENSIONS, ".vue"], // not recommended but saves us from having to change every SFC import\n },\n});\n'})}),"\n",(0,s.jsx)(n.h2,{id:"step-7-use-your-widget-in-a-screen-definition",children:"Step 7: Use Your Widget in a Screen Definition"}),"\n",(0,s.jsx)(n.p,{children:"Create a screen definition file in your target's screens directory:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ruby",children:"SCREEN AUTO AUTO 0.5\nLABELVALUE <%= target_name %> HEALTH_STATUS CCSDSSEQCNT\nHELLOWORLD\n"})}),"\n",(0,s.jsx)(n.p,{children:"In this example, we're using the HELLOWORLD widget from the demo, which will result in a screen that looks like this:"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{alt:"Simple Screen",src:i(8029).A+"",width:"681",height:"210"})}),"\n",(0,s.jsxs)(n.p,{children:["The widget name follows the convention from ",(0,s.jsx)(n.code,{children:"plugin.txt"})," file. The screen definition for a screen that has only your custom widget created here, ensure your screen definition looks like this:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ruby",children:"SCREEN AUTO AUTO 0.5\nYOURCUSTOM\n"})}),"\n",(0,s.jsx)(n.p,{children:"If your widget requires telemetry data, make sure you include the target and telemetry information:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ruby",children:"YOURCUSTOM <%= target_name %> HEALTH_STATUS TEMP1\n"})}),"\n",(0,s.jsx)(n.h2,{id:"step-8-build-and-deploy-your-plugin",children:"Step 8: Build and Deploy Your Plugin"}),"\n",(0,s.jsxs)(n.p,{children:["In order to build a widget, a container containing ",(0,s.jsx)(n.code,{children:"node"})," and ",(0,s.jsx)(n.code,{children:"yarn"})," is necessary."]}),"\n",(0,s.jsxs)(r,{groupId:"operating-system",children:[(0,s.jsx)(t,{value:"linux",label:"Linux / macOS",children:(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"% docker run -it -v `pwd`:/openc3/local:z -w /openc3/local openc3inc/openc3-node sh\n/openc3/local $ yarn\n/openc3/local $ rake build\n"})})}),(0,s.jsx)(t,{value:"windows",label:"Windows",children:(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"docker run -it -v %cd%:/openc3/local -w /openc3/local openc3inc/openc3-node sh\n/openc3/local $ yarn\n/openc3/local $ rake build\n"})})})]}),"\n",(0,s.jsx)(n.p,{children:"Notes:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["The ",(0,s.jsx)(n.code,{children:"openc3-node"})," container is currently missing the ",(0,s.jsx)(n.code,{children:"openc3"})," gem, so the gem validation will fail. This does not impact widget development."]}),"\n",(0,s.jsxs)(n.li,{children:["The ",(0,s.jsx)(n.code,{children:"openc3-node"})," container may need to be run as ",(0,s.jsx)(n.code,{children:"root"})," so that ",(0,s.jsx)(n.code,{children:"yarn"})," has the permissions to create ",(0,s.jsx)(n.code,{children:"node_modules"})," in the host widget directory."]}),"\n",(0,s.jsxs)(n.li,{children:["If you are behind a firewall/proxy, the ",(0,s.jsx)(n.code,{children:"NODE_EXTRA_CA_CERTS"})," in the container may need to be set for ",(0,s.jsx)(n.code,{children:"yarn"})," to work. The ",(0,s.jsx)(n.code,{children:"Error: self-signed certificate in certificate chain error"})," signifies the need for this env variable."]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Now open Telemetry Viewer and select your screen to see your custom widget in action!"}),"\n",(0,s.jsx)(n.p,{children:"While this example is simple, the possibilities with custom widgets are limitless!"})]})}function a(e={}){let{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}function g(e,n){throw Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},8029:function(e,n,i){i.d(n,{A:()=>t});let t=i.p+"assets/images/simple_screen-e3de1ad836c0661d73a0ba970f991c64df8ecc7e23f9e944b6508a9a43fbc33c.png"},2600:function(e,n,i){i.d(n,{R:()=>r,x:()=>d});var t=i(4041);let s={},o=t.createContext(s);function r(e){let n=t.useContext(o);return t.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);

data/tools/staticdocs/assets/js/9fb6059a.5f39bd90.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkdocs_openc3_com=self.webpackChunkdocs_openc3_com||[]).push([["9958"],{2612:function(e,o,t){t.r(o),t.d(o,{frontMatter:()=>s,toc:()=>l,default:()=>u,metadata:()=>i,assets:()=>c,contentTitle:()=>a});var i=JSON.parse('{"id":"privacy","title":"OpenC3, Inc. Privacy Policy","description":"OpenC3 Inc. is strongly committed to protecting your privacy and complying with your choices. Both personal and non-personal information collected is safeguarded according to the highest privacy and data protection standards adopted worldwide. We have always had a robust and effective data protection program in place which complies with existing law and abides by the data protection principles. However, we recognise our obligations in updating and expanding this program to meet the demands of the GDPR.","source":"@site/docs/privacy.md","sourceDirName":".","slug":"/privacy","permalink":"/tools/staticdocs/docs/privacy","draft":false,"unlisted":false,"editUrl":"https://github.com/OpenC3/cosmos/tree/main/docs.openc3.com/docs/privacy.md","tags":[],"version":"current","frontMatter":{"title":"OpenC3, Inc. Privacy Policy"},"sidebar":"defaultSidebar","previous":{"title":"XTCE Support","permalink":"/tools/staticdocs/docs/meta/xtce"}}'),n=t(1085),r=t(2600);let s={title:"OpenC3, Inc. Privacy Policy"},a,c={},l=[{value:"Our Commitment",id:"our-commitment",level:2},{value:"1. Notice",id:"1-notice",level:2},{value:"2. Usage",id:"2-usage",level:2},{value:"3. Consent",id:"3-consent",level:2},{value:"4. Access to your information",id:"4-access-to-your-information",level:2},{value:"5. Security of information",id:"5-security-of-information",level:2},{value:"6. Retention of information",id:"6-retention-of-information",level:2},{value:"7. EU and EEA Users\u2019 Rights",id:"7-eu-and-eea-users-rights",level:2},{value:"8. What we do with the Information you share",id:"8-what-we-do-with-the-information-you-share",level:2},{value:"9. How to opt-out",id:"9-how-to-opt-out",level:2},{value:"10. Does OpenC3 Inc's privacy policy apply to linked websites?",id:"10-does-openc3-incs-privacy-policy-apply-to-linked-websites",level:2},{value:"11. Changes to this policy",id:"11-changes-to-this-policy",level:2},{value:"12. Enforcement of policy",id:"12-enforcement-of-policy",level:2},{value:"13. Questions or comments",id:"13-questions-or-comments",level:2}];function d(e){let o={a:"a",h2:"h2",p:"p",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.p,{children:"OpenC3 Inc. is strongly committed to protecting your privacy and complying with your choices. Both personal and non-personal information collected is safeguarded according to the highest privacy and data protection standards adopted worldwide. We have always had a robust and effective data protection program in place which complies with existing law and abides by the data protection principles. However, we recognise our obligations in updating and expanding this program to meet the demands of the GDPR."}),"\n",(0,n.jsx)(o.h2,{id:"our-commitment",children:"Our Commitment"}),"\n",(0,n.jsx)(o.p,{children:"\u2022 Your information will not be shared, rented or sold to any third party.\n\u2022 We use state-of-the-art security measures to protect your information from unauthorized users.\n\u2022 We give you the possibility to control the information that you shared with us (opt-out)"}),"\n",(0,n.jsx)(o.p,{children:"OpenC3, Inc. is committed to processing data in accordance with its responsibilities under the GDPR.\nArticle 5 of the GDPR requires that personal data shall be:"}),"\n",(0,n.jsx)(o.p,{children:"a. processed lawfully, fairly and in a transparent manner in relation to individuals;"}),"\n",(0,n.jsx)(o.p,{children:"b. collected for specified, explicit and legitimate purposes and not further processed in a manner that is incompatible with those purposes; further processing for archiving purposes in the public interest, scientific or historical research purposes or statistical purposes shall not be considered to be incompatible with the initial purposes;"}),"\n",(0,n.jsx)(o.p,{children:"c. adequate, relevant and limited to what is necessary in relation to the purposes for which they are processed;"}),"\n",(0,n.jsx)(o.p,{children:"d. accurate and, where necessary, kept up to date; every reasonable step must be taken to ensure that personal data that are inaccurate, having regard to the purposes for which they are processed, are erased or rectified without delay;"}),"\n",(0,n.jsx)(o.p,{children:"e. kept in a form which permits identification of data subjects for no longer than is necessary for the purposes for which the personal data are processed; personal data may be stored for longer periods insofar as the personal data will be processed solely for archiving purposes in the public interest, scientific or historical research purposes or statistical purposes subject to implementation of the appropriate technical and organisational measures required by the GDPR in order to safeguard the rights and freedoms of individuals; and"}),"\n",(0,n.jsx)(o.p,{children:"f. processed in a manner that ensures appropriate security of the personal data, including protection against unauthorised or unlawful processing and against accidental loss, destruction or damage, using appropriate technical or organisational measures.\u201D"}),"\n",(0,n.jsx)(o.h2,{id:"1-notice",children:"1. Notice"}),"\n",(0,n.jsx)(o.p,{children:'We will clearly inform you when information that personally identifies you ("personal information") is asked for and you will have the choice to provide it or not. Generally, this information is requested when you subscribe to product updates, newsletters or other online services.'}),"\n",(0,n.jsx)(o.h2,{id:"2-usage",children:"2. Usage"}),"\n",(0,n.jsx)(o.p,{children:"We use your personal information for the following purposes:\n\u2022 To provide you information that will allow you to use our services\n\u2022 To automatically customize your documents with your information\n\u2022 To alert you of software upgrades, updates, discounts or other services from OpenC3, Inc."}),"\n",(0,n.jsx)(o.p,{children:"We collect your email when you subscribe to our services or newsletter in order to send you informational communications about OpenC3 Inc's products, such as their purpose and the best use you can make of them. We also collect your email to send you our promotional offers."}),"\n",(0,n.jsx)(o.p,{children:"We may also collect your name, language, currency, operating system, document searched and country information for a better experience with our products/services."}),"\n",(0,n.jsx)(o.p,{children:"When you place your order with us, we collect your email in order to communicate with you. We also collect your phone number in order to contact you in case these emails bounce back because of a typo in your email address and if we cannot figure out what the correct email address is."}),"\n",(0,n.jsx)(o.p,{children:"We also contact the phone number that is provided if we suspect that the cardholder\u2019s credit card information has been compromised, i.e used in a fraudulent way."}),"\n",(0,n.jsx)(o.p,{children:"We also use our clients\u2019 email in order to notify of the release of updated versions of the software, new services or promotional offers."}),"\n",(0,n.jsx)(o.h2,{id:"3-consent",children:"3. Consent"}),"\n",(0,n.jsx)(o.p,{children:"When you provide your personal information, you consent that it can be used for the above purposes and that OpenC3, Inc. is an authorized holder of such information. If you choose not to register or provide personal information, you can still use our website but you will not be able to receive additional services or access certain areas that require registration. When you activate your account, you are providing your consent to occasionally receive information from us. In each communication from us you will have the opportunity to unsubscribe from further communications; alternatively, you may contact us to express your choices at the address provided at the bottom of this page."}),"\n",(0,n.jsx)(o.h2,{id:"4-access-to-your-information",children:"4. Access to your information"}),"\n",(0,n.jsx)(o.p,{children:"You are entitled to review the personal information you have provided us and ensure that it is accurate and current at all times. To review or update this information simply request that we send you this information."}),"\n",(0,n.jsx)(o.h2,{id:"5-security-of-information",children:"5. Security of information"}),"\n",(0,n.jsx)(o.p,{children:"OpenC3, Inc. is strongly committed to protecting your information and ensuring that your choices are honored. We have taken strong security measures to protect your data from loss, misuse, unauthorized access, disclosure, alteration, or destruction. All sensitive data is stored behind multiple firewalls on secure servers with restricted employee access."}),"\n",(0,n.jsx)(o.p,{children:"We guarantee that all e-commerce transactions follow the latest security measures and use the best available technologies. Secure Sockets Layer (SSL) technology is employed when you place online orders or transmit sensitive information. SSL is one of the safest methods of passing information over the Internet."}),"\n",(0,n.jsx)(o.h2,{id:"6-retention-of-information",children:"6. Retention of information"}),"\n",(0,n.jsx)(o.p,{children:"We retain information as long as it is necessary to provide the services requested by you and others, subject to any legal obligations to further retain such information. Information associated with your account will generally be kept until it is no longer necessary to provide the services or until you ask us to delete it or your account is deleted whichever comes first. Additionally, we may retain information from deleted accounts to comply with the law, prevent fraud, resolve disputes, troubleshoot problems, assist with investigations, enforce the Terms of Use, and take other actions permitted by law. The information we retain will be handled in accordance with this Privacy Policy. Finally, your data could also be stored for sales statistical purposes."}),"\n",(0,n.jsx)(o.h2,{id:"7-eu-and-eea-users-rights",children:"7. EU and EEA Users\u2019 Rights"}),"\n",(0,n.jsx)(o.p,{children:"If you are habitually located in the European Union or European Economic Area, you have the right to access, rectify, download or erase your information, as well as the right to restrict and object to certain processing of your information. While some of these rights apply generally, certain rights apply only in certain limited circumstances. We describe these rights below:"}),"\n",(0,n.jsx)(o.p,{children:"You have the right to access your personal data and, if necessary, have it amended or deleted or restricted. In certain instances, you may have the right to the portability of your data. You can also ask us to not send marketing communications and not to use your personal data when we carry out profiling for direct marketing purposes. You can opt out of receiving email newsletters and other marketing communications by following the opt-out instructions provided to you in those emails. Transactional account messages will be unaffected if you opt-out from marketing communications."}),"\n",(0,n.jsx)(o.h2,{id:"8-what-we-do-with-the-information-you-share",children:"8. What we do with the Information you share"}),"\n",(0,n.jsx)(o.p,{children:"Your information is never shared outside the company without your permission. Inside the company, data is stored behind multiple firewalls on secure servers with restricted user access."}),"\n",(0,n.jsx)(o.p,{children:"When you register to our website, you are asked to provide your contact information, including a valid email address. We use this information to send you updates about order confirmations and information about our services. When you order from us, we ask for your credit card number and billing address. We use this information only to bill you for the product(s) you ordered at that time."}),"\n",(0,n.jsx)(o.p,{children:"We may on occasion require the help of other companies to provide limited services on our behalf, such as packaging, shipping and delivery, customer support and processing event registrations. We will only provide such companies with the information required for them to perform these services; these service providers are bound by strict privacy policies and are prohibited from using your information for any other purpose."}),"\n",(0,n.jsx)(o.p,{children:"In very rare instances OpenC3, Inc. may disclose your personal information, without notice, only if required to do so by law or in the good faith belief that such action is necessary to: (a) conform to the edicts of the law or comply with legal process served on OpenC3, Inc. or the site; (b) protect and defend the rights or property of OpenC3, Inc. and its family of websites and properties; and (c) act in urgent circumstances to protect the personal safety of users of OpenC3, Inc., its websites, or the public."}),"\n",(0,n.jsx)(o.h2,{id:"9-how-to-opt-out",children:"9. How to opt-out"}),"\n",(0,n.jsx)(o.p,{children:"We provide users with the opportunity to opt-out from receiving updates on our products, newsletters and other communications from us. You can opt-out by clicking on the link provided in our electronic mailings or by contacting us at the address at the bottom of this page."}),"\n",(0,n.jsx)(o.h2,{id:"10-does-openc3-incs-privacy-policy-apply-to-linked-websites",children:"10. Does OpenC3 Inc's privacy policy apply to linked websites?"}),"\n",(0,n.jsx)(o.p,{children:"Our Privacy Policy applies solely to information collected on our website or through interactions with our company.\nThe Site contains links to web sites of third parties. OpenC3, Inc. is not responsible for the actions of these third parties, including their privacy practices and any content posted on their web sites. We encourage you to review their privacy policies to learn more about what, why and how they collect and use personal information. OpenC3, Inc. adheres to industry recognized standards to secure any personal information in our possession, and to secure it from unauthorized access and tampering."}),"\n",(0,n.jsx)(o.p,{children:"However, as is true with all online actions, it is possible that third parties may unlawfully intercept transmissions of personal information, or other users of the Site may misuse or abuse your personal information that they may collect from the Site."}),"\n",(0,n.jsx)(o.h2,{id:"11-changes-to-this-policy",children:"11. Changes to this policy"}),"\n",(0,n.jsx)(o.p,{children:"If we make changes to our Privacy Policy, we will post these changes here so that you are always aware of what information we collect, how we use it and under what circumstances, if any, we disclose it. If at any point we decide to use your information in a manner different from that stated at the time it was collected, we will notify you by email."}),"\n",(0,n.jsx)(o.h2,{id:"12-enforcement-of-policy",children:"12. Enforcement of policy"}),"\n",(0,n.jsx)(o.p,{children:"If for some reason you believe OpenC3, Inc. has not adhered to these principles, please notify us and we will do our best to promptly make corrections."}),"\n",(0,n.jsx)(o.h2,{id:"13-questions-or-comments",children:"13. Questions or comments"}),"\n",(0,n.jsxs)(o.p,{children:["If you have questions or comments about this privacy policy, please email us at: ",(0,n.jsx)(o.a,{href:"mailto:support@openc3.com",children:"support@openc3.com"})]}),"\n",(0,n.jsx)(o.p,{children:"For additional information about how to contact OpenC3, Inc. please visit our help page."}),"\n",(0,n.jsx)(o.p,{children:"Dated: August 11th, 2022"})]})}function u(e={}){let{wrapper:o}={...(0,r.R)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},2600:function(e,o,t){t.d(o,{R:()=>s,x:()=>a});var i=t(4041);let n={},r=i.createContext(n);function s(e){let o=i.useContext(r);return i.useMemo(function(){return"function"==typeof e?e(o):{...o,...e}},[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:s(e.components),i.createElement(r.Provider,{value:o},e.children)}}}]);