highsoft-ui 1.0.72 → 1.0.73

package/dist/components/Header/index.js

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as i, Fragment as z } from "react/jsx-runtime";
-import { useRef as A, useState as Q, useEffect as L } from "react";
-import { a as S, J } from "../../utils-C7rfowvr.js";
+import { useRef as A, useState as L, useEffect as y } from "react";
+import { a as q, J } from "../../utils-C7rfowvr.js";
 import { A as U } from "../../Announcement03-obPaH4LK.js";
 import { _ as m } from "../../extends-hS2Bh-Yp.js";
 import { N as G, X as R } from "../../index-pnL-sAld.js";
 import { c as k } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
-import { Container as P } from "../Container/index.js";
-import { ThemedLogo as y } from "../Logo/index.js";
-import { NewTag as Y } from "../NewTag/index.js";
-import { PrefPanel as T } from "../PrefPanel/index.js";
-var F = function(n) {
+import { Container as V } from "../Container/index.js";
+import { ThemedLogo as T } from "../Logo/index.js";
+import { NewTag as F } from "../NewTag/index.js";
+import { PrefPanel as H } from "../PrefPanel/index.js";
+var Y = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -106,7 +106,7 @@ var F = function(n) {
       d: "M12 16v5m6 0-3.9514-3.2928c-.7288-.6074-1.0932-.911-1.4999-1.0271a2 2 0 0 0-1.0974 0c-.4067.1161-.7711.4197-1.4999 1.0271L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C18.7202 16 17.8802 16 16.2 16H7.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.7202 3 12.8802 3 11.2z"
     })
   }));
-}, H = function(n) {
+}, I = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -122,7 +122,7 @@ var F = function(n) {
       d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
     })
   }));
-}, I = function(n) {
+}, W = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -138,7 +138,7 @@ var F = function(n) {
       d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
     })
   }));
-}, W = function(n) {
+}, j = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -154,7 +154,7 @@ var F = function(n) {
       d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21"
     })
   }));
-}, j = function(n) {
+}, O = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -193,7 +193,7 @@ const ee = "m_QBtq_buttons", te = "m_QBtq_container", ne = "m_QBtq_gpt", re = "m
   sub: fe,
   subContainer: ke,
   subTitle: Ce
