@adcops/autocore-react 3.3.9 → 3.3.14

package/dist/assets/svg/rotation_cw_c.svg

@@ -1,30 +1,30 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   height="24"
-   viewBox="0 -960 960 960"
-   width="24"
-   version="1.1"
-   id="svg1"
-   fill="white"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <g
-     id="layer1"
-     style="display:inline">
-    <path
-       d="m 480,-880 c -55.33327,0 -107.349,10.4844 -156.01563,31.48438 -48.66662,20.99997 -90.95316,49.54691 -126.95312,85.54687 -35.99996,35.99996 -64.5469,78.2865 -85.54687,126.95313 C 90.484396,-587.349 80,-535.33327 80,-480 c 0,11.33332 3.817716,20.84896 11.484375,28.51563 C 99.151034,-443.81771 108.66668,-440 120,-440 c 11.33332,0 20.84896,-3.81771 28.51562,-11.48437 C 156.18229,-459.15104 160,-468.66668 160,-480 c 0,-76.66659 24.16672,-144.30214 72.5,-202.96875 48.33328,-58.66661 110.1355,-95.68231 185.46875,-111.01562 l -30,30 c -7.33332,7.33332 -10.9375,16.63543 -10.9375,27.96875 0,11.33331 3.60418,20.71355 10.9375,28.04687 7.33332,7.33332 16.71356,10.9375 28.04687,10.9375 11.33332,0 20.63543,-3.60418 27.96875,-10.9375 l 128.98438,-129.0625 c 5.33332,-5.33332 7,-12.00001 5,-20 -2,-7.99999 -7.00001,-13 -15,-15 -13.33332,-3.33333 -26.93751,-5.48438 -40.9375,-6.48437 C 508.03126,-879.51562 493.99999,-880 480,-880 Z"
-       style="display:inline"
-       id="path2" />
-    <path
-       d="m 478.78951,-80 c 55.33474,0 107.3518,-10.4844 156.01978,-31.48438 48.66788,-20.99997 90.95549,-49.54691 126.95644,-85.54687 36.00084,-35.99996 64.54859,-78.2865 85.54904,-126.95313 C 868.31532,-372.651 878.8,-424.66673 878.8,-480 c 0,-11.33332 -3.8178,-20.84896 -11.4846,-28.51563 C 859.6485,-516.18229 850.13255,-520 838.79895,-520 c -11.3336,0 -20.84945,3.81771 -28.51635,11.48437 -7.6669,7.66667 -11.4847,17.18231 -11.4847,28.51563 0,76.66659 -24.16734,144.30214 -72.50191,202.96875 -48.33456,58.66661 -110.13839,95.68231 -185.47357,111.01562 l 30.00079,-30 c 7.33349,-7.33332 10.93779,-16.63543 10.93779,-27.96875 0,-11.33331 -3.6043,-20.71355 -10.93779,-28.04687 -7.33349,-7.33332 -16.71404,-10.9375 -28.04764,-10.9375 -11.33359,0 -20.63594,3.60418 -27.96943,10.9375 l -128.98781,129.0625 c -5.33346,5.33332 -7.00018,12.00001 -5.00013,20 2.00005,7.99999 7.00019,13 15.0004,15 13.33366,3.33333 26.9382,5.48438 40.93856,6.48437 14.00036,1 28.032,1.48438 42.03235,1.48438 z"
-       style="display:inline;stroke-width:1.00001"
-       id="path3" />
-    <path
-       style="font-size:480px;font-family:'Nova Round';-inkscape-font-specification:'Nova Round';text-align:center;text-anchor:middle;stroke-width:40"
-       d="m 598.59781,-434.29251 v 16.40625 q 0,50.85937 -31.64063,83.20312 -33.28125,33.98438 -86.71875,33.98438 -53.4375,0 -86.71875,-33.98438 -31.64062,-32.34375 -31.64062,-83.20312 v -128.90625 q 0,-50.85938 31.64062,-83.20313 33.28125,-33.98437 86.71875,-33.98437 55.3125,0 86.71875,33.98437 31.64063,33.98438 31.64063,78.51563 l -44.53125,21.09375 h -2.34375 v -16.40625 q 0,-31.40625 -16.875,-50.85938 -20.85938,-24.14062 -54.60938,-24.14062 -33.75,0 -54.60937,24.14062 -16.875,19.45313 -16.875,50.85938 v 128.90625 q 0,31.40625 16.875,50.85937 20.85937,24.14063 54.60937,24.14063 33.75,0 54.60938,-24.14063 16.875,-19.45312 16.875,-46.17187 l 44.53125,-21.09375 z"
-       id="text3"
-       aria-label="C" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="24"
+   viewBox="0 -960 960 960"
+   width="24"
+   version="1.1"
+   id="svg1"
+   fill="white"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     style="display:inline">
+    <path
+       d="m 480,-880 c -55.33327,0 -107.349,10.4844 -156.01563,31.48438 -48.66662,20.99997 -90.95316,49.54691 -126.95312,85.54687 -35.99996,35.99996 -64.5469,78.2865 -85.54687,126.95313 C 90.484396,-587.349 80,-535.33327 80,-480 c 0,11.33332 3.817716,20.84896 11.484375,28.51563 C 99.151034,-443.81771 108.66668,-440 120,-440 c 11.33332,0 20.84896,-3.81771 28.51562,-11.48437 C 156.18229,-459.15104 160,-468.66668 160,-480 c 0,-76.66659 24.16672,-144.30214 72.5,-202.96875 48.33328,-58.66661 110.1355,-95.68231 185.46875,-111.01562 l -30,30 c -7.33332,7.33332 -10.9375,16.63543 -10.9375,27.96875 0,11.33331 3.60418,20.71355 10.9375,28.04687 7.33332,7.33332 16.71356,10.9375 28.04687,10.9375 11.33332,0 20.63543,-3.60418 27.96875,-10.9375 l 128.98438,-129.0625 c 5.33332,-5.33332 7,-12.00001 5,-20 -2,-7.99999 -7.00001,-13 -15,-15 -13.33332,-3.33333 -26.93751,-5.48438 -40.9375,-6.48437 C 508.03126,-879.51562 493.99999,-880 480,-880 Z"
+       style="display:inline"
+       id="path2" />
+    <path
+       d="m 478.78951,-80 c 55.33474,0 107.3518,-10.4844 156.01978,-31.48438 48.66788,-20.99997 90.95549,-49.54691 126.95644,-85.54687 36.00084,-35.99996 64.54859,-78.2865 85.54904,-126.95313 C 868.31532,-372.651 878.8,-424.66673 878.8,-480 c 0,-11.33332 -3.8178,-20.84896 -11.4846,-28.51563 C 859.6485,-516.18229 850.13255,-520 838.79895,-520 c -11.3336,0 -20.84945,3.81771 -28.51635,11.48437 -7.6669,7.66667 -11.4847,17.18231 -11.4847,28.51563 0,76.66659 -24.16734,144.30214 -72.50191,202.96875 -48.33456,58.66661 -110.13839,95.68231 -185.47357,111.01562 l 30.00079,-30 c 7.33349,-7.33332 10.93779,-16.63543 10.93779,-27.96875 0,-11.33331 -3.6043,-20.71355 -10.93779,-28.04687 -7.33349,-7.33332 -16.71404,-10.9375 -28.04764,-10.9375 -11.33359,0 -20.63594,3.60418 -27.96943,10.9375 l -128.98781,129.0625 c -5.33346,5.33332 -7.00018,12.00001 -5.00013,20 2.00005,7.99999 7.00019,13 15.0004,15 13.33366,3.33333 26.9382,5.48438 40.93856,6.48437 14.00036,1 28.032,1.48438 42.03235,1.48438 z"
+       style="display:inline;stroke-width:1.00001"
+       id="path3" />
+    <path
+       style="font-size:480px;font-family:'Nova Round';-inkscape-font-specification:'Nova Round';text-align:center;text-anchor:middle;stroke-width:40"
+       d="m 598.59781,-434.29251 v 16.40625 q 0,50.85937 -31.64063,83.20312 -33.28125,33.98438 -86.71875,33.98438 -53.4375,0 -86.71875,-33.98438 -31.64062,-32.34375 -31.64062,-83.20312 v -128.90625 q 0,-50.85938 31.64062,-83.20313 33.28125,-33.98437 86.71875,-33.98437 55.3125,0 86.71875,33.98437 31.64063,33.98438 31.64063,78.51563 l -44.53125,21.09375 h -2.34375 v -16.40625 q 0,-31.40625 -16.875,-50.85938 -20.85938,-24.14062 -54.60938,-24.14062 -33.75,0 -54.60937,24.14062 -16.875,19.45313 -16.875,50.85938 v 128.90625 q 0,31.40625 16.875,50.85937 20.85937,24.14063 54.60937,24.14063 33.75,0 54.60938,-24.14063 16.875,-19.45312 16.875,-46.17187 l 44.53125,-21.09375 z"
+       id="text3"
+       aria-label="C" />
+  </g>
+</svg>

