@hotelinking/ui 13.45.12 → 13.45.15

package/dist/ui.d.ts

@@ -1938,6 +1938,7 @@ sideBarClick: (t: string) => any;
 productBarClick: (t: string) => any;
 topBarClick: (T: string) => any;
 sidebarToggle: (T: boolean) => any;
+bellClick: () => any;
 }, string, PublicProps, Readonly<UiWrapperInterface> & Readonly<{
 onCheckboxChanged?: ((checkbox: UiCheckboxType_2) => any) | undefined;
 onInputChanged?: ((T: InputType_2) => any) | undefined;
@@ -1946,6 +1947,7 @@ onSideBarClick?: ((t: string) => any) | undefined;
 onProductBarClick?: ((t: string) => any) | undefined;
 onTopBarClick?: ((T: string) => any) | undefined;
 onSidebarToggle?: ((T: boolean) => any) | undefined;
+onBellClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
@@ -1965,6 +1967,8 @@ export declare interface UiWrapperEventsInterface {
     (e: "inputChanged", T: InputType): void;
     /** State of sidebar changed */
     (e: "sidebarToggle", T: boolean): void;
+    /** Emits when bell is clicked */
+    (e: "bellClick"): void;
 }
 
 export declare interface UiWrapperInterface {

package/dist/ui.es.js

@@ -2473,7 +2473,7 @@ const se = /* @__PURE__ */ te(mo, [["render", fo]]), ho = {
                       key: Q
                     }, [
                       p(se, {
-                        onClick: (Pd) => q(F, N.id, N.name),
+                        onClick: (Id) => q(F, N.id, N.name),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                         price: F,
                         currency: x.currency.symbol,
@@ -4717,17 +4717,14 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), nd = { class: "fixed inset-0 flex" }, id = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, dd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ud = { class: "lg:pl-[25rem]" }, cd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, gd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, md = { class: "flex items-center gap-x-4 lg:gap-x-6" }, pd = {
-  type: "button",
-  class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
-}, fd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, hd = ["src"], yd = { class: "hidden lg:flex lg:items-center" }, bd = ["onClick"], vd = { class: "py-7" }, wd = { class: "px-7 lg:px-10" }, kd = /* @__PURE__ */ B({
+}), nd = { class: "fixed inset-0 flex" }, id = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, dd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ud = { class: "lg:pl-[25rem]" }, cd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, gd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, md = { class: "flex items-center gap-x-4 lg:gap-x-6" }, pd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, fd = ["src"], hd = { class: "hidden lg:flex lg:items-center" }, yd = ["onClick"], bd = { class: "py-7" }, vd = { class: "px-7 lg:px-10" }, wd = /* @__PURE__ */ B({
   __name: "uiWrapper",
   props: {
     topbar: {},
     sidebar: {},
     sidebarOpen: { type: Boolean }
   },
-  emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged", "sidebarToggle"],
+  emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged", "sidebarToggle", "bellClick"],
   setup(m, { emit: u }) {
     const a = m, i = u, o = A(a.sidebarOpen), s = () => {
       o.value = !o.value, i("sidebarToggle", o.value);
@@ -4752,11 +4749,11 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
                 "leave-from": "opacity-100",
                 "leave-to": "opacity-0"
               }, {
-                default: b(() => r[9] || (r[9] = [
+                default: b(() => r[10] || (r[10] = [
                   e("div", { class: "fixed inset-0 bg-gray-900/80" }, null, -1)
                 ])),
                 _: 1,
-                __: [9]
+                __: [10]
               }),
               e("div", nd, [
                 p(c(G), {
@@ -4787,7 +4784,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
                                 class: "-m-2.5 p-2.5",
                                 onClick: s
                               }, [
-                                r[10] || (r[10] = e("span", { class: "sr-only" }, "Close sidebar", -1)),
+                                r[11] || (r[11] = e("span", { class: "sr-only" }, "Close sidebar", -1)),
                                 p(c(J), {
                                   class: "h-6 w-6 text-white",
                                   "aria-hidden": "true"
@@ -4843,13 +4840,13 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
             onClick: s
           }, [
-            r[11] || (r[11] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
+            r[12] || (r[12] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
             p(c(We), {
               class: "h-6 w-6",
               "aria-hidden": "true"
             })
           ]),
-          r[16] || (r[16] = e("div", {
+          r[17] || (r[17] = e("div", {
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
@@ -4862,9 +4859,13 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
               onSelectChanged: r[8] || (r[8] = (d) => t.$emit("selectChanged", d))
             }, null, 8, ["items", "select"]),
             e("div", md, [
-              e("button", pd, [
-                r[13] || (r[13] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                C(e("div", fd, r[12] || (r[12] = [
+              e("button", {
+                type: "button",
+                class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative",
+                onClick: r[9] || (r[9] = (d) => i("bellClick"))
+              }, [
+                r[14] || (r[14] = e("span", { class: "sr-only" }, "View notifications", -1)),
+                C(e("div", pd, r[13] || (r[13] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
                   [D, t.topbar.alerted]
@@ -4874,7 +4875,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
                   "aria-hidden": "true"
                 })
               ]),
-              r[15] || (r[15] = e("div", {
+              r[16] || (r[16] = e("div", {
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
@@ -4885,13 +4886,13 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
                 default: b(() => [
                   p(c(ve), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: b(() => [
-                      r[14] || (r[14] = e("span", { class: "sr-only" }, "Open user menu", -1)),
+                      r[15] || (r[15] = e("span", { class: "sr-only" }, "Open user menu", -1)),
                       e("img", {
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: t.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, hd),
-                      e("span", yd, [
+                      }, null, 8, fd),
+                      e("span", hd, [
                         p(c(de), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -4899,7 +4900,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
                       ])
                     ]),
                     _: 1,
-                    __: [14]
+                    __: [15]
                   }),
                   p(ue, {
                     "enter-active-class": "transition ease-out duration-100",
@@ -4919,7 +4920,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
                               e("a", {
                                 onClick: (y) => t.$emit("topBarClick", d.id),
                                 class: f([h ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(d.name), 11, bd)
+                              }, g(d.name), 11, yd)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4935,15 +4936,15 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
             ])
           ])
         ]),
-        e("main", vd, [
-          e("div", wd, [
+        e("main", bd, [
+          e("div", vd, [
             V(t.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), xd = /* @__PURE__ */ B({
+}), kd = /* @__PURE__ */ B({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -4962,13 +4963,13 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), $d = { class: "flex justify-between" }, _d = {
+}), xd = { class: "flex justify-between" }, $d = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end place-self-center"
-}, Cd = { class: "relative" }, Sd = { class: "block flex flex-wrap gap-2" }, Bd = {
+}, _d = { class: "relative" }, Cd = { class: "block flex flex-wrap gap-2" }, Sd = {
   key: 0,
   class: "p-0.5"
-}, Md = ["onClick"], Dd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, jd = {
+}, Bd = ["onClick"], Md = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Dd = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
 }, st = /* @__PURE__ */ B({
@@ -4995,7 +4996,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
     function t(r) {
       o.value = o.value.filter((d) => d.id !== r.id), s(o.value);
     }
-    return (r, d) => r.loading ? (l(), n("div", jd, [
+    return (r, d) => r.loading ? (l(), n("div", Dd, [
       d[4] || (d[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       p(c(fe), {
         "aria-hidden": "true",
@@ -5014,16 +5015,16 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
       as: "div"
     }, {
       default: b(() => [
-        e("div", $d, [
+        e("div", xd, [
           p(c(mt), { class: "block text-sm font-medium" }, {
             default: b(() => [
               T(g(r.label), 1)
             ]),
             _: 1
           }),
-          r.requiredText ? (l(), n("span", _d, g(r.requiredText), 1)) : v("", !0)
+          r.requiredText ? (l(), n("span", $d, g(r.requiredText), 1)) : v("", !0)
         ]),
-        e("div", Cd, [
+        e("div", _d, [
           p(c(pt), {
             class: f([{
               "mt-1": r.requiredText || r.label,
@@ -5042,8 +5043,8 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
             }, "relative w-full rounded-md border py-2 pl-2 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"])
           }, {
             default: b(() => [
-              e("span", Sd, [
-                c(o).length === 0 ? (l(), n("span", Bd, "...")) : v("", !0),
+              e("span", Cd, [
+                c(o).length === 0 ? (l(), n("span", Sd, "...")) : v("", !0),
                 (l(!0), n($, null, _(c(o), (h) => (l(), n("span", {
                   key: h.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
@@ -5063,7 +5064,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ]), 8, Md))
+                  ]), 8, Bd))
                 ]))), 128))
               ]),
               d[2] || (d[2] = e("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5085,7 +5086,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
             _: 1,
             __: [2]
           }, 8, ["class"]),
-          e("div", Dd, [
+          e("div", Md, [
             p(c(ft), { class: "shadow-2xs focus:outline-hidden max-h-60 overflow-auto rounded-md py-1 text-base leading-6 sm:text-sm sm:leading-5" }, {
               default: b(() => [
                 (l(!0), n($, null, _(r.items, (h) => (l(), k(c(ht), {
@@ -5139,7 +5140,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), Td = { class: "flex flex-col lg:flex-row items-center" }, zd = /* @__PURE__ */ B({
+}), jd = { class: "flex flex-col lg:flex-row items-center" }, Td = /* @__PURE__ */ B({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -5168,7 +5169,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
       }
       s.value = r.props;
     };
-    return (r, d) => (l(), n("div", Td, [
+    return (r, d) => (l(), n("div", jd, [
       p(Xe, {
         items: r.items,
         loading: r.loading,
@@ -5207,7 +5208,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
   uiDeviceStatus: ad,
   uiDragAndDrop: Mi,
   uiDropdown: me,
-  uiDynamicStats: xd,
+  uiDynamicStats: kd,
   uiFilter: Xe,
   uiFooter: nr,
   uiFunnelChartV2: Zn,
@@ -5229,7 +5230,7 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
   uiSelect_v2: De,
   uiSidebar: Or,
   uiSidebarV2: he,
-  uiSmartFilter: zd,
+  uiSmartFilter: Td,
   uiStats: lt,
   uiStripedCard: ba,
   uiTable: Fa,
@@ -5240,37 +5241,37 @@ const nr = /* @__PURE__ */ te(or, [["render", ar]]), ir = /* @__PURE__ */ B({
   uiTimeline: yn,
   uiToggle: Tl,
   uiTopbar: Yn,
-  uiWrapper: kd
-}, Symbol.toStringTag, { value: "Module" })), Ld = [
+  uiWrapper: wd
+}, Symbol.toStringTag, { value: "Module" })), zd = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], Hd = [
+], Ud = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], Ad = ["black", "gray", "white"], Ed = [...Ld, ...Ad], Od = ["small", "medium", "big"], Nd = ["bigger", "huge", "massive"], Zd = [...Od, ...Nd], Wd = ["default", "success", "warning", "danger"];
-function Id(m) {
+], Ld = ["black", "gray", "white"], Hd = [...zd, ...Ld], Ad = ["small", "medium", "big"], Od = ["bigger", "huge", "massive"], Ed = [...Ad, ...Od], Zd = ["default", "success", "warning", "danger"];
+function Nd(m) {
   for (const u in Ne)
     m.component(u, Ne[u]);
 }
-const Jd = { install: Id };
+const Wd = { install: Nd };
 export {
-  Ed as AllColors,
-  Zd as AllSizes,
-  Nd as BiggerSizes,
-  Ld as Colors,
-  Ad as MonoColors,
-  Od as Sizes,
-  Wd as Types,
-  Hd as UiInputTypes,
-  Jd as default,
+  Hd as AllColors,
+  Ed as AllSizes,
+  Od as BiggerSizes,
+  zd as Colors,
+  Ld as MonoColors,
+  Ad as Sizes,
+  Zd as Types,
+  Ud as UiInputTypes,
+  Wd as default,
   ql as uiAlert,
   Wl as uiBreadcrumbs,
   W as uiButton,
@@ -5282,7 +5283,7 @@ export {
   ad as uiDeviceStatus,
   Mi as uiDragAndDrop,
   me as uiDropdown,
-  xd as uiDynamicStats,
+  kd as uiDynamicStats,
   Xe as uiFilter,
   nr as uiFooter,
   Zn as uiFunnelChartV2,
@@ -5304,7 +5305,7 @@ export {
   De as uiSelect_v2,
   Or as uiSidebar,
   he as uiSidebarV2,
-  zd as uiSmartFilter,
+  Td as uiSmartFilter,
   lt as uiStats,
   ba as uiStripedCard,
   Fa as uiTable,
@@ -5315,5 +5316,5 @@ export {
   yn as uiTimeline,
   Tl as uiToggle,
   Yn as uiTopbar,
-  kd as uiWrapper
+  wd as uiWrapper
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hotelinking/ui",
   "private": false,
-  "version": "13.45.12",
+  "version": "13.45.15",
   "files": [
     "dist"
   ],