highsoft-ui 1.0.97 → 1.0.99

package/dist/{CookiePolicyModal-CPUGKcf9.js → CookiePolicyModal-DcWMFDQU.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { useState as l, useRef as a, useEffect as i } from "react";
 import { X as d } from "./XClose-CCu1vrNS.js";
 import { Button as _ } from "./components/Button/index.js";
-import { R as u, T as w, P as h, O as y, C as x, b as G, a as U } from "./index-b2mwXw7t.js";
+import { R as u, T as w, P as h, O as y, C as x, b as G, a as U } from "./index-F_QKz-YL.js";
 const p = "wUsx_G_bottom", m = "wUsx_G_bottomLinks", C = "wUsx_G_cookiePolicy", b = "wUsx_G_cookiePolicyClose", k = "wUsx_G_copyright", f = "wUsx_G_discord", P = "wUsx_G_discordAvatars", g = "wUsx_G_discordAvatarStatus", v = "wUsx_G_discordContent", L = "wUsx_G_discordJoin", B = "wUsx_G_discordMembers", E = "wUsx_G_discordPlus", O = "wUsx_G_error", A = "wUsx_G_footer", M = "wUsx_G_help", S = "wUsx_G_helpBall", R = "wUsx_G_helpContent", j = "wUsx_G_helpItem", I = "wUsx_G_helpWays", J = "wUsx_G_highcharts", N = "wUsx_G_links", T = "wUsx_G_logo", W = "wUsx_G_newsletter", X = "wUsx_G_newsletterContent", q = "wUsx_G_newsletterError", z = "wUsx_G_norway", D = "wUsx_G_notCharts", F = "wUsx_G_online", H = "wUsx_G_outer", K = "wUsx_G_socials", Q = "wUsx_G_success", V = "wUsx_G_tabletBottomLeft", Y = "wUsx_G_tagged", Z = "wUsx_G_top", $ = "wUsx_G_youtube", oo = "wUsx_G_youtubeContent", to = "wUsx_G_youtubeOverlay", n = {
   bottom: p,
   bottomLinks: m,

package/dist/components/Footer/CookiePolicyModal.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "react";
 import "../../XClose-CCu1vrNS.js";
 import "../Button/index.js";
-import { C as e } from "../../CookiePolicyModal-CPUGKcf9.js";
-import "../../index-b2mwXw7t.js";
+import { C as e } from "../../CookiePolicyModal-DcWMFDQU.js";
+import "../../index-F_QKz-YL.js";
 export {
   e as default
 };

package/dist/components/Footer/index.js

@@ -9,10 +9,10 @@ import { Container as et } from "../Container/index.js";
 import { Logo as rt } from "../Logo/index.js";
 import { NewTag as it } from "../NewTag/index.js";
 import ct from "../icons/MadeInNorway.js";
-import { s as c, C as at } from "../../CookiePolicyModal-CPUGKcf9.js";
+import { s as c, C as at } from "../../CookiePolicyModal-DcWMFDQU.js";
 import { a as D, d as st, v as H } from "../../utils-BKDJp1i0.js";
-import { R as ot, T as nt, P as ht, O as lt, C as ut, a as dt } from "../../index-b2mwXw7t.js";
-import { R as mt } from "../../index-DKSs0wKO.js";
+import { R as ot, T as nt, P as ht, O as lt, C as ut, a as dt } from "../../index-F_QKz-YL.js";
+import { R as mt } from "../../index-hYJmp-0x.js";
 var wt = function(r) {
   return /* @__PURE__ */ e("svg", j({
     xmlns: "http://www.w3.org/2000/svg",

package/dist/components/Header/index.js

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as i, Fragment as ne } from "react/jsx-runtime";
-import { useRef as U, useState as P, useEffect as W } from "react";
-import { a as T, b as A, J as oe, c as re, z as se } from "../../utils-BKDJp1i0.js";
+import { useRef as U, useState as P, useEffect as A } from "react";
+import { a as T, b as W, J as oe, c as re, z as se } from "../../utils-BKDJp1i0.js";
 import { A as ie } from "../../Announcement03-obPaH4LK.js";
-import { _ as p } from "../../extends-hS2Bh-Yp.js";
+import { _ as w } from "../../extends-hS2Bh-Yp.js";
+import { S as j, a as $ } from "../../index-9MgBElwS.js";
 import { X as ce } from "../../XClose-CCu1vrNS.js";
-import { c as x } from "../../clsx-OuTLNxxd.js";
+import { c as b } from "../../clsx-OuTLNxxd.js";
 import { Button as m } from "../Button/index.js";
 import { Container as G } from "../Container/index.js";
-import { Logo as j } from "../Logo/index.js";
+import { Logo as R } from "../Logo/index.js";
 import { NewTag as ae } from "../NewTag/index.js";
 import { Notification as le } from "../Notification/index.js";
-import { Search as $ } from "../Search/index.js";
-import { PrefPanel as R } from "../PrefPanel/index.js";
+import { PrefPanel as F } from "../PrefPanel/index.js";
 var he = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -29,7 +29,7 @@ var he = function(n) {
     })
   }));
 }, de = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -44,24 +44,8 @@ var he = function(n) {
       d: "M11 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 21h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V13m-9-5h4v4m-.5-8.5V2m3.9393 2.5607L20.5 3.5m.0103 5h1.5M3 13.3471c.652.1007 1.3199.1529 2 .1529 4.3864 0 8.2653-2.1724 10.6197-5.5"
     })
   }));
