uiik 1.3.4 → 1.3.5

package/index.esm.js

@@ -1,5 +1,5 @@
 /**
- * uiik v1.3.4
+ * uiik v1.3.5
  * A UI interactions kit includes draggable, splittable, rotatable, selectable, etc.
  * https://github.com/holyhigh2/uiik
  * c) 2021-2025 @holyhigh2 may be freely distributed under the MIT license
@@ -705,7 +705,7 @@ class Splittable extends Uii {
                 con.style.position = "relative";
             }
             con.classList.toggle(CLASS_SPLITTABLE, true);
-            const handleDoms = con.querySelectorAll(this.opts.handle);
+            const handleDoms = isString(this.opts.handle) ? con.querySelectorAll(this.opts.handle) : isArray(this.opts.handle) ? this.opts.handle : this.opts.handle ? [this.opts.handle] : [];
             const children = reject(con.children, c => {
                 if (includes(handleDoms, c))
                     return true;
@@ -747,7 +747,8 @@ class Splittable extends Uii {
                         let domCon = getRootEl(h, con);
                         let domL = domCon.previousElementSibling;
                         let domR = domCon.nextElementSibling;
-                        if (domL && !domL.querySelector(this.opts.handle)) {
+                        let hasDomLHandle = isString(this.opts.handle) ? domL === null || domL === void 0 ? void 0 : domL.querySelector(this.opts.handle) : domL === null || domL === void 0 ? void 0 : domL.contains(h);
+                        if (domL && !hasDomLHandle) {
                             dom1 = domL;
                             dom2 = domCon;
                         }
@@ -764,10 +765,16 @@ class Splittable extends Uii {
 }
 _Splittable_instances = new WeakSet(), _Splittable_checkDirection = function _Splittable_checkDirection(container) {
     let dir = 'h';
+    let cStyle = window.getComputedStyle(container);
+    if (cStyle.display === 'inline-flex')
+        return dir;
+    if (cStyle.display === 'flex' && cStyle.flexDirection === 'row')
+        return dir;
     const child = container.children[0];
     let lastY = child.offsetTop;
+    let lastH = child.offsetHeight;
     each(container.children, c => {
-        if (c.offsetTop != lastY) {
+        if (c.offsetTop > lastH + lastY) {
             dir = 'v';
             return false;
         }
@@ -2957,7 +2964,7 @@ function newSortable(container, opts) {
     return new Sortable(container, opts);
 }
 
-var version = "1.3.4";
+var version = "1.3.5";
 var repository = {
 	type: "git",
 	url: "https://github.com/holyhigh2/uiik"

package/index.js

@@ -1,5 +1,5 @@
 /**
- * uiik v1.3.4
+ * uiik v1.3.5
  * A UI interactions kit includes draggable, splittable, rotatable, selectable, etc.
  * https://github.com/holyhigh2/uiik
  * c) 2021-2025 @holyhigh2 may be freely distributed under the MIT license
@@ -702,7 +702,7 @@
                     con.style.position = "relative";
                 }
                 con.classList.toggle(CLASS_SPLITTABLE, true);
-                const handleDoms = con.querySelectorAll(this.opts.handle);
+                const handleDoms = is.isString(this.opts.handle) ? con.querySelectorAll(this.opts.handle) : is.isArray(this.opts.handle) ? this.opts.handle : this.opts.handle ? [this.opts.handle] : [];
                 const children = collection.reject(con.children, c => {
                     if (collection.includes(handleDoms, c))
                         return true;
@@ -744,7 +744,8 @@
                             let domCon = getRootEl(h, con);
                             let domL = domCon.previousElementSibling;
                             let domR = domCon.nextElementSibling;
-                            if (domL && !domL.querySelector(this.opts.handle)) {
+                            let hasDomLHandle = is.isString(this.opts.handle) ? domL === null || domL === void 0 ? void 0 : domL.querySelector(this.opts.handle) : domL === null || domL === void 0 ? void 0 : domL.contains(h);
+                            if (domL && !hasDomLHandle) {
                                 dom1 = domL;
                                 dom2 = domCon;
                             }
@@ -761,10 +762,16 @@
     }
     _Splittable_instances = new WeakSet(), _Splittable_checkDirection = function _Splittable_checkDirection(container) {
         let dir = 'h';
+        let cStyle = window.getComputedStyle(container);
+        if (cStyle.display === 'inline-flex')
+            return dir;
+        if (cStyle.display === 'flex' && cStyle.flexDirection === 'row')
+            return dir;
         const child = container.children[0];
         let lastY = child.offsetTop;
+        let lastH = child.offsetHeight;
         collection.each(container.children, c => {
-            if (c.offsetTop != lastY) {
+            if (c.offsetTop > lastH + lastY) {
                 dir = 'v';
                 return false;
             }
@@ -2954,7 +2961,7 @@
         return new Sortable(container, opts);
     }
 
-    var version = "1.3.4";
+    var version = "1.3.5";
     var repository = {
     	type: "git",
     	url: "https://github.com/holyhigh2/uiik"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uiik",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "A UI interactions kit includes draggable, splittable, rotatable, selectable, etc.",
   "main": "index.js",
   "module": "index.esm.js",

package/types.d.ts

@@ -66,7 +66,7 @@ export type SplittableOptions = {
     ghost?: boolean;
     ghostClass?: string;
     ghostTo?: string | HTMLElement;
-    handle?: string;
+    handle?: string | HTMLElement | HTMLElement[];
     onStart?: (data: {
         size1: number;
         size2: number;