@maropost-ui/liquidsky-ui 0.1.27 → 0.1.28

package/dist/index.js

@@ -32479,26 +32479,55 @@ const QC = { class: "truncate-one-line" }, JC = /* @__PURE__ */ Oe({
       l.value = !1, a("drawer-close");
     };
     return (c, f) => {
-      const d = Z("v-icon"), m = Z("v-badge"), b = Z("v-btn");
+      const d = Z("v-icon"), m = Z("v-badge"), b = Z("v-btn"), v = Z("v-tooltip");
       return K(), me(oe, null, [
-        e.hideNotificationIcon ? we("", !0) : (K(), ce(b, j({
+        e.hideNotificationIcon ? we("", !0) : (K(), ce(v, {
           key: 0,
-          class: e.buttonClass
-        }, c.$attrs, {
-          icon: "",
-          onClick: Nt(s, ["stop"])
-        }), {
-          default: R(() => [
-            r.value ? (K(), ce(m, j({
-              key: 0,
-              color: e.badgeColor,
-              class: e.badgeClass,
-              "md-and-up": "",
-              overlap: "",
-              dot: i.value <= 0
-            }, e.badgeProps), En({
+          text: "Notifications",
+          location: "bottom",
+          disabled: l.value
+        }, {
+          activator: R(({ props: h }) => [
+            g(b, j(Object.assign({}, h, c.$attrs), {
+              class: e.buttonClass,
+              icon: "",
+              style: { height: "64px !important" },
+              onClick: Nt(s, ["stop"])
+            }), {
               default: R(() => [
-                g(d, {
+                r.value ? (K(), ce(m, j({
+                  key: 0,
+                  color: e.badgeColor,
+                  class: e.badgeClass,
+                  "md-and-up": "",
+                  overlap: "",
+                  dot: i.value <= 0
+                }, e.badgeProps), En({
+                  default: R(() => [
+                    g(d, {
+                      color: e.iconColor,
+                      class: ee(e.iconClass)
+                    }, {
+                      default: R(() => [
+                        he(se(e.icon), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["color", "class"])
+                  ]),
+                  _: 2
+                }, [
+                  i.value > 0 ? {
+                    name: "badge",
+                    fn: R(() => [
+                      p("span", {
+                        class: ee(e.badgeTextClass),
+                        style: { fontSize: "10px" }
+                      }, se(o.value), 3)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["color", "class", "dot"])) : (K(), ce(d, {
+                  key: 1,
                   color: e.iconColor,
                   class: ee(e.iconClass)
                 }, {
@@ -32506,33 +32535,13 @@ const QC = { class: "truncate-one-line" }, JC = /* @__PURE__ */ Oe({
                     he(se(e.icon), 1)
                   ]),
                   _: 1
-                }, 8, ["color", "class"])
-              ]),
-              _: 2
-            }, [
-              i.value > 0 ? {
-                name: "badge",
-                fn: R(() => [
-                  p("span", {
-                    class: ee(e.badgeTextClass),
-                    style: { fontSize: "10px" }
-                  }, se(o.value), 3)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["color", "class", "dot"])) : (K(), ce(d, {
-              key: 1,
-              color: e.iconColor,
-              class: ee(e.iconClass)
-            }, {
-              default: R(() => [
-                he(se(e.icon), 1)
+                }, 8, ["color", "class"]))
               ]),
               _: 1
-            }, 8, ["color", "class"]))
+            }, 16, ["class"])
           ]),
           _: 1
-        }, 16, ["class"])),
+        }, 8, ["disabled"])),
         Te(c.$slots, "drawer", {
           drawerOpen: l.value,
           showDrawer: e.showDrawer,
@@ -32541,7 +32550,7 @@ const QC = { class: "truncate-one-line" }, JC = /* @__PURE__ */ Oe({
       ], 64);
     };
   }
-}), i5 = /* @__PURE__ */ on(l5, [["__scopeId", "data-v-95a266dc"]]), o5 = /* @__PURE__ */ Oe({
+}), i5 = /* @__PURE__ */ on(l5, [["__scopeId", "data-v-73ca1a76"]]), o5 = /* @__PURE__ */ Oe({
   __name: "TheSearchBar",
   props: {
     queryParamName: { default: "q" },