@nativescript/core 8.5.0-dom.2 → 8.5.0-nsdom.0

package/ui/core/dom/src/nodes/html-slot-element/HTMLSlotElement.js

@@ -0,0 +1,240 @@
+import HTMLElement from '../html-element/HTMLElement';
+import { LightDOM } from '../shadow-root/LightDOM';
+import { BIND_SLOTTABLE, FALLBACK_REF, SHADOW_NODE, SLOTTED_CHILD_REF } from '../shadow-root/ShadowNode';
+function isNullOrUndefined(value) {
+    return value === undefined || value === null;
+}
+export default class HTMLSlotElement extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Childern that get rendered when slot has
+         * no assigned nodes or it's assigned nodes get removed.
+         */
+        this._fallbackChildern = new LightDOM(FALLBACK_REF);
+        /**
+         * Childern that are currently/will be rendered in the DOM Tree.
+         * Since slot element does not render any childern in the Shadow DOM.
+         * We keep track of all it's current slotted childern that are attached
+         * with it's nearest native parent element.
+         */
+        this._slotAssignments = new LightDOM(SLOTTED_CHILD_REF);
+    }
+    /**
+     * Returns the slot name.
+     *
+     * @returns Name.
+     */
+    get name() {
+        return this.getAttributeNS(null, 'name') || '';
+    }
+    /**
+     * Sets the slot name.
+     *
+     * @param name Name.
+     */
+    set name(name) {
+        const oldValue = this.name;
+        this.setAttributeNS(null, 'name', name);
+        // If the slot name changes, we notify the shadow root.
+        const root = this.getRootNode();
+        if (root.isShadow && !root._slots.has(name)) {
+            const prev = root._slots.get(oldValue);
+            if (prev === this)
+                root._slots.delete(oldValue);
+            root._slots.set(name, this);
+            this.dispatchSlotChangeEvent();
+        }
+    }
+    /**
+     * Returns assigned nodes.
+     *
+     * @param [options] Options.
+     * @param [options.flatten] A boolean value indicating whether to return the assigned nodes of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    assignedNodes(options = { flatten: false }) {
+        const host = this.getRootNode()?.host;
+        if (!host)
+            return [];
+        const name = this.name;
+        if (!isNullOrUndefined(name)) {
+            return this.assignedElements(options);
+        }
+        return [];
+    }
+    /**
+     * Returns assigned elements.
+     *
+     * @param [_options] Options.
+     * @param [_options.flatten] A boolean value indicating whether to return the assigned elements of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    assignedElements(_options = { flatten: false }) {
+        const host = this.getRootNode()?.host;
+        if (!host)
+            return [];
+        if (_options.flatten) {
+            return flattenAssignedNodes([], this);
+        }
+        const name = this.name;
+        if (!isNullOrUndefined(name)) {
+            const assignedElements = [];
+            /**
+             * Look up assigned nodes in the Light DOM.
+             */
+            let current = host._lightDOM.firstChild;
+            while (current) {
+                const node = current.node;
+                if (node.slot === name && !node.assignedSlot) {
+                    assignedElements.push(node);
+                }
+                current = current.nextSibling;
+            }
+            return assignedElements;
+        }
+        return [];
+    }
+    /**
+     * Clones a node.
+     *
+     * @override
+     * @param [deep=false] "true" to clone deep.
+     * @returns Cloned node.
+     */
+    cloneNode(deep = false) {
+        const clone = super.cloneNode(deep);
+        return clone;
+    }
+    _getSlotChangeEvent() {
+        return this._slotChangeEvent || (this._slotChangeEvent = new Event('slotchange', { bubbles: true, cancelable: false }));
+    }
+    dispatchSlotChangeEvent() {
+        const event = this._getSlotChangeEvent();
+        this.dispatchEvent(event);
+    }
+    connectedCallback() {
+        const root = this.getRootNode();
+        if (root.isShadow) {
+            // Only one slot with a specific slot name can render
+            // slottables.
+            if (root._slots.has(this.name))
+                return;
+            root._slots.set(this.name, this);
+            this.dispatchSlotChangeEvent();
+        }
+        else {
+            // if shadow does not exist then attach assigned fallback content.
+            if (!this._slotAssignments.firstChild?.node.parentNode) {
+                this.parentNode.append(...this._slotAssignments.childNodes);
+            }
+        }
+    }
+    disconnectedCallback() {
+        const root = this.getRootNode();
+        if (!root.isShadow)
+            return;
+        if (root.isShadow) {
+            if (root._slots.get(this.name) !== this)
+                return;
+            if (root._slots.delete(this.name)) {
+                this.dispatchSlotChangeEvent();
+            }
+        }
+        else {
+            // if shadow does not exist, detach slot assignments from their parent.
+            if (this._slotAssignments.firstChild?.node.parentNode) {
+                for (const node of this._slotAssignments.childNodes) {
+                    node.remove();
+                }
+            }
+        }
+    }
+    isFallbackRendered() {
+        if (!this._slotAssignments.firstChild)
+            return true;
+        return this._slotAssignments.firstChild.node === this._fallbackChildern.firstChild.node;
+    }
+    appendChild(node) {
+        return this.insertBefore(node, undefined);
+    }
+    insertBefore(newNode, referenceNode) {
+        if (!newNode.assignedSlot) {
+            this._fallbackChildern.insertBefore(newNode, referenceNode);
+            if (!this.isFallbackRendered()) {
+                newNode.canRender = false;
+            }
+        }
+        if (!newNode[SLOTTED_CHILD_REF]) {
+            this._slotAssignments.insertBefore(newNode, referenceNode);
+        }
+        // If slottable is not yet attached to DOM, return.
+        if (!this.parentNode)
+            return;
+        newNode[SHADOW_NODE] = true;
+        newNode._rootNode = this._rootNode;
+        if (newNode[BIND_SLOTTABLE] || newNode[FALLBACK_REF]) {
+            this.parentNode.insertBefore(newNode, referenceNode);
+        }
+        return newNode;
+    }
+    replaceChild(newChild, oldChild) {
+        if (!newChild.assignedSlot && !newChild.assignedSlot) {
+            this._fallbackChildern.replaceChild(newChild, oldChild);
+            if (!this.isFallbackRendered()) {
+                newChild.canRender = false;
+            }
+        }
+        if (!newChild[SLOTTED_CHILD_REF]) {
+            this._slotAssignments.replaceChild(newChild, oldChild);
+        }
+        if (!this.parentNode)
+            return;
+        newChild[SHADOW_NODE] = true;
+        newChild._rootNode = this._rootNode;
+        if (newChild[BIND_SLOTTABLE] || newChild[FALLBACK_REF]) {
+            this.parentNode.replaceChild(newChild, oldChild);
+        }
+        return newChild;
+    }
+    removeChild(node) {
+        if (!node.assignedSlot) {
+            this._fallbackChildern.removeChild(node);
+            if (!this.isFallbackRendered())
+                return;
+        }
+        if (node[SLOTTED_CHILD_REF]) {
+            this._slotAssignments.removeChild(node);
+        }
+        if (!this.parentNode)
+            return;
+        node[SHADOW_NODE] = false;
+        node._rootNode = null;
+        this.parentNode.removeChild(node);
+    }
+    renderFallback() {
+        if (this._fallbackChildern.childrenCount > 0 && this._fallbackChildern.firstChild?.node !== this._slotAssignments.firstChild?.node) {
+            for (const node of this._fallbackChildern.childNodes) {
+                if (node.parentNode)
+                    node.remove();
+                node.canRender = true;
+                this.appendChild(node);
+            }
+        }
+    }
+}
+function flattenAssignedNodes(nodes, node) {
+    // Get assigned nodes of this node
+    const assignedNodes = node.assignedElements();
+    for (const child of assignedNodes) {
+        if (child.nodeName === 'slot') {
+            // Flatten any child slot elements
+            flattenAssignedNodes(nodes, child);
+        }
+        else {
+            nodes.push(child);
+        }
+    }
+    return nodes;
+}
+//# sourceMappingURL=HTMLSlotElement.js.map

