native-document 1.0.124 → 1.0.125

package/dist/native-document.components.min.js

@@ -14,7 +14,7 @@ var NativeComponents = (function (exports) {
             if(this.$element) {
                 return this.$element.nd;
             }
-            this.$storeElement(this.node());
+            this.$storeElement(this.toNdElement());
             return this.$element?.nd;
         }
     });
@@ -474,6 +474,16 @@ var NativeComponents = (function (exports) {
         unmounted: new WeakMap(),
         unmountedSupposedSize: 0,
         observer: null,
+        initObserver: () => {
+            if(DocumentObserver.observer) {
+                return;
+            }
+            DocumentObserver.observer = new MutationObserver(DocumentObserver.checkMutation);
+            DocumentObserver.observer.observe(document.body, {
+                childList: true,
+                subtree: true,
+            });
+        },
 
         executeMountedCallback(node) {
             const data = DocumentObserver.mounted.get(node);
@@ -521,6 +531,7 @@ var NativeComponents = (function (exports) {
         },
 
         checkMutation: function(mutationsList) {
+            console.log('mutationsList', mutationsList);
             for(const mutation of mutationsList) {
                 if(DocumentObserver.mountedSupposedSize > 0) {
                     for(const node of mutation.addedNodes) {
@@ -559,6 +570,8 @@ var NativeComponents = (function (exports) {
             let mountedRegistered   = false;
             let unmountedRegistered = false;
 
+            DocumentObserver.initObserver();
+
             let data = {
                 inDom,
                 mounted: null,
@@ -636,12 +649,6 @@ var NativeComponents = (function (exports) {
         }
     };
 
-    DocumentObserver.observer = new MutationObserver(DocumentObserver.checkMutation);
-    DocumentObserver.observer.observe(document.body, {
-        childList: true,
-        subtree: true,
-    });
-
     function NDElement(element) {
         this.$element = element;
     }
@@ -2354,9 +2361,11 @@ var NativeComponents = (function (exports) {
     function AnchorWithSentinel(name) {
         const instance = Reflect.construct(DocumentFragment, [], AnchorWithSentinel);
         const sentinel = document.createComment((name || '') + ' Anchor Sentinel');
+        const anchorStart = document.createComment('Anchor Start : '+name);
+        const anchorEnd = document.createComment('/ Anchor End '+name);
         const events = {};
 
-        instance.appendChild(sentinel);
+        instance.append(anchorStart, sentinel, anchorEnd);
 
         const observer = new MutationObserver(() => {
             if (sentinel.parentNode !== instance && !(sentinel.parentNode instanceof DocumentFragment)) {
@@ -2368,6 +2377,8 @@ var NativeComponents = (function (exports) {
 
 
         instance.$sentinel = sentinel;
+        instance.$start = anchorStart;
+        instance.$end = anchorEnd;
         instance.$observer = observer;
         instance.$events = events;
 
@@ -2471,11 +2482,8 @@ var NativeComponents = (function (exports) {
 
         anchorFragment.__Anchor__ = true;
 
-        const anchorStart = document.createComment('Anchor Start : '+name);
-        const anchorEnd = document.createComment('/ Anchor End '+name);
-
-        anchorFragment.appendChild(anchorStart);
-        anchorFragment.appendChild(anchorEnd);
+        const anchorStart = anchorFragment.$start;
+        const anchorEnd = anchorFragment.$end;
 
         anchorFragment.nativeInsertBefore = anchorFragment.insertBefore;
         anchorFragment.nativeAppendChild = anchorFragment.appendChild;
@@ -2999,7 +3007,11 @@ var NativeComponents = (function (exports) {
 
             return (attr, children) => createElement(attr, children)
         }
-        return () => Anchor('');
+        return (children, name = '') => {
+            const anchor = Anchor(name);
+            anchor.append(children);
+            return anchor;
+        };
     }
 
     function NodeCloner($element) {
@@ -5800,7 +5812,7 @@ var NativeComponents = (function (exports) {
     };
 
     function MenuDivider() {
-        if(!this instanceof MenuDivider) {
+        if(!(this instanceof MenuDivider)) {
             return new MenuDivider();
         }
 
@@ -5882,6 +5894,11 @@ var NativeComponents = (function (exports) {
         Menu.defaultTemplate = template.menu;
     };
 
+    Menu.prototype.title = function(title) {
+        this.$description.title = title;
+        return this;
+    };
+
     Menu.prototype.orientation = function(orientation) {
         this.$description.orientation = orientation;
         return this;
@@ -5936,7 +5953,7 @@ var NativeComponents = (function (exports) {
 
     function ContextMenu(config = {}) {
         if(!(this instanceof ContextMenu)) {
-            return ContextMenu(config);
+            return new ContextMenu(config);
         }
         Menu.call(this, config);
 
@@ -5999,6 +6016,16 @@ var NativeComponents = (function (exports) {
 
         this.$description = {
             items: [],
+            link: null,
+            target: null,
+            label: null,
+            icon: null,
+            shortcut: null,
+            disabled: false,
+            selected: false,
+            value: null,
+            data: null,
+            render: null,
             ...config
         };
 
@@ -6018,6 +6045,16 @@ var NativeComponents = (function (exports) {
         return this;
     };
 
+    MenuItem.prototype.link = function(link) {
+        this.$description.link = link;
+        return this;
+    };
+
+    MenuItem.prototype.target = function(target) {
+        this.$description.target = target;
+        return this;
+    };
+
     MenuItem.prototype.icon = function(icon) {
         this.$description.icon = icon;
         return this;

package/dist/native-document.dev.js

@@ -146,6 +146,16 @@ var NativeDocument = (function (exports) {
         unmounted: new WeakMap(),
         unmountedSupposedSize: 0,
         observer: null,
+        initObserver: () => {
+            if(DocumentObserver.observer) {
+                return;
+            }
+            DocumentObserver.observer = new MutationObserver(DocumentObserver.checkMutation);
+            DocumentObserver.observer.observe(document.body, {
+                childList: true,
+                subtree: true,
+            });
+        },
 
         executeMountedCallback(node) {
             const data = DocumentObserver.mounted.get(node);
@@ -193,6 +203,7 @@ var NativeDocument = (function (exports) {
         },
 
         checkMutation: function(mutationsList) {
+            console.log('mutationsList', mutationsList);
             for(const mutation of mutationsList) {
                 if(DocumentObserver.mountedSupposedSize > 0) {
                     for(const node of mutation.addedNodes) {
@@ -231,6 +242,8 @@ var NativeDocument = (function (exports) {
             let mountedRegistered   = false;
             let unmountedRegistered = false;
 
+            DocumentObserver.initObserver();
+
             let data = {
                 inDom,
                 mounted: null,
@@ -308,12 +321,6 @@ var NativeDocument = (function (exports) {
         }
     };
 
-    DocumentObserver.observer = new MutationObserver(DocumentObserver.checkMutation);
-    DocumentObserver.observer.observe(document.body, {
-        childList: true,
-        subtree: true,
-    });
-
     let PluginsManager$1 = null;
 
     {
@@ -2200,9 +2207,11 @@ var NativeDocument = (function (exports) {
     function AnchorWithSentinel(name) {
         const instance = Reflect.construct(DocumentFragment, [], AnchorWithSentinel);
         const sentinel = document.createComment((name || '') + ' Anchor Sentinel');
+        const anchorStart = document.createComment('Anchor Start : '+name);
+        const anchorEnd = document.createComment('/ Anchor End '+name);
         const events = {};
 
-        instance.appendChild(sentinel);
+        instance.append(anchorStart, sentinel, anchorEnd);
 
         const observer = new MutationObserver(() => {
             if (sentinel.parentNode !== instance && !(sentinel.parentNode instanceof DocumentFragment)) {
@@ -2214,6 +2223,8 @@ var NativeDocument = (function (exports) {
 
 
         instance.$sentinel = sentinel;
+        instance.$start = anchorStart;
+        instance.$end = anchorEnd;
         instance.$observer = observer;
         instance.$events = events;
 
@@ -2317,11 +2328,8 @@ var NativeDocument = (function (exports) {
 
         anchorFragment.__Anchor__ = true;
 
-        const anchorStart = document.createComment('Anchor Start : '+name);
-        const anchorEnd = document.createComment('/ Anchor End '+name);
-
-        anchorFragment.appendChild(anchorStart);
-        anchorFragment.appendChild(anchorEnd);
+        const anchorStart = anchorFragment.$start;
+        const anchorEnd = anchorFragment.$end;
 
         anchorFragment.nativeInsertBefore = anchorFragment.insertBefore;
         anchorFragment.nativeAppendChild = anchorFragment.appendChild;
@@ -2968,7 +2976,11 @@ var NativeDocument = (function (exports) {
 
             return (attr, children) => createElement(attr, children)
         }
-        return () => Anchor('');
+        return (children, name = '') => {
+            const anchor = Anchor(name);
+            anchor.append(children);
+            return anchor;
+        };
     }
 
     function NodeCloner($element) {
@@ -5085,9 +5097,6 @@ var NativeDocument = (function (exports) {
 
         const clear = (items) => {
             element.removeChildren();
-            clearCacheOnly(items);
-        };
-        const clearCacheOnly = (items) => {
             cleanCache(items);
             lastNumberOfItems = 0;
         };
@@ -5125,7 +5134,7 @@ var NativeDocument = (function (exports) {
         };
 
         const createAndCache = (item) => {
-            const child = callback(item, null);
+            const child = ElementCreator.getChild(callback(item, null));
             {
                 if(!child) {
                     throw new NativeDocumentError("ForEachArray child can't be null or undefined!");
@@ -5137,7 +5146,7 @@ var NativeDocument = (function (exports) {
 
         const createWithIndexAndCache = (item, indexKey) => {
             const indexObserver = Observable(indexKey);
-            const child = callback(item, indexObserver);
+            const child = ElementCreator.getChild(callback(item, indexObserver));
             {
                 if(!child) {
                     throw new NativeDocumentError("ForEachArray child can't be null or undefined!");
@@ -5214,13 +5223,13 @@ var NativeDocument = (function (exports) {
                 element.appendChildRaw(Actions.toFragment(items));
             },
             replace: (items) => {
-                clearCacheOnly(items);
-                element.replaceContentRaw(Actions.toFragment(items));
+                clear(items);
+                element.appendChildRaw(Actions.toFragment(items));
             },
             set: () => {
                 const items = data.val();
-                clearCacheOnly(items);
-                element.replaceContentRaw(Actions.toFragment(items));
+                clear(items);
+                element.appendChildRaw(Actions.toFragment(items));
             },
             reOrder: (items) => {
                 let child = null;
@@ -6910,6 +6919,7 @@ var NativeDocument = (function (exports) {
                 anchor = Anchor(path);
                 anchor.appendChild(node);
             }
+            console.log(anchor);
             $routeInstanceAnchors.set(node, anchor);
             return anchor;
         };
@@ -6919,6 +6929,7 @@ var NativeDocument = (function (exports) {
                 $lastNodeInserted.remove();
             }
         };
+
         const cleanContainer = () => {
             container.nodeValue = '';
             removeLastNodeInserted();