highsoft-ui 1.0.22 → 1.0.24

package/dist/components/Header/index.js

@@ -8,7 +8,7 @@ import { Button as h } from "../Button/index.js";
 import { Container as j } from "../Container/index.js";
 import { ThemedLogo as z } from "../Logo/index.js";
 import { PrefPanel as L } from "../PrefPanel/index.js";
-import { useMediaQuery as b, useLocation as G } from "../../utils.js";
+import { useMediaQuery as M, useLocation as G } from "../../utils.js";
 var F = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -247,35 +247,39 @@ function w1({
   link: t = "a",
   host: g = "https://www.highcharts.com"
 }) {
-  const o = G();
-  return /* @__PURE__ */ e("div", { className: f(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: w, icon: x, tag: _, tagVariant: m = "success" }, k) => {
+  const i = G();
+  return /* @__PURE__ */ e("div", { className: f(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: w, icon: k, tag: x, tagVariant: m = "success" }, C) => {
     w = l(w, g);
-    const p = window == null ? void 0 : window.location.origin, v = new URL(w, p);
+    let p = !1;
+    if (typeof window < "u" && i) {
+      const v = window.location.origin, _ = new URL(w, v);
+      p = _.origin === v && _.pathname === i.pathname;
+    }
     return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
       t,
       {
         href: w,
         className: f({
-          [r.selected]: v.origin === p && v.pathname === (o == null ? void 0 : o.pathname)
+          [r.selected]: p
         }),
         children: [
-          x,
+          k,
           /* @__PURE__ */ s("span", { children: [
             a,
-            _ && /* @__PURE__ */ e(
+            x && /* @__PURE__ */ e(
               "span",
               {
                 className: f(
                   r.subTag,
                   r[`subTag-${m}`]
                 ),
-                children: _
+                children: x
               }
             )
           ] })
         ]
       }
-    ) }, k);
+    ) }, C);
   }) }) });
 }
 function z1({
@@ -283,10 +287,10 @@ function z1({
   children: t,
   notifications: g = [],
   // TODO: Fetch these from the internets
-  link: o = "a",
+  link: i = "a",
   host: a = "https://www.highcharts.com"
 }) {
-  const w = b("(max-width: 374px)"), x = b("(max-width: 849px)"), _ = b("(min-width: 850px) and (max-width: 999px)"), [m, k] = N(!1), [p, v] = N([]);
+  const w = M("(max-width: 374px)"), k = M("(max-width: 849px)"), x = M("(min-width: 850px) and (max-width: 999px)"), [m, C] = N(!1), [p, v] = N([]);
   V(() => {
     if (g.length) {
       const c = localStorage.getItem("notifications");
@@ -294,21 +298,21 @@ function z1({
         const u = JSON.parse(c);
         v(
           g.filter(
-            (i) => !i.id || !u.closed.includes(i.id)
+            (o) => !o.id || !u.closed.includes(o.id)
           )
         );
       } else
         v(g);
     }
   }, [g]);
-  const M = () => {
-    k(!m);
-  }, O = (c) => {
-    v(p.filter((i) => !i.id || i.id !== c));
+  const _ = () => {
+    C(!m);
+  }, y = (c) => {
+    v(p.filter((o) => !o.id || o.id !== c));
     const u = localStorage.getItem("notifications");
     if (u) {
-      const i = JSON.parse(u);
-      i.closed.includes(c) || (i.closed.push(c), localStorage.setItem("notifications", JSON.stringify(i)));
+      const o = JSON.parse(u);
+      o.closed.includes(c) || (o.closed.push(c), localStorage.setItem("notifications", JSON.stringify(o)));
     } else
       localStorage.setItem(
         "notifications",
@@ -319,13 +323,13 @@ function z1({
   };
   return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ s("header", { className: r.header, children: [
     p == null ? void 0 : p.map(
-      ({ id: c, title: u, description: i, variant: C, closable: y }, P) => /* @__PURE__ */ e(
+      ({ id: c, title: u, description: o, variant: b, closable: O }, P) => /* @__PURE__ */ e(
         J,
         {
-          description: i,
-          variant: C,
-          closable: y,
-          onClose: () => O(c),
+          description: o,
+          variant: b,
+          closable: O,
+          onClose: () => y(c),
           children: u
         },
         P
@@ -333,29 +337,29 @@ function z1({
     ),
     /* @__PURE__ */ e("div", { className: f(r.main, r.outer), children: /* @__PURE__ */ s(j, { as: "nav", className: r.container, children: [
       /* @__PURE__ */ e(
-        o,
+        i,
         {
           className: r.logo,
           href: l("https://www.highcharts.com/", a),
-          children: /* @__PURE__ */ e(z, { showText: !_ && !w })
+          children: /* @__PURE__ */ e(z, { showText: !x && !w })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u }, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
           size: 300,
-          as: o,
+          as: i,
           href: l(u, a),
           children: c
         }
-      ) }, i)) }),
+      ) }, o)) }),
       /* @__PURE__ */ s("div", { className: r.buttons, children: [
         /* @__PURE__ */ s(
           h,
           {
             variant: "transparent",
-            as: o,
+            as: i,
             href: l(
               "https://www.highcharts.com/chat/gpt/",
               a
@@ -372,7 +376,7 @@ function z1({
           h,
           {
             variant: "brand",
-            as: o,
+            as: i,
             href: l("https://shop.highcharts.com/account", a),
             "aria-label": "Login",
             children: /* @__PURE__ */ e(H, {})
@@ -382,7 +386,7 @@ function z1({
           h,
           {
             variant: "success",
-            as: o,
+            as: i,
             href: l(
               "https://www.highcharts.com/download/",
               a
@@ -398,7 +402,7 @@ function z1({
           {
             variant: m ? "white" : "transparent",
             className: r.menu,
-            onClick: M,
+            onClick: _,
             children: [
               m ? "Close" : "Menu",
               m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e($, {})
@@ -407,14 +411,14 @@ function z1({
         )
       ] })
     ] }) }),
-    !!(n != null && n.length) && /* @__PURE__ */ e(w1, { items: n, link: o, host: a }),
+    !!(n != null && n.length) && /* @__PURE__ */ e(w1, { items: n, link: i, host: a }),
     t,
-    x && /* @__PURE__ */ s(U, { children: [
+    k && /* @__PURE__ */ s(U, { children: [
       /* @__PURE__ */ e(
         "div",
         {
           className: f(r.mobileOverlay, { [r.open]: m }),
-          onClick: M
+          onClick: _
         }
       ),
       /* @__PURE__ */ s(
@@ -426,7 +430,7 @@ function z1({
           children: [
             /* @__PURE__ */ s("div", { className: r.container, children: [
               /* @__PURE__ */ e(
-                o,
+                i,
                 {
                   className: r.logo,
                   href: l("https://www.highcharts.com/", a),
@@ -438,7 +442,7 @@ function z1({
                   h,
                   {
                     variant: "transparent",
-                    as: o,
+                    as: i,
                     href: l(
                       "https://www.highcharts.com/chat/gpt/",
                       a
@@ -459,7 +463,7 @@ function z1({
                 {
                   variant: "brand",
                   fullWidth: !0,
-                  as: o,
+                  as: i,
                   href: l(
                     "https://shop.highcharts.com/account",
                     a
@@ -475,7 +479,7 @@ function z1({
                 {
                   variant: "success",
                   fullWidth: !0,
-                  as: o,
+                  as: i,
                   href: l(
                     "https://www.highcharts.com/download/",
                     a
@@ -487,20 +491,20 @@ function z1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u, icon: i }, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+            /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u, icon: o }, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
               h,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
-                as: o,
+                as: i,
                 href: l(u, a),
                 children: [
-                  i,
+                  o,
                   c
                 ]
               }
-            ) }, C)) })
+            ) }, b)) })
           ]
         }
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",