@ngxi/simple-icons 0.12.0 → 0.12.1

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 simpleIcons42 = {
   "body": '<path fill="currentColor" d="M19.581 16.851H24v-4.439ZM24 3.574h-4.419v4.42l-4.419 4.418v4.44h4.419v-4.44L24 7.993Zm-4.419 0h-4.419v4.42zm-6.324 8.838H4.419l8.838-8.838H8.838L0 12.412v3.595h8.838v4.419h4.419z"/>',
   "width": 24,
@@ -21416,6 +21417,7 @@ const simpleIconsWindows11 = {
 };
 class Ngxi {
   constructor() {
+    this.platform = inject(PLATFORM_ID);
     this.el = inject(ElementRef);
     this.renderer = inject(Renderer2);
     this.icon = input(null);
@@ -21427,7 +21429,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 {