@avakhula/ui 0.0.25 → 0.0.27

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as W, createElementBlock as re, normalizeStyle as Un, normalizeClass as $e, createBlock as _e, resolveDynamicComponent as br, mergeProps as Et, withCtx as be, renderSlot as Ne, withDirectives as Ve, createElementVNode as le, Fragment as at, renderList as jt, vShow as Ye, createCommentVNode as he, Transition as vi, resolveComponent as fe, toDisplayString as Ce, createVNode as me, withModifiers as $t, resolveDirective as $r, createSlots as vo, Teleport as Xo, createTextVNode as Ge, vModelDynamic as yo, withKeys as vn, pushScopeId as bo, popScopeId as $o, vModelText as _o, defineComponent as ea, onMounted as ta, onBeforeUnmount as na, ref as Ii, watch as Jr, nextTick as Di, h as ra, createStaticVNode as ia, createApp as oa } from "vue";
+import { openBlock as W, createElementBlock as re, normalizeStyle as Un, normalizeClass as $e, resolveComponent as fe, createElementVNode as le, renderSlot as Ne, createVNode as me, Transition as vi, withCtx as be, withDirectives as Ve, vShow as Ye, createBlock as _e, resolveDynamicComponent as br, mergeProps as Et, Fragment as at, renderList as jt, createCommentVNode as he, toDisplayString as Ce, withModifiers as $t, resolveDirective as $r, createSlots as vo, Teleport as Xo, createTextVNode as Ge, vModelDynamic as yo, withKeys as vn, pushScopeId as bo, popScopeId as $o, vModelText as _o, defineComponent as ea, onMounted as ta, onBeforeUnmount as na, ref as Ii, watch as Jr, nextTick as Di, h as ra, createStaticVNode as ia, createApp as oa } from "vue";
 const Ae = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [i, o] of n)
@@ -35,7 +35,84 @@ function sa(t, n, e, i, o, r) {
     ref: "icon"
   }, null, 14, la);
 }
-const et = /* @__PURE__ */ Ae(aa, [["render", sa]]), ln = {
+const et = /* @__PURE__ */ Ae(aa, [["render", sa]]);
+const ua = {
+  name: "IbAccordion",
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  watch: {
+    isOpen(t) {
+      this.isActive = t;
+    }
+  },
+  data() {
+    return {
+      isActive: this.isOpen
+    };
+  },
+  methods: {
+    onClick() {
+      this.isActive = !this.isActive, this.isActive ? this.$emit("open", this.isActive) : this.$emit("close", this.isActive);
+    },
+    enter(t) {
+      const n = getComputedStyle(t).width;
+      t.style.width = n, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto";
+      const e = getComputedStyle(t).height;
+      t.style.width = null, t.style.position = null, t.style.visibility = null, t.style.height = 0, getComputedStyle(t).height, requestAnimationFrame(() => {
+        t.style.height = e;
+      });
+    },
+    afterEnter(t) {
+      t.style.height = "auto";
+    },
+    leave(t) {
+      const n = getComputedStyle(t).height;
+      t.style.height = n, getComputedStyle(t).height, requestAnimationFrame(() => {
+        t.style.height = 0;
+      });
+    }
+  },
+  components: {
+    IbIcon: et
+  }
+}, da = { class: "accordion-content" };
+function ca(t, n, e, i, o, r) {
+  const s = fe("ib-icon");
+  return W(), re("div", {
+    class: $e(["ib-accordion", { active: o.isActive }])
+  }, [
+    le("button", {
+      class: "accordion-title",
+      onClick: n[0] || (n[0] = (...l) => r.onClick && r.onClick(...l))
+    }, [
+      Ne(t.$slots, "title", {}, void 0, !0),
+      me(s, {
+        class: "chevron-icon",
+        name: "chevron-down-outline"
+      })
+    ]),
+    me(vi, {
+      name: "expand",
+      onEnter: r.enter,
+      onAfterEnter: r.afterEnter,
+      onLeave: r.leave
+    }, {
+      default: be(() => [
+        Ve(le("div", da, [
+          Ne(t.$slots, "content", {}, void 0, !0)
+        ], 512), [
+          [Ye, o.isActive]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onEnter", "onAfterEnter", "onLeave"])
+  ], 2);
+}
+const Oh = /* @__PURE__ */ Ae(ua, [["render", ca], ["__scopeId", "data-v-4513fa96"]]), ln = {
   primary: "primary",
   secondary: "secondary",
   tertiary: "tertiary",
@@ -48,7 +125,7 @@ function _r(t) {
     n.startsWith("on") && delete t[n];
   return t;
 }
-const ua = {
+const fa = {
   name: "IbButton",
   props: {
     kind: {
@@ -129,8 +206,8 @@ const ua = {
     }
   },
   inheritAttrs: !1
-}, da = ["method", "action"], ca = ["value"], fa = ["value"], ha = ["name", "value"];
-function pa(t, n, e, i, o, r) {
+}, ha = ["method", "action"], pa = ["value"], ga = ["value"], ma = ["name", "value"];
+function va(t, n, e, i, o, r) {
   return W(), _e(br(e.href.length ? "a" : "button"), Et({
     onClick: n[0] || (n[0] = (s) => r.onClick(s))
   }, r.attrs), {
@@ -147,26 +224,26 @@ function pa(t, n, e, i, o, r) {
           type: "hidden",
           name: "_method",
           value: e.linkMethod
-        }, null, 8, ca),
+        }, null, 8, pa),
         le("input", {
           type: "hidden",
           name: "_token",
           value: r.token
-        }, null, 8, fa),
+        }, null, 8, ga),
         (W(!0), re(at, null, jt(Object.keys(e.postOptions), (s, l) => (W(), re("input", {
           key: l,
           type: "hidden",
           name: s,
           value: e.postOptions[s]
-        }, null, 8, ha))), 128))
-      ], 8, da)), [
+        }, null, 8, ma))), 128))
+      ], 8, ha)), [
         [Ye, !1]
       ]) : he("", !0)
     ]),
     _: 3
   }, 16);
 }
