newtil-css 0.2.43 → 0.2.45

package/dist/types/n-layout.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Initializes the layout functionality, enabling resizing of the aside element.
+ */
+export default function layout(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newtil-css",
-  "version": "0.2.43",
+  "version": "0.2.45",
   "description": "Utility based CSS",
   "main": "dist/style.css",
   "type": "module",

package/dist/js/n-layout.ts

@@ -1,32 +0,0 @@
-export default function initializeLayout(): void {
-    const layout = window.document.querySelector(".n-layout") as HTMLElement | null;
-    const aside = window.document.querySelector(".n-layout>.n-aside") as HTMLElement | null;
-
-    if (!layout || !aside) return;
-
-    let isResizing = false;
-
-    aside.addEventListener("mousedown", (e: MouseEvent) => {
-        if (e.offsetX > aside.offsetWidth - 5) {
-            isResizing = true;
-            window.document.body.style.cursor = "ew-resize";
-            window.document.body.style.userSelect = "none"; // Disable text selection
-        }
-    });
-
-    window.document.addEventListener("mousemove", (e: MouseEvent) => {
-        if (isResizing) {
-            const newWidth = e.clientX - aside.getBoundingClientRect().left;
-            aside.style.width = `${Math.max(80, Math.min(newWidth, 500))}px`; // Min 80px, Max 500px
-            layout.style.setProperty("--aside-width", `${aside.offsetWidth}px`);
-        }
-    });
-
-    window.document.addEventListener("mouseup", () => {
-        if (isResizing) {
-            isResizing = false;
-            window.document.body.style.cursor = "default";
-            window.document.body.style.userSelect = ""; // Re-enable text selection
-        }
-    });
-}