ember-native 1.0.0

package/dist/dom/nodes/DocumentNode.js

@@ -0,0 +1,198 @@
+import { _ as _defineProperty } from '../../_rollupPluginBabelHelpers-DZQzmiRH.js';
+import { createElement } from '../element-registry.js';
+import CommentNode from './CommentNode.js';
+import ElementNode from './ElementNode.js';
+import PropertyNode from './PropertyNode.js';
+import TextNode from './TextNode.js';
+import ViewNode from './ViewNode.js';
+import NativeElementNode from '../native/NativeElementNode.js';
+
+function* elementIterator(el) {
+  yield el;
+  for (const child of el.childNodes) {
+    yield* elementIterator(child);
+  }
+}
+class HeadNode extends ElementNode {
+  constructor(tagName, document) {
+    super(tagName);
+    _defineProperty(this, "document", void 0);
+    this.document = document;
+  }
+  appendChild(childNode) {
+    if (childNode.tagName === 'style') {
+      this.document.page.nativeView.addCss(childNode.childNodes[0].text);
+      return;
+    }
+    super.appendChild(childNode);
+  }
+}
+let document = null;
+class DocumentNode extends ViewNode {
+  static getInstance() {
+    if (!document) {
+      document = new DocumentNode();
+    }
+    return document;
+  }
+  constructor() {
+    if (document) return document;
+    super();
+    _defineProperty(this, "head", void 0);
+    _defineProperty(this, "config", void 0);
+    _defineProperty(this, "page", void 0);
+    _defineProperty(this, "body", void 0);
+    _defineProperty(this, "documentElement", {
+      dataset: {}
+    });
+    document = this;
+    this.tagName = 'docNode';
+    this.nodeType = 9;
+    this.head = new HeadNode('head', this);
+    this.appendChild(this.head);
+    this.nodeMap = new Map();
+  }
+  createComment(text) {
+    return new CommentNode(text);
+  }
+  static createPropertyNode(tagName, propertyName) {
+    return new PropertyNode(tagName, propertyName);
+  }
+  createElement(name) {
+    return DocumentNode.createElement(name);
+  }
+  static createElement(tagName) {
+    if (tagName.indexOf('.') >= 0) {
+      const bits = tagName.split('.', 2);
+      return this.createPropertyNode(bits[0], bits[1]);
+    }
+    const e = createElement(tagName);
+    e._ownerDocument = this.getInstance();
+    if (e instanceof NativeElementNode && e.nativeView) {
+      this.getInstance().nodeMap.set(e.nativeView._domId, e);
+    }
+    if (tagName === 'page') {
+      this.getInstance().page = e;
+      Object.defineProperty(this.getInstance(), 'body', {
+        configurable: true,
+        get() {
+          const page = this.page;
+          return {
+            insertAdjacentHTML() {
+              return null;
+            },
+            addEventListener: globalThis.addEventListener.bind(page),
+            get lastChild() {
+              return null;
+            }
+          };
+        }
+      });
+    }
+    return e;
+  }
+  createElementNS(_namespace, tagName) {
+    return DocumentNode.createElement(tagName);
+  }
+  createTextNode(text) {
+    return new TextNode(text);
+  }
+  addEventListener(event, callback) {
+    if (event === 'DOMContentLoaded') {
+      setTimeout(callback, 0);
+      return;
+    }
+    console.error('unsupported event on document', event);
+  }
+  removeEventListener(event, handler) {
+    if (event === 'DOMContentLoaded') {
+      return;
+    }
+    console.error('unsupported event on document', event, handler);
+  }
+  searchDom(node, startNode, endNode) {
+    const start = startNode || this.page;
+    if (start === node) {
+      return true;
+    }
+    if (node === endNode) {
+      return false;
+    }
+    for (const childNode of start.childNodes) {
+      if (this.searchDom(node, childNode, endNode)) {
+        return true;
+      }
+    }
+    let sibling = node;
+    while (sibling) {
+      if (this.searchDom(node, sibling, endNode)) {
+        return true;
+      }
+      sibling = sibling.nextSibling;
+    }
+    return false;
+  }
+  createRange() {
+    const self = this;
+    return {
+      startNode: null,
+      endNode: null,
+      setStartBefore(startNode) {
+        while (startNode && !startNode.nativeView) {
+          startNode = startNode.nextSibling;
+        }
+        this.startNode = startNode;
+      },
+      setEndAfter(endNode) {
+        while (endNode && !endNode.nativeView) {
+          endNode = endNode.prevSibling;
+        }
+        this.endNode = endNode;
+      },
+      isPointInRange(dom) {
+        return self.searchDom(dom, this.startNode, this.endNode);
+      },
+      getBoundingClientRect() {
+        if (!(this.startNode instanceof NativeElementNode)) return null;
+        if (!this.startNode?.nativeView) return null;
+        const point = this.startNode.nativeView.getLocationInWindow();
+        const size = this.startNode.nativeView.getActualSize();
+        let x = point.x;
+        let y = point.y;
+        let width = size.width;
+        let height = size.height;
+        for (const element of elementIterator(this.startNode)) {
+          const point = element.nativeView.getLocationInWindow();
+          const size = element.nativeView.getActualSize();
+          x = Math.min(x, point.x);
+          y = Math.min(y, point.y);
+          width = point.x + size.width - x;
+          height = point.y + size.height - y;
+          if (element === this.endNode) {
+            break;
+          }
+        }
+        return {
+          left: x,
+          top: y,
+          bottom: y + height,
+          width,
+          height
+        };
+      }
+    };
+  }
+  querySelectorAll(selector) {
+    if (selector.startsWith('meta')) {
+      const config = this.config;
+      return {
+        getAttribute() {
+          return JSON.stringify(config);
+        }
+      };
+    }
+  }
+}
+
+export { DocumentNode as default };
+//# sourceMappingURL=DocumentNode.js.map