-}, F = function(n) {
-  return /* @__PURE__ */ e("svg", p({
-    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: "M13 5c0 1.1046-2.4624 2-5.5 2S2 6.1046 2 5m11 0c0-1.1046-2.4624-2-5.5-2S2 3.8954 2 5m11 0v1.5M2 5v12c0 1.1046 2.4624 2 5.5 2m0-8q-.2528 0-.5-.0082C4.1967 10.9 2 10.0433 2 9m5.5 6C4.4624 15 2 14.1046 2 13m20-1.5c0 1.1046-2.4624 2-5.5 2s-5.5-.8954-5.5-2m11 0c0-1.1046-2.4624-2-5.5-2s-5.5.8954-5.5 2m11 0V19c0 1.1046-2.4624 2-5.5 2s-5.5-.8954-5.5-2v-7.5m11 3.75c0 1.1046-2.4624 2-5.5 2s-5.5-.8954-5.5-2"
-    })
-  }));
 }, me = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -77,7 +61,7 @@ var he = function(n) {
     })
   }));
 }, ue = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -93,7 +77,7 @@ var he = function(n) {
     })
   }));
 }, pe = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -109,7 +93,7 @@ var he = function(n) {
     })
   }));
 }, we = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -125,7 +109,7 @@ var he = function(n) {
     })
   }));
 }, D = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -141,7 +125,7 @@ var he = function(n) {
     })
   }));
 }, V = function(n) {
-  return /* @__PURE__ */ e("svg", p({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -157,15 +141,15 @@ var he = function(n) {
     })
   }));
 };
-const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_content", ke = "m_QBtq_cta", Ce = "m_QBtq_gpt", _e = "m_QBtq_header", xe = "m_QBtq_icon", be = "m_QBtq_icons", Be = "m_QBtq_links", Ne = "m_QBtq_logo", ye = "m_QBtq_main", qe = "m_QBtq_menu", Se = "m_QBtq_mobile", Me = "m_QBtq_mobileOverlay", Qe = "m_QBtq_open", Te = "m_QBtq_outer", Ee = "m_QBtq_selectableIcon", He = "m_QBtq_selected", Le = "m_QBtq_selectedIcon", Ie = "m_QBtq_skip", Oe = "m_QBtq_sub", Pe = "m_QBtq_subContainer", We = "m_QBtq_subTitle", o = {
+const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_content", _e = "m_QBtq_cta", Ce = "m_QBtq_gpt", ke = "m_QBtq_header", be = "m_QBtq_icon", xe = "m_QBtq_icons", Be = "m_QBtq_links", Ne = "m_QBtq_logo", ye = "m_QBtq_main", qe = "m_QBtq_menu", Se = "m_QBtq_mobile", Me = "m_QBtq_mobileOverlay", Qe = "m_QBtq_open", Te = "m_QBtq_outer", Ee = "m_QBtq_selectableIcon", He = "m_QBtq_selected", Le = "m_QBtq_selectedIcon", Ie = "m_QBtq_skip", Oe = "m_QBtq_sub", Pe = "m_QBtq_subContainer", Ae = "m_QBtq_subTitle", o = {
   buttons: fe,
   container: ge,
   content: ve,
-  cta: ke,
+  cta: _e,
   gpt: Ce,
-  header: _e,
-  icon: xe,
-  icons: be,
+  header: ke,
+  icon: be,
+  icons: xe,
   links: Be,
   logo: Ne,
   main: ye,
@@ -180,8 +164,8 @@ const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_content", ke
   skip: Ie,
   sub: Oe,
   subContainer: Pe,
