@ngxi/streamline-cyber 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 streamlineCyber3dGlasses = {
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path d="m22.5 10.5l-5.75-5H14.5m-14 5l5.75-5H8.5m-8 5l2 9H8l3.5-3.5l3.5 3.5h5.5l2-9m-22 0h22"/><path d="M3.25 12.5h7.25V14L7 17.5H4.5zm16.5 0H12.5V14l3.5 3.5h2.5z"/></g>',
   "width": 24,
@@ -3002,6 +3003,7 @@ const streamlineCyberWrenchScrewdriver = {
 };
 class Ngxi {
   constructor() {
+    this.platform = inject(PLATFORM_ID);
     this.el = inject(ElementRef);
     this.renderer = inject(Renderer2);
     this.icon = input(null);
@@ -3013,7 +3015,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 {