package/dist/assets/svg/speed.svg

@@ -1,39 +1,39 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   height="24"
-   viewBox="0 -960 960 960"
-   width="24"
-   fill="white"
-   version="1.1"
-   id="svg1"
-   sodipodi:docname="speed.svg"
-   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="0"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#505050"
-     inkscape:zoom="33.875"
-     inkscape:cx="12"
-     inkscape:cy="12"
-     inkscape:window-width="1920"
-     inkscape:window-height="1009"
-     inkscape:window-x="1912"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg1" />
-  <path
-     d="m 406.33774,-313.68 q 28.512,28.512 73.656,27.918 45.144,-0.594 66.528,-32.67 l 200.772,-300.564 q 10.692,-16.632 -2.97,-30.294 -13.662,-13.662 -30.294,-2.97 l -300.564,200.772 q -32.076,21.384 -33.858,65.34 -1.782,43.956 26.73,72.468 z m 73.656,-546.48 q 42.768,0 84.348,7.128 41.58,7.128 80.784,22.572 19.008,7.128 40.392,26.73 21.384,19.602 11.88,37.422 -9.504,17.82 -42.768,23.76 -33.264,5.94 -53.46,-1.188 -29.7,-10.692 -59.994,-16.038 -30.294,-5.346 -61.182,-5.346 -158.004,0 -269.082,111.078 -111.078003,111.078 -111.078003,269.082 0,49.896 13.662003,98.604 13.662,48.708 38.61,91.476 h 655.776 q 27.324,-45.144 39.798,-93.852 12.474,-48.708 12.474,-100.98 0,-30.888 -5.346,-60.588 -5.346,-29.7 -16.038,-58.212 -7.128,-20.196 -2.376,-39.204 4.752,-19.008 21.384,-32.076 15.444,-11.88 33.858,-7.128 18.414,4.752 25.542,21.384 17.82,41.58 27.324,84.942 9.504,43.362 10.692,88.506 1.188,67.716 -15.444,129.492 -16.632,61.776 -48.708,117.612 -13.068,21.384 -35.64,33.264 -22.572,11.88 -47.52,11.88 h -655.776 q -24.948,0 -47.52,-11.88 -22.572003,-11.88 -35.640006,-33.264 -30.888,-53.46 -47.52,-113.454 -16.6320005,-59.994 -16.6320005,-126.522 0,-98.604 37.4220005,-184.734 37.422003,-86.13 102.168006,-150.876 64.746,-64.746 151.47,-102.168 86.724,-37.422 184.14,-37.422 z m 8.316,371.844 z"
-     id="path1"
-     style="stroke-width:1.188" />
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="24"
+   viewBox="0 -960 960 960"
+   width="24"
+   fill="white"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="speed.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:zoom="33.875"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 406.33774,-313.68 q 28.512,28.512 73.656,27.918 45.144,-0.594 66.528,-32.67 l 200.772,-300.564 q 10.692,-16.632 -2.97,-30.294 -13.662,-13.662 -30.294,-2.97 l -300.564,200.772 q -32.076,21.384 -33.858,65.34 -1.782,43.956 26.73,72.468 z m 73.656,-546.48 q 42.768,0 84.348,7.128 41.58,7.128 80.784,22.572 19.008,7.128 40.392,26.73 21.384,19.602 11.88,37.422 -9.504,17.82 -42.768,23.76 -33.264,5.94 -53.46,-1.188 -29.7,-10.692 -59.994,-16.038 -30.294,-5.346 -61.182,-5.346 -158.004,0 -269.082,111.078 -111.078003,111.078 -111.078003,269.082 0,49.896 13.662003,98.604 13.662,48.708 38.61,91.476 h 655.776 q 27.324,-45.144 39.798,-93.852 12.474,-48.708 12.474,-100.98 0,-30.888 -5.346,-60.588 -5.346,-29.7 -16.038,-58.212 -7.128,-20.196 -2.376,-39.204 4.752,-19.008 21.384,-32.076 15.444,-11.88 33.858,-7.128 18.414,4.752 25.542,21.384 17.82,41.58 27.324,84.942 9.504,43.362 10.692,88.506 1.188,67.716 -15.444,129.492 -16.632,61.776 -48.708,117.612 -13.068,21.384 -35.64,33.264 -22.572,11.88 -47.52,11.88 h -655.776 q -24.948,0 -47.52,-11.88 -22.572003,-11.88 -35.640006,-33.264 -30.888,-53.46 -47.52,-113.454 -16.6320005,-59.994 -16.6320005,-126.522 0,-98.604 37.4220005,-184.734 37.422003,-86.13 102.168006,-150.876 64.746,-64.746 151.47,-102.168 86.724,-37.422 184.14,-37.422 z m 8.316,371.844 z"
+     id="path1"
+     style="stroke-width:1.188" />
+</svg>

