juxscript 1.0.112 → 1.0.113

package/lib/componentsv2/element/engine.d.ts

@@ -1,13 +1,13 @@
 import { BaseEngine, BaseState } from '../base/BaseEngine.js';
 import { OptionsContractSchema } from '../base/OptionsContract.js';
 export interface ElementState extends BaseState {
-    tagName: string;
+    tag: string;
     content: string | null;
     contentType: 'text' | 'html';
     inlineStyle: string;
 }
 export interface ElementOptions {
-    tagName?: string;
+    tag?: string;
     content?: string;
     contentType?: 'text' | 'html';
     inlineStyle?: string;
@@ -22,9 +22,9 @@ export declare class ElementEngine extends BaseEngine<ElementState, ElementOptio
     protected prepareState(id: string, options: ElementOptions): ElementState;
     /**
      * Set the HTML tag name (e.g., 'div', 'span', 'h1', 'section')
-     * Method name matches state property: tagName
+     * Method name matches state property: tag
      */
-    tagName(value: string): this;
+    tag(value: string): this;
     /**
      * Set content with explicit type
      * Method name matches state property: content
@@ -40,10 +40,6 @@ export declare class ElementEngine extends BaseEngine<ElementState, ElementOptio
      * Method name matches state property: inlineStyle
      */
     inlineStyle(cssText: string): this;
-    /** @alias for tagName() */
-    tag(value: string): this;
-    /** @alias for content(value, 'text') */
-    text(value: string): this;
     /** @alias for content(value, 'html') */
     html(value: string): this;
     /** @alias for inlineStyle() */

package/lib/componentsv2/element/engine.js

@@ -9,7 +9,7 @@ export class ElementEngine extends BaseEngine {
      */
     get optionsSchema() {
         return {
-            tagName: {
+            tag: {
                 type: 'string',
                 default: 'div',
                 description: 'HTML tag name (e.g., "div", "span", "h1")',
@@ -43,7 +43,7 @@ export class ElementEngine extends BaseEngine {
             disabled: false,
             loading: false,
             attributes: {},
-            tagName: options.tagName || 'div',
+            tag: options.tag || 'div',
             content: options.content || '',
             contentType: options.contentType || 'text',
             inlineStyle: options.inlineStyle || ''
@@ -51,11 +51,11 @@ export class ElementEngine extends BaseEngine {
     }
     /**
      * Set the HTML tag name (e.g., 'div', 'span', 'h1', 'section')
-     * Method name matches state property: tagName
+     * Method name matches state property: tag
      */
-    tagName(value) {
-        this.updateState({ tagName: value });
-        this.emit('config', { tagName: value });
+    tag(value) {
+        this.updateState({ tag: value });
+        this.emit('config', { tag: value });
         return this;
     }
     /**
@@ -82,15 +82,6 @@ export class ElementEngine extends BaseEngine {
         this.updateState({ inlineStyle: cssText });
         return this;
     }
-    // --- Convenience Aliases (documented as such) ---
-    /** @alias for tagName() */
-    tag(value) {
-        return this.tagName(value);
-    }
-    /** @alias for content(value, 'text') */
-    text(value) {
-        return this.content(value, 'text');
-    }
     /** @alias for content(value, 'html') */
     html(value) {
         return this.content(value, 'html');

package/lib/componentsv2/element/skin.js

@@ -8,9 +8,9 @@ export class ElementSkin extends BaseSkin {
         return structureCss;
     }
     createRoot() {
-        // Use state.tagName (consistent naming)
-        const tagName = this.engine.state.tagName || 'div';
-        return document.createElement(tagName);
+        // Use state.tag (consistent naming)
+        const tag = this.engine.state.tag || 'div';
+        return document.createElement(tag);
     }
     bindEvents(root) {
         // ✅ Forward common events to the engine via public handler
@@ -23,9 +23,9 @@ export class ElementSkin extends BaseSkin {
         });
     }
     updateSkin(state) {
-        // 1. Tag Replacement Logic (uses state.tagName)
-        if (this.root && this.root.tagName.toLowerCase() !== state.tagName.toLowerCase()) {
-            const newRoot = document.createElement(state.tagName);
+        // 1. Tag Replacement Logic (uses state.tag)
+        if (this.root) {
+            const newRoot = document.createElement(state.tag.toLowerCase());
             if (this.root.parentNode) {
                 this.root.parentNode.replaceChild(newRoot, this.root);
             }

package/package.json

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