package/ui/core/dom/src/nodes/html-slot-element/HTMLSlotElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLSlotElement.js","sourceRoot":"","sources":["../../../../../../../../../packages/core/ui/core/dom/src/nodes/html-slot-element/HTMLSlotElement.ts"],"names":[],"mappings":"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"}

package/ui/core/dom/src/nodes/html-template-element/HTMLTemplateElement.d.ts

@@ -0,0 +1,65 @@
+import type DocumentFragment from '../document-fragment/DocumentFragment';
+import HTMLElement from '../html-element/HTMLElement';
+import type Node from '../node/Node';
+/**
+ * HTML Template Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement.
+ */
+export default class HTMLTemplateElement extends HTMLElement {
+    _content: DocumentFragment;
+    constructor();
+    get content(): DocumentFragment;
+    set content(document: DocumentFragment);
+    /**
+     * @override
+     */
+    get innerHTML(): string;
+    /**
+     * @override
+     */
+    set innerHTML(html: string);
+    /**
+     * @override
+     */
+    get firstChild(): Node;
+    /**
+     * @override
+     */
+    set firstChild(node: Node);
+    /**
+     * @override
+     */
+    get lastChild(): Node;
+    /**
+     * @override
+     */
+    set lastChild(node: Node);
+    /**
+     * @override
+     */
+    getInnerHTML(options?: {
+        includeShadowRoots?: boolean;
+    }): string;
+    /**
+     * @override
+     */
+    appendChild(node: Node): Node;
+    /**
+     * @override
+     */
+    removeChild(node: Node): Node;
+    /**
+     * @override
+     */
+    insertBefore(newNode: Node, referenceNode: Node): Node;
+    /**
+     * @override
+     */
+    replaceChild(newChild: Node, oldChild: Node): Node;
+    /**
+     * @override
+     */
+    cloneNode(deep?: boolean): HTMLTemplateElement;
+}

