@linzjs/lui 21.26.0 → 21.26.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [21.26.1](https://github.com/linz/lui/compare/v21.26.0...v21.26.1) (2024-04-15)
+
+
+### Bug Fixes
+
+* **Splitter:** issue min/max @ 0px ([#1110](https://github.com/linz/lui/issues/1110)) ([500778b](https://github.com/linz/lui/commit/500778b07eeefdbf2a193819733a2541a3deb302))
+
 # [21.26.0](https://github.com/linz/lui/compare/v21.25.0...v21.26.0) (2024-04-11)
 
 

package/dist/index.js

@@ -58806,12 +58806,19 @@ var useConfigEffect = function (setValueNow, separator) {
                 }
                 else {
                     var dim = values.orientation === 'vertical' ? 'width' : 'height';
-                    var offset = target.getBoundingClientRect()[dim] / 2;
-                    var splitter = target.parentElement;
-                    var primary = splitter.childNodes[0];
-                    var splitterRect = splitter.getBoundingClientRect();
-                    var primaryRect = primary.getBoundingClientRect();
-                    var newVal = ((primaryRect[dim] + offset) / splitterRect[dim]) * 100;
+                    var gap = target.getBoundingClientRect()[dim];
+                    var offset = gap / 2;
+                    var splitterEl = target.parentElement;
+                    var primaryEl = splitterEl.childNodes[0];
+                    var splitterRect = splitterEl.getBoundingClientRect();
+                    var primaryRect = primaryEl.getBoundingClientRect();
+                    var container = splitterRect[dim];
+                    var primary = primaryRect[dim];
+                    var seconday = container - primary - gap;
+                    if (primary === 0 || seconday === 0) {
+                        return;
+                    }
+                    var newVal = ((primary + offset) / container) * 100;
                     if (Math.abs(newVal - valueNow) >= 0.01) {
                         setValueNow(newVal, { min: valueMin, max: valueMax });
                     }
@@ -58880,25 +58887,29 @@ var getGridTemplate = function (separator) {
     var dimension = orientation === 'horizontal' ? 'height' : 'width';
     var seperatorAbsolutePx = (rect[dimension] / 100) * valueNow;
     var offset = gap / 2;
+    var clamp = function (val, type) {
+        return "clamp(".concat(offset, "px, ").concat(val).concat(type, ", calc(100% - ").concat(offset, "px))");
+    };
     if (boundary === 'keep-primary') {
+        var grid = Math.max(seperatorAbsolutePx - offset, 0);
         return {
-            grid: "".concat(seperatorAbsolutePx - offset, "px 1fr"),
-            primary: "".concat(seperatorAbsolutePx, "px"),
+            grid: "".concat(grid, "px 1fr"),
+            primary: clamp(seperatorAbsolutePx, 'px'),
             secondary: ''
         };
     }
     if (boundary === 'keep-secondary') {
+        var grid = Math.max(rect[dimension] - seperatorAbsolutePx - offset, 0);
         return {
-            grid: "1fr ".concat(rect[dimension] - seperatorAbsolutePx - offset, "px"),
+            grid: "1fr ".concat(grid, "px"),
             primary: '',
-            secondary: "".concat(rect[dimension] - seperatorAbsolutePx, "px")
+            secondary: clamp(rect[dimension] - seperatorAbsolutePx, 'px')
         };
     }
-    var primary = "clamp(".concat(offset, "px, ").concat(valueNow, "%, calc(100% - ").concat(offset, "px))");
     return {
         grid: "min(calc(".concat(valueNow, "% - ").concat(gap / 2, "px), calc(100% - ").concat(gap, "px)) 1fr"),
-        primary: primary,
-        secondary: "calc(100% - ".concat(primary, ")")
+        primary: clamp(valueNow, '%'),
+        secondary: "calc(100% - ".concat(clamp(valueNow, '%'), ")")
     };
 };