package/dist/components/BlocklyEditor.css

@@ -1,94 +1,94 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-03-15 14:22:54
- * -----
- * Last Modified: 2025-07-16 12:01:34
- * -----
- * 
- */
-
- .editor-toggle-group {
-    margin-bottom: 2mm;
- }
-
-
- .fill-height {
-    height: 100%;
-    width: 100%;
-    background-color: green;
-  }
-
-  /* In your CSS file */
-.icon-scale {
-    height: 24px;
-    width: auto;
-  }
-
-  /*
- * Custom CSS overrides for Google Blockly to improve readability in a dark theme
- * and to apply a custom font.
- */
-
-/* --- General Font Customization --- */
-
-/* Changes the font for text on blocks, in input fields, and in the toolbox.
-   Using !important is often necessary to override Blockly's default styles. */
-.blocklyText,
-.blocklyHtmlInput,
-.blocklyTreeLabel {
-  font-family: "HyperlegibleNext var", sans-serif !important;
-}
-
-
-/* --- Toolbox / Category Menu Customization --- */
-
-/* Improves the text color for category labels in the toolbox for better contrast. */
-.blocklyTreeLabel {
-  color: #000000 !important; 
-  font-size: 1rem !important;
-}
-
-
-.blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel {
-    color: #000000 !important;
-}
-
-
-/* --- Context Menu & Dropdown Menu Customization (Fixes Unreadable Text) --- */
-
-/* Sets a dark background for the right-click context menu and dropdowns. */
-.goog-menu {
-    background: #2a313c !important;
-    border-color: #4f5b6a !important;
-    padding: 4px 0 !important;
-}
-
-/* Sets the font color for all menu items. */
-.goog-menuitem .goog-menuitem-content {
-  font-family: "HyperlegibleNext var", sans-serif !important;
-  color: #f0f0f0 !important;
-  padding: 8px 20px !important;
-}
-
-/* Styles the highlight that appears when you hover over a menu item. */
-.goog-menuitem-highlight {
-  background-color: #424b57 !important;
-  border-color: transparent !important;
-}
-
-/* Styles the separator lines in the menus. */
-.goog-menuseparator {
-    border-top-color: #4f5b6a !important;
-    margin: 4px 0 !important;
-}
-
-
-/* --- Tooltip Customization --- */
-/* Improves the appearance of the tooltips that appear on hover. */
-.blocklyTooltipDiv {
-    background-color: #2a313c !important;
-    color: #f0f0f0 !important;
-    border-color: #4f5b6a !important;
-    font-family: "HyperlegibleNext var", sans-serif !important;
-    padding: 6px !important;
+/*
+ * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2024-03-15 14:22:54
+ * -----
+ * Last Modified: 2025-07-16 12:01:34
+ * -----
+ * 
+ */
+
+ .editor-toggle-group {
+    margin-bottom: 2mm;
+ }
+
+
+ .fill-height {
+    height: 100%;
+    width: 100%;
+    background-color: green;
+  }
+
+  /* In your CSS file */
+.icon-scale {
+    height: 24px;
+    width: auto;
+  }
+
+  /*
+ * Custom CSS overrides for Google Blockly to improve readability in a dark theme
+ * and to apply a custom font.
+ */
+
+/* --- General Font Customization --- */
+
+/* Changes the font for text on blocks, in input fields, and in the toolbox.
+   Using !important is often necessary to override Blockly's default styles. */
+.blocklyText,
+.blocklyHtmlInput,
+.blocklyTreeLabel {
+  font-family: "HyperlegibleNext var", sans-serif !important;
+}
+
+
+/* --- Toolbox / Category Menu Customization --- */
+
+/* Improves the text color for category labels in the toolbox for better contrast. */
+.blocklyTreeLabel {
+  color: #000000 !important; 
+  font-size: 1rem !important;
+}
+
+
+.blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel {
+    color: #000000 !important;
+}
+
+
+/* --- Context Menu & Dropdown Menu Customization (Fixes Unreadable Text) --- */
+
+/* Sets a dark background for the right-click context menu and dropdowns. */
+.goog-menu {
+    background: #2a313c !important;
+    border-color: #4f5b6a !important;
+    padding: 4px 0 !important;
+}
+
+/* Sets the font color for all menu items. */
+.goog-menuitem .goog-menuitem-content {
+  font-family: "HyperlegibleNext var", sans-serif !important;
+  color: #f0f0f0 !important;
+  padding: 8px 20px !important;
+}
+
+/* Styles the highlight that appears when you hover over a menu item. */
+.goog-menuitem-highlight {
+  background-color: #424b57 !important;
+  border-color: transparent !important;
+}
+
+/* Styles the separator lines in the menus. */
+.goog-menuseparator {
+    border-top-color: #4f5b6a !important;
+    margin: 4px 0 !important;
+}
+
+
+/* --- Tooltip Customization --- */
+/* Improves the appearance of the tooltips that appear on hover. */
+.blocklyTooltipDiv {
+    background-color: #2a313c !important;
+    color: #f0f0f0 !important;
+    border-color: #4f5b6a !important;
+    font-family: "HyperlegibleNext var", sans-serif !important;
+    padding: 6px !important;
 }

package/dist/components/Indicator.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{Component}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};export class Indicator extends Component{constructor(e){super(e),Object.defineProperty(this,"unsubscribeTopicId",{enumerable:!0,configurable:!0,writable:!0,value:null}),this.state={subscribedValue:e.value,fontSize:"100%"}}componentDidMount(){const{topic:e}=this.props;if(e&&null===this.unsubscribeTopicId){const{subscribe:t}=this.context;this.unsubscribeTopicId=t(e,e=>{this.setState({subscribedValue:e})})}}componentDidUpdate(e){e.value!==this.props.value&&this.setState({subscribedValue:this.props.value})}componentWillUnmount(){if(null!==this.unsubscribeTopicId){const{unsubscribe:e}=this.context;e(this.unsubscribeTopicId),this.unsubscribeTopicId=null}}render(){const{label:e,value:t,onColor:o,offColor:r,invalidColor:s}=this.props,{subscribedValue:i}=this.state;let n,a=i;switch(void 0!==t&&(a=t),a){case!0:n=o;break;case!1:n=r;break;default:n=s}return _jsxs("div",{className:"p-inputgroup flex-1",style:{alignItems:"center !important"},children:[_jsx("span",{className:"p-inputgroup-addon",style:{backgroundColor:n,width:"22px"},children:" "}),_jsx("span",{className:"p-inputgroup-addon",children:e})]})}}Object.defineProperty(Indicator,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:EventEmitterContext}),Object.defineProperty(Indicator,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onColor:"green",offColor:"gray",invalidColor:"black"}});export default Indicator;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{Component}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};export class Indicator extends Component{constructor(e){super(e),Object.defineProperty(this,"unsubscribeTopicId",{enumerable:!0,configurable:!0,writable:!0,value:null}),this.state={subscribedValue:e.value,fontSize:"100%"}}componentDidMount(){const{topic:e}=this.props;if(e&&null===this.unsubscribeTopicId){const{subscribe:t}=this.context;this.unsubscribeTopicId=t(e,e=>{this.setState({subscribedValue:e})})}}componentDidUpdate(e){e.value!==this.props.value&&this.setState({subscribedValue:this.props.value})}componentWillUnmount(){if(null!==this.unsubscribeTopicId){const{unsubscribe:e}=this.context;e(this.unsubscribeTopicId),this.unsubscribeTopicId=null}}render(){const{label:e,value:t,onColor:o,offColor:r,invalidColor:s}=this.props,{subscribedValue:i}=this.state;let n,a=i;switch(void 0!==t&&(a=t),a){case!0:n=o;break;case!1:n=r;break;default:n=s}return _jsxs("div",{className:"p-inputgroup",style:{alignItems:"center !important"},children:[_jsx("span",{className:"p-inputgroup-addon",style:{backgroundColor:n,width:"22px"},children:" "}),_jsx("span",{className:"p-inputgroup-addon",children:e})]})}}Object.defineProperty(Indicator,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:EventEmitterContext}),Object.defineProperty(Indicator,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onColor:"green",offColor:"gray",invalidColor:"black"}});export default Indicator;

