@onetype/framework 2.0.31 → 2.0.32

package/addons/render/transforms/functions/runtime.js

@@ -0,0 +1,64 @@
+transforms.Fn('runtime', function()
+{
+    this.methods.process = (node) =>
+    {
+        const id = node.getAttribute('ot');
+
+        if(!id)
+        {
+            return;
+        }
+
+        node.removeAttribute('ot');
+        transforms.Fn('run', id, node);
+    };
+
+    this.methods.scan = () =>
+    {
+        document.querySelectorAll('[ot]').forEach(node =>
+        {
+            this.methods.process(node);
+        });
+    };
+
+    this.methods.observe = () =>
+    {
+        new MutationObserver((mutations) =>
+        {
+            for(const mutation of mutations)
+            {
+                for(const node of mutation.addedNodes)
+                {
+                    if(node.nodeType !== 1)
+                    {
+                        continue;
+                    }
+
+                    if(node.hasAttribute('ot'))
+                    {
+                        this.methods.process(node);
+                    }
+
+                    node.querySelectorAll('[ot]').forEach(child =>
+                    {
+                        this.methods.process(child);
+                    });
+                }
+            }
+        }).observe(document.body, { childList: true, subtree: true });
+    };
+
+    if(document.readyState === 'loading')
+    {
+        document.addEventListener('DOMContentLoaded', () =>
+        {
+            this.methods.scan();
+            this.methods.observe();
+        });
+    }
+    else
+    {
+        this.methods.scan();
+        this.methods.observe();
+    }
+});

package/lib/items/elements/navigation/navbar/navbar.js

@@ -51,10 +51,10 @@ onetype.AddonReady('elements', (elements) =>
 						<i class="logo-arrow">keyboard_arrow_down</i>
 					</a>
 					<div class="tabs">
-						<a ot-for="item in left" :class="'tab' + (item.active ? ' active' : '')" :href="item.href"><i>{{ item.icon }}</i> {{ item.label }}</a>
+						<a ot-for="item in left" :class="'tab' + (item.active ? ' active' : '')" :href="item.href" :target="item.target || null"><i>{{ item.icon }}</i> {{ item.label }}</a>
 					</div>
 					<div class="right">
-						<a ot-for="item in right" :class="'tab' + (item.active ? ' active' : '')" :href="item.href"><i>{{ item.icon }}</i> {{ item.label }}</a>
+						<a ot-for="item in right" :class="'tab' + (item.active ? ' active' : '')" :href="item.href" :target="item.target || null"><i>{{ item.icon }}</i> {{ item.label }}</a>
 					</div>
 				</nav>
 			`;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@onetype/framework",
-    "version": "2.0.31",
+    "version": "2.0.32",
     "description": "OneType Framework — Full-stack isomorphic JavaScript framework built from scratch. One addon abstraction powers databases, servers, commands, pages, directives, queues, and more.",
     "type": "module",
     "main": "lib/load.js",