@ngxi/eva 0.12.0 → 0.12.2

package/dist/index.js

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
-import { inject, ElementRef, Renderer2, input, computed, effect, Directive } from "@angular/core";
+import { inject, PLATFORM_ID, ElementRef, Renderer2, input, computed, effect, Directive } from "@angular/core";
+import { isPlatformServer } from "@angular/common";
 const evaActivityFill = {
   "body": '<path fill="currentColor" d="M14.33 20h-.21a2 2 0 0 1-1.76-1.58L9.68 6l-2.76 6.4A1 1 0 0 1 6 13H3a1 1 0 0 1 0-2h2.34l2.51-5.79a2 2 0 0 1 3.79.38L14.32 18l2.76-6.38A1 1 0 0 1 18 11h3a1 1 0 0 1 0 2h-2.34l-2.51 5.79A2 2 0 0 1 14.33 20"/>',
   "width": 24,
@@ -2942,6 +2943,7 @@ const evaWifiOutline = {
 };
 class Ngxi {
   constructor() {
+    this.platform = inject(PLATFORM_ID);
     this.el = inject(ElementRef);
     this.renderer = inject(Renderer2);
     this.icon = input(null);
@@ -2953,7 +2955,22 @@ class Ngxi {
     this.resolvedViewBox = computed(() => this.viewBox() ?? this.icon()?.viewBox);
     this.setBody = effect(() => {
       const icon = this.icon();
-      this.renderer.setProperty(this.el.nativeElement, "innerHTML", icon?.body ?? "");
+      if (!icon) {
+        this.renderer.setProperty(this.el.nativeElement, "innerHTML", "");
+        return;
+      }
+      if (isPlatformServer(this.platform)) {
+        this.el.nativeElement.innerHTML = icon.body;
+        this.el.nativeElement.setAttribute("data-ngxi-ssr", "");
+        return;
+      }
+      if (this.el.nativeElement.hasAttribute("data-ngxi-ssr")) {
+        this.el.nativeElement.removeAttribute("data-ngxi-ssr");
+        if (this.el.nativeElement.innerHTML === icon.body) {
+          return;
+        }
+      }
+      this.renderer.setProperty(this.el.nativeElement, "innerHTML", icon.body);
     });
   }
   static {