package/dist/components/IndicatorRect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorRect.d.ts","sourceRoot":"","sources":["../../src/components/IndicatorRect.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAuB,KAAK,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,kBAAkB;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAE/B;AAED,UAAU,kBAAkB;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAC5C;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAChF,MAAM,CAAC,WAAW,mDAAuB;IAGzC,MAAM,CAAC,YAAY;;;MAGjB;gBAEU,KAAK,EAAE,kBAAkB;IAOrC,iBAAiB;IAIjB,oBAAoB;IAIpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAS1B;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF,MAAM;CAuCT;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"IndicatorRect.d.ts","sourceRoot":"","sources":["../../src/components/IndicatorRect.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAuB,KAAK,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,kBAAkB;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAE/B;AAED,UAAU,kBAAkB;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAC5C;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAChF,MAAM,CAAC,WAAW,mDAAuB;IAGzC,MAAM,CAAC,YAAY;;;MAGjB;gBAEU,KAAK,EAAE,kBAAkB;IAOrC,iBAAiB;IAIjB,oBAAoB;IAIpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAS1B;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF,MAAM;CAqCT;AAED,eAAe,aAAa,CAAC"}

package/dist/components/IndicatorRect.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};export class IndicatorRect extends Component{constructor(t){super(t),Object.defineProperty(this,"handleTopicUpdate",{enumerable:!0,configurable:!0,writable:!0,value:t=>{this.setState({currentValue:t})}}),this.state={currentValue:void 0}}componentDidMount(){this.setupSubscriptions()}componentWillUnmount(){}setupSubscriptions(){const{topic:t}=this.props,{subscribe:e}=this.context;t&&e(t,this.handleTopicUpdate)}render(){const{currentValue:t}=this.state,{className:e,style:o,value:r,onColor:n,offColor:i,options:c}=this.props;let a,l=t;void 0!==r&&(l=r),void 0!==c&&c.length>0&&(a=l?c[1]:c[0]);let s=l?n:i;return void 0===l&&(s=IndicatorColor.IndicatorInvalid),_jsx("div",{className:`indicator-rect ${e||""}`,style:{backgroundColor:s,color:"white",width:"100px",height:"100px",display:"flex",alignItems:"center",justifyContent:"center",...o},children:a})}}Object.defineProperty(IndicatorRect,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:EventEmitterContext}),Object.defineProperty(IndicatorRect,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onColor:IndicatorColor.IndicatorGreen,offColor:"gray"}});export default IndicatorRect;
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};export class IndicatorRect extends Component{constructor(t){super(t),Object.defineProperty(this,"handleTopicUpdate",{enumerable:!0,configurable:!0,writable:!0,value:t=>{this.setState({currentValue:t})}}),this.state={currentValue:void 0}}componentDidMount(){this.setupSubscriptions()}componentWillUnmount(){}setupSubscriptions(){const{topic:t}=this.props,{subscribe:e}=this.context;t&&e(t,this.handleTopicUpdate)}render(){const{currentValue:t}=this.state,{className:e,style:o,value:r,onColor:n,offColor:i,options:c}=this.props;let a,l=t;void 0!==r&&(l=r),void 0!==c&&c.length>0&&(a=l?c[1]:c[0]);let s=l?n:i;return void 0===l&&(s=IndicatorColor.IndicatorInvalid),_jsx("div",{className:`indicator-rect ${e||""}`,style:{backgroundColor:s,color:"white",display:"flex",alignItems:"center",justifyContent:"center",...o},children:a})}}Object.defineProperty(IndicatorRect,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:EventEmitterContext}),Object.defineProperty(IndicatorRect,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onColor:IndicatorColor.IndicatorGreen,offColor:"gray"}});export default IndicatorRect;

