@crystaltech/hsms-shared-ui 0.6.7-alpha-0 → 0.6.7-alpha-0.0.1

package/dist/index.es2.js

@@ -1,26 +1,26 @@
-function u(t, e) {
+function b(t, e) {
   try {
     let a = t.replace("#", "");
-    a.length === 3 && (a = a.split("").map((s) => s + s).join(""));
-    const r = (s) => Math.min(255, Math.max(0, s)), n = r(parseInt(a.slice(0, 2), 16) + e), i = r(parseInt(a.slice(2, 4), 16) + e), p = r(parseInt(a.slice(4, 6), 16) + e), o = (s) => {
-      const l = s.toString(16);
-      return (l.length === 1 ? "0" : "") + l;
+    a.length === 3 && (a = a.split("").map((i) => i + i).join(""));
+    const r = (i) => Math.min(255, Math.max(0, i)), n = r(parseInt(a.slice(0, 2), 16) + e), o = r(parseInt(a.slice(2, 4), 16) + e), d = r(parseInt(a.slice(4, 6), 16) + e), s = (i) => {
+      const m = i.toString(16);
+      return (m.length === 1 ? "0" : "") + m;
     };
-    return "#" + o(n) + o(i) + o(p);
+    return "#" + s(n) + s(o) + s(d);
   } catch {
     return t;
   }
 }
-function g() {
+function w() {
   try {
-    const t = localStorage.getItem("theme"), e = t ? JSON.parse(t) : null, a = e && e.mode || "light", r = e && e.themeColor || "#2c5282", n = u(r, 24), i = a === "light" ? "#ffffff" : "#121212", p = a === "light" ? "#0f172a" : "#e5e7eb", o = document.documentElement;
-    o.style.setProperty("--app-bg", i), o.style.setProperty("--app-fg", p), o.style.setProperty("--app-primary", r), o.style.setProperty("--app-primary-2", n);
+    const t = localStorage.getItem("theme"), e = t ? JSON.parse(t) : null, a = e && e.mode || "light", r = e && e.themeColor || "#2c5282", n = b(r, 24), o = a === "light" ? "#ffffff" : "#121212", d = a === "light" ? "#0f172a" : "#e5e7eb", s = document.documentElement;
+    s.style.setProperty("--app-bg", o), s.style.setProperty("--app-fg", d), s.style.setProperty("--app-primary", r), s.style.setProperty("--app-primary-2", n);
   } catch {
     const e = document.documentElement;
     e.style.setProperty("--app-bg", "#ffffff"), e.style.setProperty("--app-fg", "#0f172a"), e.style.setProperty("--app-primary", "#2c5282"), e.style.setProperty("--app-primary-2", "#3b82f6");
   }
 }
-function y() {
+function g() {
   try {
     const t = localStorage.getItem("organization_name") || "", e = localStorage.getItem("organization_logo_full_url") || "";
     return { orgName: t, orgLogo: e };
@@ -28,7 +28,7 @@ function y() {
     return { orgName: "", orgLogo: "" };
   }
 }
-function f() {
+function E() {
   if (document.getElementById("hsms-pre-splash-style")) return;
   const t = document.createElement("style");
   t.id = "hsms-pre-splash-style", t.textContent = `
@@ -73,14 +73,14 @@ function f() {
     @keyframes hsms-spin { to { transform: rotate(360deg); } }
   `, document.head.appendChild(t);
 }
-function v(t) {
+function x(t) {
   if (t != null && t.rootId) {
     const e = document.getElementById(t.rootId);
     if (e) return e;
   }
   return document.getElementById("app") || document.getElementById("root") || document.body;
 }
-function d(t) {
+function c(t) {
   try {
     const e = document.getElementById("hsms-pre-splash");
     if (!e) return;
@@ -102,15 +102,15 @@ function d(t) {
   } catch {
   }
 }
-function c(t) {
+function u(t) {
   try {
     if (document.getElementById("hsms-pre-splash")) return;
     try {
       document.documentElement.classList.add("app-loading"), document.documentElement.classList.remove("app-ready"), window.__APP_READY__ = !1;
     } catch {
     }
-    g(), f();
-    const { orgName: e, orgLogo: a } = y(), r = v(t), n = document.createElement("div");
+    w(), E();
+    const { orgName: e, orgLogo: a } = g(), r = x(t), n = document.createElement("div");
     n.id = "hsms-pre-splash", n.className = "app-splash", n.setAttribute("role", "status"), n.setAttribute("aria-live", "polite"), n.innerHTML = `
       <div class="brand">
         <img id="hsms-splash-logo" src="/logo.png" alt="Organization Logo"
@@ -119,46 +119,68 @@ function c(t) {
       </div>
       <div class="splash-spinner" aria-hidden="true"></div>
     `, r.firstChild ? r.insertBefore(n, r.firstChild) : r.appendChild(n);
-    const i = n.querySelector("#hsms-splash-logo"), p = n.querySelector("#hsms-splash-name");
-    i && a && (i.src = a), p && e && (p.textContent = e);
-    const o = new MutationObserver(() => {
-      d(r), document.getElementById("hsms-pre-splash") || o.disconnect();
+    const o = n.querySelector("#hsms-splash-logo"), d = n.querySelector("#hsms-splash-name");
+    if (o && a && (o.src = a), d && e && (d.textContent = e), o) {
+      const l = "/logo.png", p = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(
+        `<svg xmlns="http://www.w3.org/2000/svg" width="80" height="40">
+             <rect width="100%" height="100%" rx="6" fill="rgba(255,255,255,0.18)"/>
+             <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" fill="white" font-family="sans-serif" font-size="12">HSMS</text>
+           </svg>`
+      );
+      o.addEventListener("error", () => {
+        try {
+          const h = o.getAttribute("src") || "";
+          h !== l ? o.src = l : h !== p && (o.src = p);
+        } catch {
+        }
+      });
+    }
+    const s = () => {
+      try {
+        const { orgName: l, orgLogo: p } = g();
+        o && p && (o.src = p), d && l && (d.textContent = l);
+      } catch {
+      }
+    };
+    window.addEventListener("hsms-organization-updated", s);
+    const i = new MutationObserver(() => {
+      c(r), document.getElementById("hsms-pre-splash") || i.disconnect();
     });
-    o.observe(r, { childList: !0, subtree: !1 });
-    const s = () => d(r);
-    window.addEventListener("load", s, { once: !0 });
-    const l = () => d(r);
-    window.addEventListener("hsms-app-mounted", l);
-    const m = () => d(r);
-    document.addEventListener("DOMContentLoaded", m, { once: !0 });
-    const h = () => d(r);
-    window.addEventListener("app-ready", h);
+    i.observe(r, { childList: !0, subtree: !1 });
+    const m = () => c(r);
+    window.addEventListener("load", m, { once: !0 });
+    const y = () => c(r);
+    window.addEventListener("hsms-app-mounted", y);
+    const f = () => c(r);
+    document.addEventListener("DOMContentLoaded", f, { once: !0 });
+    const v = () => c(r);
+    window.addEventListener("app-ready", v);
   } catch {
   }
 }
-function E() {
-  d();
+function L() {
+  c();
 }
-function b() {
+function I() {
   try {
     window.__APP_READY__ = !0, window.dispatchEvent(new Event("app-ready"));
   } catch {
   }
 }
 try {
-  c();
+  u();
 } catch {
 }
 try {
   window.HSMSPreMountSplash = {
-    initPreMountSplash: c,
-    hidePreMountSplash: E,
-    markAppReady: b
+    initPreMountSplash: u,
+    hidePreMountSplash: L,
+    markAppReady: I
   };
 } catch {
 }
 export {
-  E as hidePreMountSplash,
-  c as initPreMountSplash,
-  b as markAppReady
+  L as hidePreMountSplash,
+  u as initPreMountSplash,
+  I as markAppReady
 };