-  subTitle: We
-}, Y = "notifications", J = "theme", Ae = 365 * 20, je = (t) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t), $e = () => {
+  subTitle: Ae
+}, Y = "notifications", J = "theme", We = 365 * 20, je = (t) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t), $e = () => {
   if (typeof window > "u") return;
   const t = window.location.hostname;
   if (!t || t === "localhost" || je(t))
@@ -209,7 +193,7 @@ const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_content", ke
 }, X = (t, n) => {
   if (typeof document > "u") return;
   const l = new Date(
-    Date.now() + Ae * 24 * 60 * 60 * 1e3
+    Date.now() + We * 24 * 60 * 60 * 1e3
   ).toUTCString(), s = $e(), a = [
     `${t}=${encodeURIComponent(n)}`,
     "path=/",
@@ -259,22 +243,22 @@ function Fe({
   pathname: s
 }) {
   const a = re();
-  return /* @__PURE__ */ e("div", { className: x(o.sub, o.outer), children: /* @__PURE__ */ e(G, { className: o.subContainer, as: "ul", children: t.map(
+  return /* @__PURE__ */ e("div", { className: b(o.sub, o.outer), children: /* @__PURE__ */ e(G, { className: o.subContainer, as: "ul", children: t.map(
     ({
       title: S,
       url: f,
-      prefixMatch: b,
+      prefixMatch: x,
       icon: B,
       selectedIcon: N,
       tag: y,
-      tagVariant: w = "success"
+      tagVariant: p = "success"
     }, M) => {
-      const u = s || typeof window < "u" && window.location.pathname, g = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(f, g), q = u && (!!s || a) && v.origin === g && (b ? u.startsWith(v.pathname) : v.pathname === u);
+      const u = s || typeof window < "u" && window.location.pathname, g = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(f, g), q = u && (!!s || a) && v.origin === g && (x ? u.startsWith(v.pathname) : v.pathname === u);
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
         n,
         {
           href: d(f, l),
-          className: x({
+          className: b({
             [o.selectableIcon]: N,
             [o.selected]: q
           }),
@@ -285,7 +269,7 @@ function Fe({
             ] }),
             /* @__PURE__ */ i("span", { className: o.subTitle, children: [
               S,
-              y && /* @__PURE__ */ e(ae, { variant: w, icon: !1 })
+              y && /* @__PURE__ */ e(ae, { variant: p, icon: !1 })
             ] })
           ]
         }
@@ -299,7 +283,7 @@ const De = [
     content: [
       {
         title: "Grid Pro",
-        description: "50% off through 2025",
+        description: "50% off through March 2026",
         url: "https://www.highcharts.com/products/grid/",
         tag: "new"
       },
@@ -320,7 +304,7 @@ const De = [
 ];
 function Ve() {
   const { theme: t, setTheme: n } = se(), l = U(!1);
-  return W(() => {
+  return A(() => {
     if (l.current) return;
     const s = Re();
     if (s && s !== t) {
@@ -328,7 +312,7 @@ function Ve() {
       return;
     }
     l.current = !0;
-  }, [n, t]), W(() => {
+  }, [n, t]), A(() => {
     t && X(J, t);
   }, [t]), null;
 }
@@ -342,27 +326,27 @@ function it({
   pathname: S,
   cssVariable: f
 }) {
-  const b = T("(max-width: 374px)"), B = T("(max-width: 849px)"), N = T("(max-width: 1300px)"), y = U(null), [w, M] = P(!1), [u, g] = P([]);
-  A(() => {
+  const x = T("(max-width: 374px)"), B = T("(max-width: 849px)"), N = T("(max-width: 1300px)"), y = U(null), [p, M] = P(!1), [u, g] = P([]);
+  W(() => {
     const r = y.current;
     if (!r) return;
     const c = 48, h = 82, C = t?.length ? 72 : 0, Q = h + u.length * c + C, ee = -(h + u.length * c);
-    let E = window.scrollY, k = 0, H = null, _ = null;
+    let E = window.scrollY, _ = 0, H = null, k = null;
     const L = () => {
-      _ = null, !(!r || H === k) && (r.style.transform = `translate3d(0, ${k}px, 0)`, f && document.documentElement.style.setProperty(
+      k = null, !(!r || H === _) && (r.style.transform = `translate3d(0, ${_}px, 0)`, f && document.documentElement.style.setProperty(
         "--header-bottom",
-        `${Q + k}px`
-      ), H = k);
+        `${Q + _}px`
+      ), H = _);
     };
     L();
     const I = () => {
       const O = window.scrollY, te = O - E;
-      E = O, k = Math.min(0, Math.max(ee, k - te)), _ === null && (_ = window.requestAnimationFrame(L));
+      E = O, _ = Math.min(0, Math.max(ee, _ - te)), k === null && (k = window.requestAnimationFrame(L));
     };
     return window.addEventListener("scroll", I, { passive: !0 }), () => {
-      window.removeEventListener("scroll", I), _ !== null && cancelAnimationFrame(_), r.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
+      window.removeEventListener("scroll", I), k !== null && cancelAnimationFrame(k), r.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
     };
-  }, [f, u.length, t?.length]), A(() => {
+  }, [f, u.length, t?.length]), W(() => {
     if (!l.length) return;
     const r = z();
     g(
@@ -377,7 +361,7 @@ function it({
       c && (c.scrollIntoView(), c.getAttribute("tabindex") !== "-1" && c.setAttribute("tabindex", "-1"), c.focus());
     }
   }, q = () => {
-    M(!w);
+    M(!p);
   }, Z = (r) => {
     if (g(u.filter((h) => !h.id || h.id !== r)), !r) return;
     const c = z() ?? {
@@ -405,7 +389,7 @@ function it({
           },
           Q
         )),
-        /* @__PURE__ */ e("div", { className: x(o.main, o.outer), children: /* @__PURE__ */ i(G, { as: "nav", className: o.container, children: [
+        /* @__PURE__ */ e("div", { className: b(o.main, o.outer), children: /* @__PURE__ */ i(G, { as: "nav", className: o.container, children: [
           /* @__PURE__ */ e(
             m,
             {
@@ -423,7 +407,7 @@ function it({
             {
               className: o.logo,
               href: d("https://www.highcharts.com/", a),
-              children: /* @__PURE__ */ e(j, { showText: !N || B && !b })
+              children: /* @__PURE__ */ e(R, { showText: !N || B && !x })
             }
           ),
           /* @__PURE__ */ e("ul", { className: o.links, children: K.map(({ title: r, url: c }, h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
@@ -452,8 +436,8 @@ function it({
                 ]
               }
             ),
-            /* @__PURE__ */ e($, {}),
-            /* @__PURE__ */ e(R, {}),
+            /* @__PURE__ */ e(j, {}),
+            /* @__PURE__ */ e(F, {}),
             /* @__PURE__ */ i(
               m,
               {
@@ -463,7 +447,7 @@ function it({
                 href: d("https://shop.highcharts.com/", a),
                 "aria-label": "Buy Now",
                 children: [
-                  /* @__PURE__ */ e(F, {}),
+                  /* @__PURE__ */ e($, {}),
                   "Buy Now"
                 ]
               }
@@ -487,12 +471,12 @@ function it({
             /* @__PURE__ */ i(
               m,
               {
-                variant: w ? "white" : "transparent",
+                variant: p ? "white" : "transparent",
                 className: o.menu,
                 onClick: q,
                 children: [
-                  w ? "Close" : "Menu",
-                  w ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(ue, {})
+                  p ? "Close" : "Menu",
+                  p ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(ue, {})
                 ]
               }
             )
@@ -513,15 +497,15 @@ function it({
         /* @__PURE__ */ e(
           "div",
           {
-            className: x(o.mobileOverlay, { [o.open]: w }),
+            className: b(o.mobileOverlay, { [o.open]: p }),
             onClick: q
           }
         ),
         /* @__PURE__ */ i(
           "nav",
           {
-            className: x(o.mobile, {
-              [o.open]: w
+            className: b(o.mobile, {
+              [o.open]: p
             }),
             children: [
               /* @__PURE__ */ i("div", { className: o.container, children: [
@@ -530,7 +514,7 @@ function it({
                   {
                     className: o.logo,
                     href: d("https://www.highcharts.com/", a),
-                    children: /* @__PURE__ */ e(j, { showText: !b })
+                    children: /* @__PURE__ */ e(R, { showText: !x })
                   }
                 ),
                 /* @__PURE__ */ i("div", { className: o.buttons, children: [
@@ -549,8 +533,8 @@ function it({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e($, {}),
-                  /* @__PURE__ */ e(R, {})
+                  /* @__PURE__ */ e(j, {}),
+                  /* @__PURE__ */ e(F, {})
                 ] })
               ] }),
               /* @__PURE__ */ i("div", { className: o.buttons, children: [
@@ -562,7 +546,7 @@ function it({
                     as: s,
                     href: d("https://shop.highcharts.com/", a),
                     children: [
-                      /* @__PURE__ */ e(F, {}),
+                      /* @__PURE__ */ e($, {}),
                       "Buy Now"
                     ]
                   }

package/dist/components/PrefPanel/index.js

@@ -6,7 +6,7 @@ import { C as Ue } from "../../Check-Cm4roSEj.js";
 import { _ as yt } from "../../extends-hS2Bh-Yp.js";
 import { c as Ze } from "../../clsx-OuTLNxxd.js";
 import { Button as Je } from "../Button/index.js";
-import { h as Mt, P as ft, c as oe, u as bt, f as tn, e as en, b as nn, d as st, g as re, i as on, j as rn, R as sn, a as cn, k as an, F as ln, D as fn } from "../../index-BjL43v1G.js";
+import { h as Mt, P as ft, c as oe, u as bt, f as tn, e as en, b as nn, d as st, g as re, i as on, j as rn, R as sn, a as cn, k as an, F as ln, D as fn } from "../../index-CYz8LhDn.js";
 import * as un from "react-dom";
 var dn = function(e) {
   return /* @__PURE__ */ w("svg", yt({