{ "custom": {}, "params": { "Coordinate": { "Scale": 2, "x": "", "y": "" }, "fontSize": "14px", "label": "" }, "propConfig": { "params.Coordinate": { "paramDirection": "input", "persistent": true }, "params.fontSize": { "paramDirection": "input", "persistent": true }, "params.label": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "height": 60, "width": 262 } }, "root": { "children": [ { "events": { "dom": { "onClick": { "config": { "script": "\tself.session.custom.transition \u003d 1\n\tself.session.custom.zoom \u003d self.view.params.Coordinate.Scale\n\tself.session.custom.zoomto \u003d 1\n\tself.session.custom.scale_x \u003d self.view.params.Coordinate.x\n\tself.session.custom.scale_y \u003d self.view.params.Coordinate.y" }, "scope": "G", "type": "script" } } }, "meta": { "name": "Border", "tooltip": { "enabled": true, "style": { "backgroundColor": "#2B2B2BBF", "color": "#FFFFFF", "fontSize": 14, "textAlign": "left", "white-space": "pre" }, "text": "To zoom in to the \nchosen area, you \nneed to click on the \nname of the area." } }, "position": { "height": 1, "width": 1 }, "props": { "style": { "backgroundColor": "#D5D5D5", "borderColor": "#808080", "borderStyle": "solid", "borderWidth": 4 } }, "type": "ia.display.label" }, { "meta": { "name": "Label", "tooltip": { "style": { "backgroundColor": "#2B2B2BBF", "color": "#FFFFFF", "fontSize": 14, "textAlign": "left", "white-space": "pre" } } }, "position": { "height": 0.6665, "width": 0.9405, "x": 0.0293, "y": 0.1667 }, "propConfig": { "props.style.fontSize": { "binding": { "config": { "path": "view.params.fontSize" }, "type": "property" } }, "props.style.transform": { "binding": { "config": { "expression": "if ({session.custom.RotateText} \u003d 180,\r\n\"rotate(180deg)\",\r\n\"rotate(0deg)\")" }, "type": "expr" } }, "props.text": { "binding": { "config": { "expression": "// Check if label is Good and isn\u0027t just whitespace characters:\r\nif(isGood({view.params.label}) \u0026\u0026 len(trim({view.params.label})) \u003e 0,\r\n\t// Label is readable:\r\n\t{view.params.label},\r\n\t// Unknown / not configured label:\r\n\t\"Unknown\"\r\n)" }, "type": "expr" } } }, "props": { "style": { "backgroundColor": "#AAAAAA", "borderColor": "#808080", "borderStyle": "solid", "borderWidth": 4, "fontFamily": "Arial", "fontWeight": "bold", "pointer-events": "none", "textAlign": "center", "textTransform": "uppercase", "user-select": "none", "will-change": "transform" } }, "type": "ia.display.label" } ], "meta": { "name": "root", "tooltip": { "style": { "backgroundColor": "#2B2B2BBF", "color": "#FFFFFF", "fontSize": 14, "textAlign": "left", "white-space": "pre" } } }, "props": { "mode": "percent", "style": { "cursor": "pointer", "transform": "translate3d(0,0,0)" } }, "type": "ia.container.coord" } }