package/ui/core/dom/src/nodes/html-template-element/HTMLTemplateElement.js

@@ -0,0 +1,111 @@
+import XMLParser from '../../xml-parser/XMLParser';
+import XMLSerializer from '../../xml-serializer';
+import HTMLElement from '../html-element/HTMLElement';
+/**
+ * HTML Template Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement.
+ */
+export default class HTMLTemplateElement extends HTMLElement {
+    constructor() {
+        super();
+        this.nodeName = 'template';
+    }
+    get content() {
+        if (!this.ownerDocument)
+            return {};
+        return this._content || (this._content = this.ownerDocument.createDocumentFragment());
+    }
+    set content(document) {
+        this._content = document;
+    }
+    /**
+     * @override
+     */
+    get innerHTML() {
+        return this.getInnerHTML();
+    }
+    /**
+     * @override
+     */
+    set innerHTML(html) {
+        for (const child of this.content.childNodes.slice()) {
+            this.content.removeChild(child);
+        }
+        for (const node of XMLParser.parse(this.ownerDocument, html).childNodes.slice()) {
+            this.content.appendChild(node);
+        }
+    }
+    /**
+     * @override
+     */
+    //@ts-ignore
+    get firstChild() {
+        return this.content.firstChild;
+    }
+    /**
+     * @override
+     */
+    //@ts-ignore
+    set firstChild(node) {
+        this.content.firstChild = node;
+    }
+    /**
+     * @override
+     */
+    //@ts-ignore
+    get lastChild() {
+        return this.content.lastChild;
+    }
+    /**
+     * @override
+     */
+    //@ts-ignore
+    set lastChild(node) {
+        this.content.lastChild = node;
+    }
+    /**
+     * @override
+     */
+    getInnerHTML(options = { includeShadowRoots: false }) {
+        const xmlSerializer = new XMLSerializer();
+        return xmlSerializer.serializeToString(this.content, {
+            includeShadowRoots: options.includeShadowRoots,
+            innerHTML: true,
+        });
+    }
+    /**
+     * @override
+     */
+    appendChild(node) {
+        return this.content.appendChild(node);
+    }
+    /**
+     * @override
+     */
+    removeChild(node) {
+        return this.content.removeChild(node);
+    }
+    /**
+     * @override
+     */
+    insertBefore(newNode, referenceNode) {
+        return this.content.insertBefore(newNode, referenceNode);
+    }
+    /**
+     * @override
+     */
+    replaceChild(newChild, oldChild) {
+        return this.content.replaceChild(newChild, oldChild);
+    }
+    /**
+     * @override
+     */
+    cloneNode(deep = false) {
+        const clone = super.cloneNode(deep);
+        clone.content = this.content.cloneNode(deep);
+        return clone;
+    }
+}
+//# sourceMappingURL=HTMLTemplateElement.js.map