package/dist/dom/nodes/DocumentNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentNode.js","sources":["../../../src/dom/nodes/DocumentNode.ts"],"sourcesContent":["import { createElement } from '../element-registry.ts';\nimport CommentNode from './CommentNode.ts';\nimport ElementNode from './ElementNode.ts';\nimport PropertyNode from './PropertyNode.ts';\nimport TextNode from './TextNode.ts';\nimport ViewNode from './ViewNode.ts';\nimport type { NativeElementsTagNameMap } from '../native-elements-tag-name-map.ts';\nimport type PageElement from '../native/PageElement.ts';\nimport NativeElementNode from '../native/NativeElementNode.ts';\n\nfunction* elementIterator(el: any): Generator<any, void, unknown> {\n  yield el;\n  for (const child of el.childNodes) {\n    yield* elementIterator(child);\n  }\n}\n\nclass HeadNode extends ElementNode {\n  private document: any;\n  constructor(tagName: string, document: DocumentNode) {\n    super(tagName);\n    this.document = document;\n  }\n  appendChild(childNode: ViewNode) {\n    if (childNode.tagName === 'style') {\n      this.document.page.nativeView.addCss(\n        (childNode.childNodes[0]! as any).text,\n      );\n      return;\n    }\n    super.appendChild(childNode);\n  }\n}\n\nlet document: DocumentNode | null = null;\n\nexport default class DocumentNode extends ViewNode {\n  head: any;\n  config: any;\n  declare nodeMap: Map<any, any>;\n  page: PageElement | undefined;\n  body: ElementNode | undefined;\n  documentElement = {\n    dataset: {},\n  };\n\n  static getInstance() {\n    if (!document) {\n      document = new DocumentNode();\n    }\n    return document;\n  }\n\n  constructor() {\n    if (document) return document;\n    super();\n    document = this;\n    this.tagName = 'docNode';\n    this.nodeType = 9;\n    this.head = new HeadNode('head', this);\n    this.appendChild(this.head);\n    this.nodeMap = new Map();\n  }\n\n  createComment(text: string) {\n    return new CommentNode(text);\n  }\n\n  static createPropertyNode(\n    tagName: string,\n    propertyName: string,\n  ): PropertyNode {\n    return new PropertyNode(tagName, propertyName);\n  }\n\n  createElement(name: string) {\n    return DocumentNode.createElement(name as any);\n  }\n\n  static createElement<T extends keyof NativeElementsTagNameMap>(\n    tagName: T,\n  ): NativeElementsTagNameMap[T] {\n    if (tagName.indexOf('.') >= 0) {\n      const bits = tagName.split('.', 2);\n      return this.createPropertyNode(bits[0]!, bits[1]!) as any;\n    }\n    const e = createElement(tagName);\n    e._ownerDocument = this.getInstance();\n    if (e instanceof NativeElementNode && e.nativeView) {\n      this.getInstance().nodeMap.set(e.nativeView._domId, e);\n    }\n    if (tagName === 'page') {\n      this.getInstance().page = e as PageElement;\n\n      Object.defineProperty(this.getInstance(), 'body', {\n        configurable: true,\n        get() {\n          const page = this.page;\n          return {\n            insertAdjacentHTML() {\n              return null;\n            },\n            addEventListener: globalThis.addEventListener.bind(page),\n            get lastChild() {\n              return null;\n            },\n          };\n        },\n      });\n    }\n    return e;\n  }\n\n  createElementNS(_namespace: any, tagName: keyof NativeElementsTagNameMap) {\n    return DocumentNode.createElement(tagName);\n  }\n\n  createTextNode(text: string) {\n    return new TextNode(text);\n  }\n\n  addEventListener(event: string, callback: EventListener) {\n    if (event === 'DOMContentLoaded') {\n      setTimeout(callback, 0);\n      return;\n    }\n    console.error('unsupported event on document', event);\n  }\n\n  removeEventListener(event: string, handler: EventListener) {\n    if (event === 'DOMContentLoaded') {\n      return;\n    }\n    console.error('unsupported event on document', event, handler);\n  }\n\n  searchDom(node: ViewNode, startNode: ViewNode, endNode: ViewNode) {\n    const start = startNode || this.page;\n    if (start === node) {\n      return true;\n    }\n    if (node === endNode) {\n      return false;\n    }\n    for (const childNode of start.childNodes) {\n      if (this.searchDom(node, childNode, endNode)) {\n        return true;\n      }\n    }\n    let sibling: ViewNode | null = node;\n    while (sibling) {\n      if (this.searchDom(node, sibling, endNode)) {\n        return true;\n      }\n      sibling = sibling.nextSibling;\n    }\n    return false;\n  }\n\n  createRange() {\n    const self = this;\n    return {\n      startNode: null as ViewNode | null,\n      endNode: null as ViewNode | null,\n      setStartBefore(startNode: ViewNode | null) {\n        while (startNode && !(startNode as NativeElementNode).nativeView) {\n          startNode = startNode.nextSibling;\n        }\n        this.startNode = startNode;\n      },\n      setEndAfter(endNode: ViewNode | null) {\n        while (endNode && !(endNode as NativeElementNode).nativeView) {\n          endNode = endNode.prevSibling;\n        }\n        this.endNode = endNode;\n      },\n      isPointInRange(dom: ViewNode): boolean {\n        return self.searchDom(dom, this.startNode!, this.endNode!);\n      },\n      getBoundingClientRect() {\n        if (!(this.startNode instanceof NativeElementNode)) return null;\n        if (!this.startNode?.nativeView) return null;\n        const point = this.startNode.nativeView.getLocationInWindow();\n        const size = this.startNode.nativeView.getActualSize();\n        let x = point.x;\n        let y = point.y;\n        let width = size.width;\n        let height = size.height;\n        for (const element of elementIterator(this.startNode)) {\n          const point = element.nativeView.getLocationInWindow();\n          const size = element.nativeView.getActualSize();\n          x = Math.min(x, point.x);\n          y = Math.min(y, point.y);\n          width = point.x + size.width - x;\n          height = point.y + size.height - y;\n          if (element === this.endNode) {\n            break;\n          }\n        }\n        return {\n          left: x,\n          top: y,\n          bottom: y + height,\n          width,\n          height,\n        };\n      },\n    };\n  }\n\n  querySelectorAll(selector: string) {\n    if (selector.startsWith('meta')) {\n      const config = this.config;\n      return {\n        getAttribute(): string {\n          return JSON.stringify(config);\n        },\n      };\n    }\n  }\n}\n"],"names":["elementIterator","el","child","childNodes","HeadNode","ElementNode","constructor","tagName","document","_defineProperty","appendChild","childNode","page","nativeView","addCss","text","DocumentNode","ViewNode","getInstance","dataset","nodeType","head","nodeMap","Map","createComment","CommentNode","createPropertyNode","propertyName","PropertyNode","createElement","name","indexOf","bits","split","e","_ownerDocument","NativeElementNode","set","_domId","Object","defineProperty","configurable","get","insertAdjacentHTML","addEventListener","globalThis","bind","lastChild","createElementNS","_namespace","createTextNode","TextNode","event","callback","setTimeout","console","error","removeEventListener","handler","searchDom","node","startNode","endNode","start","sibling","nextSibling","createRange","self","setStartBefore","setEndAfter","prevSibling","isPointInRange","dom","getBoundingClientRect","point","getLocationInWindow","size","getActualSize","x","y","width","height","element","Math","min","left","top","bottom","querySelectorAll","selector","startsWith","config","getAttribute","JSON","stringify"],"mappings":"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"}

