highsoft-ui 1.0.57 → 1.0.58

package/dist/components/Header/index.js

@@ -1,31 +1,16 @@
-import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as V } from "react/jsx-runtime";
 import { useState as S, useEffect as q } from "react";
 import { a as M, J as z } from "../../utils-CzQFvGG2.js";
-import { _ as d } from "../../extends-hS2Bh-Yp.js";
-import { N as J, X as A } from "../../index-DvBbx2s8.js";
+import { A as J } from "../../Announcement03-obPaH4LK.js";
+import { _ as u } from "../../extends-hS2Bh-Yp.js";
+import { N as A, X as G } from "../../index-DvBbx2s8.js";
 import { c as p } from "../../clsx-OuTLNxxd.js";
 import { Button as l } from "../Button/index.js";
 import { Container as I } from "../Container/index.js";
 import { ThemedLogo as L } from "../Logo/index.js";
 import { PrefPanel as T } from "../PrefPanel/index.js";
-var G = function(n) {
-  return /* @__PURE__ */ e("svg", d({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, n, {
-    children: /* @__PURE__ */ e("path", {
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      d: "M18.5 16c1.933 0 3.5-2.9101 3.5-6.5C22 5.9102 20.433 3 18.5 3m0 13c-1.933 0-3.5-2.9101-3.5-6.5C15 5.9102 16.567 3 18.5 3m0 13L5.4435 13.6261c-.9275-.1686-1.3912-.253-1.7662-.4371a3 3 0 0 1-1.5632-1.8731C2 10.914 2 10.4427 2 9.5s0-1.414.1141-1.816a3 3 0 0 1 1.5632-1.873c.375-.1841.8388-.2685 1.7662-.4371L18.5 3M5 14l.3939 5.514c.0374.5236.056.7855.17.9839a1 1 0 0 0 .4324.4026c.206.0995.4685.0995.9935.0995h1.7824c.6001 0 .9002 0 1.1223-.1197a1 1 0 0 0 .4397-.4748c.1023-.2306.0793-.5298.0333-1.1282L10 14.5"
-    })
-  }));
-}, F = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+var F = function(n) {
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -41,7 +26,7 @@ var G = function(n) {
     })
   }));
 }, Q = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -57,7 +42,7 @@ var G = function(n) {
     })
   }));
 }, R = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -73,7 +58,7 @@ var G = function(n) {
     })
   }));
 }, X = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -89,7 +74,7 @@ var G = function(n) {
     })
   }));
 }, $ = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -105,7 +90,7 @@ var G = function(n) {
     })
   }));
 }, D = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -121,7 +106,7 @@ var G = function(n) {
     })
   }));
 }, B = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -137,7 +122,7 @@ var G = function(n) {
     })
   }));
 }, H = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -153,7 +138,7 @@ var G = function(n) {
     })
   }));
 }, W = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -169,7 +154,7 @@ var G = function(n) {
     })
   }));
 }, j = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -185,31 +170,31 @@ var G = function(n) {
     })
   }));
 };