package/dist/components/JogPanel.css

@@ -1,41 +1,41 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-16 13:17:33
- * -----
- * Last Modified: 2024-03-19 10:37:26
- * -----
- * 
- */
-
- .jogpanel-container {
-    margin: 2mm;
-    display: flex; 
-    flex-direction: column; /* Stack children vertically */
-    align-items: center; /* Center children horizontally within the container */    
- }
-
-.grid-container {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;  /* Adjust the gap between rows */
-    
-}
-
-.grid-row {
-    display: flex;
-    justify-content: space-between;
-    gap: 10px;  /* Adjust the gap between buttons */    
-}
-
-.button-item {
-    flex: 1; /* Make buttons expand to fill the row */    
-}
-
-.distance-selector {
-    margin-top: 2mm; /* Gap between buttons and distance selector */
-    margin-left: auto;
-    margin-right: auto;    
-    width: -moz-fit-content;
-    width: fit-content;
-}
-
+/*
+ * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2024-01-16 13:17:33
+ * -----
+ * Last Modified: 2024-03-19 10:37:26
+ * -----
+ * 
+ */
+
+ .jogpanel-container {
+    margin: 2mm;
+    display: flex; 
+    flex-direction: column; /* Stack children vertically */
+    align-items: center; /* Center children horizontally within the container */    
+ }
+
+.grid-container {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;  /* Adjust the gap between rows */
+    
+}
+
+.grid-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 10px;  /* Adjust the gap between buttons */    
+}
+
+.button-item {
+    flex: 1; /* Make buttons expand to fill the row */    
+}
+
+.distance-selector {
+    margin-top: 2mm; /* Gap between buttons and distance selector */
+    margin-left: auto;
+    margin-right: auto;    
+    width: -moz-fit-content;
+    width: fit-content;
+}
+

package/dist/components/ProgressBarWithValue.css

@@ -1,27 +1,27 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-04-27 12:46:35
- * -----
- * Last Modified: 2024-04-27 13:10:43
- * -----
- * 
- */
-
-
-
- .custom-progress-bar {
-    position: relative;
-    width: 100%; /* Ensure the progress bar fills the container */
-  }
-  
-  .centered-value {
-    position: absolute;
-    width: 100%; 
-    text-align: center;
-    font-weight: 600;   
-    z-index: 10; 
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%); /* Centering magic */
-  }
-
+/*
+ * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2024-04-27 12:46:35
+ * -----
+ * Last Modified: 2024-04-27 13:10:43
+ * -----
+ * 
+ */
+
+
+
+ .custom-progress-bar {
+    position: relative;
+    /* Width controlled by parent container */
+  }
+  
+  .centered-value {
+    position: absolute;
+    width: 100%; 
+    text-align: center;
+    font-weight: 600;   
+    z-index: 10; 
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* Centering magic */
+  }
+