package/dist/dom/nodes/ElementNode.js

@@ -0,0 +1,267 @@
+import ViewNode from './ViewNode.js';
+
+// import { KeyframeAnimation } from '@nativescript/core/ui/animation/keyframe-animation';
+// import { Page } from '@nativescript/core/ui/page';
+// import { CssAnimationParser } from '@nativescript/core/ui/styling/css-animation-parser';
+
+
+// import { getViewClass } from '../element-registry';
+// import ViewNode from './ViewNode';
+
+// function camelize(kebab) {
+//     return kebab.replace(/[\-]+(\w)/g, (m, l) => l.toUpperCase());
+// }
+
+// const EVENT_ATTRIBUTES = Object.freeze(['tap']);
+
+// export default class ElementNode extends ViewNode {
+//     style: any;
+//     animations: Map<string, KeyframeAnimation> = new Map();
+//     oldAnimations: KeyframeAnimation[] = [];
+//     constructor(tagName: any) {
+//         super();
+
+//         this.nodeType = 1;
+//         this.tagName = tagName;
+
+//         //there are some special elements that don't exist natively
+//         const viewClass = getViewClass(tagName);
+//         if (viewClass) {
+//             this._nativeView = new viewClass();
+//             this._nativeView.__GlimmerNativeElement__ = this;
+//             // console.log(`${this} has view class`);
+//             EVENT_ATTRIBUTES.forEach((event) => {
+//                 // console.log(`Checking for atttribute ${event}`);
+//                 let attribute = this.getAttribute(event);
+//                 // console.log(`Attribute ${event}: ${attribute}`);
+//                 // console.log(`Native view attribute ${event}: ${this._nativeView.getAttribute(event)}`);
+//                 if (attribute) {
+//                     this.addEventListener(event, attribute);
+//                 }
+//             });
+//         }
+
+//         // console.log(`created ${this} ${this._nativeView}`);
+
+//         let setStyle = (value) => {
+//             this.setAttribute('style', value);
+//         };
+
+//         let getStyle = () => {
+//             return this.getAttribute('style');
+//         };
+
+//         this.style = {
+//             setProperty: (propertyName, value, priority) => {
+//                 this.setStyle(camelize(propertyName), value);
+//             },
+
+//             removeProperty: (propertyName) => {
+//                 this.setStyle(camelize(propertyName), null);
+//             },
+
+//             get cssText() {
+//                 // console.log('got css text');
+//                 return getStyle();
+//             },
+
+//             set cssText(value) {
+//                 // console.log('set css text');
+//                 setStyle(value);
+//             }
+//         };
+//     }
+
+//     animate(options) {
+//         if (this.nativeView) {
+//             this.nativeView.animate(options);
+//         }
+//     }
+
+//     getParentPage(): ElementNode {
+//         if (this.nativeView && this.nativeView.page) {
+//             return (this.nativeView.page as any).__GlimmerNativeElement__;
+//         }
+//         return null;
+//     }
+
+//     addAnimation(animation: string) {
+//         if (!this.nativeView) {
+//             throw Error('Attempt to apply animation to tag without a native view' + this.tagName);
+//         }
+
+//         let page = this.getParentPage();
+//         if (page === null) {
+//             this.animations.set(animation, null);
+//             return;
+//         }
+
+//         //quickly cancel any old ones
+//         while (this.oldAnimations.length) {
+//             let oldAnimation = this.oldAnimations.shift();
+//             if (oldAnimation.isPlaying) {
+//                 oldAnimation.cancel();
+//             }
+//         }
+
+//         //Parse our "animation" style property into an animation info instance (this won't include the keyframes from the css)
+//         let animationInfos = CssAnimationParser.keyframeAnimationsFromCSSDeclarations([
+//             { property: 'animation', value: animation }
+//         ]);
+//         if (!animationInfos) {
+//             this.animations.set(animation, null);
+//             return;
+//         }
+//         let animationInfo = animationInfos[0];
+
+//         //Fetch an animationInfo instance that includes the keyframes from the css (this won't include the animation properties parsed above)
+//         let animationWithKeyframes = (page.nativeView as Page).getKeyframeAnimationWithName(animationInfo.name);
+//         if (!animationWithKeyframes) {
+//             this.animations.set(animation, null);
+//             return;
+//         }
+
+//         animationInfo.keyframes = animationWithKeyframes.keyframes;
+//         //combine the keyframes from the css with the animation from the parsed attribute to get a complete animationInfo object
+//         let animationInstance = KeyframeAnimation.keyframeAnimationFromInfo(animationInfo);
+
+//         // save and launch the animation
+//         this.animations.set(animation, animationInstance);
+//         animationInstance.play(this.nativeView);
+//     }
+
+//     removeAnimation(animation: string) {
+//         if (this.animations.has(animation)) {
+//             let animationInstance = this.animations.get(animation);
+//             this.animations.delete(animation);
+
+//             if (animationInstance) {
+//                 if (animationInstance.isPlaying) {
+//                     //we don't want to stop right away since svelte removes the animation before it is finished due to our lag time starting the animation.
+//                     this.oldAnimations.push(animationInstance);
+//                 }
+//             }
+//         }
+//     }
+
+//     get animation(): string {
+//         return [...this.animations.keys()].join(', ');
+//     }
+
+//     set animation(value: string) {
+//         let new_animations = value.trim() == '' ? [] : value.split(',').map((a) => a.trim());
+//         //add new ones
+//         for (let anim of new_animations) {
+//             if (!this.animations.has(anim)) {
+//                 this.addAnimation(anim);
+//             }
+//         }
+//         //remove old ones
+//         for (let anim of this.animations.keys()) {
+//             if (new_animations.indexOf(anim) < 0) {
+//                 this.removeAnimation(anim);
+//             }
+//         }
+//     }
+
+//     setAttribute(key, value) {
+//         // console.log(`setAttribute: ${key} - ${value}`);
+//         if (key.startsWith('on:')) {
+//             key = key.substr(3);
+//             this.addEventListener(key, value);
+//         } else {
+//             super.setAttribute(key, value);
+//         }
+//     }
+
+//     appendChild(childNode) {
+//         super.appendChild(childNode);
+
+//         if (childNode.nodeType === 3) {
+//             this.setText(childNode.text);
+//         }
+
+//         if (childNode.nodeType === 7) {
+//             childNode.setOnNode(this);
+//         }
+//     }
+
+//     insertBefore(childNode, referenceNode) {
+//         super.insertBefore(childNode, referenceNode);
+
+//         if (childNode.nodeType === 3) {
+//             this.setText(childNode.text);
+//         }
+
+//         if (childNode.nodeType === 7) {
+//             childNode.setOnNode(this);
+//         }
+//     }
+
+//     removeChild(childNode) {
+//         super.removeChild(childNode);
+
+//         if (childNode.nodeType === 3) {
+//             this.setText('');
+//         }
+
+//         if (childNode.nodeType === 7) {
+//             childNode.clearOnNode(this);
+//         }
+//     }
+// }
+
+class ElementNode extends ViewNode {
+  constructor(tagName) {
+    super();
+    this.nodeType = 1;
+    this.tagName = tagName;
+  }
+  get id() {
+    return this.getAttribute('id');
+  }
+  set id(value) {
+    this.setAttribute('id', value);
+  }
+  get classList() {
+    if (!this._classList) {
+      const getClasses = () => (this.getAttribute('class') || '').split(/\s+/).filter(k => k != '');
+      this._classList = {
+        add: (...classNames) => {
+          this.setAttribute('class', [...new Set(getClasses().concat(classNames))].join(' '));
+        },
+        contains(klass) {
+          return Boolean(getClasses().find(x => x === klass));
+        },
+        remove: (...classNames) => {
+          this.setAttribute('class', getClasses().filter(i => classNames.indexOf(i) == -1).join(' '));
+        },
+        get length() {
+          return getClasses().length;
+        }
+      };
+    }
+    return this._classList;
+  }
+  appendChild(childNode) {
+    super.appendChild(childNode);
+    if (childNode.nodeType === 7) {
+      childNode.setOnNode(this);
+    }
+  }
+  insertBefore(childNode, referenceNode) {
+    super.insertBefore(childNode, referenceNode);
+    if (childNode.nodeType === 7) {
+      childNode.setOnNode(this);
+    }
+  }
+  removeChild(childNode) {
+    super.removeChild(childNode);
+    if (childNode.nodeType === 7) {
+      childNode.clearOnNode(this);
+    }
+  }
+}
+
+export { ElementNode as default };
+//# sourceMappingURL=ElementNode.js.map

