@@ -37,7 +37,7 @@ const customWidget = document.createElement("div");
3737customWidget . innerHTML = `
3838<div class="custom-coordinate-conversion">
3939 <calcite-segmented-control id="custom-coordinate-mode">
40- <calcite-segmented-control-item icon-start="selection-x " value="live" checked>Live</calcite-segmented-control-item>
40+ <calcite-segmented-control-item icon-start="cursor " value="live" checked>Live</calcite-segmented-control-item>
4141 <calcite-segmented-control-item icon-start="pin" value="capture">Capture</calcite-segmented-control-item>
4242 </calcite-segmented-control>
4343 <calcite-select id="custom-coordinate-select"></calcite-select>
@@ -85,8 +85,13 @@ coordinateMode.addEventListener("calciteSegmentedControlChange", (event) => {
8585async function reverseConvert ( ) {
8686 coordinateEditable . editingEnabled = false ;
8787 const value = coordinateInput . value ;
88- const point = await vm . reverseConvert ( value , activeFormat ) ; // todo: catch this, add status
89- view . goTo ( point ) ;
88+ try {
89+ const point = await vm . reverseConvert ( value , activeFormat ) ;
90+ view . goTo ( point ) ;
91+ } catch ( e ) {
92+ coordinateInput . status = "invalid" ;
93+ coordinateInput . validationMessage = "Invalid coordinate" ;
94+ }
9095}
9196
9297coordinateEditable . addEventListener ( "calciteInlineEditableEditConfirm" , ( ) => {
@@ -117,4 +122,5 @@ function updateFormats(currentFormat) {
117122
118123function updateCoordinates ( activeDisplayCoordinate ) {
119124 coordinateInput . value = activeDisplayCoordinate ;
125+ coordinateInput . status = "valid" ;
120126}
0 commit comments