package/dist/components/TextInput.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useEffect,useMemo,useState}from"react";import{InputText}from"primereact/inputtext";import{Button}from"primereact/button";function toStr(e){return e??""}export const TextInput=e=>{const{label:t,value:s,keyfilter:n,prefix:a,suffix:i,description:o,disabled:r=!1,placeholder:c,onValueChanged:l,validator:u,...p}=e,[d,m]=useState(toStr(s)),[x,f]=useState(!1),[j,v]=useState(!s||h(s,u));function h(e,t){return!t||t.test(e)}function _(){const e=d,t=h(e,u);v(t),t&&(f(!1),l?.(e))}function b(){const e=toStr(s);m(e),f(!1),v(!e||h(e,u))}useEffect(()=>{m(toStr(s)),f(!1),v(!s||h(s,u))},[s,u]);const N=useMemo(()=>toStr(d),[d]);return _jsxs("div",{children:[_jsxs("div",{className:"p-inputgroup flex-1",children:[_jsx("span",{className:"p-inputgroup-addon",children:t}),void 0!==a&&_jsx("span",{className:"p-inputgroup-addon",children:a}),_jsx(InputText,{...p,keyfilter:n,placeholder:c,value:N,onChange:e=>{m(e.target.value),f(!0)},className:j?p.className??"":`${p.className??""} p-invalid`,onKeyDown:e=>{"Enter"===e.key?_():"Escape"===e.key&&b()},disabled:r}),void 0!==i&&_jsx("span",{className:"p-inputgroup-addon",children:i}),_jsx(Button,{icon:"pi pi-check",disabled:r||!x,className:"p-button-success",onClick:_,visible:x}),_jsx(Button,{icon:"pi pi-times",disabled:r||!x,className:"p-button-danger",onClick:b,visible:x})]}),void 0!==o&&_jsx("small",{children:o})]})};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useEffect,useMemo,useState}from"react";import{InputText}from"primereact/inputtext";import{Button}from"primereact/button";function toStr(e){return e??""}export const TextInput=e=>{const{label:t,value:s,keyfilter:n,prefix:a,suffix:i,description:o,disabled:r=!1,placeholder:c,onValueChanged:u,validator:l,...p}=e,[d,m]=useState(toStr(s)),[x,f]=useState(!1),[j,v]=useState(!s||h(s,l));function h(e,t){return!t||t.test(e)}function _(){const e=d,t=h(e,l);v(t),t&&(f(!1),u?.(e))}function b(){const e=toStr(s);m(e),f(!1),v(!e||h(e,l))}useEffect(()=>{m(toStr(s)),f(!1),v(!s||h(s,l))},[s,l]);const N=useMemo(()=>toStr(d),[d]);return _jsxs("div",{children:[_jsxs("div",{className:"p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:t}),void 0!==a&&_jsx("span",{className:"p-inputgroup-addon",children:a}),_jsx(InputText,{...p,keyfilter:n,placeholder:c,value:N,onChange:e=>{m(e.target.value),f(!0)},className:j?p.className??"":`${p.className??""} p-invalid`,onKeyDown:e=>{"Enter"===e.key?_():"Escape"===e.key&&b()},disabled:r}),void 0!==i&&_jsx("span",{className:"p-inputgroup-addon",children:i}),_jsx(Button,{icon:"pi pi-check",disabled:r||!x,className:"p-button-success",onClick:_,visible:x}),_jsx(Button,{icon:"pi pi-times",disabled:r||!x,className:"p-button-danger",onClick:b,visible:x})]}),void 0!==o&&_jsx("small",{children:o})]})};

package/dist/components/ToggleGroup.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect,useContext}from"react";import{SelectButton}from"primereact/selectbutton";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};import{ActionMode}from"../core/ActionMode";export{ActionMode};import clsx from"clsx";export const ToggleGroup=({label:o,topic:t,onColor:e,offColor:n,command:r,commandTopic:i,commandArgs:l,disableTopic:s,invisibleTopic:a,actionMode:c,invert:d,onValueChanged:u,...p})=>{const[m]=useState(()=>`toggleGroup-${Math.random().toString(36).substr(2,9)}`),[f,g]=useState(void 0),[v,h]=useState(!1),[b,x]=useState(!1),[C,I]=useState(!1),y=useContext(EventEmitterContext);useEffect(()=>(t&&y.subscribe(t,A),s&&y.subscribe(s,j),a&&y.subscribe(a,M),()=>{}),[t,s,a]);const A=o=>{g(o)},j=o=>{h(o)},M=o=>{x(o)},E=()=>{C||(I(!0),c!==ActionMode.Tap&&c!==ActionMode.Pressed||T(!0))},S=()=>{C&&(I(!1),c===ActionMode.Tap?T(!1):c===ActionMode.Released&&T(!0))},T=o=>{if(r&&r.length>0){const t={topic:i,value:o,...l};y.dispatch({topic:r,payload:t})}};let $=f;void 0!==p.value&&($=p.value);let _=((o,t,e)=>{if(!t||0===t.length)return IndicatorColor.IndicatorInvalid;let n=Array.isArray(e)?e:void 0!==e?[e]:[IndicatorColor.IndicatorInvalid],r=typeof o;if("boolean"===r)return o?n[0]:n.length>1?n[1]:n[0];if("number"===r&&t.length>o){if(n.length>o){return n[o]}return n[0]}if("string"===r){let e=t.indexOf(o);return-1!==e&&e<n.length?n[e]:n[0]}return null!=e?Array.isArray(e)?e[0]:e:IndicatorColor.IndicatorInvalid})($,p.options,e);void 0===$&&(_=IndicatorColor.IndicatorInvalid);const N=void 0!==p.options&&null!==p.options&&void 0!==p.options.length&&p.options.length>2,G=`${m}-togglegroup-selectbutton-container`;return _jsxs("div",{className:"flex",children:[_jsx("style",{children:`\n                ${void 0!==n?`\n                    .${G} .p-selectbutton .p-button {\n                        background-color: ${n};\n                    }\n                `:""}\n                .${G} .p-selectbutton .p-button.p-highlight {\n                    background-color: ${_} !important;\n                    border-color: ${_} !important;\n                }\n            `}),_jsx("div",{className:G,children:_jsxs("div",{className:"p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",style:{flexGrow:1},children:o}),_jsx(SelectButton,{...p,options:p.options,disabled:v||p.disabled,multiple:N,className:clsx(m,p.className,{"p-invalid":void 0===p.value}),style:b?{display:"none"}:{},value:((o,t)=>{if(null==t||0===t.length)return;let e=typeof o;if("boolean"==e){return o&&t.length>1?t[1]:t[0]}if("number"==e){let e=o;if(void 0!==e&&e<t.length)return t[e]}else if("string"==e)return o})($,p.options),allowEmpty:!1,onMouseDown:E,onTouchStart:E,onMouseUp:S,onTouchEnd:S,onChange:o=>(o=>{if(null!=u)if(void 0===p.options||null===p.options||0===p.options.length)u(!!N&&0);else{let t=0;for(let e=0;e<p.options.length;++e)if(o===p.options[e]){t=e;break}u(N?t:t>0)}})(o.value)})]})})]})};export default ToggleGroup;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect,useContext}from"react";import{SelectButton}from"primereact/selectbutton";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};import{ActionMode}from"../core/ActionMode";export{ActionMode};import clsx from"clsx";export const ToggleGroup=({label:o,topic:t,onColor:e,offColor:n,command:r,commandTopic:i,commandArgs:l,disableTopic:s,invisibleTopic:a,actionMode:c,invert:d,onValueChanged:u,...p})=>{const[m]=useState(()=>`toggleGroup-${Math.random().toString(36).substr(2,9)}`),[g,f]=useState(void 0),[v,h]=useState(!1),[b,x]=useState(!1),[C,I]=useState(!1),A=useContext(EventEmitterContext);useEffect(()=>(t&&A.subscribe(t,j),s&&A.subscribe(s,y),a&&A.subscribe(a,M),()=>{}),[t,s,a]);const j=o=>{f(o)},y=o=>{h(o)},M=o=>{x(o)},E=()=>{C||(I(!0),c!==ActionMode.Tap&&c!==ActionMode.Pressed||T(!0))},S=()=>{C&&(I(!1),c===ActionMode.Tap?T(!1):c===ActionMode.Released&&T(!0))},T=o=>{if(r&&r.length>0){const t={topic:i,value:o,...l};A.dispatch({topic:r,payload:t})}};let $=g;void 0!==p.value&&($=p.value);let _=((o,t,e)=>{if(!t||0===t.length)return IndicatorColor.IndicatorInvalid;let n=Array.isArray(e)?e:void 0!==e?[e]:[IndicatorColor.IndicatorInvalid],r=typeof o;if("boolean"===r)return o?n[0]:n.length>1?n[1]:n[0];if("number"===r&&t.length>o){if(n.length>o){return n[o]}return n[0]}if("string"===r){let e=t.indexOf(o);return-1!==e&&e<n.length?n[e]:n[0]}return null!=e?Array.isArray(e)?e[0]:e:IndicatorColor.IndicatorInvalid})($,p.options,e);void 0===$&&(_=IndicatorColor.IndicatorInvalid);const N=void 0!==p.options&&null!==p.options&&void 0!==p.options.length&&p.options.length>2,k=`${m}-togglegroup-selectbutton-container`;return _jsxs("div",{className:"flex",children:[_jsx("style",{children:`\n                ${void 0!==n?`\n                    .${k} .p-selectbutton .p-button {\n                        background-color: ${n};\n                    }\n                `:""}\n                .${k} .p-selectbutton .p-button.p-highlight {\n                    background-color: ${_} !important;\n                    border-color: ${_} !important;\n                }\n            `}),_jsx("div",{className:k,children:_jsxs("div",{className:"p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:o}),_jsx(SelectButton,{...p,options:p.options,disabled:v||p.disabled,multiple:N,className:clsx(m,p.className,{"p-invalid":void 0===p.value}),style:b?{display:"none"}:{},value:((o,t)=>{if(null==t||0===t.length)return;let e=typeof o;if("boolean"==e){return o&&t.length>1?t[1]:t[0]}if("number"==e){let e=o;if(void 0!==e&&e<t.length)return t[e]}else if("string"==e)return o})($,p.options),allowEmpty:!1,onMouseDown:E,onTouchStart:E,onMouseUp:S,onTouchEnd:S,onChange:o=>(o=>{if(null!=u)if(void 0===p.options||null===p.options||0===p.options.length)u(!!N&&0);else{let t=0;for(let e=0;e<p.options.length;++e)if(o===p.options[e]){t=e;break}u(N?t:t>0)}})(o.value)})]})})]})};export default ToggleGroup;

package/dist/components/ValueIndicator.css

@@ -1,32 +1,30 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-03-22 06:26:45
- * -----
- * Last Modified: 2024-03-22 07:07:50
- * -----
- * 
- */
-
-
-
- .value-indicator-container {
-
-    display: flex;
-    flex-direction: column;
-    background-color: var(--surface-ground);
-    border-color: var(--surface-border);
-    border-radius: var(--border-radius);
-    border-width: 1px;
-    border-style: solid;
-    justify-content: center;
-    align-items: center;
-    padding: 2mm;
-    flex-grow: 1; /* Allow the item to grow to fill available space */
-    flex-shrink: 0; /* Allow the item to shrink if necessary */
-    flex-basis: 0; /* Start with 0 width and then grow as needed, equal distribution */
-    min-width: 0; /* Prevents flex items from overflowing their container */
-}
-
-.value-indicator-label {
-    padding-bottom: 1mm;
+/*
+ * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2024-03-22 06:26:45
+ * -----
+ * Last Modified: 2024-03-22 07:07:50
+ * -----
+ * 
+ */
+
+
+
+ .value-indicator-container {
+
+    display: flex;
+    flex-direction: column;
+    background-color: var(--surface-ground);
+    border-color: var(--surface-border);
+    border-radius: var(--border-radius);
+    border-width: 1px;
+    border-style: solid;
+    justify-content: center;
+    align-items: center;
+    padding: 2mm;
+    flex-shrink: 0;
+    min-width: 0; /* Prevents flex items from overflowing their container */
+}
+
+.value-indicator-label {
+    padding-bottom: 1mm;
 }      

package/dist/components/ValueInput.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useRef,useEffect,useContext}from"react";import{InputNumber}from"primereact/inputnumber";import{EventEmitterContext}from"../core/EventEmitterContext";import{Button}from"primereact/button";export const ValueInput=({label:e="",value:t=null,min:s,max:i,minPrecision:n=0,maxPrecision:a=3,mode:o="decimal",currency:u="USD",prefix:l,suffix:r,showButtons:c=!1,step:p=1,locale:m="en-US",description:d,disabled:x=!1,dispatchTopic:f,placeholder:v,onValueChanged:b,...h})=>{const[j,C]=useState(t),[E,_]=useState(t),[S,g]=useState(t),[y,N]=useState(!1),[k,B]=useState(!1),D=useRef(null),F=useContext(EventEmitterContext);useEffect(()=>{null!==S?(_(S),g(null),B(!1)):t!==E&&(_(t),C(t),N(!1),B(!1))},[t,E]);const I=()=>{var e;y&&null!==j&&(e=j,void 0!==i&&e>i||void 0!==s&&e<s?B(!0):(_(j),N(!1),b?.(j),B(!1),f&&F.dispatch({topic:f,payload:j})))},w=()=>{y&&(C(null),_(null),N(!1),B(!1))};return _jsxs("div",{children:[_jsxs("div",{className:"p-inputgroup flex-1",children:[_jsx("span",{className:"p-inputgroup-addon",children:e}),_jsx(InputNumber,{...h,ref:D,invalid:k,min:s,max:i,minFractionDigits:n,maxFractionDigits:a,mode:o,prefix:l,suffix:r,showButtons:c,step:p,placeholder:v,value:E,onChange:e=>{return t=e.value,y||(g(E),N(!0)),void C(t);var t},locale:m,currency:u,onKeyDown:e=>{"Enter"===e.key?I():"Escape"===e.key&&w()},disabled:x}),_jsx(Button,{icon:"pi pi-check",disabled:x||!y,className:"p-button-success",onClick:()=>I(),visible:y,size:"small",autoFocus:!1}),_jsx(Button,{icon:"pi pi-times",disabled:x||!y,className:"p-button-danger",onClickCapture:()=>w(),visible:y,size:"small",autoFocus:!1})]}),d&&_jsx("small",{children:d})]})};export default ValueInput;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useRef,useEffect,useContext}from"react";import{InputNumber}from"primereact/inputnumber";import{EventEmitterContext}from"../core/EventEmitterContext";import{Button}from"primereact/button";export const ValueInput=({label:e="",value:t=null,min:s,max:i,minPrecision:n=0,maxPrecision:a=3,mode:o="decimal",currency:u="USD",prefix:l,suffix:r,showButtons:c=!1,step:p=1,locale:m="en-US",description:d,disabled:x=!1,dispatchTopic:f,placeholder:v,onValueChanged:b,...h})=>{const[j,C]=useState(t),[E,_]=useState(t),[S,g]=useState(t),[y,N]=useState(!1),[k,B]=useState(!1),D=useRef(null),F=useContext(EventEmitterContext);useEffect(()=>{null!==S?(_(S),g(null),B(!1)):t!==E&&(_(t),C(t),N(!1),B(!1))},[t,E]);const I=()=>{var e;y&&null!==j&&(e=j,void 0!==i&&e>i||void 0!==s&&e<s?B(!0):(_(j),N(!1),b?.(j),B(!1),f&&F.dispatch({topic:f,payload:j})))},w=()=>{y&&(C(null),_(null),N(!1),B(!1))};return _jsxs("div",{children:[_jsxs("div",{className:"p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:e}),_jsx(InputNumber,{...h,ref:D,invalid:k,min:s,max:i,minFractionDigits:n,maxFractionDigits:a,mode:o,prefix:l,suffix:r,showButtons:c,step:p,placeholder:v,value:E,onChange:e=>{return t=e.value,y||(g(E),N(!0)),void C(t);var t},locale:m,currency:u,onKeyDown:e=>{"Enter"===e.key?I():"Escape"===e.key&&w()},disabled:x}),_jsx(Button,{icon:"pi pi-check",disabled:x||!y,className:"p-button-success",onClick:()=>I(),visible:y,size:"small",autoFocus:!1}),_jsx(Button,{icon:"pi pi-times",disabled:x||!y,className:"p-button-danger",onClickCapture:()=>w(),visible:y,size:"small",autoFocus:!1})]}),d&&_jsx("small",{children:d})]})};export default ValueInput;