@ngxi/vscode-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 vscodeIconsDefaultFile = {
   "body": '<path fill="#c5c5c5" d="M20.414 2H5v28h22V8.586ZM7 28V4h12v6h6v18Z"/>',
   "width": 32,
@@ -8360,6 +8361,7 @@ const vscodeIconsFileTypeMakefile = {
 };
 class Ngxi {
   constructor() {
+    this.platform = inject(PLATFORM_ID);
     this.el = inject(ElementRef);
     this.renderer = inject(Renderer2);
     this.icon = input(null);
@@ -8371,7 +8373,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 {