package/dist/dom/nodes/ElementNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementNode.js","sources":["../../../src/dom/nodes/ElementNode.ts"],"sourcesContent":["// import { KeyframeAnimation } from '@nativescript/core/ui/animation/keyframe-animation';\n// import { Page } from '@nativescript/core/ui/page';\n// import { CssAnimationParser } from '@nativescript/core/ui/styling/css-animation-parser';\nimport PropertyNode from './PropertyNode.ts';\nimport ViewNode from './ViewNode.ts';\n\n// import { getViewClass } from '../element-registry';\n// import ViewNode from './ViewNode';\n\n// function camelize(kebab) {\n//     return kebab.replace(/[\\-]+(\\w)/g, (m, l) => l.toUpperCase());\n// }\n\n// const EVENT_ATTRIBUTES = Object.freeze(['tap']);\n\n// export default class ElementNode extends ViewNode {\n//     style: any;\n//     animations: Map<string, KeyframeAnimation> = new Map();\n//     oldAnimations: KeyframeAnimation[] = [];\n//     constructor(tagName: any) {\n//         super();\n\n//         this.nodeType = 1;\n//         this.tagName = tagName;\n\n//         //there are some special elements that don't exist natively\n//         const viewClass = getViewClass(tagName);\n//         if (viewClass) {\n//             this._nativeView = new viewClass();\n//             this._nativeView.__GlimmerNativeElement__ = this;\n//             // console.log(`${this} has view class`);\n//             EVENT_ATTRIBUTES.forEach((event) => {\n//                 // console.log(`Checking for atttribute ${event}`);\n//                 let attribute = this.getAttribute(event);\n//                 // console.log(`Attribute ${event}: ${attribute}`);\n//                 // console.log(`Native view attribute ${event}: ${this._nativeView.getAttribute(event)}`);\n//                 if (attribute) {\n//                     this.addEventListener(event, attribute);\n//                 }\n//             });\n//         }\n\n//         // console.log(`created ${this} ${this._nativeView}`);\n\n//         let setStyle = (value) => {\n//             this.setAttribute('style', value);\n//         };\n\n//         let getStyle = () => {\n//             return this.getAttribute('style');\n//         };\n\n//         this.style = {\n//             setProperty: (propertyName, value, priority) => {\n//                 this.setStyle(camelize(propertyName), value);\n//             },\n\n//             removeProperty: (propertyName) => {\n//                 this.setStyle(camelize(propertyName), null);\n//             },\n\n//             get cssText() {\n//                 // console.log('got css text');\n//                 return getStyle();\n//             },\n\n//             set cssText(value) {\n//                 // console.log('set css text');\n//                 setStyle(value);\n//             }\n//         };\n//     }\n\n//     animate(options) {\n//         if (this.nativeView) {\n//             this.nativeView.animate(options);\n//         }\n//     }\n\n//     getParentPage(): ElementNode {\n//         if (this.nativeView && this.nativeView.page) {\n//             return (this.nativeView.page as any).__GlimmerNativeElement__;\n//         }\n//         return null;\n//     }\n\n//     addAnimation(animation: string) {\n//         if (!this.nativeView) {\n//             throw Error('Attempt to apply animation to tag without a native view' + this.tagName);\n//         }\n\n//         let page = this.getParentPage();\n//         if (page === null) {\n//             this.animations.set(animation, null);\n//             return;\n//         }\n\n//         //quickly cancel any old ones\n//         while (this.oldAnimations.length) {\n//             let oldAnimation = this.oldAnimations.shift();\n//             if (oldAnimation.isPlaying) {\n//                 oldAnimation.cancel();\n//             }\n//         }\n\n//         //Parse our \"animation\" style property into an animation info instance (this won't include the keyframes from the css)\n//         let animationInfos = CssAnimationParser.keyframeAnimationsFromCSSDeclarations([\n//             { property: 'animation', value: animation }\n//         ]);\n//         if (!animationInfos) {\n//             this.animations.set(animation, null);\n//             return;\n//         }\n//         let animationInfo = animationInfos[0];\n\n//         //Fetch an animationInfo instance that includes the keyframes from the css (this won't include the animation properties parsed above)\n//         let animationWithKeyframes = (page.nativeView as Page).getKeyframeAnimationWithName(animationInfo.name);\n//         if (!animationWithKeyframes) {\n//             this.animations.set(animation, null);\n//             return;\n//         }\n\n//         animationInfo.keyframes = animationWithKeyframes.keyframes;\n//         //combine the keyframes from the css with the animation from the parsed attribute to get a complete animationInfo object\n//         let animationInstance = KeyframeAnimation.keyframeAnimationFromInfo(animationInfo);\n\n//         // save and launch the animation\n//         this.animations.set(animation, animationInstance);\n//         animationInstance.play(this.nativeView);\n//     }\n\n//     removeAnimation(animation: string) {\n//         if (this.animations.has(animation)) {\n//             let animationInstance = this.animations.get(animation);\n//             this.animations.delete(animation);\n\n//             if (animationInstance) {\n//                 if (animationInstance.isPlaying) {\n//                     //we don't want to stop right away since svelte removes the animation before it is finished due to our lag time starting the animation.\n//                     this.oldAnimations.push(animationInstance);\n//                 }\n//             }\n//         }\n//     }\n\n//     get animation(): string {\n//         return [...this.animations.keys()].join(', ');\n//     }\n\n//     set animation(value: string) {\n//         let new_animations = value.trim() == '' ? [] : value.split(',').map((a) => a.trim());\n//         //add new ones\n//         for (let anim of new_animations) {\n//             if (!this.animations.has(anim)) {\n//                 this.addAnimation(anim);\n//             }\n//         }\n//         //remove old ones\n//         for (let anim of this.animations.keys()) {\n//             if (new_animations.indexOf(anim) < 0) {\n//                 this.removeAnimation(anim);\n//             }\n//         }\n//     }\n\n//     setAttribute(key, value) {\n//         // console.log(`setAttribute: ${key} - ${value}`);\n//         if (key.startsWith('on:')) {\n//             key = key.substr(3);\n//             this.addEventListener(key, value);\n//         } else {\n//             super.setAttribute(key, value);\n//         }\n//     }\n\n//     appendChild(childNode) {\n//         super.appendChild(childNode);\n\n//         if (childNode.nodeType === 3) {\n//             this.setText(childNode.text);\n//         }\n\n//         if (childNode.nodeType === 7) {\n//             childNode.setOnNode(this);\n//         }\n//     }\n\n//     insertBefore(childNode, referenceNode) {\n//         super.insertBefore(childNode, referenceNode);\n\n//         if (childNode.nodeType === 3) {\n//             this.setText(childNode.text);\n//         }\n\n//         if (childNode.nodeType === 7) {\n//             childNode.setOnNode(this);\n//         }\n//     }\n\n//     removeChild(childNode) {\n//         super.removeChild(childNode);\n\n//         if (childNode.nodeType === 3) {\n//             this.setText('');\n//         }\n\n//         if (childNode.nodeType === 7) {\n//             childNode.clearOnNode(this);\n//         }\n//     }\n// }\n\nexport interface IClassList {\n  length: number;\n\n  add(...classNames: string[]): void;\n\n  remove(...classNames: string[]): void;\n\n  contains(className: string): boolean;\n}\n\nexport default class ElementNode extends ViewNode {\n  declare _classList: IClassList;\n\n  constructor(tagName: string) {\n    super();\n    this.nodeType = 1;\n    this.tagName = tagName;\n  }\n\n  get id() {\n    return this.getAttribute('id') as string;\n  }\n\n  set id(value: string) {\n    this.setAttribute('id', value);\n  }\n\n  get classList() {\n    if (!this._classList) {\n      const getClasses: () => string[] = () =>\n        ((this.getAttribute('class') as string) || '')\n          .split(/\\s+/)\n          .filter((k: string) => k != '');\n\n      this._classList = {\n        add: (...classNames: string[]) => {\n          this.setAttribute(\n            'class',\n            [...new Set(getClasses().concat(classNames))].join(' '),\n          );\n        },\n\n        contains(klass: string) {\n          return Boolean(getClasses().find((x) => x === klass));\n        },\n\n        remove: (...classNames: string[]) => {\n          this.setAttribute(\n            'class',\n            getClasses()\n              .filter((i: string) => classNames.indexOf(i) == -1)\n              .join(' '),\n          );\n        },\n\n        get length() {\n          return getClasses().length;\n        },\n      };\n    }\n    return this._classList;\n  }\n\n  appendChild(childNode: ViewNode) {\n    super.appendChild(childNode);\n\n    if (childNode.nodeType === 7) {\n      (childNode as PropertyNode).setOnNode(this);\n    }\n  }\n\n  insertBefore(childNode: ViewNode, referenceNode: ViewNode) {\n    super.insertBefore(childNode, referenceNode);\n\n    if (childNode.nodeType === 7) {\n      (childNode as PropertyNode).setOnNode(this);\n    }\n  }\n\n  removeChild(childNode: ViewNode) {\n    super.removeChild(childNode);\n\n    if (childNode.nodeType === 7) {\n      (childNode as PropertyNode).clearOnNode(this);\n    }\n  }\n}\n"],"names":["ElementNode","ViewNode","constructor","tagName","nodeType","id","getAttribute","value","setAttribute","classList","_classList","getClasses","split","filter","k","add","classNames","Set","concat","join","contains","klass","Boolean","find","x","remove","i","indexOf","length","appendChild","childNode","setOnNode","insertBefore","referenceNode","removeChild","clearOnNode"],"mappings":";;AAAA;AACA;AACA;;;AAIA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAYe,MAAMA,WAAW,SAASC,QAAQ,CAAC;EAGhDC,WAAWA,CAACC,OAAe,EAAE;AAC3B,IAAA,KAAK,EAAE;IACP,IAAI,CAACC,QAAQ,GAAG,CAAC;IACjB,IAAI,CAACD,OAAO,GAAGA,OAAO;AACxB;EAEA,IAAIE,EAAEA,GAAG;AACP,IAAA,OAAO,IAAI,CAACC,YAAY,CAAC,IAAI,CAAC;AAChC;EAEA,IAAID,EAAEA,CAACE,KAAa,EAAE;AACpB,IAAA,IAAI,CAACC,YAAY,CAAC,IAAI,EAAED,KAAK,CAAC;AAChC;EAEA,IAAIE,SAASA,GAAG;AACd,IAAA,IAAI,CAAC,IAAI,CAACC,UAAU,EAAE;MACpB,MAAMC,UAA0B,GAAGA,MACjC,CAAE,IAAI,CAACL,YAAY,CAAC,OAAO,CAAC,IAAe,EAAE,EAC1CM,KAAK,CAAC,KAAK,CAAC,CACZC,MAAM,CAAEC,CAAS,IAAKA,CAAC,IAAI,EAAE,CAAC;MAEnC,IAAI,CAACJ,UAAU,GAAG;AAChBK,QAAAA,GAAG,EAAEA,CAAC,GAAGC,UAAoB,KAAK;UAChC,IAAI,CAACR,YAAY,CACf,OAAO,EACP,CAAC,GAAG,IAAIS,GAAG,CAACN,UAAU,EAAE,CAACO,MAAM,CAACF,UAAU,CAAC,CAAC,CAAC,CAACG,IAAI,CAAC,GAAG,CACxD,CAAC;SACF;QAEDC,QAAQA,CAACC,KAAa,EAAE;AACtB,UAAA,OAAOC,OAAO,CAACX,UAAU,EAAE,CAACY,IAAI,CAAEC,CAAC,IAAKA,CAAC,KAAKH,KAAK,CAAC,CAAC;SACtD;AAEDI,QAAAA,MAAM,EAAEA,CAAC,GAAGT,UAAoB,KAAK;AACnC,UAAA,IAAI,CAACR,YAAY,CACf,OAAO,EACPG,UAAU,EAAE,CACTE,MAAM,CAAEa,CAAS,IAAKV,UAAU,CAACW,OAAO,CAACD,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClDP,IAAI,CAAC,GAAG,CACb,CAAC;SACF;QAED,IAAIS,MAAMA,GAAG;AACX,UAAA,OAAOjB,UAAU,EAAE,CAACiB,MAAM;AAC5B;OACD;AACH;IACA,OAAO,IAAI,CAAClB,UAAU;AACxB;EAEAmB,WAAWA,CAACC,SAAmB,EAAE;AAC/B,IAAA,KAAK,CAACD,WAAW,CAACC,SAAS,CAAC;AAE5B,IAAA,IAAIA,SAAS,CAAC1B,QAAQ,KAAK,CAAC,EAAE;AAC3B0B,MAAAA,SAAS,CAAkBC,SAAS,CAAC,IAAI,CAAC;AAC7C;AACF;AAEAC,EAAAA,YAAYA,CAACF,SAAmB,EAAEG,aAAuB,EAAE;AACzD,IAAA,KAAK,CAACD,YAAY,CAACF,SAAS,EAAEG,aAAa,CAAC;AAE5C,IAAA,IAAIH,SAAS,CAAC1B,QAAQ,KAAK,CAAC,EAAE;AAC3B0B,MAAAA,SAAS,CAAkBC,SAAS,CAAC,IAAI,CAAC;AAC7C;AACF;EAEAG,WAAWA,CAACJ,SAAmB,EAAE;AAC/B,IAAA,KAAK,CAACI,WAAW,CAACJ,SAAS,CAAC;AAE5B,IAAA,IAAIA,SAAS,CAAC1B,QAAQ,KAAK,CAAC,EAAE;AAC3B0B,MAAAA,SAAS,CAAkBK,WAAW,CAAC,IAAI,CAAC;AAC/C;AACF;AACF;;;;"}

