@ng-native/fabric 0.11.0 → 0.13.0

package/dist/engine.d.ts

@@ -397,6 +397,12 @@ export interface ViewNameOptions {
      * typed wrapper for it, says so with `keepNativeView`.
      */
     readonly yieldsToComponents?: boolean;
+    /**
+     * The element a run of text written straight into the view is drawn by, where that is not a
+     * paragraph: an SVG text draws its words by a span, which is no child a template wrote. The
+     * element is the engine's own, as the paragraph a view is given for its loose text is.
+     */
+    readonly looseText?: string;
 }
 /**
  * A view whose native name differs by platform. Chosen when the view is looked up rather than when

package/dist/engine.js

@@ -1092,8 +1092,14 @@ export function registerViewName(elementName, viewName, defaultProps, options) {
             DEFAULT_PROPS[name] = defaultProps;
         if (options?.textContent)
             TEXT_CONTENT_PROPS[name] = options.textContent;
+        if (options?.looseText)
+            LOOSE_TEXT[name] = options.looseText;
+        else
+            delete LOOSE_TEXT[name];
     }
 }
+/** The element loose text in a view is drawn by, for the views that say. See `ViewNameOptions`. */
+const LOOSE_TEXT = {};
 /** The registered names that give way to a component's own host. See `ViewNameOptions`. */
 const YIELDING = new Set();
 /** The prop each view that takes its text content as a prop reads it from. See `ViewNameOptions`. */
@@ -5057,15 +5063,21 @@ export class Engine {
                 text.box = undefined;
             return this.reconcileUnder(parent, text, context);
         }
-        const box = this.looseText(parent, text);
+        const box = this.looseText(parent, text, LOOSE_TEXT[viewName]);
         return box ? this.reconcileUnder(parent, box, context) : null;
     }
-    looseText(parent, text) {
+    looseText(parent, text, drawnBy = 'text') {
         if (!trimEnds(text.text))
             return null;
         let box = text.box;
+        // One made for another element, before the view was registered again, is done with.
+        if (box && box.name !== drawnBy) {
+            if (box.committed)
+                this.forgetCommitted(box);
+            box = undefined;
+        }
         if (!box) {
-            box = new RetainedNode('element', 'text', this);
+            box = new RetainedNode('element', drawnBy, this);
             box.anonymous = true;
             box.children = [text];
             text.box = box;
@@ -5074,6 +5086,9 @@ export class Engine {
         // The text is not under the box in the tree, so a change to it never marked the box.
         if (!this.isClean(text)) {
             box.subtreeDirty = true;
+            // An element that says its words as a prop is merged again for them.
+            if (drawnBy !== 'text')
+                box.propsDirty = true;
             // Nor had it merged again where the text became one word, or stopped being one.
             if (box.oneWord !== undefined && unbroken(box) !== box.oneWord)
                 box.propsDirty = true;