-const ga = /* @__PURE__ */ Ae(ua, [["render", pa]]), ma = {
+const ya = /* @__PURE__ */ Ae(fa, [["render", va]]), ba = {
   topLeft: "top-Left",
   topCenter: "top-center",
   topRight: "top-right",
@@ -180,12 +257,12 @@ const ga = /* @__PURE__ */ Ae(ua, [["render", pa]]), ma = {
   leftCenter: "left-center",
   leftBottom: "left-bottom"
 };
-const va = {
+const $a = {
   name: "IbPopover",
   props: {
     position: {
       type: String,
-      default: ma.topCenter
+      default: ba.topCenter
     }
   },
   data() {
@@ -217,7 +294,7 @@ const va = {
     this.parentNode.removeEventListener("focus", this.showPopover, !0), this.parentNode.removeEventListener("blur", this.hidePopover, !0), this.parentNode.removeEventListener("mouseover", this.showPopover, !0), this.parentNode.removeEventListener("mouseleave", this.hidePopover, !0);
   }
 };
-function ya(t, n, e, i, o, r) {
+function _a(t, n, e, i, o, r) {
   return W(), _e(vi, null, {
     default: be(() => [
       Ve(le("div", {
@@ -231,8 +308,8 @@ function ya(t, n, e, i, o, r) {
     _: 3
   });
 }
-const ba = /* @__PURE__ */ Ae(va, [["render", ya], ["__scopeId", "data-v-be16c20c"]]);
-const $a = {
+const wa = /* @__PURE__ */ Ae($a, [["render", _a], ["__scopeId", "data-v-be16c20c"]]);
+const Oa = {
   name: "IbTooltip",
   props: {
     position: {
@@ -245,22 +322,22 @@ const $a = {
       type: String
     }
   },
-  components: { IbPopover: ba }
-}, _a = { key: 0 };
-function wa(t, n, e, i, o, r) {
+  components: { IbPopover: wa }
+}, ka = { key: 0 };
+function Ca(t, n, e, i, o, r) {
   const s = fe("ib-popover");
   return W(), _e(s, {
     position: e.position,
     class: "ib-tooltip"
   }, {
     default: be(() => [
-      e.title ? (W(), re("b", _a, Ce(e.title), 1)) : he("", !0),
+      e.title ? (W(), re("b", ka, Ce(e.title), 1)) : he("", !0),
       le("p", null, Ce(e.text), 1)
     ]),
     _: 1
   }, 8, ["position"]);
 }
-const Qt = /* @__PURE__ */ Ae($a, [["render", wa], ["__scopeId", "data-v-5289283c"]]), Pi = {
+const Qt = /* @__PURE__ */ Ae(Oa, [["render", Ca], ["__scopeId", "data-v-5289283c"]]), Pi = {
   [ln.primary]: ln.primary,
   [ln.tertiary]: ln.tertiary,
   [ln.ghost]: ln.ghost,
@@ -270,7 +347,7 @@ const Qt = /* @__PURE__ */ Ae($a, [["render", wa], ["__scopeId", "data-v-5289283
   s: "s",
   m: "m"
 };
-const Oa = {
+const Ea = {
   name: "IbIconButton",
   props: {
     kind: {
@@ -327,12 +404,12 @@ const Oa = {
     }
   },
   components: {
-    IbButton: ga,
+    IbButton: ya,
     IbTooltip: Qt
   },
   inheritAttrs: !1
 };
-function ka(t, n, e, i, o, r) {
+function Sa(t, n, e, i, o, r) {
   const s = fe("ib-tooltip"), l = fe("ib-button");
   return W(), _e(l, Et({ onClick: r.onClick }, r.attrs, {
     href: e.href,
@@ -350,13 +427,13 @@ function ka(t, n, e, i, o, r) {
     _: 3
   }, 16, ["onClick", "href", "kind", "disabled", "tabindex"]);
 }
-const At = /* @__PURE__ */ Ae(Oa, [["render", ka]]), rr = {
+const At = /* @__PURE__ */ Ae(Ea, [["render", Sa]]), rr = {
   alert: "alert",
   warning: "warning",
   info: "info",
   success: "success"
 };
-const Ca = {
+const xa = {
   name: "IbAlert",
   props: {
     type: {
@@ -408,33 +485,33 @@ const Ca = {
     IbIcon: et,
     IbIconButton: At
   }
-}, Ea = {
+}, Aa = {
   ref: "content",
   class: "content"
-}, Sa = { class: "content-head" }, xa = {
+}, Ta = { class: "content-head" }, Na = {
   key: 1,
   class: "ib-alert-title"
-}, Aa = { class: "text-content" }, Ta = { class: "link" };
-function Na(t, n, e, i, o, r) {
+}, Ia = { class: "text-content" }, Da = { class: "link" };
+function Pa(t, n, e, i, o, r) {
   var d;
   const s = fe("ib-icon"), l = fe("ib-icon-button");
   return W(), re("div", {
     role: "alert",
     class: $e(r.classes)
   }, [
-    le("div", Ea, [
-      le("span", Sa, [
+    le("div", Aa, [
+      le("span", Ta, [
         e.showIcon ? (W(), _e(s, {
           key: 0,
           class: "ib-alert-icon",
           name: r.iconName
         }, null, 8, ["name"])) : he("", !0),
-        (d = e.title) != null && d.length ? (W(), re("b", xa, Ce(e.title), 1)) : he("", !0)
+        (d = e.title) != null && d.length ? (W(), re("b", Na, Ce(e.title), 1)) : he("", !0)
       ]),
-      le("span", Aa, [
+      le("span", Ia, [
         Ne(t.$slots, "default", {}, void 0, !0)
       ]),
-      le("div", Ta, [
+      le("div", Da, [
         Ne(t.$slots, "link", {}, void 0, !0)
       ])
     ], 512),
@@ -454,84 +531,7 @@ function Na(t, n, e, i, o, r) {
     }, 8, ["onClick"])) : he("", !0)
   ], 2);
 }
-const $n = /* @__PURE__ */ Ae(Ca, [["render", Na], ["__scopeId", "data-v-b6c38dbb"]]);
-const Ia = {
-  name: "IbAccordion",
-  props: {
-    isOpen: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  watch: {
-    isOpen(t) {
-      this.isActive = t;
-    }
-  },
-  data() {
-    return {
-      isActive: this.isOpen
-    };
-  },
-  methods: {
-    onClick() {
-      this.isActive = !this.isActive, this.isActive ? this.$emit("open", this.isActive) : this.$emit("close", this.isActive);
-    },
-    enter(t) {
-      const n = getComputedStyle(t).width;
-      t.style.width = n, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto";
-      const e = getComputedStyle(t).height;
-      t.style.width = null, t.style.position = null, t.style.visibility = null, t.style.height = 0, getComputedStyle(t).height, requestAnimationFrame(() => {
-        t.style.height = e;
-      });
-    },
-    afterEnter(t) {
-      t.style.height = "auto";
-    },
-    leave(t) {
-      const n = getComputedStyle(t).height;
-      t.style.height = n, getComputedStyle(t).height, requestAnimationFrame(() => {
-        t.style.height = 0;
-      });
-    }
-  },
-  components: {
-    IbIcon: et
-  }
-}, Da = { class: "accordion-content" };
-function Pa(t, n, e, i, o, r) {
-  const s = fe("ib-icon");
-  return W(), re("div", {
-    class: $e(["ib-accordion", { active: o.isActive }])
-  }, [
-    le("button", {
-      class: "accordion-title",
-      onClick: n[0] || (n[0] = (...l) => r.onClick && r.onClick(...l))
-    }, [
-      Ne(t.$slots, "title", {}, void 0, !0),
-      me(s, {
-        class: "chevron-icon",
-        name: "chevron-down-outline"
-      })
-    ]),
-    me(vi, {
-      name: "expand",
-      onEnter: r.enter,
-      onAfterEnter: r.afterEnter,
-      onLeave: r.leave
-    }, {
-      default: be(() => [
-        Ve(le("div", Da, [
-          Ne(t.$slots, "content", {}, void 0, !0)
-        ], 512), [
-          [Ye, o.isActive]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onEnter", "onAfterEnter", "onLeave"])
-  ], 2);
-}
-const Oh = /* @__PURE__ */ Ae(Ia, [["render", Pa], ["__scopeId", "data-v-4513fa96"]]);
+const $n = /* @__PURE__ */ Ae(xa, [["render", Pa], ["__scopeId", "data-v-b6c38dbb"]]);
 const Ma = {
   name: "IbBadge",
   props: {
@@ -3368,6 +3368,9 @@ const Fs = {
       t.forEach((n) => {
         n.children && n.children.length ? this.setBookmarkedOptions(n.children) : this.initBookmarks.includes(n.id) && (this.actualBookmarkedOptions[n.id] = n);
       }), this.filter(this.filterString, t);
+    },
+    onClose() {
+      this.isMultiple ? this.$emit("close", Object.keys(this.selected)) : this.$emit("close", Object.keys(this.selected)[0]);
     }
   },
   computed: {
@@ -3439,6 +3442,7 @@ function zs(t, n, e, i, o, r) {
       disabled: o.isLoading,
       "is-resizable": e.isResizable,
       vertical: e.vertical,
+      onClose: r.onClose,
       ref: "dropdown"
     }, vo({
       body: be(() => [
@@ -3628,7 +3632,7 @@ function zs(t, n, e, i, o, r) {
         ]),
         key: "1"
       }
-    ]), 1032, ["disabled", "is-resizable", "vertical"])
+    ]), 1032, ["disabled", "is-resizable", "vertical", "onClose"])
   ]);
 }
 const Ks = /* @__PURE__ */ Ae(Fs, [["render", zs]]);
@@ -19343,14 +19347,14 @@ const Gh = /* @__PURE__ */ Ae($h, [["render", _h]]), Yh = {
         text: n.value
       }), e.mount(i), i.firstChild.setAttribute("style", "display: block"), setTimeout(() => {
         if (i.firstChild) {
-          const { top: r, left: s, width: l } = t.getBoundingClientRect(), { width: d, height: h } = i.firstChild.getBoundingClientRect(), f = `
-          left: ${s + l / 2 - d / 2}px!important;
-          top: ${r - h - 5}px!important;
-          bottom: auto!important;
-          right: auto!important;
-          transform: none!important;
-        `;
-          i.firstChild.setAttribute("style", f);
+          const { top: r, left: s, width: l } = t.getBoundingClientRect(), { width: d, height: h } = i.firstChild.getBoundingClientRect(), f = document.documentElement.scrollTop, c = `
+            left: ${s + l / 2 - d / 2}px!important;
+            top: ${r - h + f - 5}px!important;
+            bottom: auto!important;
+            right: auto!important;
+            transform: none!important;
+          `;
+          i.firstChild.setAttribute("style", c);
         }
       }, 100);
     }), t.addEventListener("mouseleave", () => {
@@ -19363,7 +19367,7 @@ export {
   $n as IbAlert,
   kh as IbBadge,
   Ph as IbBreadcrumbs,
-  ga as IbButton,
+  ya as IbButton,
   Ch as IbButtonGroup,
   bh as IbCell,
   xo as IbCheckbox,
@@ -19382,7 +19386,7 @@ export {
   Th as IbModal,
   Mh as IbPagination,
   Vh as IbPhoneInput,
-  ba as IbPopover,
+  wa as IbPopover,
   Lh as IbProgressBar,
   qh as IbRadio,
   Kh as IbRow,