@ukpc-lib/react 0.1.4 → 0.1.5

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { jsxs as R, Fragment as Fi, jsx as S } from "react/jsx-runtime";
+import { jsxs as B, Fragment as Fi, jsx as S } from "react/jsx-runtime";
 import * as D from "react";
 import zi, { useState as q, useRef as Et, useEffect as Xt, createContext as Dt, useLayoutEffect as Wi, useContext as z, useInsertionEffect as kr, useCallback as Cr, useMemo as be, forwardRef as Vr, createElement as _i, useId as Er } from "react";
 import { C as Mr, g as Or, R as Dr, Q as Lr, p as Rr } from "../index-60dc34b2.js";
@@ -19,12 +19,12 @@ function Ui({
     var o;
     ((o = s.target) == null ? void 0 : o.id) === "modal-wrapper" && e();
   }
-  return /* @__PURE__ */ R(Fi, { children: [
+  return /* @__PURE__ */ B(Fi, { children: [
     /* @__PURE__ */ S("style", { type: "text/css", children: Fr }),
-    /* @__PURE__ */ S("div", { onClick: i, className: "modal-overlay", id: "modal-wrapper", children: /* @__PURE__ */ R("div", { className: "modal-container", children: [
+    /* @__PURE__ */ S("div", { onClick: i, className: "modal-overlay", id: "modal-wrapper", children: /* @__PURE__ */ B("div", { className: "modal-container", children: [
       /* @__PURE__ */ S("h3", { className: "modal-title", children: "Log out" }),
       /* @__PURE__ */ S("p", { className: "text-sm", children: "Are you sure want to log out?" }),
-      /* @__PURE__ */ R("div", { className: "modal-footer", children: [
+      /* @__PURE__ */ B("div", { className: "modal-footer", children: [
         /* @__PURE__ */ S("button", { className: "modal-button", onClick: e, children: "Cancel" }),
         /* @__PURE__ */ S(
           "button",
@@ -39,7 +39,7 @@ function Ui({
   ] });
 }
 function zr({ primaryColor: t = "#009d4f" }) {
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ B(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -96,7 +96,7 @@ function zr({ primaryColor: t = "#009d4f" }) {
 function Wr({
   primaryColor: t = "#009d4f"
 }) {
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ B(
     "svg",
     {
       width: "24",
@@ -135,7 +135,7 @@ function Wr({
 const _r = "data:image/png;base64,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", Ur = `@import"https://fonts.cdnfonts.com/css/tt-firs-neue-trl?styles=143111,143113,143105,143108,143110,143101,143099,143103,143097,143115";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:TT Firs Neue Trl,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}
 `;
 function Hi({ children: t, styles: e = [], ...n }) {
-  return /* @__PURE__ */ R(Mr.div, { ...n, children: [
+  return /* @__PURE__ */ B(Mr.div, { ...n, children: [
     [Ur, ...e].map((i, s) => /* @__PURE__ */ S("style", { type: "text/css", children: i }, s)),
     t
   ] });
@@ -157,16 +157,16 @@ function eh({
   }, [l, c] = q(!1), u = () => {
     window.location.href = `${n}/authentication/logout?callbackUrl=${window.location.href}`;
   };
-  return /* @__PURE__ */ R(Hi, { styles: [Hr], style: { zIndex: 1202 }, children: [
+  return /* @__PURE__ */ B(Hi, { styles: [Hr], style: { zIndex: 1202 }, children: [
     /* @__PURE__ */ S(
       "nav",
       {
         className: `navbar ${s}`,
         style: o ? a : i,
-        children: /* @__PURE__ */ R("div", { className: "navbar-container", children: [
+        children: /* @__PURE__ */ B("div", { className: "navbar-container", children: [
           /* @__PURE__ */ S("div", { className: "logo-container", children: /* @__PURE__ */ S("img", { src: r, alt: "logo-header" }) }),
-          /* @__PURE__ */ R("div", { className: "right-side-container", children: [
-            /* @__PURE__ */ R("div", { className: "userContainer", children: [
+          /* @__PURE__ */ B("div", { className: "right-side-container", children: [
+            /* @__PURE__ */ B("div", { className: "userContainer", children: [
               /* @__PURE__ */ S(
                 "p",
                 {
@@ -216,7 +216,7 @@ function Gr({
     return document.addEventListener("click", f, !0), () => {
       document.removeEventListener("click", f, !0);
     };
-  }, [o]), /* @__PURE__ */ S(Fi, { children: /* @__PURE__ */ R("div", { style: { position: "relative" }, children: [
+  }, [o]), /* @__PURE__ */ S(Fi, { children: /* @__PURE__ */ B("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ S(
       "img",
       {
@@ -233,7 +233,7 @@ function Gr({
         style: { display: i ? "block" : "none" },
         className: "avartarDropdownMenu",
         ref: r,
-        children: /* @__PURE__ */ R("ul", { children: [
+        children: /* @__PURE__ */ B("ul", { children: [
           /* @__PURE__ */ S(
             "li",
             {
@@ -2278,12 +2278,12 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
     !An && Q !== null && (Cn = f >= 0 ? j >= Z : j <= 0);
     const Pr = A === null && (k === "finished" || k === "running" && Cn);
     return h && h(Bt.value), Pr && Lt(), Bt;
-  }, B = () => {
+  }, R = () => {
     v && v.stop(), v = void 0;
   }, it = () => {
-    k = "idle", B(), m(), b(), C = H = null;
+    k = "idle", R(), m(), b(), C = H = null;
   }, Lt = () => {
-    k = "finished", u && u(), B(), m();
+    k = "finished", u && u(), R(), m();
   }, St = () => {
     if (p)
       return;
@@ -2983,18 +2983,18 @@ function ic(t) {
       const { prevResolvedValues: Z = {} } = g, j = {
         ...Z,
         ...X
-      }, wt = (B) => {
-        C = !0, f.has(B) && (H = !0, f.delete(B)), g.needsAnimating[B] = !0;
+      }, wt = (R) => {
+        C = !0, f.has(R) && (H = !0, f.delete(R)), g.needsAnimating[R] = !0;
       };
-      for (const B in j) {
-        const it = X[B], Lt = Z[B];
-        if (p.hasOwnProperty(B))
+      for (const R in j) {
+        const it = X[R], Lt = Z[R];
+        if (p.hasOwnProperty(R))
           continue;
         let St = !1;
-        fe(it) && fe(Lt) ? St = !Ps(it, Lt) : St = it !== Lt, St ? it !== void 0 ? wt(B) : f.add(B) : it !== void 0 && f.has(B) ? wt(B) : g.protectedKeys[B] = !0;
+        fe(it) && fe(Lt) ? St = !Ps(it, Lt) : St = it !== Lt, St ? it !== void 0 ? wt(R) : f.add(R) : it !== void 0 && f.has(R) ? wt(R) : g.protectedKeys[R] = !0;
       }
-      g.prevProp = x, g.prevResolvedValues = X, g.isActive && (p = { ...p, ...X }), i && t.blockInitialAnimation && (C = !1), C && (!k || H) && d.push(...Q.map((B) => ({
-        animation: B,
+      g.prevProp = x, g.prevResolvedValues = X, g.isActive && (p = { ...p, ...X }), i && t.blockInitialAnimation && (C = !1), C && (!k || H) && d.push(...Q.map((R) => ({
+        animation: R,
         options: { type: v, ...l }
       })));
     }
@@ -5060,7 +5060,7 @@ function Tr({ item: t, level: e = 0, ...n }) {
     );
   }
   const y = h ? "#" : t.path || "#", b = window.location.pathname.split("/")[1], v = y.split("/")[1], g = b !== v && y !== "#" ? window.location.origin + y : y, x = h ? "div" : g.includes("https") ? "a" : Br;
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ B(
     "div",
     {
       ref: p,
@@ -5068,7 +5068,7 @@ function Tr({ item: t, level: e = 0, ...n }) {
       onMouseEnter: () => s && f(!0),
       onMouseLeave: () => s && f(!1),
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ B(
           x,
           {
             ...x === "a" ? { href: g } : x === "div" ? {} : { to: g },
@@ -5180,35 +5180,17 @@ function _u(t) {
 const Uu = `[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
 `;
 function Hu() {
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ S(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      fill: "none",
+      width: "22",
+      height: "22",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: "0",
       viewBox: "0 0 24 24",
-      children: [
-        /* @__PURE__ */ S(
-          "path",
-          {
-            stroke: "#85858A",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "1.5",
-            d: "M22 8.27V4.23C22 2.64 21.36 2 19.77 2h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23zM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM10.5 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23z"
-          }
-        ),
-        /* @__PURE__ */ S(
-          "path",
-          {
-            stroke: "#85858A",
-            strokeLinecap: "round",
-            strokeWidth: "1.5",
-            d: "M15 15.5h6M15 19.5h6"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ S("path", { d: "M21 18v2H3v-2h18zM6.596 3.903L8.01 5.318 4.828 8.5 8.01 11.68l-1.414 1.415L2 8.5l4.596-4.597zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z" })
     }
   );
 }
@@ -5217,24 +5199,17 @@ function Gu() {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      fill: "none",
+      width: "22",
+      height: "22",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: "0",
       viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ S(
-        "path",
-        {
-          stroke: "#85858A",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "1.5",
-          d: "M22 8.52V3.98C22 2.57 21.36 2 19.77 2h-4.04c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM22 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23zM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM10.5 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23z"
-        }
-      )
+      children: /* @__PURE__ */ S("path", { d: "M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z" })
     }
   );
 }
-const Yu = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{margin-top:4px;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}
+const Yu = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px;color:#85858a}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{margin-top:4px;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}
 `, ih = (t) => /* @__PURE__ */ S(
   Lr,
   {
@@ -5276,13 +5251,13 @@ function Xu(t) {
     })();
   }, [e, n]);
   const [p, m] = q(!1), y = a ? "collapsed" : "expanded", b = (v) => `${v} ${y}`;
-  return /* @__PURE__ */ R("div", { className: b("side-bar"), children: [
+  return /* @__PURE__ */ B("div", { className: b("side-bar"), children: [
     /* @__PURE__ */ S("div", { className: b("side-bar__wrapper-toggle-btn"), children: /* @__PURE__ */ S(
       "button",
       {
         className: "icon-btn side-bar__toggle-btn",
         onClick: f,
-        children: a ? /* @__PURE__ */ S(Hu, {}) : /* @__PURE__ */ S(Gu, {})
+        children: a ? /* @__PURE__ */ S(Gu, {}) : /* @__PURE__ */ S(Hu, {})
       }
     ) }),
     /* @__PURE__ */ S(
@@ -5309,8 +5284,8 @@ function Xu(t) {
         ))
       }
     ),
-    /* @__PURE__ */ R("div", { className: b("side-bar__wrap-btn-logout"), children: [
-      /* @__PURE__ */ R(
+    /* @__PURE__ */ B("div", { className: b("side-bar__wrap-btn-logout"), children: [
+      /* @__PURE__ */ B(
         "button",
         {
           className: b("side-bar__logout-btn"),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ukpc-lib/react",
   "private": false,
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",

package/web-components-bundle/global-menu/index.cjs

@@ -34,5 +34,5 @@
 `)}get[Symbol.toStringTag](){return"AxiosHeaders"}static from(e){return e instanceof this?e:new this(e)}static concat(e,...n){const r=new this(e);return n.forEach(i=>r.set(i)),r}static accessor(e){const r=(this[us]=this[us]={accessors:{}}).accessors,i=this.prototype;function o(s){const a=re(s);r[a]||(Cp(i,s),r[a]=!0)}return x.isArray(e)?e.forEach(o):o(e),this}}dn.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]);x.reduceDescriptors(dn.prototype,({value:t},e)=>{let n=e[0].toUpperCase()+e.slice(1);return{get:()=>t,set(r){this[n]=r}}});x.freezeMethods(dn);const ht=dn;function Dn(t,e){const n=this||kr,r=e||n,i=ht.from(r.headers);let o=r.data;return x.forEach(t,function(a){o=a.call(n,o,i.normalize(),e?e.status:void 0)}),i.normalize(),o}function Ra(t){return!!(t&&t.__CANCEL__)}function we(t,e,n){O.call(this,t??"canceled",O.ERR_CANCELED,e,n),this.name="CanceledError"}x.inherits(we,O,{__CANCEL__:!0});function Rp(t,e,n){const r=n.config.validateStatus;!n.status||!r||r(n.status)?t(n):e(new O("Request failed with status code "+n.status,[O.ERR_BAD_REQUEST,O.ERR_BAD_RESPONSE][Math.floor(n.status/100)-4],n.config,n.request,n))}const Op=st.hasStandardBrowserEnv?{write(t,e,n,r,i,o){const s=[t+"="+encodeURIComponent(e)];x.isNumber(n)&&s.push("expires="+new Date(n).toGMTString()),x.isString(r)&&s.push("path="+r),x.isString(i)&&s.push("domain="+i),o===!0&&s.push("secure"),document.cookie=s.join("; ")},read(t){const e=document.cookie.match(new RegExp("(^|;\\s*)("+t+")=([^;]*)"));return e?decodeURIComponent(e[3]):null},remove(t){this.write(t,"",Date.now()-864e5)}}:{write(){},read(){return null},remove(){}};function Vp(t){return/^([a-z][a-z\d+\-.]*:)?\/\//i.test(t)}function kp(t,e){return e?t.replace(/\/?\/$/,"")+"/"+e.replace(/^\/+/,""):t}function Oa(t,e){return t&&!Vp(e)?kp(t,e):e}const Mp=st.hasStandardBrowserEnv?function(){const e=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");let r;function i(o){let s=o;return e&&(n.setAttribute("href",s),s=n.href),n.setAttribute("href",s),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:n.pathname.charAt(0)==="/"?n.pathname:"/"+n.pathname}}return r=i(window.location.href),function(s){const a=x.isString(s)?i(s):s;return a.protocol===r.protocol&&a.host===r.host}}():function(){return function(){return!0}}();function jp(t){const e=/^([-+\w]{1,25})(:?\/\/|:)/.exec(t);return e&&e[1]||""}function Lp(t,e){t=t||10;const n=new Array(t),r=new Array(t);let i=0,o=0,s;return e=e!==void 0?e:1e3,function(l){const u=Date.now(),f=r[o];s||(s=u),n[i]=l,r[i]=u;let c=o,h=0;for(;c!==i;)h+=n[c++],c=c%t;if(i=(i+1)%t,i===o&&(o=(o+1)%t),u-s<e)return;const d=f&&u-f;return d?Math.round(h*1e3/d):void 0}}function fs(t,e){let n=0;const r=Lp(50,250);return i=>{const o=i.loaded,s=i.lengthComputable?i.total:void 0,a=o-n,l=r(a),u=o<=s;n=o;const f={loaded:o,total:s,progress:s?o/s:void 0,bytes:a,rate:l||void 0,estimated:l&&s&&u?(s-o)/l:void 0,event:i};f[e?"download":"upload"]=!0,t(f)}}const Dp=typeof XMLHttpRequest<"u",_p=Dp&&function(t){return new Promise(function(n,r){let i=t.data;const o=ht.from(t.headers).normalize();let{responseType:s,withXSRFToken:a}=t,l;function u(){t.cancelToken&&t.cancelToken.unsubscribe(l),t.signal&&t.signal.removeEventListener("abort",l)}let f;if(x.isFormData(i)){if(st.hasStandardBrowserEnv||st.hasStandardBrowserWebWorkerEnv)o.setContentType(!1);else if((f=o.getContentType())!==!1){const[g,...y]=f?f.split(";").map(b=>b.trim()).filter(Boolean):[];o.setContentType([g||"multipart/form-data",...y].join("; "))}}let c=new XMLHttpRequest;if(t.auth){const g=t.auth.username||"",y=t.auth.password?unescape(encodeURIComponent(t.auth.password)):"";o.set("Authorization","Basic "+btoa(g+":"+y))}const h=Oa(t.baseURL,t.url);c.open(t.method.toUpperCase(),Ta(h,t.params,t.paramsSerializer),!0),c.timeout=t.timeout;function d(){if(!c)return;const g=ht.from("getAllResponseHeaders"in c&&c.getAllResponseHeaders()),b={data:!s||s==="text"||s==="json"?c.responseText:c.response,status:c.status,statusText:c.statusText,headers:g,config:t,request:c};Rp(function(v){n(v),u()},function(v){r(v),u()},b),c=null}if("onloadend"in c?c.onloadend=d:c.onreadystatechange=function(){!c||c.readyState!==4||c.status===0&&!(c.responseURL&&c.responseURL.indexOf("file:")===0)||setTimeout(d)},c.onabort=function(){c&&(r(new O("Request aborted",O.ECONNABORTED,t,c)),c=null)},c.onerror=function(){r(new O("Network Error",O.ERR_NETWORK,t,c)),c=null},c.ontimeout=function(){let y=t.timeout?"timeout of "+t.timeout+"ms exceeded":"timeout exceeded";const b=t.transitional||Aa;t.timeoutErrorMessage&&(y=t.timeoutErrorMessage),r(new O(y,b.clarifyTimeoutError?O.ETIMEDOUT:O.ECONNABORTED,t,c)),c=null},st.hasStandardBrowserEnv&&(a&&x.isFunction(a)&&(a=a(t)),a||a!==!1&&Mp(h))){const g=t.xsrfHeaderName&&t.xsrfCookieName&&Op.read(t.xsrfCookieName);g&&o.set(t.xsrfHeaderName,g)}i===void 0&&o.setContentType(null),"setRequestHeader"in c&&x.forEach(o.toJSON(),function(y,b){c.setRequestHeader(b,y)}),x.isUndefined(t.withCredentials)||(c.withCredentials=!!t.withCredentials),s&&s!=="json"&&(c.responseType=t.responseType),typeof t.onDownloadProgress=="function"&&c.addEventListener("progress",fs(t.onDownloadProgress,!0)),typeof t.onUploadProgress=="function"&&c.upload&&c.upload.addEventListener("progress",fs(t.onUploadProgress)),(t.cancelToken||t.signal)&&(l=g=>{c&&(r(!g||g.type?new we(null,t,c):g),c.abort(),c=null)},t.cancelToken&&t.cancelToken.subscribe(l),t.signal&&(t.signal.aborted?l():t.signal.addEventListener("abort",l)));const m=jp(h);if(m&&st.protocols.indexOf(m)===-1){r(new O("Unsupported protocol "+m+":",O.ERR_BAD_REQUEST,t));return}c.send(i||null)})},er={http:op,xhr:_p};x.forEach(er,(t,e)=>{if(t){try{Object.defineProperty(t,"name",{value:e})}catch{}Object.defineProperty(t,"adapterName",{value:e})}});const hs=t=>`- ${t}`,Fp=t=>x.isFunction(t)||t===null||t===!1,Va={getAdapter:t=>{t=x.isArray(t)?t:[t];const{length:e}=t;let n,r;const i={};for(let o=0;o<e;o++){n=t[o];let s;if(r=n,!Fp(n)&&(r=er[(s=String(n)).toLowerCase()],r===void 0))throw new O(`Unknown adapter '${s}'`);if(r)break;i[s||"#"+o]=r}if(!r){const o=Object.entries(i).map(([a,l])=>`adapter ${a} `+(l===!1?"is not supported by the environment":"is not available in the build"));let s=e?o.length>1?`since :
 `+o.map(hs).join(`
 `):" "+hs(o[0]):"as no adapter specified";throw new O("There is no suitable adapter to dispatch the request "+s,"ERR_NOT_SUPPORT")}return r},adapters:er};function _n(t){if(t.cancelToken&&t.cancelToken.throwIfRequested(),t.signal&&t.signal.aborted)throw new we(null,t)}function ds(t){return _n(t),t.headers=ht.from(t.headers),t.data=Dn.call(t,t.transformRequest),["post","put","patch"].indexOf(t.method)!==-1&&t.headers.setContentType("application/x-www-form-urlencoded",!1),Va.getAdapter(t.adapter||kr.adapter)(t).then(function(r){return _n(t),r.data=Dn.call(t,t.transformResponse,r),r.headers=ht.from(r.headers),r},function(r){return Ra(r)||(_n(t),r&&r.response&&(r.response.data=Dn.call(t,t.transformResponse,r.response),r.response.headers=ht.from(r.response.headers))),Promise.reject(r)})}const ps=t=>t instanceof ht?t.toJSON():t;function Yt(t,e){e=e||{};const n={};function r(u,f,c){return x.isPlainObject(u)&&x.isPlainObject(f)?x.merge.call({caseless:c},u,f):x.isPlainObject(f)?x.merge({},f):x.isArray(f)?f.slice():f}function i(u,f,c){if(x.isUndefined(f)){if(!x.isUndefined(u))return r(void 0,u,c)}else return r(u,f,c)}function o(u,f){if(!x.isUndefined(f))return r(void 0,f)}function s(u,f){if(x.isUndefined(f)){if(!x.isUndefined(u))return r(void 0,u)}else return r(void 0,f)}function a(u,f,c){if(c in e)return r(u,f);if(c in t)return r(void 0,u)}const l={url:o,method:o,data:o,baseURL:s,transformRequest:s,transformResponse:s,paramsSerializer:s,timeout:s,timeoutMessage:s,withCredentials:s,withXSRFToken:s,adapter:s,responseType:s,xsrfCookieName:s,xsrfHeaderName:s,onUploadProgress:s,onDownloadProgress:s,decompress:s,maxContentLength:s,maxBodyLength:s,beforeRedirect:s,transport:s,httpAgent:s,httpsAgent:s,cancelToken:s,socketPath:s,responseEncoding:s,validateStatus:a,headers:(u,f)=>i(ps(u),ps(f),!0)};return x.forEach(Object.keys(Object.assign({},t,e)),function(f){const c=l[f]||i,h=c(t[f],e[f],f);x.isUndefined(h)&&c!==a||(n[f]=h)}),n}const ka="1.6.5",Mr={};["object","boolean","number","function","string","symbol"].forEach((t,e)=>{Mr[t]=function(r){return typeof r===t||"a"+(e<1?"n ":" ")+t}});const ms={};Mr.transitional=function(e,n,r){function i(o,s){return"[Axios v"+ka+"] Transitional option '"+o+"'"+s+(r?". "+r:"")}return(o,s,a)=>{if(e===!1)throw new O(i(s," has been removed"+(n?" in "+n:"")),O.ERR_DEPRECATED);return n&&!ms[s]&&(ms[s]=!0,console.warn(i(s," has been deprecated since v"+n+" and will be removed in the near future"))),e?e(o,s,a):!0}};function Np(t,e,n){if(typeof t!="object")throw new O("options must be an object",O.ERR_BAD_OPTION_VALUE);const r=Object.keys(t);let i=r.length;for(;i-- >0;){const o=r[i],s=e[o];if(s){const a=t[o],l=a===void 0||s(a,o,t);if(l!==!0)throw new O("option "+o+" must be "+l,O.ERR_BAD_OPTION_VALUE);continue}if(n!==!0)throw new O("Unknown option "+o,O.ERR_BAD_OPTION)}}const nr={assertOptions:Np,validators:Mr},vt=nr.validators;class Ke{constructor(e){this.defaults=e,this.interceptors={request:new cs,response:new cs}}request(e,n){typeof e=="string"?(n=n||{},n.url=e):n=e||{},n=Yt(this.defaults,n);const{transitional:r,paramsSerializer:i,headers:o}=n;r!==void 0&&nr.assertOptions(r,{silentJSONParsing:vt.transitional(vt.boolean),forcedJSONParsing:vt.transitional(vt.boolean),clarifyTimeoutError:vt.transitional(vt.boolean)},!1),i!=null&&(x.isFunction(i)?n.paramsSerializer={serialize:i}:nr.assertOptions(i,{encode:vt.function,serialize:vt.function},!0)),n.method=(n.method||this.defaults.method||"get").toLowerCase();let s=o&&x.merge(o.common,o[n.method]);o&&x.forEach(["delete","get","head","post","put","patch","common"],m=>{delete o[m]}),n.headers=ht.concat(s,o);const a=[];let l=!0;this.interceptors.request.forEach(function(g){typeof g.runWhen=="function"&&g.runWhen(n)===!1||(l=l&&g.synchronous,a.unshift(g.fulfilled,g.rejected))});const u=[];this.interceptors.response.forEach(function(g){u.push(g.fulfilled,g.rejected)});let f,c=0,h;if(!l){const m=[ds.bind(this),void 0];for(m.unshift.apply(m,a),m.push.apply(m,u),h=m.length,f=Promise.resolve(n);c<h;)f=f.then(m[c++],m[c++]);return f}h=a.length;let d=n;for(c=0;c<h;){const m=a[c++],g=a[c++];try{d=m(d)}catch(y){g.call(this,y);break}}try{f=ds.call(this,d)}catch(m){return Promise.reject(m)}for(c=0,h=u.length;c<h;)f=f.then(u[c++],u[c++]);return f}getUri(e){e=Yt(this.defaults,e);const n=Oa(e.baseURL,e.url);return Ta(n,e.params,e.paramsSerializer)}}x.forEach(["delete","get","head","options"],function(e){Ke.prototype[e]=function(n,r){return this.request(Yt(r||{},{method:e,url:n,data:(r||{}).data}))}});x.forEach(["post","put","patch"],function(e){function n(r){return function(o,s,a){return this.request(Yt(a||{},{method:e,headers:r?{"Content-Type":"multipart/form-data"}:{},url:o,data:s}))}}Ke.prototype[e]=n(),Ke.prototype[e+"Form"]=n(!0)});const De=Ke;class jr{constructor(e){if(typeof e!="function")throw new TypeError("executor must be a function.");let n;this.promise=new Promise(function(o){n=o});const r=this;this.promise.then(i=>{if(!r._listeners)return;let o=r._listeners.length;for(;o-- >0;)r._listeners[o](i);r._listeners=null}),this.promise.then=i=>{let o;const s=new Promise(a=>{r.subscribe(a),o=a}).then(i);return s.cancel=function(){r.unsubscribe(o)},s},e(function(o,s,a){r.reason||(r.reason=new we(o,s,a),n(r.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(e){if(this.reason){e(this.reason);return}this._listeners?this._listeners.push(e):this._listeners=[e]}unsubscribe(e){if(!this._listeners)return;const n=this._listeners.indexOf(e);n!==-1&&this._listeners.splice(n,1)}static source(){let e;return{token:new jr(function(i){e=i}),cancel:e}}}const Bp=jr;function Ip(t){return function(n){return t.apply(null,n)}}function Wp(t){return x.isObject(t)&&t.isAxiosError===!0}const rr={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(rr).forEach(([t,e])=>{rr[e]=t});const Up=rr;function Ma(t){const e=new De(t),n=ha(De.prototype.request,e);return x.extend(n,De.prototype,e,{allOwnKeys:!0}),x.extend(n,e,null,{allOwnKeys:!0}),n.create=function(i){return Ma(Yt(t,i))},n}const F=Ma(kr);F.Axios=De;F.CanceledError=we;F.CancelToken=Bp;F.isCancel=Ra;F.VERSION=ka;F.toFormData=hn;F.AxiosError=O;F.Cancel=F.CanceledError;F.all=function(e){return Promise.all(e)};F.spread=Ip;F.isAxiosError=Wp;F.mergeConfig=Yt;F.AxiosHeaders=ht;F.formToJSON=t=>Ca(x.isHTMLForm(t)?new FormData(t):t);F.getAdapter=Va.getAdapter;F.HttpStatusCode=Up;F.default=F;const zp=F,Hp=`[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
-`;function $p(){return p.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24",children:[p.jsxRuntimeExports.jsx("path",{stroke:"#85858A",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M22 8.27V4.23C22 2.64 21.36 2 19.77 2h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23zM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM10.5 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23z"}),p.jsxRuntimeExports.jsx("path",{stroke:"#85858A",strokeLinecap:"round",strokeWidth:"1.5",d:"M15 15.5h6M15 19.5h6"})]})}function qp(){return p.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24",children:p.jsxRuntimeExports.jsx("path",{stroke:"#85858A",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M22 8.52V3.98C22 2.57 21.36 2 19.77 2h-4.04c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM22 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23zM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM10.5 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23z"})})}const Gp=`.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{margin-top:4px;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}
-`,Lr=t=>typeof t=="number"&&!isNaN(t),ce=t=>typeof t=="string",ja=t=>typeof t=="function",Xp=t=>p.reactExports.isValidElement(t)||ce(t)||ja(t)||Lr(t),it=new Map;let ir=[];const gs=new Set,La=()=>it.size>0;function Kp(t,e){var n;if(e)return!((n=it.get(e))==null||!n.isToastActive(t));let r=!1;return it.forEach(i=>{i.isToastActive(t)&&(r=!0)}),r}function Yp(t,e){Xp(t)&&(La()||ir.push({content:t,options:e}),it.forEach(n=>{n.buildToast(t,e)}))}function ys(t,e){it.forEach(n=>{e!=null&&e!=null&&e.containerId?(e==null?void 0:e.containerId)===n.id&&n.toggle(t,e==null?void 0:e.id):n.toggle(t,e==null?void 0:e.id)})}let Jp=1;const Da=()=>""+Jp++;function Zp(t){return t&&(ce(t.toastId)||Lr(t.toastId))?t.toastId:Da()}function ue(t,e){return Yp(t,e),e.toastId}function Ye(t,e){return{...e,type:e&&e.type||t,toastId:Zp(e)}}function Oe(t){return(e,n)=>ue(e,Ye(t,n))}function M(t,e){return ue(t,Ye("default",e))}M.loading=(t,e)=>ue(t,Ye("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...e})),M.promise=function(t,e,n){let r,{pending:i,error:o,success:s}=e;i&&(r=ce(i)?M.loading(i,n):M.loading(i.render,{...n,...i}));const a={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(f,c,h)=>{if(c==null)return void M.dismiss(r);const d={type:f,...a,...n,data:h},m=ce(c)?{render:c}:c;return r?M.update(r,{...d,...m}):M(m.render,{...d,...m}),h},u=ja(t)?t():t;return u.then(f=>l("success",s,f)).catch(f=>l("error",o,f)),u},M.success=Oe("success"),M.info=Oe("info"),M.error=Oe("error"),M.warning=Oe("warning"),M.warn=M.warning,M.dark=(t,e)=>ue(t,Ye("default",{theme:"dark",...e})),M.dismiss=function(t){(function(e){var n;if(La()){if(e==null||ce(n=e)||Lr(n))it.forEach(i=>{i.removeToast(e)});else if(e&&("containerId"in e||"id"in e)){var r;(r=it.get(e.containerId))!=null&&r.removeToast(e.id)||it.forEach(i=>{i.removeToast(e.id)})}}else ir=ir.filter(i=>e!=null&&i.options.toastId!==e)})(t)},M.clearWaitingQueue=function(t){t===void 0&&(t={}),it.forEach(e=>{!e.props.limit||t.containerId&&e.id!==t.containerId||e.clearQueue()})},M.isActive=Kp,M.update=function(t,e){e===void 0&&(e={});const n=((r,i)=>{var o;let{containerId:s}=i;return(o=it.get(s||1))==null?void 0:o.toasts.get(r)})(t,e);if(n){const{props:r,content:i}=n,o={delay:100,...r,...e,toastId:e.toastId||t,updateId:Da()};o.toastId!==t&&(o.staleId=t);const s=o.render||i;delete o.render,ue(s,o)}},M.done=t=>{M.update(t,{progress:1})},M.onChange=function(t){return gs.add(t),()=>{gs.delete(t)}},M.play=t=>ys(!0,t),M.pause=t=>ys(!1,t);const vs={primary:"#93D500",secondary:"#007BFF",textPrimary:"#000000",textSecondary:"#101010",priText:"#009D4F",lightPrimary:"#E8F5E9",darkPrimary:"#2E7D32",lightSecondary:"#E8F5E9",darkSecondary:"#339790",danger:"#E01B00",darkDanger:"#BE1700",warning:"#FFB600",success:"#009D4F",error:"#E9645B",successChip:"#F4FBE5",errorChip:"#E01B001A",warningChip:"#FFB8001A",secondaryChip:"#E5F2FF",appBarColor:"#000000",white:"#FFFFFF",grey100:"#FAFAFA",grey200:"#EEEEEE",grey300:"#DDDDDD",grey400:"#C5C5C5",grey600:"#85858A",gold100:"#FFFBE6",gold200:"#FFF1B8",gold300:"#FFE58F",gold600:"#FAAD14",gold700:"#D48806",outlinedButton:"#009D4F",containedButtonString:"#000000",pink:"#E81F76"};function Qp(){return p.jsxRuntimeExports.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 1C16.5222 1 21 5.47676 21 11C21 16.5222 16.5222 21 11 21C5.47676 21 1 16.5222 1 11C1 5.47676 5.47676 1 11 1Z",stroke:"#E01B00",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),p.jsxRuntimeExports.jsx("path",{d:"M10.9942 6.89636V11.6737",stroke:"#E01B00",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),p.jsxRuntimeExports.jsx("path",{d:"M10.9941 15.1038H11.0049",stroke:"#E01B00",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}const tm={paddingLeft:"16px",borderLeft:"2px solid",boxShadow:"none",fontFamily:"inherit"},em=t=>{M.error(t,{icon:p.jsxRuntimeExports.jsx(Qp,{}),position:"bottom-right",style:{...tm,background:"#F7E4E1",borderColor:vs.danger,color:vs.danger}})};function nm(t){return p.jsxRuntimeExports.jsx(p.ShadowDomWrapper,{styles:[Hp,Gp],style:{zIndex:1200},children:p.jsxRuntimeExports.jsx(rm,{...t})})}function rm(t){const{baseUrl:e,menuPath:n,logout:r}=t,i=tn(),[o,s]=p.reactExports.useState([]),[a,l]=p.reactExports.useState(!1),u=(fa(o,i.pathname)||[]).filter(w=>w.parentKey!==0),[f,c]=p.reactExports.useState({}),h=w=>{c({...f,[w]:!f[w]})},d=()=>{l(!a)};p.reactExports.useEffect(()=>{(async()=>{const v=e+(n||"/global-menu-config/api/v1/menu-items/user"),E=await zp.get(v,{withCredentials:!0}).then(S=>S.data).catch(S=>{var A,P;em(((P=(A=S.response)==null?void 0:A.data)==null?void 0:P.errorMessage)||"Have error when get menu items")}),T={};E.forEach(S=>{S.children&&(T[S.id]=!0)}),c(T),s(E.map(S=>({...S,parentKey:0})))})()},[e,n]);const[m,g]=p.reactExports.useState(!1),y=a?"collapsed":"expanded",b=w=>`${w} ${y}`;return p.jsxRuntimeExports.jsxs("div",{className:b("side-bar"),children:[p.jsxRuntimeExports.jsx("div",{className:b("side-bar__wrapper-toggle-btn"),children:p.jsxRuntimeExports.jsx("button",{className:"icon-btn side-bar__toggle-btn",onClick:d,children:a?p.jsxRuntimeExports.jsx($p,{}):p.jsxRuntimeExports.jsx(qp,{})})}),p.jsxRuntimeExports.jsx(Ns,{className:b("side-bar__menu"),style:{marginTop:24,flex:1,overflow:"auto",height:"100%",overflowX:"hidden"},children:o.map(w=>{const v=E=>u.some(T=>T.id===E);return p.jsxRuntimeExports.jsx(ua,{item:w,isActive:v,isCollapsed:a,expanded:E=>f[E],toggleExpand:h},w.id)})}),p.jsxRuntimeExports.jsxs("div",{className:b("side-bar__wrap-btn-logout"),children:[p.jsxRuntimeExports.jsxs("button",{className:b("side-bar__logout-btn"),onClick:()=>g(!0),children:[p.jsxRuntimeExports.jsx(Ad,{}),p.jsxRuntimeExports.jsx("span",{className:b("side-bar__logout-btn__text"),children:"Logout"})]}),p.jsxRuntimeExports.jsx(p.LogoutConfirmModal,{isOpen:m,onClose:()=>g(!1),onConfirm:r})]})]})}function im(t){return p.jsxRuntimeExports.jsx(sl,{children:p.jsxRuntimeExports.jsx(nm,{...t})})}const sm=p.s(im,{props:{baseUrl:"string",menuPath:"string",logout:"function"}});customElements.define("global-menu",sm);
+`;function $p(){return p.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",fill:"currentColor",stroke:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",children:p.jsxRuntimeExports.jsx("path",{d:"M21 18v2H3v-2h18zM6.596 3.903L8.01 5.318 4.828 8.5 8.01 11.68l-1.414 1.415L2 8.5l4.596-4.597zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z"})})}function qp(){return p.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",fill:"currentColor",stroke:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",children:p.jsxRuntimeExports.jsx("path",{d:"M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"})})}const Gp=`.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px;color:#85858a}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{margin-top:4px;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}
+`,Lr=t=>typeof t=="number"&&!isNaN(t),ce=t=>typeof t=="string",ja=t=>typeof t=="function",Xp=t=>p.reactExports.isValidElement(t)||ce(t)||ja(t)||Lr(t),it=new Map;let ir=[];const gs=new Set,La=()=>it.size>0;function Kp(t,e){var n;if(e)return!((n=it.get(e))==null||!n.isToastActive(t));let r=!1;return it.forEach(i=>{i.isToastActive(t)&&(r=!0)}),r}function Yp(t,e){Xp(t)&&(La()||ir.push({content:t,options:e}),it.forEach(n=>{n.buildToast(t,e)}))}function ys(t,e){it.forEach(n=>{e!=null&&e!=null&&e.containerId?(e==null?void 0:e.containerId)===n.id&&n.toggle(t,e==null?void 0:e.id):n.toggle(t,e==null?void 0:e.id)})}let Jp=1;const Da=()=>""+Jp++;function Zp(t){return t&&(ce(t.toastId)||Lr(t.toastId))?t.toastId:Da()}function ue(t,e){return Yp(t,e),e.toastId}function Ye(t,e){return{...e,type:e&&e.type||t,toastId:Zp(e)}}function Oe(t){return(e,n)=>ue(e,Ye(t,n))}function M(t,e){return ue(t,Ye("default",e))}M.loading=(t,e)=>ue(t,Ye("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...e})),M.promise=function(t,e,n){let r,{pending:i,error:o,success:s}=e;i&&(r=ce(i)?M.loading(i,n):M.loading(i.render,{...n,...i}));const a={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(f,c,h)=>{if(c==null)return void M.dismiss(r);const d={type:f,...a,...n,data:h},m=ce(c)?{render:c}:c;return r?M.update(r,{...d,...m}):M(m.render,{...d,...m}),h},u=ja(t)?t():t;return u.then(f=>l("success",s,f)).catch(f=>l("error",o,f)),u},M.success=Oe("success"),M.info=Oe("info"),M.error=Oe("error"),M.warning=Oe("warning"),M.warn=M.warning,M.dark=(t,e)=>ue(t,Ye("default",{theme:"dark",...e})),M.dismiss=function(t){(function(e){var n;if(La()){if(e==null||ce(n=e)||Lr(n))it.forEach(i=>{i.removeToast(e)});else if(e&&("containerId"in e||"id"in e)){var r;(r=it.get(e.containerId))!=null&&r.removeToast(e.id)||it.forEach(i=>{i.removeToast(e.id)})}}else ir=ir.filter(i=>e!=null&&i.options.toastId!==e)})(t)},M.clearWaitingQueue=function(t){t===void 0&&(t={}),it.forEach(e=>{!e.props.limit||t.containerId&&e.id!==t.containerId||e.clearQueue()})},M.isActive=Kp,M.update=function(t,e){e===void 0&&(e={});const n=((r,i)=>{var o;let{containerId:s}=i;return(o=it.get(s||1))==null?void 0:o.toasts.get(r)})(t,e);if(n){const{props:r,content:i}=n,o={delay:100,...r,...e,toastId:e.toastId||t,updateId:Da()};o.toastId!==t&&(o.staleId=t);const s=o.render||i;delete o.render,ue(s,o)}},M.done=t=>{M.update(t,{progress:1})},M.onChange=function(t){return gs.add(t),()=>{gs.delete(t)}},M.play=t=>ys(!0,t),M.pause=t=>ys(!1,t);const vs={primary:"#93D500",secondary:"#007BFF",textPrimary:"#000000",textSecondary:"#101010",priText:"#009D4F",lightPrimary:"#E8F5E9",darkPrimary:"#2E7D32",lightSecondary:"#E8F5E9",darkSecondary:"#339790",danger:"#E01B00",darkDanger:"#BE1700",warning:"#FFB600",success:"#009D4F",error:"#E9645B",successChip:"#F4FBE5",errorChip:"#E01B001A",warningChip:"#FFB8001A",secondaryChip:"#E5F2FF",appBarColor:"#000000",white:"#FFFFFF",grey100:"#FAFAFA",grey200:"#EEEEEE",grey300:"#DDDDDD",grey400:"#C5C5C5",grey600:"#85858A",gold100:"#FFFBE6",gold200:"#FFF1B8",gold300:"#FFE58F",gold600:"#FAAD14",gold700:"#D48806",outlinedButton:"#009D4F",containedButtonString:"#000000",pink:"#E81F76"};function Qp(){return p.jsxRuntimeExports.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 1C16.5222 1 21 5.47676 21 11C21 16.5222 16.5222 21 11 21C5.47676 21 1 16.5222 1 11C1 5.47676 5.47676 1 11 1Z",stroke:"#E01B00",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),p.jsxRuntimeExports.jsx("path",{d:"M10.9942 6.89636V11.6737",stroke:"#E01B00",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),p.jsxRuntimeExports.jsx("path",{d:"M10.9941 15.1038H11.0049",stroke:"#E01B00",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}const tm={paddingLeft:"16px",borderLeft:"2px solid",boxShadow:"none",fontFamily:"inherit"},em=t=>{M.error(t,{icon:p.jsxRuntimeExports.jsx(Qp,{}),position:"bottom-right",style:{...tm,background:"#F7E4E1",borderColor:vs.danger,color:vs.danger}})};function nm(t){return p.jsxRuntimeExports.jsx(p.ShadowDomWrapper,{styles:[Hp,Gp],style:{zIndex:1200},children:p.jsxRuntimeExports.jsx(rm,{...t})})}function rm(t){const{baseUrl:e,menuPath:n,logout:r}=t,i=tn(),[o,s]=p.reactExports.useState([]),[a,l]=p.reactExports.useState(!1),u=(fa(o,i.pathname)||[]).filter(w=>w.parentKey!==0),[f,c]=p.reactExports.useState({}),h=w=>{c({...f,[w]:!f[w]})},d=()=>{l(!a)};p.reactExports.useEffect(()=>{(async()=>{const v=e+(n||"/global-menu-config/api/v1/menu-items/user"),E=await zp.get(v,{withCredentials:!0}).then(S=>S.data).catch(S=>{var A,P;em(((P=(A=S.response)==null?void 0:A.data)==null?void 0:P.errorMessage)||"Have error when get menu items")}),T={};E.forEach(S=>{S.children&&(T[S.id]=!0)}),c(T),s(E.map(S=>({...S,parentKey:0})))})()},[e,n]);const[m,g]=p.reactExports.useState(!1),y=a?"collapsed":"expanded",b=w=>`${w} ${y}`;return p.jsxRuntimeExports.jsxs("div",{className:b("side-bar"),children:[p.jsxRuntimeExports.jsx("div",{className:b("side-bar__wrapper-toggle-btn"),children:p.jsxRuntimeExports.jsx("button",{className:"icon-btn side-bar__toggle-btn",onClick:d,children:a?p.jsxRuntimeExports.jsx(qp,{}):p.jsxRuntimeExports.jsx($p,{})})}),p.jsxRuntimeExports.jsx(Ns,{className:b("side-bar__menu"),style:{marginTop:24,flex:1,overflow:"auto",height:"100%",overflowX:"hidden"},children:o.map(w=>{const v=E=>u.some(T=>T.id===E);return p.jsxRuntimeExports.jsx(ua,{item:w,isActive:v,isCollapsed:a,expanded:E=>f[E],toggleExpand:h},w.id)})}),p.jsxRuntimeExports.jsxs("div",{className:b("side-bar__wrap-btn-logout"),children:[p.jsxRuntimeExports.jsxs("button",{className:b("side-bar__logout-btn"),onClick:()=>g(!0),children:[p.jsxRuntimeExports.jsx(Ad,{}),p.jsxRuntimeExports.jsx("span",{className:b("side-bar__logout-btn__text"),children:"Logout"})]}),p.jsxRuntimeExports.jsx(p.LogoutConfirmModal,{isOpen:m,onClose:()=>g(!1),onConfirm:r})]})]})}function im(t){return p.jsxRuntimeExports.jsx(sl,{children:p.jsxRuntimeExports.jsx(nm,{...t})})}const sm=p.s(im,{props:{baseUrl:"string",menuPath:"string",logout:"function"}});customElements.define("global-menu",sm);

package/web-components-bundle/global-menu/index.js

@@ -7282,35 +7282,17 @@ N.default = N;
 const Zp = N, Qp = `[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
 `;
 function em() {
-  return /* @__PURE__ */ R.jsxs(
+  return /* @__PURE__ */ R.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      fill: "none",
+      width: "22",
+      height: "22",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: "0",
       viewBox: "0 0 24 24",
-      children: [
-        /* @__PURE__ */ R.jsx(
-          "path",
-          {
-            stroke: "#85858A",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "1.5",
-            d: "M22 8.27V4.23C22 2.64 21.36 2 19.77 2h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23zM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM10.5 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23z"
-          }
-        ),
-        /* @__PURE__ */ R.jsx(
-          "path",
-          {
-            stroke: "#85858A",
-            strokeLinecap: "round",
-            strokeWidth: "1.5",
-            d: "M15 15.5h6M15 19.5h6"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ R.jsx("path", { d: "M21 18v2H3v-2h18zM6.596 3.903L8.01 5.318 4.828 8.5 8.01 11.68l-1.414 1.415L2 8.5l4.596-4.597zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z" })
     }
   );
 }
@@ -7319,24 +7301,17 @@ function tm() {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      fill: "none",
+      width: "22",
+      height: "22",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: "0",
       viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ R.jsx(
-        "path",
-        {
-          stroke: "#85858A",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "1.5",
-          d: "M22 8.52V3.98C22 2.57 21.36 2 19.77 2h-4.04c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM22 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23zM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM10.5 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23z"
-        }
-      )
+      children: /* @__PURE__ */ R.jsx("path", { d: "M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z" })
     }
   );
 }
-const nm = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{margin-top:4px;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}
+const nm = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px;color:#85858a}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{margin-top:4px;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}
 `, _r = (e) => typeof e == "number" && !isNaN(e), ft = (e) => typeof e == "string", _a = (e) => typeof e == "function", rm = (e) => w.isValidElement(e) || ft(e) || _a(e) || _r(e), oe = /* @__PURE__ */ new Map();
 let or = [];
 const vs = /* @__PURE__ */ new Set(), Fa = () => oe.size > 0;
@@ -7560,7 +7535,7 @@ function hm(e) {
       {
         className: "icon-btn side-bar__toggle-btn",
         onClick: d,
-        children: a ? /* @__PURE__ */ R.jsx(em, {}) : /* @__PURE__ */ R.jsx(tm, {})
+        children: a ? /* @__PURE__ */ R.jsx(tm, {}) : /* @__PURE__ */ R.jsx(em, {})
       }
     ) }),
     /* @__PURE__ */ R.jsx(