package/dist/dom/nodes/PropertyNode.js

@@ -0,0 +1,39 @@
+import { _ as _defineProperty } from '../../_rollupPluginBabelHelpers-DZQzmiRH.js';
+import { normalizeElementName } from '../element-registry.js';
+import ElementNode from './ElementNode.js';
+
+class PropertyNode extends ElementNode {
+  constructor(tagName, propertyName) {
+    super(`${tagName}.${propertyName}`);
+    _defineProperty(this, "propertyName", void 0);
+    _defineProperty(this, "propertyTagName", void 0);
+    this.propertyName = propertyName;
+    this.propertyTagName = normalizeElementName(tagName);
+    this.nodeType = 7; //processing instruction
+  }
+  onInsertedChild() {
+    this.setOnNode(this.parentNode);
+  }
+  onRemovedChild() {
+    this.setOnNode(this.parentNode);
+  }
+
+  /* istanbul ignore next */
+  toString() {
+    return `${this.constructor.name}(${this.tagName}, ${this.propertyName})`;
+  }
+  setOnNode(parent) {
+    if (parent && parent.tagName === this.propertyTagName) {
+      const el = this.firstElement();
+      parent.setAttribute(this.propertyName, el);
+    }
+  }
+  clearOnNode(parent) {
+    if (parent && parent.tagName === this.propertyTagName) {
+      parent.setAttribute(this.propertyName, null);
+    }
+  }
+}
+
+export { PropertyNode as default };
+//# sourceMappingURL=PropertyNode.js.map

