@finmars/ui 1.0.72 → 1.0.73

package/dist/finmars-ui.es.js

@@ -12695,7 +12695,7 @@ function va(e) {
     r += t.charAt(n[a] % 62);
   return r.slice(0, e);
 }
-function DR(e, t) {
+function FR(e, t) {
   let n = e.toString().split("e");
   return n = Math.round(+(n[0] + "e" + (n[1] ? +n[1] - t : -t))), n = n.toString().split("e"), +(n[0] + "e" + (n[1] ? +n[1] - +t : t));
 }
@@ -28420,10 +28420,10 @@ var rg = { exports: {} };
   });
 })(rg);
 var lR = rg.exports;
-const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h-20 h-20 py-3 px-[22px] gap-x-4 border-b-[1px] border-[var(--outline-variant)] border-solid" }, dR = { class: "mx-auto text-center flex flex-col" }, fR = { class: "flex sb" }, vR = { class: "fm_message_item_date" }, mR = { class: "fm_message_item_section" }, hR = { class: "fm_message_item_h" }, pR = { class: "fm_message_item_t" }, gR = { class: "tac p-8" }, yR = {
+const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h-20 h-20 py-3 px-[22px] gap-x-4 border-b-[1px] border-[var(--outline-variant)] border-solid" }, dR = { class: "notifications" }, fR = { class: "notifications__content" }, vR = { class: "fm-message__header" }, mR = { class: "fm-message__section" }, hR = { class: "fm-message__date" }, pR = { class: "fm-message__title" }, gR = { class: "fm-message__text" }, yR = { class: "relative pt-2 flex justify-center items-center" }, bR = {
   key: 1,
-  class: "p-16"
-}, bR = ["href"], wR = ["href"], SR = { class: "text-h5" }, xR = ["href"], CR = {
+  class: "no-messages"
+}, wR = ["href"], SR = ["href"], xR = { class: "text-h5" }, CR = ["href"], _R = {
   __name: "Header",
   props: {
     notifications: {
@@ -28498,36 +28498,48 @@ const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h
           w(Nt, {
             modelValue: r.notifications,
             "onUpdate:modelValue": o[0] || (o[0] = (l) => r.notifications = l),
-            activator: "parent"
+            activator: "parent",
+            "max-height": "320"
           }, {
             default: ne(() => {
-              var l;
+              var l, c;
               return [
                 X("div", dR, [
-                  (l = e.notifications) != null && l.length ? (j(), J(fe, { key: 0 }, [
-                    (j(!0), J(fe, null, qe(e.notifications, (c, s) => (j(), J("div", {
-                      class: "fm_message_item",
-                      key: s
-                    }, [
-                      X("div", fR, [
-                        X("div", vR, ce(i(c.created)), 1),
-                        X("div", mR, ce(a[c.section]), 1)
-                      ]),
-                      X("div", hR, ce(c.title), 1),
-                      X("div", pR, ce(c.description.length > 65 ? c.description.slice(0, 65) + "..." : c.description), 1)
-                    ]))), 128)),
-                    X("div", gR, [
-                      w(ze, {
-                        href: "/home",
-                        type: "secondary"
-                      }, {
-                        default: ne(() => o[8] || (o[8] = [
-                          De("Show ALL")
-                        ])),
-                        _: 1
-                      })
+                  X("div", {
+                    class: $e([
+                      "notifications__body",
+                      "scroll-variant-thin",
+                      { "notifications__body--empty": !((l = e.notifications) != null && l.length) }
+                    ])
+                  }, [
+                    X("div", fR, [
+                      (c = e.notifications) != null && c.length ? (j(), J(fe, { key: 0 }, [
+                        (j(!0), J(fe, null, qe(e.notifications, (s, f) => (j(), J("div", {
+                          class: "fm-message",
+                          key: f
+                        }, [
+                          X("div", vR, [
+                            X("div", mR, ce(a[s.section]), 1),
+                            X("div", hR, ce(i(s.created)), 1)
+                          ]),
+                          X("div", pR, ce(s.title), 1),
+                          X("div", gR, ce(s.description), 1)
+                        ]))), 128)),
+                        X("div", yR, [
+                          w(ze, {
+                            href: "/home",
+                            type: "secondary",
+                            disabled: ""
+                          }, {
+                            default: ne(() => o[8] || (o[8] = [
+                              De("Show ALL")
+                            ])),
+                            _: 1
+                          })
+                        ])
+                      ], 64)) : (j(), J("div", bR, "No new messages"))
                     ])
-                  ], 64)) : (j(), J("div", yR, "No new messages"))
+                  ], 2)
                 ])
               ];
             }),
@@ -28553,13 +28565,13 @@ const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h
                   itemSize: "large",
                   title: "Documentation"
                 })
-              ], 8, bR),
+              ], 8, wR),
               X("a", { href: e.apiReferenceUrl }, [
                 w(nn, {
                   itemSize: "large",
                   title: "API Reference"
                 })
-              ], 8, wR)
+              ], 8, SR)
             ]),
             _: 1
           }, 8, ["modelValue"])
