@adcops/autocore-react 3.3.9 → 3.3.10

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/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: 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 */
+  }
+

package/dist/components/ValueIndicator.css

@@ -1,32 +1,32 @@
-/*
- * 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-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;
 }