juxscript 1.0.122 → 1.0.124

package/lib/componentsv2/element/Element.js

@@ -34,8 +34,12 @@ export function Element(id, options = {}) {
     // @ts-ignore
     engine.render = (targetId) => {
         const target = typeof targetId === 'string' ? document.getElementById(targetId) : targetId;
-        if (target)
+        if (target) {
             skin.renderSkin(target);
+        }
+        else {
+            console.warn(`Element: Target not found for render - ${targetId}`);
+        }
         return engine;
     };
     // @ts-ignore

package/lib/componentsv2/element/ElementSkin.js

@@ -36,6 +36,7 @@ export class ElementSkin extends BaseSkin {
         }
         if (!this.root)
             return;
+        // 1. Ensure standard ID is set
         this.root.id = state.id;
         // 2. Base Attributes
         this.applySkinAttributes(this.root, state);

package/lib/componentsv2/grid/Grid.d.ts

@@ -7,7 +7,6 @@ export type GridComponent = GridEngine & {
     gap: (gap: string) => GridComponent;
     width: (width: string) => GridComponent;
     height: (height: string) => GridComponent;
-    gridder: (active?: boolean) => GridComponent;
     getCellId: (row: number, col: number) => string;
 };
 export declare function Grid(id: string, options?: GridOptions): GridComponent;

package/lib/componentsv2/grid/GridSkin.js

@@ -15,19 +15,13 @@ export class GridSkin extends BaseSkin {
         return structureCss;
     }
     bindEvents(root) {
-        root.addEventListener('click', (e) => {
-            if (this.engine.state.gridder) {
-                const cell = e.target.closest('.jux-grid-cell');
-                if (cell && cell.id) {
-                    console.log(`[Ordinal Grid] Targeted Cell: #${cell.id}`);
-                }
-            }
-        });
     }
     updateSkin(state) {
         if (!this.root)
             return;
         this.applySkinAttributes(this.root, state);
+        // 0. Ensure standard ID is set
+        this.root.id = state.id;
         this.root.className = state.classes.join(' ');
         // 1. Container Styles
         this.root.style.width = state.width;
@@ -38,15 +32,9 @@ export class GridSkin extends BaseSkin {
         const colSizes = state.columns.map(c => c.size).join(' ');
         this.root.style.gridTemplateRows = rowSizes;
         this.root.style.gridTemplateColumns = colSizes;
-        // Toggle Debug Class
-        if (state.gridder) {
-            this.root.classList.add('jux-gridder-active');
-        }
-        else {
-            this.root.classList.remove('jux-gridder-active');
-        }
         // 2. Structural Reconciliation
         const validIds = new Set();
+        // create cells 
         state.rows.forEach((rowConfig, rIndex) => {
             state.columns.forEach((colConfig, cIndex) => {
                 const cellId = `${state.id}-${rIndex}-${cIndex}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.0.122",
+  "version": "1.0.124",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "./index.js",