-}, O = [
+}, P = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
@@ -217,7 +217,7 @@ const ee = "m_QBtq_buttons", te = "m_QBtq_container", ne = "m_QBtq_gpt", re = "m
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(F, {})
+    icon: /* @__PURE__ */ e(Y, {})
   },
   {
     title: "Blog",
@@ -234,8 +234,8 @@ function be({
   host: p = "https://www.highcharts.com",
   pathname: a = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: k(t.sub, t.outer), children: /* @__PURE__ */ e(P, { className: t.subContainer, as: "ul", children: c.map(
-    ({ title: l, url: C, icon: b, selectedIcon: _, tag: B, tagVariant: g = "success" }, u) => {
+  return /* @__PURE__ */ e("div", { className: k(t.sub, t.outer), children: /* @__PURE__ */ e(V, { className: t.subContainer, as: "ul", children: c.map(
+    ({ title: l, url: C, icon: b, selectedIcon: _, tag: N, tagVariant: g = "success" }, u) => {
       const x = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(C, x), f = v.origin === x && v.pathname === a;
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
         n,
@@ -252,7 +252,7 @@ function be({
             ] }),
             /* @__PURE__ */ i("span", { className: t.subTitle, children: [
               l,
-              B && /* @__PURE__ */ e(Y, { variant: g, icon: !1 })
+              N && /* @__PURE__ */ e(F, { variant: g, icon: !1 })
             ] })
           ]
         }
@@ -269,15 +269,15 @@ function Ie({
   host: l = "https://www.highcharts.com",
   pathname: C = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const b = S("(max-width: 374px)"), _ = S("(max-width: 849px)"), B = S("(min-width: 850px) and (max-width: 999px)"), g = A(null), [u, x] = Q(!1), [v, f] = Q([]);
-  L(() => {
+  const b = q("(max-width: 374px)"), _ = q("(max-width: 849px)"), N = q("(min-width: 850px) and (max-width: 999px)"), g = A(null), [u, x] = L(!1), [v, f] = L([]);
+  y(() => {
     let o = window.scrollY, r = -82, s = r;
     const w = () => {
-      const N = window.scrollY - o;
-      r -= N, r < -82 ? r = -82 : r > 0 && (r = 0), g.current && r !== s && (g.current.style.top = `${r}px`), o = window.scrollY, s = r;
+      const B = window.scrollY, S = B - o;
+      r -= S, r < -82 ? r = -82 : r > 0 && (r = 0), g.current && r !== s && (g.current.style.top = `${r}px`), o = B, s = r;
     };
     return window.addEventListener("scroll", w), () => window.removeEventListener("scroll", w);
-  }, []), L(() => {
+  }, []), y(() => {
     if (p.length) {
       const o = localStorage.getItem("notifications");
       if (o) {
@@ -291,14 +291,14 @@ function Ie({
         f(p);
     }
   }, [p]);
-  const q = (o) => {
+  const M = (o) => {
     if (o.preventDefault(), !(o.nativeEvent instanceof KeyboardEvent) || o.nativeEvent.code === "Enter" || o.nativeEvent.code === "Space") {
       const r = document.querySelector("main");
       r && (r.scrollIntoView(), r.getAttribute("tabindex") !== "-1" && r.setAttribute("tabindex", "-1"), r.focus());
     }
-  }, M = () => {
+  }, Q = () => {
     x(!u);
-  }, V = (o) => {
+  }, E = (o) => {
     f(v.filter((s) => !s.id || s.id !== o));
     const r = localStorage.getItem("notifications");
     if (r) {
@@ -314,19 +314,19 @@ function Ie({
   };
   return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ i("header", { className: t.header, ref: g, children: [
     v?.map(
-      ({ id: o, title: r, description: s, variant: w, closable: N }, E) => /* @__PURE__ */ e(
+      ({ id: o, title: r, description: s, variant: w, closable: B }, S) => /* @__PURE__ */ e(
         G,
         {
           description: s,
           variant: w,
-          closable: N,
-          onClose: () => V(o),
+          closable: B,
+          onClose: () => E(o),
           children: r
         },
-        E
+        S
       )
     ),
-    /* @__PURE__ */ e("div", { className: k(t.main, t.outer), children: /* @__PURE__ */ i(P, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: k(t.main, t.outer), children: /* @__PURE__ */ i(V, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         h,
         {
@@ -334,8 +334,8 @@ function Ie({
           className: t.skip,
           size: 500,
           tabIndex: "0",
-          onClick: q,
-          onKeyPress: q,
+          onClick: M,
+          onKeyPress: M,
           children: "Skip to content"
         }
       ),
@@ -344,10 +344,10 @@ function Ie({
         {
           className: t.logo,
           href: d("https://www.highcharts.com/", l),
-          children: /* @__PURE__ */ e(y, { showText: !B && !b })
+          children: /* @__PURE__ */ e(T, { showText: !N && !b })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: O.map(({ title: o, url: r }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: P.map(({ title: o, url: r }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
@@ -369,12 +369,12 @@ function Ie({
             ),
             children: [
               /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(I, {})
+              /* @__PURE__ */ e(W, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(H, {}) }),
-        /* @__PURE__ */ e(T, {}),
+        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(I, {}) }),
+        /* @__PURE__ */ e(H, {}),
         /* @__PURE__ */ e(
           h,
           {
@@ -382,7 +382,7 @@ function Ie({
             as: a,
             href: d("https://shop.highcharts.com/account", l),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(j, {})
+            children: /* @__PURE__ */ e(O, {})
           }
         ),
         /* @__PURE__ */ i(
@@ -395,7 +395,7 @@ function Ie({
               l
             ),
             children: [
-              /* @__PURE__ */ e(W, {}),
+              /* @__PURE__ */ e(j, {}),
               "Get started"
             ]
           }
@@ -405,7 +405,7 @@ function Ie({
           {
             variant: u ? "white" : "transparent",
             className: t.menu,
-            onClick: M,
+            onClick: Q,
             children: [
               u ? "Close" : "Menu",
               u ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(X, {})
@@ -429,7 +429,7 @@ function Ie({
         "div",
         {
           className: k(t.mobileOverlay, { [t.open]: u }),
-          onClick: M
+          onClick: Q
         }
       ),
       /* @__PURE__ */ i(
@@ -445,7 +445,7 @@ function Ie({
                 {
                   className: t.logo,
                   href: d("https://www.highcharts.com/", l),
-                  children: /* @__PURE__ */ e(y, { showText: !b })
+                  children: /* @__PURE__ */ e(T, { showText: !b })
                 }
               ),
               /* @__PURE__ */ i("div", { className: t.buttons, children: [
@@ -460,12 +460,12 @@ function Ie({
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(I, {})
+                      /* @__PURE__ */ e(W, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(H, {}) }),
-                /* @__PURE__ */ e(T, {})
+                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(I, {}) }),
+                /* @__PURE__ */ e(H, {})
               ] })
             ] }),
             /* @__PURE__ */ i("div", { className: t.buttons, children: [
@@ -480,7 +480,7 @@ function Ie({
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(j, {}),
+                    /* @__PURE__ */ e(O, {}),
                     "Login"
                   ]
                 }
@@ -496,13 +496,13 @@ function Ie({
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(W, {}),
+                    /* @__PURE__ */ e(j, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: O.map(({ title: o, url: r, icon: s }, w) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+            /* @__PURE__ */ e("ul", { className: t.links, children: P.map(({ title: o, url: r, icon: s }, w) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
               h,
               {
                 variant: "plain",

package/package.json

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