package/dist/dom/nodes/PropertyNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyNode.js","sources":["../../../src/dom/nodes/PropertyNode.ts"],"sourcesContent":["import { normalizeElementName } from '../element-registry.ts';\nimport ElementNode from './ElementNode.ts';\nimport ViewNode from './ViewNode.ts';\n\nexport default class PropertyNode extends ElementNode {\n  propertyName: string;\n  propertyTagName: string;\n\n  constructor(tagName: string, propertyName: string) {\n    super(`${tagName}.${propertyName}`);\n    this.propertyName = propertyName;\n    this.propertyTagName = normalizeElementName(tagName);\n\n    this.nodeType = 7; //processing instruction\n  }\n\n  onInsertedChild() {\n    this.setOnNode(this.parentNode);\n  }\n\n  onRemovedChild() {\n    this.setOnNode(this.parentNode);\n  }\n\n  /* istanbul ignore next */\n  toString() {\n    return `${this.constructor.name}(${this.tagName}, ${this.propertyName})`;\n  }\n\n  setOnNode(parent: ViewNode | null) {\n    if (parent && parent.tagName === this.propertyTagName) {\n      const el = this.firstElement();\n      parent.setAttribute(this.propertyName, el);\n    }\n  }\n\n  clearOnNode(parent: ViewNode) {\n    if (parent && parent.tagName === this.propertyTagName) {\n      parent.setAttribute(this.propertyName, null);\n    }\n  }\n}\n"],"names":["PropertyNode","ElementNode","constructor","tagName","propertyName","_defineProperty","propertyTagName","normalizeElementName","nodeType","onInsertedChild","setOnNode","parentNode","onRemovedChild","toString","name","parent","el","firstElement","setAttribute","clearOnNode"],"mappings":";;;;AAIe,MAAMA,YAAY,SAASC,WAAW,CAAC;AAIpDC,EAAAA,WAAWA,CAACC,OAAe,EAAEC,YAAoB,EAAE;AACjD,IAAA,KAAK,CAAC,CAAGD,EAAAA,OAAO,CAAIC,CAAAA,EAAAA,YAAY,EAAE,CAAC;IAAAC,eAAA,CAAA,IAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA;IAAAA,eAAA,CAAA,IAAA,EAAA,iBAAA,EAAA,KAAA,CAAA,CAAA;IACnC,IAAI,CAACD,YAAY,GAAGA,YAAY;AAChC,IAAA,IAAI,CAACE,eAAe,GAAGC,oBAAoB,CAACJ,OAAO,CAAC;AAEpD,IAAA,IAAI,CAACK,QAAQ,GAAG,CAAC,CAAC;AACpB;AAEAC,EAAAA,eAAeA,GAAG;AAChB,IAAA,IAAI,CAACC,SAAS,CAAC,IAAI,CAACC,UAAU,CAAC;AACjC;AAEAC,EAAAA,cAAcA,GAAG;AACf,IAAA,IAAI,CAACF,SAAS,CAAC,IAAI,CAACC,UAAU,CAAC;AACjC;;AAEA;AACAE,EAAAA,QAAQA,GAAG;AACT,IAAA,OAAO,CAAG,EAAA,IAAI,CAACX,WAAW,CAACY,IAAI,CAAA,CAAA,EAAI,IAAI,CAACX,OAAO,CAAA,EAAA,EAAK,IAAI,CAACC,YAAY,CAAG,CAAA,CAAA;AAC1E;EAEAM,SAASA,CAACK,MAAuB,EAAE;IACjC,IAAIA,MAAM,IAAIA,MAAM,CAACZ,OAAO,KAAK,IAAI,CAACG,eAAe,EAAE;AACrD,MAAA,MAAMU,EAAE,GAAG,IAAI,CAACC,YAAY,EAAE;MAC9BF,MAAM,CAACG,YAAY,CAAC,IAAI,CAACd,YAAY,EAAEY,EAAE,CAAC;AAC5C;AACF;EAEAG,WAAWA,CAACJ,MAAgB,EAAE;IAC5B,IAAIA,MAAM,IAAIA,MAAM,CAACZ,OAAO,KAAK,IAAI,CAACG,eAAe,EAAE;MACrDS,MAAM,CAACG,YAAY,CAAC,IAAI,CAACd,YAAY,EAAE,IAAI,CAAC;AAC9C;AACF;AACF;;;;"}

package/dist/dom/nodes/TextNode.js

@@ -0,0 +1,35 @@
+import { _ as _defineProperty } from '../../_rollupPluginBabelHelpers-DZQzmiRH.js';
+import { TextBase } from '@nativescript/core';
+import ViewNode from './ViewNode.js';
+import NativeElementNode from '../native/NativeElementNode.js';
+
+class TextNode extends ViewNode {
+  constructor(text) {
+    super();
+    _defineProperty(this, "text", void 0);
+    _defineProperty(this, "_parentNode", null);
+    this.nodeType = 3;
+    this.text = text;
+    this._meta = {
+      skipAddToDom: true
+    };
+  }
+
+  // @ts-expect-error override parent
+  set parentNode(node) {
+    this._parentNode = node;
+    this.setText(this.text);
+  }
+  get parentNode() {
+    return this._parentNode;
+  }
+  setText(text) {
+    this.text = text;
+    if (this.parentNode instanceof NativeElementNode && this.parentNode?.nativeView instanceof TextBase) {
+      this.parentNode.updateText();
+    }
+  }
+}
+
+export { TextNode as default };
+//# sourceMappingURL=TextNode.js.map

package/dist/dom/nodes/TextNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextNode.js","sources":["../../../src/dom/nodes/TextNode.ts"],"sourcesContent":["import { TextBase } from '@nativescript/core';\nimport ViewNode from './ViewNode.ts';\nimport NativeElementNode from '../native/NativeElementNode.ts';\n\nexport default class TextNode extends ViewNode {\n  text: any;\n  private _parentNode: ViewNode | null = null;\n  constructor(text: string) {\n    super();\n\n    this.nodeType = 3;\n    this.text = text;\n\n    this._meta = {\n      skipAddToDom: true,\n    };\n  }\n\n  // @ts-expect-error override parent\n  set parentNode(node: ViewNode | null) {\n    this._parentNode = node;\n    this.setText(this.text);\n  }\n\n  get parentNode() {\n    return this._parentNode;\n  }\n\n  setText(text: string) {\n    this.text = text;\n    if (\n      this.parentNode instanceof NativeElementNode &&\n      this.parentNode?.nativeView instanceof TextBase\n    ) {\n      this.parentNode.updateText();\n    }\n  }\n}\n"],"names":["TextNode","ViewNode","constructor","text","_defineProperty","nodeType","_meta","skipAddToDom","parentNode","node","_parentNode","setText","NativeElementNode","nativeView","TextBase","updateText"],"mappings":";;;;;AAIe,MAAMA,QAAQ,SAASC,QAAQ,CAAC;EAG7CC,WAAWA,CAACC,IAAY,EAAE;AACxB,IAAA,KAAK,EAAE;IAAAC,eAAA,CAAA,IAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAAAA,IAAAA,eAAA,sBAF8B,IAAI,CAAA;IAIzC,IAAI,CAACC,QAAQ,GAAG,CAAC;IACjB,IAAI,CAACF,IAAI,GAAGA,IAAI;IAEhB,IAAI,CAACG,KAAK,GAAG;AACXC,MAAAA,YAAY,EAAE;KACf;AACH;;AAEA;EACA,IAAIC,UAAUA,CAACC,IAAqB,EAAE;IACpC,IAAI,CAACC,WAAW,GAAGD,IAAI;AACvB,IAAA,IAAI,CAACE,OAAO,CAAC,IAAI,CAACR,IAAI,CAAC;AACzB;EAEA,IAAIK,UAAUA,GAAG;IACf,OAAO,IAAI,CAACE,WAAW;AACzB;EAEAC,OAAOA,CAACR,IAAY,EAAE;IACpB,IAAI,CAACA,IAAI,GAAGA,IAAI;AAChB,IAAA,IACE,IAAI,CAACK,UAAU,YAAYI,iBAAiB,IAC5C,IAAI,CAACJ,UAAU,EAAEK,UAAU,YAAYC,QAAQ,EAC/C;AACA,MAAA,IAAI,CAACN,UAAU,CAACO,UAAU,EAAE;AAC9B;AACF;AACF;;;;"}