package/ui/core/dom/src/nodes/html-template-element/HTMLTemplateElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLTemplateElement.js","sourceRoot":"","sources":["../../../../../../../../../packages/core/ui/core/dom/src/nodes/html-template-element/HTMLTemplateElement.ts"],"names":[],"mappings":"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"}

package/ui/core/dom/src/nodes/node/Node.d.ts

@@ -0,0 +1,88 @@
+import { Observable } from './../../../../../../data/observable';
+import type Element from '../element/Element';
+import NodeList from './NodeList';
+import NodeTypeEnum from './NodeTypeEnum';
+/**
+ * Node.
+ */
+export default class Node extends Observable {
+    static readonly ELEMENT_NODE = NodeTypeEnum.elementNode;
+    static readonly ATTRIBUTE_NODE = NodeTypeEnum.attributeNode;
+    static readonly TEXT_NODE = NodeTypeEnum.textNode;
+    static readonly CDATA_SECTION_NODE = NodeTypeEnum.cdataSectionNode;
+    static readonly COMMENT_NODE = NodeTypeEnum.commentNode;
+    static readonly DOCUMENT_NODE = NodeTypeEnum.documentNode;
+    static readonly DOCUMENT_TYPE_NODE = NodeTypeEnum.documentTypeNode;
+    static readonly DOCUMENT_FRAGMENT_NODE = NodeTypeEnum.documentFragmentNode;
+    static readonly PROCESSING_INSTRUCTION_NODE = NodeTypeEnum.processingInstructionNode;
+    readonly ELEMENT_NODE = NodeTypeEnum.elementNode;
+    readonly ATTRIBUTE_NODE = NodeTypeEnum.attributeNode;
+    readonly TEXT_NODE = NodeTypeEnum.textNode;
+    readonly CDATA_SECTION_NODE = NodeTypeEnum.cdataSectionNode;
+    readonly COMMENT_NODE = NodeTypeEnum.commentNode;
+    readonly DOCUMENT_NODE = NodeTypeEnum.documentNode;
+    readonly DOCUMENT_TYPE_NODE = NodeTypeEnum.documentTypeNode;
+    readonly DOCUMENT_FRAGMENT_NODE = NodeTypeEnum.documentFragmentNode;
+    readonly PROCESSING_INSTRUCTION_NODE = NodeTypeEnum.processingInstructionNode;
+    nodeType: NodeTypeEnum;
+    nodeName: string;
+    _nodeValue: string;
+    _textContent: string;
+    readonly ownerDocument: any;
+    readonly baseURI: string;
+    parentElement: Element;
+    _parentNode: Node;
+    parentNode: Node;
+    nextSibling: Node;
+    previousSibling: Node;
+    firstChild: Node;
+    lastChild: Node;
+    localName: string;
+    _rootNode: Node;
+    isNode: boolean;
+    canRender: boolean;
+    isParentNode: boolean;
+    constructor();
+    get previousElementSibling(): Node;
+    get nextElementSibling(): Node;
+    remove(): void;
+    get childNodes(): NodeList<Node>;
+    /**
+     * Clones a node.
+     *
+     * @param [deep=false] "true" to clone deep.
+     * @returns Cloned node.
+     */
+    cloneNode(deep?: boolean): Node;
+    hasChildNodes(): boolean;
+    /**
+     * Returns "true" if this node contains the other node.
+     *
+     * @param otherNode Node to test with.
+     * @returns "true" if this node contains the other node.
+     */
+    contains(otherNode: Node): boolean;
+    insertBefore(newNode: Node, referenceNode: Node): Node;
+    replaceChild(newChild: Node, oldChild: Node): Node;
+    removeChild(node: any): any;
+    appendChild(node: Node): Node;
+    getRootNode(options?: {
+        composed: boolean;
+    }): Node;
+    /**
+     * Converts the node to a string.
+     *
+     * @param listener Listener.
+     */
+    toString(): string;
+    replaceWith(...nodes: Node[]): void;
+    _getTheParent(event: Event): Node;
+    /**
+     * A callback called when a node is attached to parent.
+     */
+    connectedCallback?(): void;
+    /**
+     * A callback called when a node is detacthed from parent.
+     */
+    disconnectedCallback?(): void;
+}