-const E = "_header_1vg4i_300", K = "_outer_1vg4i_311", Y = "_main_1vg4i_320", Z = "_container_1vg4i_324", e1 = "_links_1vg4i_330", t1 = "_buttons_1vg4i_331", n1 = "_menu_1vg4i_339", r1 = "_logo_1vg4i_344", o1 = "_subContainer_1vg4i_356", s1 = "_selected_1vg4i_384", i1 = "_icons_1vg4i_387", c1 = "_subTag_1vg4i_407", a1 = "_selectedIcon_1vg4i_420", l1 = "_selectableIcon_1vg4i_424", h1 = "_icon_1vg4i_387", d1 = "_mobileOverlay_1vg4i_438", u1 = "_show_1vg4i_1", m1 = "_open_1vg4i_450", g1 = "_mobile_1vg4i_438", w1 = "_slideUp_1vg4i_1", p1 = "_sub_1vg4i_356", v1 = "_gpt_1vg4i_514", t = {
+const E = "_header_1vg4i_300", K = "_outer_1vg4i_311", Y = "_main_1vg4i_320", Z = "_container_1vg4i_324", ee = "_links_1vg4i_330", te = "_buttons_1vg4i_331", ne = "_menu_1vg4i_339", re = "_logo_1vg4i_344", oe = "_subContainer_1vg4i_356", se = "_selected_1vg4i_384", ie = "_icons_1vg4i_387", ae = "_subTag_1vg4i_407", ce = "_selectedIcon_1vg4i_420", le = "_selectableIcon_1vg4i_424", he = "_icon_1vg4i_387", de = "_mobileOverlay_1vg4i_438", ue = "_show_1vg4i_1", me = "_open_1vg4i_450", ge = "_mobile_1vg4i_438", we = "_slideUp_1vg4i_1", pe = "_sub_1vg4i_356", ve = "_gpt_1vg4i_514", t = {
   header: E,
   outer: K,
   main: Y,
   container: Z,
-  links: e1,
-  buttons: t1,
-  menu: n1,
-  logo: r1,
-  subContainer: o1,
-  selected: s1,
-  icons: i1,
-  subTag: c1,
+  links: ee,
+  buttons: te,
+  menu: ne,
+  logo: re,
+  subContainer: oe,
+  selected: se,
+  icons: ie,
+  subTag: ae,
   "subTag-success": "_subTag-success_1vg4i_412",
   "subTag-brand": "_subTag-brand_1vg4i_416",
-  selectedIcon: a1,
-  selectableIcon: l1,
-  icon: h1,
-  mobileOverlay: d1,
-  show: u1,
-  open: m1,
-  mobile: g1,
-  slideUp: w1,
-  sub: p1,
-  gpt: v1
+  selectedIcon: ce,
+  selectableIcon: le,
+  icon: he,
+  mobileOverlay: de,
+  show: ue,
+  open: me,
+  mobile: ge,
+  slideUp: we,
+  sub: pe,
+  gpt: ve
 }, y = [
   {
     title: "Products",
@@ -239,44 +224,44 @@ const E = "_header_1vg4i_300", K = "_outer_1vg4i_311", Y = "_main_1vg4i_320", Z
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/",
-    icon: /* @__PURE__ */ e(G, {})
+    icon: /* @__PURE__ */ e(J, {})
   }
 ];
-function h(r, n) {
-  return n ? r.replace(n, "") : r;
+function h(o, n) {
+  return n ? o.replace(n, "") : o;
 }
-function f1({
-  items: r,
+function _e({
+  items: o,
   link: n = "a",
   host: g = "https://www.highcharts.com",
   pathname: i = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: p(t.sub, t.outer), children: /* @__PURE__ */ e(I, { className: t.subContainer, as: "ul", children: r.map(
-    ({ title: c, url: f, icon: _, selectedIcon: k, tag: C, tagVariant: m = "success" }, x) => {
-      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, v), b = w.origin === v && w.pathname === i;
-      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ e("div", { className: p(t.sub, t.outer), children: /* @__PURE__ */ e(I, { className: t.subContainer, as: "ul", children: o.map(
+    ({ title: a, url: _, icon: f, selectedIcon: b, tag: k, tagVariant: m = "success" }, x) => {
+      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(_, v), C = w.origin === v && w.pathname === i;
+      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
         n,
         {
-          href: h(f, g),
+          href: h(_, g),
           className: p({
-            [t.selectableIcon]: k,
-            [t.selected]: b
+            [t.selectableIcon]: b,
+            [t.selected]: C
           }),
           children: [
-            /* @__PURE__ */ o("span", { className: t.icons, children: [
-              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: k }),
-              /* @__PURE__ */ e("span", { className: t.icon, children: _ })
+            /* @__PURE__ */ r("span", { className: t.icons, children: [
+              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: b }),
+              /* @__PURE__ */ e("span", { className: t.icon, children: f })
             ] }),
-            /* @__PURE__ */ o("span", { children: [
-              c,
-              C && /* @__PURE__ */ e(
+            /* @__PURE__ */ r("span", { children: [
+              a,
+              k && /* @__PURE__ */ e(
                 "span",
                 {
                   className: p(
                     t.subTag,
                     t[`subTag-${m}`]
                   ),
-                  children: C
+                  children: k
                 }
               )
             ] })
@@ -286,88 +271,88 @@ function f1({
     }
   ) }) });
 }
-function B1({
-  subItems: r,
+function He({
+  subItems: o,
   children: n,
   notifications: g = [],
   // TODO: Fetch these from the internets
   link: i = "a",
-  host: c = "https://www.highcharts.com",
-  pathname: f = typeof window < "u" ? window.location.pathname : ""
+  host: a = "https://www.highcharts.com",
+  pathname: _ = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const _ = M("(max-width: 374px)"), k = M("(max-width: 849px)"), C = M("(min-width: 850px) and (max-width: 999px)"), [m, x] = S(!1), [v, w] = S([]);
+  const f = M("(max-width: 374px)"), b = M("(max-width: 849px)"), k = M("(min-width: 850px) and (max-width: 999px)"), [m, x] = S(!1), [v, w] = S([]);
   q(() => {
     if (g.length) {
-      const a = localStorage.getItem("notifications");
-      if (a) {
-        const u = JSON.parse(a);
+      const c = localStorage.getItem("notifications");
+      if (c) {
+        const d = JSON.parse(c);
         w(
           g.filter(
-            (s) => !s.id || !u.closed.includes(s.id)
+            (s) => !s.id || !d.closed.includes(s.id)
           )
         );
       } else
         w(g);
     }
   }, [g]);
-  const b = () => {
+  const C = () => {
     x(!m);
-  }, O = (a) => {
-    w(v.filter((s) => !s.id || s.id !== a));
-    const u = localStorage.getItem("notifications");
-    if (u) {
-      const s = JSON.parse(u);
-      s.closed.includes(a) || (s.closed.push(a), localStorage.setItem("notifications", JSON.stringify(s)));
+  }, O = (c) => {
+    w(v.filter((s) => !s.id || s.id !== c));
+    const d = localStorage.getItem("notifications");
+    if (d) {
+      const s = JSON.parse(d);
+      s.closed.includes(c) || (s.closed.push(c), localStorage.setItem("notifications", JSON.stringify(s)));
     } else
       localStorage.setItem(
         "notifications",
         JSON.stringify({
-          closed: [a]
+          closed: [c]
         })
       );
   };
-  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ o("header", { className: t.header, children: [
+  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r("header", { className: t.header, children: [
     v?.map(
-      ({ id: a, title: u, description: s, variant: N, closable: P }, U) => /* @__PURE__ */ e(
-        J,
+      ({ id: c, title: d, description: s, variant: N, closable: P }, U) => /* @__PURE__ */ e(
+        A,
         {
           description: s,
           variant: N,
           closable: P,
-          onClose: () => O(a),
-          children: u
+          onClose: () => O(c),
+          children: d
         },
         U
       )
     ),
-    /* @__PURE__ */ e("div", { className: p(t.main, t.outer), children: /* @__PURE__ */ o(I, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: p(t.main, t.outer), children: /* @__PURE__ */ r(I, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         i,
         {
           className: t.logo,
-          href: h("https://www.highcharts.com/", c),
-          children: /* @__PURE__ */ e(L, { showText: !C && !_ })
+          href: h("https://www.highcharts.com/", a),
+          children: /* @__PURE__ */ e(L, { showText: !k && !f })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: u }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: c, url: d }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         l,
         {
           variant: "plain",
           size: 300,
           as: i,
-          href: h(u, c),
-          children: a
+          href: h(d, a),
+          children: c
         }
       ) }, s)) }),
-      /* @__PURE__ */ o("div", { className: t.buttons, children: [
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ r("div", { className: t.buttons, children: [
+        /* @__PURE__ */ r(
           l,
           {
             variant: "transparent",
             as: i,
             href: h(
               "https://www.highcharts.com/chat/gpt/",
-              c
+              a
             ),
             children: [
               /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
@@ -382,19 +367,19 @@ function B1({
           {
             variant: "brand",
             as: i,
-            href: h("https://shop.highcharts.com/account", c),
+            href: h("https://shop.highcharts.com/account", a),
             "aria-label": "Login",
             children: /* @__PURE__ */ e(j, {})
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           l,
           {
             variant: "success",
             as: i,
             href: h(
               "https://www.highcharts.com/download/",
-              c
+              a
             ),
             children: [
               /* @__PURE__ */ e(W, {}),
@@ -402,63 +387,63 @@ function B1({
             ]
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           l,
           {
             variant: m ? "white" : "transparent",
             className: t.menu,
-            onClick: b,
+            onClick: C,
             children: [
               m ? "Close" : "Menu",
-              m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(X, {})
+              m ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(X, {})
             ]
           }
         )
       ] })
     ] }) }),
-    !!r?.length && /* @__PURE__ */ e(
-      f1,
+    !!o?.length && /* @__PURE__ */ e(
+      _e,
       {
-        items: r,
+        items: o,
         link: i,
-        host: c,
-        pathname: f
+        host: a,
+        pathname: _
       }
     ),
     n,
-    k && /* @__PURE__ */ o(V, { children: [
+    b && /* @__PURE__ */ r(V, { children: [
       /* @__PURE__ */ e(
         "div",
         {
           className: p(t.mobileOverlay, { [t.open]: m }),
-          onClick: b
+          onClick: C
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ r(
         "nav",
         {
           className: p(t.mobile, {
             [t.open]: m
           }),
           children: [
-            /* @__PURE__ */ o("div", { className: t.container, children: [
+            /* @__PURE__ */ r("div", { className: t.container, children: [
               /* @__PURE__ */ e(
                 i,
                 {
                   className: t.logo,
-                  href: h("https://www.highcharts.com/", c),
-                  children: /* @__PURE__ */ e(L, { showText: !_ })
+                  href: h("https://www.highcharts.com/", a),
+                  children: /* @__PURE__ */ e(L, { showText: !f })
                 }
               ),
-              /* @__PURE__ */ o("div", { className: t.buttons, children: [
-                /* @__PURE__ */ o(
+              /* @__PURE__ */ r("div", { className: t.buttons, children: [
+                /* @__PURE__ */ r(
                   l,
                   {
                     variant: "transparent",
                     as: i,
                     href: h(
                       "https://www.highcharts.com/chat/gpt/",
-                      c
+                      a
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
@@ -470,8 +455,8 @@ function B1({
                 /* @__PURE__ */ e(T, {})
               ] })
             ] }),
-            /* @__PURE__ */ o("div", { className: t.buttons, children: [
-              /* @__PURE__ */ o(
+            /* @__PURE__ */ r("div", { className: t.buttons, children: [
+              /* @__PURE__ */ r(
                 l,
                 {
                   variant: "brand",
@@ -479,7 +464,7 @@ function B1({
                   as: i,
                   href: h(
                     "https://shop.highcharts.com/account",
-                    c
+                    a
                   ),
                   children: [
                     /* @__PURE__ */ e(j, {}),
@@ -487,7 +472,7 @@ function B1({
                   ]
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 l,
                 {
                   variant: "success",
@@ -495,7 +480,7 @@ function B1({
                   as: i,
                   href: h(
                     "https://www.highcharts.com/download/",
-                    c
+                    a
                   ),
                   children: [
                     /* @__PURE__ */ e(W, {}),
@@ -504,17 +489,17 @@ function B1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: u, icon: s }, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: c, url: d, icon: s }, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
               l,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
                 as: i,
-                href: h(u, c),
+                href: h(d, a),
                 children: [
                   s,
-                  a
+                  c
                 ]
               }
             ) }, N)) })
@@ -525,6 +510,6 @@ function B1({
   ] }) });
 }
 export {
-  B1 as Header,
-  f1 as SubHeader
+  He as Header,
+  _e as SubHeader
 };