@@ -28598,7 +28610,7 @@ const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h
         default: ne(() => [
           w(Mm, { image: e.avatar }, {
             default: ne(() => [
-              X("span", SR, ce(e.letters), 1)
+              X("span", xR, ce(e.letters), 1)
             ]),
             _: 1
           }, 8, ["image"]),
@@ -28661,7 +28673,7 @@ const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h
                   onClick: o[6] || (o[6] = (l) => n("security")),
                   title: "Log Out"
                 })
-              ], 8, xR)
+              ], 8, CR)
             ]),
             _: 1
           }, 8, ["modelValue"])
@@ -28670,7 +28682,7 @@ const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h
       })
     ]));
   }
-}, tU = [
+}, kR = /* @__PURE__ */ Ie(_R, [["__scopeId", "data-v-4d63b5c9"]]), rU = [
   {
     key: "dashboard",
     label: "Dashboard",
@@ -29373,18 +29385,18 @@ const sR = /* @__PURE__ */ dt(lR), cR = { class: "flex w-full items-center max-h
     ]
   }
 ];
-var _R = ro;
-function kR(e, t) {
-  return _R(t, function(n) {
+var AR = ro;
+function $R(e, t) {
+  return AR(t, function(n) {
     return e[n];
   });
 }
-var AR = kR, $R = AR, IR = to;
-function TR(e) {
-  return e == null ? [] : $R(e, IR(e));
+var IR = $R, TR = IR, ER = to;
+function OR(e) {
+  return e == null ? [] : TR(e, ER(e));
 }
-var ER = TR;
-const OR = /* @__PURE__ */ dt(ER), PR = Symbol(), nU = {
+var PR = OR;
+const MR = /* @__PURE__ */ dt(PR), BR = Symbol(), aU = {
   install: (e) => {
     let t = {};
     const n = (i) => {
@@ -29425,19 +29437,19 @@ const OR = /* @__PURE__ */ dt(ER), PR = Symbol(), nU = {
       u.destroy && u.destroy();
     }, a = () => {
       if (!Qe(t)) {
-        for (const i of OR(t))
+        for (const i of MR(t))
           i.destroy && i.destroy();
         t = {};
       }
     };
-    e.config.globalProperties.$openDialog = n, e.config.globalProperties.$closeDialog = r, e.config.globalProperties.$closeDialogs = a, e.provide(PR, { $openDialog: n, $closeDialog: r, $closeDialogs: a });
+    e.config.globalProperties.$openDialog = n, e.config.globalProperties.$closeDialog = r, e.config.globalProperties.$closeDialogs = a, e.provide(BR, { $openDialog: n, $closeDialog: r, $closeDialogs: a });
   }
 };
-function rU(e) {
+function iU(e) {
   const { app: t = {} } = e, { config: n = {} } = t, { globalProperties: r = {} } = n, { $openDialog: a, $closeDialog: i, $closeDialogs: u } = r;
   return { $openDialog: a, $closeDialog: i, $closeDialogs: u };
 }
-function MR(e) {
+function LR(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var r = e.get(t);
     r ? r.push(n) : e.set(t, [n]);
@@ -29453,7 +29465,7 @@ function MR(e) {
     });
   } };
 }
-const BR = Symbol(), bn = MR(), q0 = {
+const VR = Symbol(), bn = LR(), q0 = {
   on: bn.on.bind(bn),
   once: (e, t) => {
     function n() {
@@ -29464,28 +29476,28 @@ const BR = Symbol(), bn = MR(), q0 = {
   off: bn.off.bind(bn),
   emit: bn.emit.bind(bn),
   clear: bn.all.clear.bind(bn)
-}, aU = {
+}, uU = {
   install: (e) => {
-    e.config.globalProperties.$emitter = q0, e.provide(BR, { $emitter: q0 });
+    e.config.globalProperties.$emitter = q0, e.provide(VR, { $emitter: q0 });
   }
 };
-function iU(e) {
+function oU(e) {
   const { app: t = {} } = e, { config: n = {} } = t, { globalProperties: r = {} } = n, { $emitter: a } = r;
   return { $emitter: a };
 }
-const uU = {
+const lU = {
   // @ts-ignore
   install(e, t = {}) {
     let n = "";
     t.componentNamePrefix && typeof t.componentNamePrefix == "string" ? n = t.componentNamePrefix : t.componentNamePrefix === void 0 && (n = "Fm");
     const r = gg();
-    e.use(r), e.component(`${n}NavigationPortal`, PM), e.component(`${n}Navigation`, Yc), e.component(`${n}Header`, CR), e.component(`${n}Avatar`, Mm), e.component(`${n}Badge`, f3), e.component(`${n}Button`, ze), e.component(`${n}Checkbox`, Un), e.component(`${n}Chip`, Ha), e.component(`${n}DateEditor`, hh), e.component(`${n}DatePicker`, mh), e.component(`${n}Dialog`, ng), e.component(`${n}Icon`, ct), e.component(`${n}IconButton`, Et), e.component(`${n}ItemPicker`, Wc), e.component(`${n}Logo`, M1), e.component(`${n}MenuItem`, nn), e.component(`${n}Menu`, Nt), e.component(`${n}FmPagination`, jM), e.component(`${n}ProgressCircular`, dc), e.component(`${n}ProgressLinear`, ki), e.component(`${n}Radio`, HM), e.component(`${n}RadioGroup`, WM), e.component(`${n}RangeSlider`, XM), e.component(`${n}Search`, ZM), e.component(`${n}Select`, ta), e.component(`${n}SelectActivator`, L1), e.component(`${n}Slider`, lB), e.component(`${n}TextField`, on), e.component(`${n}Tooltip`, Ks), e.component(`${n}VSelect`, eB), e.component(`${n}Tabs`, cB), e.component(`${n}FileUpload`, UB), e.component(`${n}TransferList`, aL), e.component(`${n}InputDate`, br), e.component(`${n}FilterEditor`, Y1), e.component(`${n}FilterToolbar`, XF), e.component(`${n}Switch`, JF), e.component(`${n}Breadcrumbs`, rR), e.directive("FmHtml", E1), e.directive("Ripple", Jt), e.directive("ClickOutside", vv), e.directive("Mutate", pv), e.directive("Resize", gv), e.directive("Intersect", Is), e.directive("Scroll", cy), e.directive("Tooltip", Ky);
+    e.use(r), e.component(`${n}NavigationPortal`, PM), e.component(`${n}Navigation`, Yc), e.component(`${n}Header`, kR), e.component(`${n}Avatar`, Mm), e.component(`${n}Badge`, f3), e.component(`${n}Button`, ze), e.component(`${n}Checkbox`, Un), e.component(`${n}Chip`, Ha), e.component(`${n}DateEditor`, hh), e.component(`${n}DatePicker`, mh), e.component(`${n}Dialog`, ng), e.component(`${n}Icon`, ct), e.component(`${n}IconButton`, Et), e.component(`${n}ItemPicker`, Wc), e.component(`${n}Logo`, M1), e.component(`${n}MenuItem`, nn), e.component(`${n}Menu`, Nt), e.component(`${n}FmPagination`, jM), e.component(`${n}ProgressCircular`, dc), e.component(`${n}ProgressLinear`, ki), e.component(`${n}Radio`, HM), e.component(`${n}RadioGroup`, WM), e.component(`${n}RangeSlider`, XM), e.component(`${n}Search`, ZM), e.component(`${n}Select`, ta), e.component(`${n}SelectActivator`, L1), e.component(`${n}Slider`, lB), e.component(`${n}TextField`, on), e.component(`${n}Tooltip`, Ks), e.component(`${n}VSelect`, eB), e.component(`${n}Tabs`, cB), e.component(`${n}FileUpload`, UB), e.component(`${n}TransferList`, aL), e.component(`${n}InputDate`, br), e.component(`${n}FilterEditor`, Y1), e.component(`${n}FilterToolbar`, XF), e.component(`${n}Switch`, JF), e.component(`${n}Breadcrumbs`, rR), e.directive("FmHtml", E1), e.directive("Ripple", Jt), e.directive("ClickOutside", vv), e.directive("Mutate", pv), e.directive("Resize", gv), e.directive("Intersect", Is), e.directive("Scroll", cy), e.directive("Tooltip", Ky);
   }
 };
 export {
   vv as ClickOutside,
-  PR as FM_DIALOGS_KEY,
-  BR as FM_VUEBUS_KEY,
+  BR as FM_DIALOGS_KEY,
+  VR as FM_VUEBUS_KEY,
   Mm as FmAvatar,
   f3 as FmBadge,
   rR as FmBreadcrumbs,
@@ -29499,7 +29511,7 @@ export {
   UB as FmFileUpload,
   Y1 as FmFilterEditor,
   XF as FmFilterToolbar,
-  CR as FmHeader,
+  kR as FmHeader,
   E1 as FmHtml,
   ct as FmIcon,
   Et as FmIconButton,
@@ -29530,17 +29542,17 @@ export {
   eB as FmVSelect,
   Is as Intersect,
   pv as Mutate,
-  tU as NavigationRoutes,
+  rU as NavigationRoutes,
   gv as Resize,
   Jt as Ripple,
   cy as Scroll,
   Ky as Tooltip,
-  nU as dialogs,
+  aU as dialogs,
   $k as formatFileSize,
   va as getRandomString,
-  DR as round,
-  rU as storeDialogs,
-  iU as storeVueBus,
-  uU as uiComponentsPlugin,
-  aU as vueBus
+  FR as round,
+  iU as storeDialogs,
+  oU as storeVueBus,
+  lU as uiComponentsPlugin,
+  uU as vueBus
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finmars/ui",
-  "version": "1.0.72",
+  "version": "1.0.73",
   "description": "Finmars UI library for Vue 3 applications.",
   "scripts": {
     "dev": "vite dev --config vite.config.dev.js",