@avakhula/ui 0.0.215 → 0.0.217

package/dist/index.js

@@ -378,7 +378,7 @@ function Ba(t, n, e, i, o, r) {
     _: 1
   }, 8, ["position", "always-visible", "class"]);
 }
-const kn = /* @__PURE__ */ Ae(La, [["render", Ba], ["__scopeId", "data-v-e1495fd3"]]), qi = {
+const kn = /* @__PURE__ */ Ae(La, [["render", Ba], ["__scopeId", "data-v-b65f4cec"]]), qi = {
   [sn.primary]: sn.primary,
   [sn.tertiary]: sn.tertiary,
   [sn.ghost]: sn.ghost,
@@ -1745,7 +1745,8 @@ class Lo {
     this.uuid = "tooltip_" + At();
   }
   createTooltip(n, e, i) {
-    if (!(e != null && e.length))
+    var r;
+    if (!((r = e.text) != null && r.length))
       return;
     this.generateUID();
     const o = `
@@ -1754,16 +1755,17 @@ class Lo {
       left: 0px;
     `;
     this.tooltipContainer = document.createElement("div"), this.tooltipContainer.setAttribute("style", o), document.body.appendChild(this.tooltipContainer), this.tooltipInstance = fa(kn, {
-      text: e,
+      title: e.title,
+      text: e.text,
       alwaysVisible: !0,
       for: this.uuid,
       class: this.getClassList(i)
     }), this.tooltipInstance.mount(this.tooltipContainer), setTimeout(() => {
-      var r;
-      if ((r = this.tooltipContainer) != null && r.firstChild) {
+      var s;
+      if ((s = this.tooltipContainer) != null && s.firstChild) {
         n.setAttribute("aria-describedby", this.uuid);
-        const s = this.getPositionStyle(n, i);
-        this.tooltipContainer.firstChild.setAttribute("style", s);
+        const l = this.getPositionStyle(n, i);
+        this.tooltipContainer.firstChild.setAttribute("style", l);
       }
     }, 100);
   }
@@ -1836,8 +1838,11 @@ class Lo {
 }
 const bn = new Lo(), us = (t, n) => {
   if (!bn.getTooltipContainer()) {
-    const e = Object.keys(n.modifiers)[0] || n.arg;
-    bn.createTooltip(t, n.value, e);
+    const e = Object.keys(n.modifiers)[0] || n.arg, i = {
+      title: n.value.title || "",
+      text: typeof n.value == "object" ? n.value.text : n.value
+    };
+    bn.createTooltip(t, i, e);
   }
 }, ds = (t, n) => {
   const e = bn.getId();
@@ -1948,16 +1953,17 @@ function gs(t, n, e, i, o, r) {
     }, [
       ae("div", null, [
         De((G(), ne("button", {
-          class: "sorting-label",
+          class: ve(["sorting-label", { "sorting-label-active": o.isOpenToggleTip }]),
           type: "button",
-          onClick: n[0] || (n[0] = (h) => o.isOpenToggleTip = !0)
+          onClick: n[0] || (n[0] = (h) => o.isOpenToggleTip = !o.isOpenToggleTip)
         }, [
           Ge($e(e.title), 1)
-        ])), [
+        ], 2)), [
           [f, e.tooltipText, e.tooltipPosition]
         ]),
         r.hasToggleTip ? (G(), ke(s, {
           key: 0,
+          position: "bottom-center",
           "is-open": o.isOpenToggleTip,
           title: e.toggleTipTitle,
           onClose: n[1] || (n[1] = (h) => o.isOpenToggleTip = !1)
@@ -2003,7 +2009,7 @@ function gs(t, n, e, i, o, r) {
     ])
   ]);
 }
-const l1 = /* @__PURE__ */ Ae(cs, [["render", gs], ["__scopeId", "data-v-ab7dc7ed"]]);
+const l1 = /* @__PURE__ */ Ae(cs, [["render", gs], ["__scopeId", "data-v-3039e16c"]]);
 const ms = {
   name: "IbBreadcrumbs",
   props: {
@@ -19844,7 +19850,13 @@ function Wh(t, n, e, i, o, r) {
   }, 8, ["fixed"]);
 }
 const w1 = /* @__PURE__ */ Ae(Yh, [["render", Wh]]), Li = new Lo(), Co = (t, n) => {
-  qo(t) && Li.createTooltip(t, n.value);
+  if (qo(t)) {
+    const e = {
+      title: n.value.title || "",
+      text: typeof n.value == "object" ? n.value.text : n.value
+    };
+    Li.createTooltip(t, e);
+  }
 }, Eo = () => {
   Li.destroyTooltip();
 }, O1 = {