@skyux/core 13.0.0 → 13.1.0

package/fesm2022/skyux-core.mjs

@@ -4134,31 +4134,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  * Trims whitespace in each text node that is a direct descendent of the current element.
  */
 class SkyTrimDirective {
-    #elRef;
+    #el;
     #obs;
     constructor(elRef, mutationObs) {
-        this.#elRef = elRef;
+        this.#el = elRef.nativeElement;
         this.#obs = mutationObs.create((mutations) => {
-            const nodes = [];
-            // Only trim white space inside direct descendants of the current element.
-            for (const mutation of mutations) {
-                if (mutation.target.parentNode === elRef.nativeElement) {
-                    nodes.push(mutation.target);
-                }
+            if (mutations.some((mutation) => mutation.target === this.#el.firstChild ||
+                mutation.target === this.#el.lastChild)) {
+                this.#trimNodes();
             }
-            this.#trim(nodes);
         });
         this.#observe();
     }
     ngOnInit() {
-        const el = this.#elRef.nativeElement;
-        this.#trim(Array.from(el.childNodes));
+        this.#trimNodes();
     }
     ngOnDestroy() {
         this.#disconnect();
     }
     #observe() {
-        this.#obs.observe(this.#elRef.nativeElement, {
+        this.#obs.observe(this.#el, {
             characterData: true,
             subtree: true,
         });
@@ -4166,20 +4161,32 @@ class SkyTrimDirective {
     #disconnect() {
         this.#obs.disconnect();
     }
-    #trim(nodes) {
-        // Suspend the MutationObserver so altering the text content of each node
-        // doesn't retrigger the observe callback.
-        this.#disconnect();
-        for (const node of nodes) {
-            if (node.nodeType === Node.TEXT_NODE && node.textContent) {
-                const textContent = node.textContent;
-                const textContentTrimmed = textContent.trim();
+    #trimNodes() {
+        const el = this.#el;
+        if (el.hasChildNodes()) {
+            // Suspend the MutationObserver so altering the text content of each node
+            // doesn't retrigger the observe callback.
+            this.#disconnect();
+            if (el.firstChild === el.lastChild) {
+                this.#trimNode(el.firstChild, 'trim');
+            }
+            else {
+                this.#trimNode(el.firstChild, 'trimStart');
+                this.#trimNode(el.lastChild, 'trimEnd');
+            }
+            this.#observe();
+        }
+    }
+    #trimNode(node, trimMethod) {
+        if (node?.nodeType === Node.TEXT_NODE) {
+            const textContent = node.textContent;
+            if (textContent) {
+                const textContentTrimmed = textContent[trimMethod]();
                 if (textContent !== textContentTrimmed) {
                     node.textContent = textContentTrimmed;
                 }
             }
         }
-        this.#observe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyTrimDirective, deps: [{ token: i0.ElementRef }, { token: SkyMutationObserverService }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: SkyTrimDirective, isStandalone: false, selector: "[skyTrim]", ngImport: i0 }); }
@@ -4738,7 +4745,7 @@ class Version {
 /**
  * Represents the version of @skyux/core.
  */
-const VERSION = new Version('13.0.0');
+const VERSION = new Version('13.1.0');
 
 /**
  * Generated bundle index. Do not edit.