@avakhula/ui 0.0.505-alpha.45 → 0.0.505-alpha.47

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as G, createElementBlock as ne, normalizeStyle as Pn, normalizeClass as me, resolveComponent as ce, createElementVNode as ae, withModifiers as et, renderSlot as Ee, createVNode as ge, Transition as Ri, withCtx as ye, withDirectives as Me, vShow as Ke, createBlock as $e, resolveDynamicComponent as Bi, mergeProps as Tt, Fragment as tt, renderList as Ut, createCommentVNode as he, toDisplayString as we, resolveDirective as bn, createSlots as ua, Teleport as rl, createTextVNode as Ge, createApp as ol, vModelDynamic as da, withKeys as $t, vModelCheckbox as al, pushScopeId as jr, popScopeId as qr, useCssVars as ll, vModelText as ca, defineComponent as sl, onMounted as ul, onBeforeUnmount as dl, ref as lo, watch as vr, nextTick as so, h as cl, createStaticVNode as fl } from "vue";
+import { openBlock as G, createElementBlock as ne, normalizeStyle as Pn, normalizeClass as ge, resolveComponent as ce, createElementVNode as ae, withModifiers as rt, renderSlot as Ee, createVNode as me, Transition as Ri, withCtx as ye, withDirectives as Me, vShow as Ke, createBlock as $e, resolveDynamicComponent as Bi, mergeProps as Tt, Fragment as et, renderList as Ut, createCommentVNode as he, toDisplayString as we, resolveDirective as bn, createSlots as ua, Teleport as rl, createTextVNode as Ge, createApp as ol, vModelDynamic as da, withKeys as $t, vModelCheckbox as al, pushScopeId as jr, popScopeId as qr, useCssVars as ll, vModelText as ca, defineComponent as sl, onMounted as ul, onBeforeUnmount as dl, ref as lo, watch as vr, nextTick as so, h as cl, createStaticVNode as fl } from "vue";
 const Ae = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [r, o] of n)
@@ -31,7 +31,7 @@ function gl(t, n, e, r, o, i) {
   return G(), ne("ion-icon", {
     style: Pn(e.styles),
     name: e.name,
-    class: me(e.classes + " ib-icon icon-" + e.name),
+    class: ge(e.classes + " ib-icon icon-" + e.name),
     ref: "icon"
   }, null, 14, pl);
 }
@@ -92,7 +92,7 @@ const ml = {
 function _l(t, n, e, r, o, i) {
   const a = ce("ib-icon");
   return G(), ne("div", {
-    class: me(["ib-accordion", { active: o.isActive }])
+    class: ge(["ib-accordion", { active: o.isActive }])
   }, [
     ae("button", {
       class: "accordion-title",
@@ -100,15 +100,15 @@ function _l(t, n, e, r, o, i) {
       "aria-controls": "accordion-section-" + o.uuid,
       "aria-expanded": o.isActive,
       type: "button",
-      onClick: n[0] || (n[0] = et((...l) => i.onClick && i.onClick(...l), ["prevent"]))
+      onClick: n[0] || (n[0] = rt((...l) => i.onClick && i.onClick(...l), ["prevent"]))
     }, [
       Ee(t.$slots, "title", {}, void 0, !0),
-      ge(a, {
+      me(a, {
         class: "chevron-icon",
         name: "chevron-down-outline"
       })
     ], 8, vl),
-    ge(Ri, {
+    me(Ri, {
       name: "expand",
       onEnter: t.enter,
       onAfterEnter: t.afterEnter,
@@ -132,7 +132,7 @@ function _l(t, n, e, r, o, i) {
     }, 8, ["onEnter", "onAfterEnter", "onLeave"])
   ], 2);
 }
-const D0 = /* @__PURE__ */ Ae(ml, [["render", _l], ["__scopeId", "data-v-8ece19c1"]]), gn = {
+const L0 = /* @__PURE__ */ Ae(ml, [["render", _l], ["__scopeId", "data-v-8ece19c1"]]), gn = {
   primary: "primary",
   secondary: "secondary",
   tertiary: "tertiary",
@@ -258,7 +258,7 @@ function El(t, n, e, r, o, i) {
           name: "_token",
           value: i.token
         }, null, 8, Cl),
-        (G(!0), ne(tt, null, Ut(Object.keys(e.postOptions), (a, l) => (G(), ne("input", {
+        (G(!0), ne(et, null, Ut(Object.keys(e.postOptions), (a, l) => (G(), ne("input", {
           key: l,
           type: "hidden",
           name: a,
@@ -990,7 +990,7 @@ function as(t, n, e, r, o, i) {
     default: ye(() => [
       Me(ae("div", {
         ref: "popover",
-        class: me(i.classes)
+        class: ge(i.classes)
       }, [
         Ee(t.$slots, "default", {}, void 0, !0)
       ], 2), [
@@ -1031,7 +1031,7 @@ function ds(t, n, e, r, o, i) {
   return G(), $e(a, {
     position: e.position,
     "always-visible": e.alwaysVisible,
-    class: me(i.classList)
+    class: ge(i.classList)
   }, {
     default: ye(() => [
       e.title ? (G(), ne("b", us, we(e.title), 1)) : he("", !0),
@@ -1208,7 +1208,7 @@ function bs(t, n, e, r, o, i) {
   const a = ce("ib-icon"), l = ce("ib-icon-button");
   return G(), ne("div", {
     role: "alert",
-    class: me(i.classes)
+    class: ge(i.classes)
   }, [
     ae("div", ps, [
       ae("span", gs, [
@@ -1234,7 +1234,7 @@ function bs(t, n, e, r, o, i) {
       onClick: i.close
     }, {
       default: ye(() => [
-        ge(a, {
+        me(a, {
           class: "close-button-icon",
           name: "close-outline"
         })
@@ -1299,26 +1299,26 @@ function Cs(t, n, e, r, o, i) {
   const a = ce("ib-icon");
   return e.src && !e.userAvatar ? (G(), ne("img", {
     key: 0,
-    class: me(i.classList),
+    class: ge(i.classList),
     src: e.src,
     alt: e.firstName + "" + e.lastName
   }, null, 10, Os)) : e.src && e.userAvatar ? (G(), ne("div", {
     key: 1,
-    class: me(["user-avatar", i.classList]),
+    class: ge(["user-avatar", i.classList]),
     style: Pn({
       backgroundImage: "url(" + e.src + ")"
     })
   }, null, 6)) : i.validateName ? (G(), ne("div", {
     key: 3,
-    class: me([i.classList, "default-avatar"])
+    class: ge([i.classList, "default-avatar"])
   }, we(i.initials), 3)) : (G(), ne("div", {
     key: 2,
-    class: me(["empty-avatar", i.classList])
+    class: ge(["empty-avatar", i.classList])
   }, [
-    ge(a, { name: "camera-outline" })
+    me(a, { name: "camera-outline" })
   ], 2));
 }
-const L0 = /* @__PURE__ */ Ae(ws, [["render", Cs], ["__scopeId", "data-v-63abd28e"]]);
+const R0 = /* @__PURE__ */ Ae(ws, [["render", Cs], ["__scopeId", "data-v-63abd28e"]]);
 const ks = {
   name: "IbBadge",
   props: {
@@ -1339,10 +1339,10 @@ const ks = {
 };
 function Es(t, n, e, r, o, i) {
   return G(), ne("span", {
-    class: me(i.classes)
+    class: ge(i.classes)
   }, we(i.normalizeContent), 3);
 }
-const R0 = /* @__PURE__ */ Ae(ks, [["render", Es], ["__scopeId", "data-v-328df75a"]]);
+const B0 = /* @__PURE__ */ Ae(ks, [["render", Es], ["__scopeId", "data-v-328df75a"]]);
 const xs = {
   name: "IbButtonGroup"
 }, Ts = { class: "ib-button-group" };
@@ -1351,7 +1351,7 @@ function Ss(t, n, e, r, o, i) {
     Ee(t.$slots, "default")
   ]);
 }
-const B0 = /* @__PURE__ */ Ae(xs, [["render", Ss]]), xn = {
+const j0 = /* @__PURE__ */ Ae(xs, [["render", Ss]]), xn = {
   success: "success",
   neutral: "neutral",
   info: "info",
@@ -1397,7 +1397,7 @@ const As = {
 function Ns(t, n, e, r, o, i) {
   const a = ce("ib-icon");
   return G(), ne("div", {
-    class: me(i.classes)
+    class: ge(i.classes)
   }, [
     e.showIcon && i.iconName.length ? (G(), $e(a, {
       key: 0,
@@ -1408,7 +1408,7 @@ function Ns(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const j0 = /* @__PURE__ */ Ae(As, [["render", Ns], ["__scopeId", "data-v-3604890c"]]), Is = {
+const q0 = /* @__PURE__ */ Ae(As, [["render", Ns], ["__scopeId", "data-v-3604890c"]]), Is = {
   topLeft: "top-left",
   topCenter: "top-center",
   topRight: "top-right",
@@ -1476,17 +1476,17 @@ function Rs(t, n, e, r, o, i) {
   return G(), $e(Ri, null, {
     default: ye(() => [
       Me(ae("div", {
-        class: me(i.classes)
+        class: ge(i.classes)
       }, [
         ae("div", Ms, [
           ae("p", null, we(e.title), 1),
-          ge(l, {
+          me(l, {
             class: "close-button",
             kind: "ghost",
-            onClick: et(i.close, ["prevent"])
+            onClick: rt(i.close, ["prevent"])
           }, {
             default: ye(() => [
-              ge(a, { name: "close-outline" })
+              me(a, { name: "close-outline" })
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -1658,16 +1658,16 @@ function Xs(t, n, e, r, o, i) {
   return Me((G(), ne("div", Zs, [
     i.hasTrigger && e.triggerType === "click" ? (G(), ne("span", {
       key: 0,
-      class: me(["dropdown-trigger", i.triggerClasses]),
+      class: ge(["dropdown-trigger", i.triggerClasses]),
       ref: "dropdown",
       onKeydown: n[0] || (n[0] = (...l) => i.onKeydown && i.onKeydown(...l)),
-      onClick: n[1] || (n[1] = et((...l) => i.toggle && i.toggle(...l), ["prevent", "stop"]))
+      onClick: n[1] || (n[1] = rt((...l) => i.toggle && i.toggle(...l), ["prevent", "stop"]))
     }, [
       Ee(t.$slots, "trigger", { isOpened: o.isOpenedState }, void 0, !0)
     ], 34)) : he("", !0),
     i.hasTrigger && e.triggerType === "hover" ? (G(), ne("span", {
       key: 1,
-      class: me(["dropdown-trigger", i.triggerClasses]),
+      class: ge(["dropdown-trigger", i.triggerClasses]),
       onMouseenter: n[2] || (n[2] = (...l) => i.debouncedOpen && i.debouncedOpen(...l)),
       onMouseleave: n[3] || (n[3] = (...l) => i.debouncedClose && i.debouncedClose(...l))
     }, [
@@ -1676,7 +1676,7 @@ function Xs(t, n, e, r, o, i) {
     !e.destroyOnHide || o.isOpenedState ? Me((G(), ne("div", {
       key: 2,
       ref: "body",
-      class: me("ib-dropdown-menu " + i.classes)
+      class: ge("ib-dropdown-menu " + i.classes)
     }, [
       ae("div", {
         class: "dropdown-body",
@@ -1763,7 +1763,7 @@ const Qs = {
 };
 function eu(t, n, e, r, o, i) {
   return G(), ne("ul", {
-    class: me(o.rootClass),
+    class: ge(o.rootClass),
     onKeydown: n[0] || (n[0] = (...a) => i.onKeydown && i.onKeydown(...a))
   }, [
     Ee(t.$slots, "default")
@@ -1816,7 +1816,7 @@ const tu = {
 function iu(t, n, e, r, o, i) {
   const a = ce("ib-list"), l = ce("ib-dropdown");
   return G(), ne("div", nu, [
-    ge(l, Tt({
+    me(l, Tt({
       horizontal: e.horizontal,
       vertical: e.vertical,
       isOpened: e.isOpened,
@@ -1827,7 +1827,7 @@ function iu(t, n, e, r, o, i) {
       onAll: i.proxyEvents
     }), ua({
       body: ye(({ isOpened: u }) => [
-        ge(a, {
+        me(a, {
           ref: "list",
           class: "list"
         }, {
@@ -1961,7 +1961,7 @@ const uu = {
 function pu(t, n, e, r, o, i) {
   const a = ce("ib-icon"), l = ce("ib-dropdown-list");
   return G(), ne("div", {
-    class: me(i.classes)
+    class: ge(i.classes)
   }, [
     o.isLink ? (G(), ne("a", Tt({
       key: 1,
@@ -1974,7 +1974,7 @@ function pu(t, n, e, r, o, i) {
       disabled: e.disabled,
       class: "split-button-main"
     }, o.mainButtonAttrs), we(o.content), 17, du)),
-    ge(l, {
+    me(l, {
       disabled: e.disabled,
       closeOnClick: !0
     }, {
@@ -1983,7 +1983,7 @@ function pu(t, n, e, r, o, i) {
           disabled: e.disabled,
           class: "split-button-menu-trigger"
         }, [
-          ge(a, { name: "chevron-down-outline" })
+          me(a, { name: "chevron-down-outline" })
         ], 8, fu)
       ]),
       body: ye(() => [
@@ -1995,7 +1995,7 @@ function pu(t, n, e, r, o, i) {
     }, 8, ["disabled"])
   ], 2);
 }
-const q0 = /* @__PURE__ */ Ae(uu, [["render", pu]]);
+const F0 = /* @__PURE__ */ Ae(uu, [["render", pu]]);
 const gu = {
   props: {
     href: {
@@ -2018,7 +2018,7 @@ function mu(t, n, e, r, o, i) {
     _: 3
   }, 16);
 }
-const F0 = /* @__PURE__ */ Ae(gu, [["render", mu], ["__scopeId", "data-v-4cf00feb"]]), Xt = {
+const H0 = /* @__PURE__ */ Ae(gu, [["render", mu], ["__scopeId", "data-v-4cf00feb"]]), Xt = {
   S: "s",
   M: "m",
   L: "l",
@@ -2141,7 +2141,7 @@ const vu = {
 };
 function _u(t, n, e, r, o, i) {
   const a = ce("ib-icon"), l = ce("ib-icon-button"), u = bn("outside");
-  return G(), ne(tt, null, [
+  return G(), ne(et, null, [
     i.hasTrigger ? (G(), ne("div", {
       key: 0,
       class: "modal-trigger",
@@ -2153,11 +2153,11 @@ function _u(t, n, e, r, o, i) {
     ], 544)) : he("", !0),
     (G(), $e(rl, { to: "body" }, [
       Me(ae("div", {
-        class: me(["modal", e.classList]),
+        class: ge(["modal", e.classList]),
         ref: "modal"
       }, [
         Me((G(), ne("div", {
-          class: me(i.bodyClassList),
+          class: ge(i.bodyClassList),
           style: Pn(i.bodyStyles)
         }, [
           e.showCloseButton ? (G(), $e(l, {
@@ -2167,7 +2167,7 @@ function _u(t, n, e, r, o, i) {
             onClick: i.close
           }, {
             default: ye(() => [
-              ge(a, { name: "close-outline" })
+              me(a, { name: "close-outline" })
             ]),
             _: 1
           }, 8, ["onClick"])) : he("", !0),
@@ -2175,7 +2175,7 @@ function _u(t, n, e, r, o, i) {
             Ee(t.$slots, "header", { showModal: i.showModal }, void 0, !0)
           ])) : he("", !0),
           ae("div", {
-            class: me(["modal-content", { "without-title": !i.hasHeader }])
+            class: ge(["modal-content", { "without-title": !i.hasHeader }])
           }, [
             Ee(t.$slots, "body", { showModal: i.showModal }, void 0, !0)
           ], 2),
@@ -2191,7 +2191,7 @@ function _u(t, n, e, r, o, i) {
     ]))
   ], 64);
 }
-const H0 = /* @__PURE__ */ Ae(vu, [["render", _u], ["__scopeId", "data-v-e1683e53"]]);
+const V0 = /* @__PURE__ */ Ae(vu, [["render", _u], ["__scopeId", "data-v-e1683e53"]]);
 function Aa(t) {
   return "#" + t.toLowerCase().replace(/ /g, "-");
 }
@@ -2241,29 +2241,29 @@ const $u = {
 function Cu(t, n, e, r, o, i) {
   const a = ce("ib-icon"), l = ce("ib-dropdown-item"), u = ce("ib-dropdown-list");
   return G(), ne("div", wu, [
-    ge(u, {
+    me(u, {
       disabled: o.isDisabledDropdown,
       "close-on-click": !0
     }, {
       trigger: ye(() => [
         ae("span", {
-          class: me(["tab-link", {
+          class: ge(["tab-link", {
             active: o.selectedTabByDropdown === e.selectedTab || i.isActive,
             disabled: o.isDisabledDropdown
           }]),
           tabindex: o.isDisabledDropdown ? -1 : 0
         }, [
           Ge(we(e.tabs.name) + " ", 1),
-          ge(a, { name: "chevron-down" })
+          me(a, { name: "chevron-down" })
         ], 10, Ou)
       ]),
       body: ye(() => [
-        (G(!0), ne(tt, null, Ut(e.tabs.tabs, (f, h) => (G(), $e(l, {
+        (G(!0), ne(et, null, Ut(e.tabs.tabs, (f, h) => (G(), $e(l, {
           key: h,
           checked: f.id === e.selectedTab,
           href: i.createHref(f.id),
           tabindex: f.disabled ? -1 : 0,
-          class: me([{
+          class: ge([{
             disabled: f.disabled
           }, "dropdown-tab-item"]),
           target: "_self",
@@ -2352,7 +2352,7 @@ function Iu(t, n, e, r, o, i) {
   const a = ce("ib-tab-dropdown");
   return G(), ne("div", xu, [
     ae("ul", Tu, [
-      (G(!0), ne(tt, null, Ut(o.tabs, (l, u) => (G(), ne("li", {
+      (G(!0), ne(et, null, Ut(o.tabs, (l, u) => (G(), ne("li", {
         class: "tab-item",
         key: u
       }, [
@@ -2363,7 +2363,7 @@ function Iu(t, n, e, r, o, i) {
           onSelectTab: i.selectTab
         }, null, 8, ["selected-tab", "tabs", "onSelectTab"])) : (G(), ne("div", Su, [
           ae("a", {
-            class: me(["tab-link", {
+            class: ge(["tab-link", {
               active: o.selectedTab === l.id,
               disabled: l.disabled
             }]),
@@ -2380,7 +2380,7 @@ function Iu(t, n, e, r, o, i) {
     ], 512)
   ]);
 }
-const V0 = /* @__PURE__ */ Ae(Eu, [["render", Iu], ["__scopeId", "data-v-47d103be"]]), Pu = {
+const U0 = /* @__PURE__ */ Ae(Eu, [["render", Iu], ["__scopeId", "data-v-47d103be"]]), Pu = {
   name: "IbTab",
   props: {
     title: {
@@ -2417,7 +2417,7 @@ function Mu(t, n, e, r, o, i) {
     [Ke, i.isTabActive]
   ]);
 }
-const U0 = /* @__PURE__ */ Ae(Pu, [["render", Mu]]), Du = {
+const z0 = /* @__PURE__ */ Ae(Pu, [["render", Mu]]), Du = {
   LIST_VIEW: "list-sorting",
   GRID_VIEW: "grid-sorting",
   TABLE_VIEW: "table-sorting"
@@ -2682,14 +2682,14 @@ function Vu(t, n, e, r, o, i) {
   return G(), ne("div", qu, [
     e.view === o.sortingTypesView.TABLE_VIEW ? (G(), ne("div", {
       key: 0,
-      class: me(["table-sorting-wrapper", {
+      class: ge(["table-sorting-wrapper", {
         active: o.currentTypeSort,
         disabled: e.disable
       }])
     }, [
       ae("div", null, [
         Me((G(), ne("button", {
-          class: me(["sorting-label", {
+          class: ge(["sorting-label", {
             "sorting-label-active": o.isOpenToggleTip && i.hasToggleTip,
             "has-action": ((h = e.tooltipText) == null ? void 0 : h.length) || i.hasToggleTip
           }]),
@@ -2731,7 +2731,7 @@ function Vu(t, n, e, r, o, i) {
       ])
     ], 2)) : Me((G(), ne("button", {
       key: 1,
-      class: me(["sorting-button", {
+      class: ge(["sorting-button", {
         active: o.currentTypeSort,
         disabled: e.disable
       }]),
@@ -2749,7 +2749,7 @@ function Vu(t, n, e, r, o, i) {
     ])
   ]);
 }
-const z0 = /* @__PURE__ */ Ae(ju, [["render", Vu], ["__scopeId", "data-v-a4394881"]]);
+const K0 = /* @__PURE__ */ Ae(ju, [["render", Vu], ["__scopeId", "data-v-a4394881"]]);
 const Uu = {
   name: "IbBreadcrumbs",
   props: {
@@ -2784,8 +2784,8 @@ function Zu(t, n, e, r, o, i) {
   const a = ce("ib-icon"), l = ce("ib-tooltip"), u = ce("ib-icon-button"), f = ce("ib-dropdown-item"), h = ce("ib-dropdown-list");
   return G(), ne("nav", zu, [
     ae("ul", Ku, [
-      (G(!0), ne(tt, null, Ut(e.items, (c, s) => (G(), ne("li", {
-        class: me(["breadcrumb-item", s === i.last ? "active" : ""]),
+      (G(!0), ne(et, null, Ut(e.items, (c, s) => (G(), ne("li", {
+        class: ge(["breadcrumb-item", s === i.last ? "active" : ""]),
         "aria-current": "page",
         key: s
       }, [
@@ -2800,9 +2800,9 @@ function Zu(t, n, e, r, o, i) {
           horizontal: "center"
         }, {
           trigger: ye(() => [
-            ge(u, { kind: "ghost" }, {
+            me(u, { kind: "ghost" }, {
               default: ye(() => [
-                ge(a, { name: "ellipsis-horizontal-sharp" }),
+                me(a, { name: "ellipsis-horizontal-sharp" }),
                 e.tooltipTextContext ? (G(), $e(l, {
                   key: 0,
                   text: e.tooltipTextContext
@@ -2812,7 +2812,7 @@ function Zu(t, n, e, r, o, i) {
             })
           ]),
           body: ye(() => [
-            (G(!0), ne(tt, null, Ut(i.setItemsContextMenu, (d, b) => (G(), $e(f, { key: b }, {
+            (G(!0), ne(et, null, Ut(i.setItemsContextMenu, (d, b) => (G(), $e(f, { key: b }, {
               default: ye(() => [
                 ae("a", {
                   class: "context-breadcrums",
@@ -2832,7 +2832,7 @@ function Zu(t, n, e, r, o, i) {
     ])
   ]);
 }
-const K0 = /* @__PURE__ */ Ae(Uu, [["render", Zu], ["__scopeId", "data-v-5ef772a9"]]);
+const G0 = /* @__PURE__ */ Ae(Uu, [["render", Zu], ["__scopeId", "data-v-5ef772a9"]]);
 const Ju = {
   name: "IbLabel",
   props: {
@@ -2881,7 +2881,7 @@ const Ju = {
 function ed(t, n, e, r, o, i) {
   const a = ce("ib-icon"), l = ce("ib-icon-button"), u = bn("tooltip");
   return G(), ne("label", {
-    class: me(i.classes),
+    class: ge(i.classes),
     for: e.for
   }, [
     e.required ? (G(), ne("span", Qu, "* ")) : he("", !0),
@@ -2894,7 +2894,7 @@ function ed(t, n, e, r, o, i) {
       type: "button"
     }, {
       default: ye(() => [
-        ge(a, { name: "information-circle-outline" })
+        me(a, { name: "information-circle-outline" })
       ]),
       _: 1
     })), [
@@ -2902,7 +2902,7 @@ function ed(t, n, e, r, o, i) {
     ]) : he("", !0)
   ], 10, Xu);
 }
-const Hi = /* @__PURE__ */ Ae(Ju, [["render", ed], ["__scopeId", "data-v-524ad0fb"]]), yr = {
+const Hi = /* @__PURE__ */ Ae(Ju, [["render", ed], ["__scopeId", "data-v-4e464a62"]]), yr = {
   text: "text",
   password: "password",
   email: "email",
@@ -2980,6 +2980,9 @@ const td = {
     readonly: {
       type: Boolean,
       default: !1
+    },
+    autocomplete: {
+      type: String
     }
   },
   data() {
@@ -3060,7 +3063,7 @@ const td = {
     IbDropdown: Kr
   },
   inheritAttrs: !1
-}, nd = ["aria-invalid", "readonly", "disabled", "id"], id = { class: "settings-wrapper" };
+}, nd = ["aria-invalid", "readonly", "disabled", "id", "autocomplete"], id = { class: "settings-wrapper" };
 function rd(t, n, e, r, o, i) {
   var h, c;
   const a = ce("ib-alert"), l = ce("ib-icon"), u = ce("ib-icon-button"), f = ce("ib-dropdown");
@@ -3072,7 +3075,7 @@ function rd(t, n, e, r, o, i) {
       _: 1
     })) : he("", !0),
     ae("div", {
-      class: me(["ib-input-wrapper", { "has-settings": i.hasSettings }])
+      class: ge(["ib-input-wrapper", { "has-settings": i.hasSettings }])
     }, [
       e.showIcon ? (G(), $e(l, {
         key: 0,
@@ -3086,6 +3089,7 @@ function rd(t, n, e, r, o, i) {
         readonly: e.readonly,
         disabled: e.disabled,
         id: e.id,
+        autocomplete: e.autocomplete,
         class: i.classes,
         onInput: n[1] || (n[1] = (s) => i.onInput(s)),
         onBlur: n[2] || (n[2] = (s) => i.onBlur(s)),
@@ -3105,7 +3109,7 @@ function rd(t, n, e, r, o, i) {
         onKeypress: $t(i.clearInput, ["enter"])
       }, {
         default: ye(() => [
-          ge(l, { name: "close-outline" })
+          me(l, { name: "close-outline" })
         ]),
         _: 1
       }, 8, ["disabled", "help-text", "onClick", "onKeypress"])), [
@@ -3119,10 +3123,10 @@ function rd(t, n, e, r, o, i) {
         type: "button",
         disabled: e.readonly || e.disabled,
         "help-text": o.showPassword ? e.hidePasswordMessage : e.showPasswordMessage,
-        onClick: et(i.toggleShowPassword, ["prevent"])
+        onClick: rt(i.toggleShowPassword, ["prevent"])
       }, {
         default: ye(() => [
-          ge(l, {
+          me(l, {
             name: o.showPassword ? "eye-off-outline" : "eye-outline"
           }, null, 8, ["name"])
         ]),
@@ -3137,14 +3141,14 @@ function rd(t, n, e, r, o, i) {
         vertical: e.settingsVerticalPosition
       }, {
         trigger: ye(() => [
-          ge(u, {
+          me(u, {
             "prevent-default": "",
             "help-text": e.settingsButtonMessage,
             class: "options-trigger",
             kind: "ghost"
           }, {
             default: ye(() => [
-              ge(l, { name: "options" })
+              me(l, { name: "options" })
             ]),
             _: 1
           }, 8, ["help-text"])
@@ -3159,7 +3163,7 @@ function rd(t, n, e, r, o, i) {
     ], 2)
   ]);
 }
-const Ia = /* @__PURE__ */ Ae(td, [["render", rd], ["__scopeId", "data-v-246d454f"]]);
+const Ia = /* @__PURE__ */ Ae(td, [["render", rd], ["__scopeId", "data-v-610352e2"]]);
 const od = {
   name: "IbCheckbox",
   model: {
@@ -3265,14 +3269,14 @@ function gd(t, n, e, r, o, i) {
   const a = ce("ib-icon");
   return G(), ne("div", {
     role: "checkbox",
-    class: me(["ib-checkbox-wrapper", this.$attrs.class]),
+    class: ge(["ib-checkbox-wrapper", this.$attrs.class]),
     "aria-checked": !!o.checked
   }, [
     ae("label", Tt(i.attrs, {
       for: e.id,
       tabindex: e.disabled | e.disableFocus ? -1 : 0,
-      onClick: n[2] || (n[2] = et((...u) => i.onChange && i.onChange(...u), ["prevent", "stop"])),
-      onKeypress: n[3] || (n[3] = et((...u) => i.onChange && i.onChange(...u), ["prevent"]))
+      onClick: n[2] || (n[2] = rt((...u) => i.onChange && i.onChange(...u), ["prevent", "stop"])),
+      onKeypress: n[3] || (n[3] = rt((...u) => i.onChange && i.onChange(...u), ["prevent"]))
     }), [
       Me(ae("input", {
         tabindex: "-1",
@@ -3298,17 +3302,17 @@ function gd(t, n, e, r, o, i) {
       ae("div", dd, [
         e.labelPosition === "left" && e.label.length ? (G(), ne("span", {
           key: 0,
-          class: me(["ib-checkbox-label", { "ib-checkbox-label-left": e.labelPosition === "left" }])
+          class: ge(["ib-checkbox-label", { "ib-checkbox-label-left": e.labelPosition === "left" }])
         }, [
           e.required ? (G(), ne("span", cd, "*")) : he("", !0),
           Ge(" " + we(e.label), 1)
         ], 2)) : he("", !0),
         ae("span", fd, [
-          Me(ge(a, { name: "checkmark-sharp" }, null, 512), [
+          Me(me(a, { name: "checkmark-sharp" }, null, 512), [
             [Ke, o.checked && !i.indeterminate]
           ]),
-          Me(ge(a, {
-            class: me("checkbox-undeterminate-icon"),
+          Me(me(a, {
+            class: ge("checkbox-undeterminate-icon"),
             name: "remove-sharp"
           }, null, 512), [
             [Ke, i.indeterminate]
@@ -3410,10 +3414,10 @@ function Od(t, n, e, r, o, i) {
     role: "switch",
     "aria-checked": o.checked,
     tabindex: e.disabled ? -1 : 0,
-    class: me(i.classes),
+    class: ge(i.classes),
     onKeypress: [
-      n[2] || (n[2] = $t(et((...u) => i.onChange && i.onChange(...u), ["prevent"]), ["space"])),
-      n[3] || (n[3] = $t(et((...u) => i.onChange && i.onChange(...u), ["prevent"]), ["enter"]))
+      n[2] || (n[2] = $t(rt((...u) => i.onChange && i.onChange(...u), ["prevent"]), ["space"])),
+      n[3] || (n[3] = $t(rt((...u) => i.onChange && i.onChange(...u), ["prevent"]), ["enter"]))
     ]
   }, [
     ae("div", yd, [
@@ -3427,15 +3431,15 @@ function Od(t, n, e, r, o, i) {
           id: e.id,
           disabled: e.disabled,
           onClick: n[0] || (n[0] = (...u) => i.onChange && i.onChange(...u)),
-          onInput: n[1] || (n[1] = et(() => {
+          onInput: n[1] || (n[1] = rt(() => {
           }, ["stop"]))
         }, null, 40, _d),
         $d,
-        ge(a, {
+        me(a, {
           class: "checked-icon",
           name: "checkmark"
         }),
-        ge(a, {
+        me(a, {
           class: "unchecked-icon",
           name: "close"
         })
@@ -3497,11 +3501,11 @@ const kd = {
     }
   },
   mounted() {
-    this.option.hasOwnProperty("children") && this.option.children && this.checkParent();
+    this.option.hasOwnProperty("children") && this.option.children && this.checkParent(), this.option.showTooltipByDefault && (this.showTooltip = !0);
   },
   updated() {
     this.$nextTick(() => {
-      Ma(this.$el.querySelector(".option-label")) && (this.showTooltip = !0);
+      this.option.showTooltipByDefault ? this.showTooltip = !0 : Ma(this.$el.querySelector(".option-label")) && (this.showTooltip = !0);
     });
   },
   data() {
@@ -3605,7 +3609,7 @@ function Id(t, n, e, r, o, i) {
   const a = ce("ib-icon"), l = ce("ib-icon-button"), u = ce("select-option"), f = ce("list"), h = bn("tooltip");
   return G(), ne("li", null, [
     Me((G(), ne("div", {
-      class: me(["tree-select-option", {
+      class: ge(["tree-select-option", {
         "tree-select-option-checked": i.isChecked(e.option),
         "tree-select-option-margin": i.hasVisibleChildren,
         active: e.option.isChildrenVisible,
@@ -3618,25 +3622,25 @@ function Id(t, n, e, r, o, i) {
       "aria-selected": i.isChecked(e.option),
       "aria-label": e.option.title,
       id: "option-" + i.id,
-      onKeydown: n[3] || (n[3] = et((...c) => i.onKeydown && i.onKeydown(...c), ["self"])),
+      onKeydown: n[3] || (n[3] = rt((...c) => i.onKeydown && i.onKeydown(...c), ["self"])),
       onFocus: n[4] || (n[4] = (c) => t.$emit("onFocus", `option-${i.id}`))
     }, [
-      Me(ge(l, {
+      Me(me(l, {
         "disabled-focus": !0,
         kind: "ghost",
         class: "toggle-children",
         onClick: i.toggleChildrenVisibility
       }, {
         default: ye(() => [
-          ge(a, { name: i.iconName }, null, 8, ["name"])
+          me(a, { name: i.iconName }, null, 8, ["name"])
         ]),
         _: 1
       }, 8, ["onClick"]), [
         [Ke, i.hasVisibleChildren]
       ]),
       ae("div", {
-        onClick: n[1] || (n[1] = et((...c) => i.onChange && i.onChange(...c), ["prevent"])),
-        class: me({
+        onClick: n[1] || (n[1] = rt((...c) => i.onChange && i.onChange(...c), ["prevent"])),
+        class: ge({
           disabled: e.option.isDisabled,
           "tree-select-option-label": !0,
           "tree-select-option-has-children": i.hasVisibleChildren,
@@ -3664,18 +3668,18 @@ function Id(t, n, e, r, o, i) {
         ]),
         e.isBookmarkable ? (G(), ne("span", {
           key: 0,
-          class: me(
+          class: ge(
             "bookmarkable-option-title " + (e.isBookmarked ? "bookmarked" : "")
           )
         }, [
           i.hasChildren ? (G(), ne("span", Td, we(e.option.title), 1)) : (G(), ne("span", xd, [
             Ge(we(e.option.title) + " ", 1),
-            ge(a, {
+            me(a, {
               name: "star",
-              onClick: n[0] || (n[0] = et((c) => t.$emit("toggle-bookmark", e.option), ["stop", "prevent"]))
+              onClick: n[0] || (n[0] = rt((c) => t.$emit("toggle-bookmark", e.option), ["stop", "prevent"]))
             })
           ]))
-        ], 2)) : e.htmlTitle ? (G(), ne(tt, { key: 1 }, [
+        ], 2)) : e.htmlTitle ? (G(), ne(et, { key: 1 }, [
           i.hasChildren ? (G(), ne("span", {
             key: 1,
             class: "option-label",
@@ -3689,7 +3693,7 @@ function Id(t, n, e, r, o, i) {
       ], 2),
       i.hasChildren ? Me((G(), $e(f, { key: 0 }, {
         default: ye(() => [
-          (G(!0), ne(tt, null, Ut(e.option.children, (c) => Me((G(), $e(u, {
+          (G(!0), ne(et, null, Ut(e.option.children, (c) => Me((G(), $e(u, {
             key: c.value,
             option: c,
             name: e.name,
@@ -3709,12 +3713,12 @@ function Id(t, n, e, r, o, i) {
         [Ke, i.hasVisibleChildren && e.option.isChildrenVisible]
       ]) : he("", !0)
     ], 42, Ed)), [
-      [h, o.showTooltip ? e.option.title : ""]
+      [h, o.showTooltip ? e.option.isDisabled ? e.option.disableTooltip : e.option.title : ""]
     ])
   ]);
 }
 const Pd = /* @__PURE__ */ Ae(kd, [["render", Id]]);
-var nt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Vi(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -3728,7 +3732,7 @@ var Da = { exports: {} };
 (function(t, n) {
   (function(e, r) {
     t.exports = r();
-  })(nt, function() {
+  })(tt, function() {
     class e {
       constructor(i, a = !0, l = [], u = 5e3) {
         this.ctx = i, this.iframes = a, this.exclude = l, this.iframesTimeout = u;
@@ -4275,6 +4279,10 @@ const Ld = {
     alphabetSort: {
       type: Boolean,
       default: !1
+    },
+    disable: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -4481,7 +4489,7 @@ const Ld = {
         const e = {}, r = [];
         let o = Promise.resolve();
         typeof t == "function" ? (this.isLoading = !0, this.dependency && (t = t.bind(null, this.dependencyValue)), o = o.then(t)) : o = o.then(() => t), o.then((i) => (this.isLoading = !1, i.forEach((a) => {
-          a.initiallyVisible = typeof a.visible > "u" ? !0 : a.visible, a.visible = a.initiallyVisible, a.readonly = !!a.readonly, a.isDisabled = !1, a.checked = this.isMultiple ? this.val !== null && this.val.findIndex((l) => a.id == l) > -1 : this.val !== null && this.val == a.id, a.checked && (!this.onlyEndNodes || !a.children) && (e[a.id] = a), a.children && (this.hasTreeChildren = !0, a.isChildrenVisible = !1), r.push(
+          a.initiallyVisible = typeof a.visible > "u" ? !0 : a.visible, a.visible = a.initiallyVisible, a.readonly = !!a.readonly, a.checked = this.isMultiple ? this.val !== null && this.val.findIndex((l) => a.id == l) > -1 : this.val !== null && this.val == a.id, a.checked && (!this.onlyEndNodes || !a.children) && (e[a.id] = a), a.children && (this.hasTreeChildren = !0, a.isChildrenVisible = !1), r.push(
             new Promise((l) => {
               a.children ? this.prepare(a.children).then(
                 ([u, f]) => {
@@ -4658,7 +4666,7 @@ const Ld = {
 };
 function jd(t, n, e, r, o, i) {
   const a = ce("ib-alert"), l = ce("ib-icon"), u = ce("ib-icon-button"), f = ce("select-option"), h = ce("list"), c = ce("ib-input"), s = ce("ib-dropdown");
-  return G(), ne(tt, null, [
+  return G(), ne(et, null, [
     e.errorMessage ? (G(), $e(a, {
       key: 0,
       class: "tree-select-error"
@@ -4669,22 +4677,25 @@ function jd(t, n, e, r, o, i) {
       _: 1
     })) : he("", !0),
     ae("div", {
-      class: me(["tree-select", {
+      class: ge(["tree-select", {
         ...e.classList,
         "tree-select-custom-trigger-content": i.hasTriggerContent
       }])
     }, [
-      ge(s, {
-        disabled: o.isLoading,
+      me(s, {
+        disabled: o.isLoading || e.disable,
         "is-resizable": e.isResizable,
         vertical: o.verticalVal,
+        class: ge({
+          disable: e.disable
+        }),
         ref: "dropdown",
         onClose: i.onClose,
         onOpen: i.onOpen
       }, ua({
         body: ye(() => [
           ae("div", {
-            class: me(["tree-drop", { "not-tree-child": !o.hasTreeChildren }]),
+            class: ge(["tree-drop", { "not-tree-child": !o.hasTreeChildren }]),
             style: Pn(i.treeDropPos)
           }, [
             e.isResizable ? (G(), ne("div", {
@@ -4699,10 +4710,10 @@ function jd(t, n, e, r, o, i) {
             }, null, 32)) : he("", !0),
             Object.keys(o.actualBookmarkedOptions).length > 0 ? (G(), $e(h, {
               key: 2,
-              class: me({ "has-hierarchy": i.hasHierarchy })
+              class: ge({ "has-hierarchy": i.hasHierarchy })
             }, {
               default: ye(() => [
-                (G(!0), ne(tt, null, Ut(o.actualBookmarkedOptions, (d) => (G(), $e(f, {
+                (G(!0), ne(et, null, Ut(o.actualBookmarkedOptions, (d) => (G(), $e(f, {
                   key: "bookmark" + d.id,
                   option: d,
                   "parent-auto-check": !1,
@@ -4724,16 +4735,17 @@ function jd(t, n, e, r, o, i) {
               class: "tree-search",
               ref: "search",
               "show-icon": !0,
+              autocomplete: "off",
               value: o.filterString,
               "aria-label": e.searchPlaceholderText ? e.searchPlaceholderText : o.actualStrings.searchPlaceholder,
               placeholder: e.searchPlaceholderText ? e.searchPlaceholderText : o.actualStrings.searchPlaceholder,
               onInput: n[8] || (n[8] = (d) => i.filter(d, o.actualOptions)),
               onKeyup: $t(i.inputKeyupDown, ["down"])
             }, null, 8, ["value", "aria-label", "placeholder", "onKeyup"])) : he("", !0),
-            ge(h, {
+            me(h, {
               ref: "list",
               role: "listbox",
-              class: me({ "tree-select-list": !0, "has-hierarchy": i.hasHierarchy })
+              class: ge({ "tree-select-list": !0, "has-hierarchy": i.hasHierarchy })
             }, {
               default: ye(() => [
                 !i.requiredDependencyNotFilled && !i.visibleOptionsCount && i.hasEmptyMessage ? (G(), ne("div", Rd, [
@@ -4758,7 +4770,7 @@ function jd(t, n, e, r, o, i) {
                   "only-end-nodes": e.onlyEndNodes,
                   "show-input": e.showInputs
                 }, null, 8, ["option", "name", "parent-auto-check", "is-multiple", "onCheck", "onToggleBookmark", "uid", "only-end-nodes", "show-input"])) : he("", !0),
-                i.requiredDependencyNotFilled ? he("", !0) : (G(), ne(tt, { key: 3 }, [
+                i.requiredDependencyNotFilled ? he("", !0) : (G(), ne(et, { key: 3 }, [
                   e.allOptions && e.isMultiple && i.visibleOptionsCount && !i.requiredDependencyNotFilled ? (G(), $e(f, {
                     key: 0,
                     option: {
@@ -4781,7 +4793,7 @@ function jd(t, n, e, r, o, i) {
                     onCheck: i.manageAll,
                     onOnFocus: n[9] || (n[9] = (d) => o.focusedOptionId = d)
                   }, null, 8, ["option", "is-toggle", "name", "is-multiple", "uid", "only-end-nodes", "show-input", "onCheck"])) : he("", !0),
-                  (G(!0), ne(tt, null, Ut(o.actualOptions, (d) => Ee(t.$slots, o.actualName, {
+                  (G(!0), ne(et, null, Ut(o.actualOptions, (d) => Ee(t.$slots, o.actualName, {
                     key: e.name + d.value,
                     option: d,
                     parentAutoCheck: e.parentAutoCheck,
@@ -4791,7 +4803,7 @@ function jd(t, n, e, r, o, i) {
                     htmlTitle: e.htmlOptionTitle,
                     showInput: e.showInputs
                   }, () => [
-                    Me(ge(f, {
+                    Me(me(f, {
                       option: d,
                       "is-toggle": e.isToggle,
                       name: o.actualName,
@@ -4831,13 +4843,13 @@ function jd(t, n, e, r, o, i) {
             ae("div", {
               role: "combobox",
               tabindex: "0",
-              class: me(["tree-choice", {
+              class: ge(["tree-choice", {
                 "tree-choice-opened": d,
                 "has-clear-button": e.showClearButton,
                 "tree-choice-error": e.errorMessage
               }]),
               ref: "combobox",
-              onClick: n[2] || (n[2] = et(() => {
+              onClick: n[2] || (n[2] = rt(() => {
               }, ["prevent"])),
               onBlur: n[3] || (n[3] = (...b) => i.onBlur && i.onBlur(...b)),
               onKeyup: [
@@ -4850,36 +4862,36 @@ function jd(t, n, e, r, o, i) {
               i.hasTriggerContent ? Ee(t.$slots, "triggerContent", {
                 key: 0,
                 selectedCount: i.selectedKeys.length
-              }) : (G(), ne(tt, { key: 1 }, [
+              }) : (G(), ne(et, { key: 1 }, [
                 e.htmlOptionTitle ? (G(), ne("span", {
                   key: 0,
-                  class: me({ placeholder: !i.selectStatus }),
+                  class: ge({ placeholder: !i.selectStatus }),
                   innerHTML: i.selectStatus || e.placeholder
                 }, null, 10, ["innerHTML"])) : (G(), ne("span", {
                   key: 1,
-                  class: me({ placeholder: !i.selectStatus })
+                  class: ge({ placeholder: !i.selectStatus })
                 }, we(i.selectStatus || e.placeholder), 3))
               ], 64)),
               e.showClearButton ? Me((G(), $e(u, {
                 key: 2,
                 kind: "ghost",
                 class: "button-clear",
-                onClick: et(i.clearValue, ["prevent"]),
-                onKeypress: n[0] || (n[0] = $t(et(() => {
+                onClick: rt(i.clearValue, ["prevent"]),
+                onKeypress: n[0] || (n[0] = $t(rt(() => {
                 }, ["stop", "prevent"]), ["enter"])),
-                onKeydown: n[1] || (n[1] = $t(et(() => {
+                onKeydown: n[1] || (n[1] = $t(rt(() => {
                 }, ["stop", "prevent"]), ["enter"])),
-                onKeyup: $t(et(i.clearValue, ["prevent"]), ["enter"]),
+                onKeyup: $t(rt(i.clearValue, ["prevent"]), ["enter"]),
                 "help-text": e.clearButtonMessage
               }, {
                 default: ye(() => [
-                  ge(l, { name: "close-outline" })
+                  me(l, { name: "close-outline" })
                 ]),
                 _: 1
               }, 8, ["onClick", "onKeyup", "help-text"])), [
                 [Ke, Object.keys(o.selected).length]
               ]) : he("", !0),
-              ge(l, {
+              me(l, {
                 name: d ? "chevron-up-outline" : "chevron-down-outline",
                 classes: "tree-select-caret"
               }, null, 8, ["name"])
@@ -4887,7 +4899,7 @@ function jd(t, n, e, r, o, i) {
           ]),
           key: "1"
         }
-      ]), 1032, ["disabled", "is-resizable", "vertical", "onClose", "onOpen"])
+      ]), 1032, ["disabled", "is-resizable", "vertical", "class", "onClose", "onOpen"])
     ], 2)
   ], 64);
 }
@@ -4902,6 +4914,9 @@ const Fd = {
     value: {
       type: Number
     },
+    vertical: {
+      type: String
+    },
     options: {
       type: Array,
       default: () => [10, 25, 50, 100]
@@ -4936,20 +4951,21 @@ const Fd = {
 function Vd(t, n, e, r, o, i) {
   const a = ce("ib-label"), l = ce("ib-select");
   return G(), ne("div", Hd, [
-    ge(a, null, {
+    me(a, null, {
       default: ye(() => [
         Ge(we(e.labelSelect), 1)
       ]),
       _: 1
     }),
-    ge(l, {
+    me(l, {
       classList: "report-limit-selector-select",
       value: e.value,
+      vertical: e.vertical,
       options: i.prepareOptions,
       "is-multiple": !1,
       "show-clear-button": !1,
       onInput: i.selectItem
-    }, null, 8, ["value", "options", "onInput"])
+    }, null, 8, ["value", "vertical", "options", "onInput"])
   ]);
 }
 const Ud = /* @__PURE__ */ Ae(Fd, [["render", Vd]]);
@@ -4988,6 +5004,9 @@ const zd = {
     showPaginationInput: {
       type: Boolean,
       default: !0
+    },
+    vertical: {
+      type: String
     }
   },
   data() {
@@ -5064,21 +5083,22 @@ const zd = {
 function Xd(t, n, e, r, o, i) {
   const a = ce("ib-limit-selector"), l = ce("ib-label"), u = ce("ib-input"), f = ce("ib-icon"), h = ce("ib-tooltip"), c = ce("ib-icon-button");
   return G(), ne("div", Kd, [
-    ge(a, {
+    me(a, {
       onSelect: i.changeLimit,
       value: o.limitValue,
+      vertical: e.vertical,
       "label-select": e.labelSelect
-    }, null, 8, ["onSelect", "value", "label-select"]),
+    }, null, 8, ["onSelect", "value", "vertical", "label-select"]),
     ae("div", Gd, [
-      e.showPaginationInput ? (G(), ne(tt, { key: 0 }, [
-        ge(l, null, {
+      e.showPaginationInput ? (G(), ne(et, { key: 0 }, [
+        me(l, null, {
           default: ye(() => [
             Ge(we(e.labelInput), 1)
           ]),
           _: 1
         }),
         ae("div", Wd, [
-          ge(u, {
+          me(u, {
             type: "number",
             debounce: 500,
             onInput: i.onInput
@@ -5086,7 +5106,7 @@ function Xd(t, n, e, r, o, i) {
         ])
       ], 64)) : he("", !0),
       ae("div", Yd, we(i.setCountOfRows + " of " + e.countRows), 1),
-      ge(c, {
+      me(c, {
         kind: "tertiary",
         size: "m",
         class: "toggle-children button-prev",
@@ -5094,7 +5114,7 @@ function Xd(t, n, e, r, o, i) {
         onClick: n[0] || (n[0] = (s) => i.onSelect(o.currentPage - 1))
       }, {
         default: ye(() => [
-          ge(f, { name: "chevron-back-outline" }),
+          me(f, { name: "chevron-back-outline" }),
           e.tooltipTextPrev ? (G(), $e(h, {
             key: 0,
             text: e.tooltipTextPrev
@@ -5103,9 +5123,9 @@ function Xd(t, n, e, r, o, i) {
         _: 1
       }, 8, ["disabled"]),
       ae("ul", Zd, [
-        (G(!0), ne(tt, null, Ut(i.countPagePagination, (s, d) => Me((G(), ne("li", {
+        (G(!0), ne(et, null, Ut(i.countPagePagination, (s, d) => Me((G(), ne("li", {
           key: d,
-          class: me(["pagination-item", {
+          class: ge(["pagination-item", {
             active: d + 1 === o.currentPage,
             "dots-left": o.indexSpaceLeft === d + 1,
             "dots-right": o.indexSpaceRight === d + 1
@@ -5117,7 +5137,7 @@ function Xd(t, n, e, r, o, i) {
           [Ke, i.showItem(d + 1)]
         ])), 128))
       ]),
-      ge(c, {
+      me(c, {
         kind: "tertiary",
         size: "m",
         class: "toggle-children button-next",
@@ -5125,7 +5145,7 @@ function Xd(t, n, e, r, o, i) {
         onClick: n[1] || (n[1] = (s) => i.onSelect(o.currentPage + 1))
       }, {
         default: ye(() => [
-          ge(f, { name: "chevron-forward-outline" }),
+          me(f, { name: "chevron-forward-outline" }),
           e.tooltipTextNext ? (G(), $e(h, {
             key: 0,
             text: e.tooltipTextNext
@@ -5136,7 +5156,7 @@ function Xd(t, n, e, r, o, i) {
     ])
   ]);
 }
-const G0 = /* @__PURE__ */ Ae(zd, [["render", Xd]]), Wn = {
+const W0 = /* @__PURE__ */ Ae(zd, [["render", Xd]]), Wn = {
   PROGRESS: "progress",
   SUCCESS: "success",
   FAILED: "failed",
@@ -5177,7 +5197,7 @@ function oc(t, n, e, r, o, i) {
   const a = ce("ib-icon");
   return G(), ne("div", ec, [
     ae("div", {
-      class: me(i.classes)
+      class: ge(i.classes)
     }, [
       ae("div", {
         class: "progress",
@@ -5190,7 +5210,7 @@ function oc(t, n, e, r, o, i) {
       }, ic, 12, tc),
       rc
     ], 2),
-    Me(ge(a, {
+    Me(me(a, {
       class: "status-icon",
       name: i.iconName
     }, null, 8, ["name"]), [
@@ -5198,7 +5218,7 @@ function oc(t, n, e, r, o, i) {
     ])
   ]);
 }
-const W0 = /* @__PURE__ */ Ae(Qd, [["render", oc], ["__scopeId", "data-v-a0217859"]]), ac = {
+const Y0 = /* @__PURE__ */ Ae(Qd, [["render", oc], ["__scopeId", "data-v-a0217859"]]), ac = {
   new: `<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
   <circle id="Ellipse" cx="5.5" cy="5.5" r="5" fill="#0369E8"/>
   </svg>
@@ -5255,13 +5275,13 @@ const lc = {
 function dc(t, n, e, r, o, i) {
   return G(), ne("div", sc, [
     ae("div", {
-      class: me(["status-indicator-icon", e.type]),
+      class: ge(["status-indicator-icon", e.type]),
       innerHTML: o.icons[e.type]
     }, null, 10, uc),
     Ee(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Y0 = /* @__PURE__ */ Ae(lc, [["render", dc], ["__scopeId", "data-v-e696394e"]]);
+const Z0 = /* @__PURE__ */ Ae(lc, [["render", dc], ["__scopeId", "data-v-e696394e"]]);
 const cc = {
   name: "IbPanel",
   mixins: [fa],
@@ -5301,7 +5321,7 @@ const cc = {
 function yc(t, n, e, r, o, i) {
   const a = ce("icon"), l = ce("icon-button");
   return G(), ne("div", {
-    class: me(["ib-panel", { "panel-error": e.error }])
+    class: ge(["ib-panel", { "panel-error": e.error }])
   }, [
     ae("div", hc, [
       ae("div", pc, [
@@ -5313,7 +5333,7 @@ function yc(t, n, e, r, o, i) {
       ]),
       e.showOpenButton ? (G(), $e(l, {
         key: 0,
-        class: me({
+        class: ge({
           "toggle-visible-button": !0,
           active: o.isOpenVal
         }),
@@ -5322,12 +5342,12 @@ function yc(t, n, e, r, o, i) {
         onClick: n[0] || (n[0] = (u) => o.isOpenVal = !o.isOpenVal)
       }, {
         default: ye(() => [
-          ge(a, { name: "chevron-down-outline" })
+          me(a, { name: "chevron-down-outline" })
         ]),
         _: 1
       }, 8, ["class"])) : he("", !0)
     ]),
-    ge(Ri, {
+    me(Ri, {
       name: "expand",
       onEnter: t.enter,
       onAfterEnter: t.afterEnter,
@@ -5344,7 +5364,7 @@ function yc(t, n, e, r, o, i) {
     }, 8, ["onEnter", "onAfterEnter", "onLeave"])
   ], 2);
 }
-const Z0 = /* @__PURE__ */ Ae(cc, [["render", yc], ["__scopeId", "data-v-f28ec7e6"]]);
+const J0 = /* @__PURE__ */ Ae(cc, [["render", yc], ["__scopeId", "data-v-f28ec7e6"]]);
 const bc = {
   name: "IbInputGroup",
   props: {
@@ -5363,13 +5383,13 @@ const bc = {
 };
 function $c(t, n, e, r, o, i) {
   return G(), ne("div", {
-    class: me(["ib-form-group", { disable: e.disable }])
+    class: ge(["ib-form-group", { disable: e.disable }])
   }, [
     Ee(t.$slots, "default"),
     e.supportText.length ? (G(), ne("p", _c, we(e.supportText), 1)) : he("", !0)
   ], 2);
 }
-const J0 = /* @__PURE__ */ Ae(bc, [["render", $c]]);
+const X0 = /* @__PURE__ */ Ae(bc, [["render", $c]]);
 const Zr = {
   name: "IbInputGroup",
   props: {
@@ -5396,6 +5416,9 @@ const Zr = {
     height: {
       type: String,
       default: "290px"
+    },
+    tooltipPosition: {
+      type: String
     }
   },
   components: {
@@ -5404,7 +5427,7 @@ const Zr = {
   }
 }, ko = () => {
   ll((t) => ({
-    "1e458c95": t.height
+    f99cce84: t.height
   }));
 }, Eo = Zr.setup;
 Zr.setup = Eo ? (t, n) => (ko(), Eo(t, n)) : ko;
@@ -5412,19 +5435,20 @@ const wc = { class: "ib-checkbox-group-content" };
 function Oc(t, n, e, r, o, i) {
   const a = ce("ib-label"), l = ce("ib-alert");
   return G(), ne("div", {
-    class: me(["ib-checkbox-group", { "ib-checkbox-group-horizontal": e.horizontal }])
+    class: ge(["ib-checkbox-group", { "ib-checkbox-group-horizontal": e.horizontal }])
   }, [
     e.labelText.length ? (G(), $e(a, {
       key: 0,
       class: "ib-checkbox-group-label",
       required: e.required,
-      "info-text": e.infoText
+      "info-text": e.infoText,
+      "tooltip-position": e.tooltipPosition
     }, {
       default: ye(() => [
         Ge(we(e.labelText), 1)
       ]),
       _: 1
-    }, 8, ["required", "info-text"])) : he("", !0),
+    }, 8, ["required", "info-text", "tooltip-position"])) : he("", !0),
     e.errorMessage.length ? (G(), $e(l, {
       key: 1,
       class: "ib-error-message"
@@ -5439,14 +5463,11 @@ function Oc(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const X0 = /* @__PURE__ */ Ae(Zr, [["render", Oc]]);
+const Q0 = /* @__PURE__ */ Ae(Zr, [["render", Oc]]);
 const Cc = {
   name: "IbRadio",
-  model: {
-    prop: "isChecked",
-    event: "input"
-  },
   props: {
+    modelValue: "",
     label: String,
     error: {
       type: Boolean,
@@ -5465,37 +5486,31 @@ const Cc = {
       type: String,
       required: !0
     },
-    isChecked: {
-      type: Boolean,
-      default: !1
-    },
     disabled: {
       type: Boolean,
       default: !1
     }
   },
-  watch: {
-    isChecked(t) {
-      this.checked = t;
-    }
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      checked: !1,
+      uid: Pt()
+    };
   },
   mounted() {
-    this.$globalEvents.$on(`radio:update:${this.name}`, (t) => {
+    this.checked = this.isChecked, this.$globalEvents.$on(`radio:update:${this.name}`, (t) => {
       this.uid !== t && (this.checked = !1);
     });
   },
-  data() {
-    return {
-      checked: this.isChecked,
-      uid: Pt()
-    };
+  watch: {
+    isChecked(t) {
+      this.checked = t;
+    }
   },
   methods: {
-    onClick() {
-      this.disabled || (this.checked = !this.checked, this.$globalEvents.$emit(`radio:update:${this.name}`, this.uid), this.$emit("input", this.checked), this.$emit("change", this.checked));
-    },
-    onChange() {
-      this.disabled || (this.checked = !this.checked, this.$globalEvents.$emit(`radio:update:${this.name}`, this.uid), this.$emit("change", this.checked), this.$emit("input", this.checked));
+    checkHandler(t) {
+      this.$emit("update:modelValue", t.target.value), this.disabled || (this.checked = !this.checked, this.$globalEvents.$emit(`radio:update:${this.name}`, this.uid));
     }
   },
   computed: {
@@ -5506,9 +5521,12 @@ const Cc = {
         "radio-filled": this.checked,
         "radio-disabled": this.disabled
       };
+    },
+    isChecked() {
+      return this.modelValue === this.value;
     }
   }
-}, kc = (t) => (jr("data-v-8d1ece35"), t = t(), qr(), t), Ec = ["for", "aria-checked"], xc = ["name", "id", "value", "checked", "disabled"], Tc = /* @__PURE__ */ kc(() => /* @__PURE__ */ ae("span", { class: "ib-radio-input" }, null, -1)), Sc = {
+}, kc = (t) => (jr("data-v-1e435f06"), t = t(), qr(), t), Ec = ["for", "aria-checked"], xc = ["name", "id", "value", "checked", "disabled"], Tc = /* @__PURE__ */ kc(() => /* @__PURE__ */ ae("span", { class: "ib-radio-input" }, null, -1)), Sc = {
   key: 0,
   class: "ib-radio-label"
 };
@@ -5516,31 +5534,29 @@ function Ac(t, n, e, r, o, i) {
   var a, l;
   return G(), ne("label", {
     role: "radio",
-    class: me(i.classes),
+    class: ge(i.classes),
     for: e.id,
-    "aria-checked": o.checked
+    "aria-checked": i.isChecked
   }, [
     ae("input", {
       type: "radio",
       name: e.name,
       id: e.id,
       value: e.value,
-      checked: o.checked,
+      checked: i.isChecked,
       disabled: e.disabled,
       ref: "radio",
-      onInput: n[0] || (n[0] = et(() => {
-      }, ["stop"])),
-      onChange: n[1] || (n[1] = (...u) => i.onChange && i.onChange(...u))
+      onChange: n[0] || (n[0] = (...u) => i.checkHandler && i.checkHandler(...u))
     }, null, 40, xc),
     ae("span", {
-      class: me(["ib-radio-body", { "without-text": !((a = e.label) != null && a.length) }])
+      class: ge(["ib-radio-body", { "without-text": !((a = e.label) != null && a.length) }])
     }, [
       Tc,
       (l = e.label) != null && l.length ? (G(), ne("span", Sc, we(e.label), 1)) : he("", !0)
     ], 2)
   ], 10, Ec);
 }
-const Q0 = /* @__PURE__ */ Ae(Cc, [["render", Ac], ["__scopeId", "data-v-8d1ece35"]]);
+const ep = /* @__PURE__ */ Ae(Cc, [["render", Ac], ["__scopeId", "data-v-1e435f06"]]);
 const Nc = {
   props: {
     characterLimit: {
@@ -5561,11 +5577,11 @@ const Nc = {
 };
 function Rc(t, n, e, r, o, i) {
   return G(), ne("div", Ic, [
-    e.characterLength ? e.characterLimit > e.characterLength ? (G(), ne(tt, { key: 1 }, [
+    e.characterLength ? e.characterLimit > e.characterLength ? (G(), ne(et, { key: 1 }, [
       ae("p", Mc, we(e.characterLimit - e.characterLength), 1),
       Ge(" / "),
       ae("p", Dc, we(e.characterLimit), 1)
-    ], 64)) : e.characterLimit === e.characterLength ? (G(), ne(tt, { key: 2 }, [
+    ], 64)) : e.characterLimit === e.characterLength ? (G(), ne(et, { key: 2 }, [
       Ge("0")
     ], 64)) : (G(), ne("p", Lc, we(e.characterLimit - e.characterLength), 1)) : (G(), ne("p", Pc, "Max " + we(e.characterLimit), 1))
   ]);
@@ -5645,14 +5661,14 @@ const Bc = {
 function qc(t, n, e, r, o, i) {
   const a = ce("ib-character-count"), l = ce("ib-alert");
   return G(), ne("div", {
-    class: me(["textarea-wrapper", { disabled: e.disabled }])
+    class: ge(["textarea-wrapper", { disabled: e.disabled }])
   }, [
     e.characterLimit ? (G(), $e(a, {
       key: 0,
       "character-limit": e.characterLimit,
       "character-length": o.val.length
     }, null, 8, ["character-limit", "character-length"])) : he("", !0),
-    Me(ge(l, null, {
+    Me(me(l, null, {
       default: ye(() => [
         Ge(we(e.errorMessage), 1)
       ]),
@@ -5660,7 +5676,7 @@ function qc(t, n, e, r, o, i) {
     }, 512), [
       [Ke, e.errorMessage.length]
     ]),
-    Me(ge(l, null, {
+    Me(me(l, null, {
       default: ye(() => [
         Ge(we(e.characterLimitErrorMessage), 1)
       ]),
@@ -5679,7 +5695,7 @@ function qc(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const ep = /* @__PURE__ */ Ae(Bc, [["render", qc], ["__scopeId", "data-v-f5cb6ffd"]]);
+const tp = /* @__PURE__ */ Ae(Bc, [["render", qc], ["__scopeId", "data-v-f5cb6ffd"]]);
 var br = [
   "onChange",
   "onClose",
@@ -6155,7 +6171,7 @@ function Kc(t, n) {
     config: ft(ft({}, An), Xe.defaultConfig),
     l10n: ni
   };
-  e.parseDate = Nr({ config: e.config, l10n: e.l10n }), e._handlers = [], e.pluginElements = [], e.loadedPlugins = [], e._bind = v, e._setHoursFromDate = s, e._positionCalendar = te, e.changeMonth = A, e.changeYear = V, e.clear = B, e.close = j, e.onMouseOver = _e, e._createElement = Fe, e.createDay = T, e.destroy = W, e.isEnabled = Z, e.jumpToDate = m, e.updateValue = pt, e.open = Ie, e.redraw = re, e.set = it, e.setDate = qe, e.toggle = un;
+  e.parseDate = Nr({ config: e.config, l10n: e.l10n }), e._handlers = [], e.pluginElements = [], e.loadedPlugins = [], e._bind = v, e._setHoursFromDate = s, e._positionCalendar = te, e.changeMonth = A, e.changeYear = V, e.clear = B, e.close = j, e.onMouseOver = _e, e._createElement = Fe, e.createDay = T, e.destroy = W, e.isEnabled = Z, e.jumpToDate = m, e.updateValue = pt, e.open = Ie, e.redraw = re, e.set = nt, e.setDate = qe, e.toggle = un;
   function r() {
     e.utils = {
       getDaysInMonth: function(I, L) {
@@ -6807,7 +6823,7 @@ function Kc(t, n) {
             var cn = se();
             if (cn === void 0)
               return;
-            var rt = window.document.body.offsetWidth, Ln = Math.max(0, rt / 2 - X / 2), Rn = ".flatpickr-calendar.centerMost:before", Bn = ".flatpickr-calendar.centerMost:after", jn = cn.cssRules.length, qn = "{left:" + ve.left + "px;right:auto;}";
+            var it = window.document.body.offsetWidth, Ln = Math.max(0, it / 2 - X / 2), Rn = ".flatpickr-calendar.centerMost:before", Bn = ".flatpickr-calendar.centerMost:after", jn = cn.cssRules.length, qn = "{left:" + ve.left + "px;right:auto;}";
             mt(e.calendarContainer, "rightMost", !1), mt(e.calendarContainer, "centerMost", !0), cn.insertRule(Rn + "," + Bn + qn, jn), e.calendarContainer.style.left = Ln + "px", e.calendarContainer.style.right = "auto";
           }
       }
@@ -6877,7 +6893,7 @@ function Kc(t, n) {
       }
     ]
   };
-  function it(I, L) {
+  function nt(I, L) {
     if (I !== null && typeof I == "object") {
       Object.assign(e.config, I);
       for (var z in I)
@@ -7074,7 +7090,7 @@ var qa = { exports: {} };
 (function(t, n) {
   (function(e, r) {
     t.exports = r();
-  })(nt, function() {
+  })(tt, function() {
     /*! *****************************************************************************
     	    Copyright (c) Microsoft Corporation.
     
@@ -7350,7 +7366,7 @@ const Jc = "single", Cr = "range", Xc = {
 function sf(t, n, e, r, o, i) {
   const a = ce("ib-alert"), l = ce("ib-label"), u = ce("ib-icon");
   return G(), ne("div", {
-    class: me(["ib-flatpickr-wrapper", {
+    class: ge(["ib-flatpickr-wrapper", {
       "has-labels": e.label.length || e.endDateLabel.length,
       "has-label": e.label.length,
       "has-error": e.errorMessage.length,
@@ -7379,7 +7395,7 @@ function sf(t, n, e, r, o, i) {
           _: 1
         }, 8, ["required"])) : he("", !0),
         ae("div", {
-          class: me(["input-wrapper", { active: o.isOpen }]),
+          class: ge(["input-wrapper", { active: o.isOpen }]),
           onClick: n[0] || (n[0] = (...f) => i.open && i.open(...f))
         }, [
           ae("input", {
@@ -7387,7 +7403,7 @@ function sf(t, n, e, r, o, i) {
             ref: "date",
             class: "date-picker-input"
           }, null, 8, tf),
-          ge(u, {
+          me(u, {
             name: "today-outline",
             class: "calendar-icon"
           })
@@ -7407,7 +7423,7 @@ function sf(t, n, e, r, o, i) {
           _: 1
         }, 8, ["required"])) : he("", !0),
         ae("div", {
-          class: me(["input-wrapper", { active: o.isOpenEndDate }]),
+          class: ge(["input-wrapper", { active: o.isOpenEndDate }]),
           onClick: n[1] || (n[1] = (...f) => i.openEndDate && i.openEndDate(...f))
         }, [
           ae("input", {
@@ -7415,7 +7431,7 @@ function sf(t, n, e, r, o, i) {
             placeholder: e.endDatePlaceholder,
             ref: "toDate"
           }, null, 8, af),
-          ge(u, {
+          me(u, {
             name: "today-outline",
             class: "calendar-icon"
           })
@@ -7425,7 +7441,7 @@ function sf(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const tp = /* @__PURE__ */ Ae(Xc, [["render", sf]]), uf = [
+const np = /* @__PURE__ */ Ae(Xc, [["render", sf]]), uf = [
   [
     "Afghanistan (‫افغانستان‬‎)",
     "af",
@@ -11042,14 +11058,14 @@ const $1 = {
 function A1(t, n, e, r, o, i) {
   const a = bn("click-outside");
   return G(), ne("div", {
-    class: me(["vue-tel-input", e.styleClasses, { disabled: e.disabled }])
+    class: ge(["vue-tel-input", e.styleClasses, { disabled: e.disabled }])
   }, [
     Me((G(), ne("div", {
       "aria-label": "Country Code Selector",
       "aria-haspopup": "listbox",
       "aria-expanded": o.open,
       role: "button",
-      class: me(["vti__dropdown", { open: o.open, disabled: e.dropdownOptions.disabled }]),
+      class: ge(["vti__dropdown", { open: o.open, disabled: e.dropdownOptions.disabled }]),
       tabindex: e.dropdownOptions.tabindex,
       onKeydown: [
         n[2] || (n[2] = (...l) => i.keyboardNav && i.keyboardNav(...l)),
@@ -11062,7 +11078,7 @@ function A1(t, n, e, r, o, i) {
       ae("span", O1, [
         e.dropdownOptions.showFlags ? (G(), ne("span", {
           key: 0,
-          class: me(["vti__flag", o.activeCountryCode.toLowerCase()])
+          class: ge(["vti__flag", o.activeCountryCode.toLowerCase()])
         }, null, 2)) : he("", !0),
         e.dropdownOptions.showDialCodeInSelection ? (G(), ne("span", C1, " +" + we(i.activeCountry && i.activeCountry.dialCode), 1)) : he("", !0),
         Ee(t.$slots, "arrow-icon", { open: o.open }, () => [
@@ -11072,7 +11088,7 @@ function A1(t, n, e, r, o, i) {
       o.open ? (G(), ne("ul", {
         key: 0,
         ref: "list",
-        class: me(["vti__dropdown-list", o.dropdownOpenDirection]),
+        class: ge(["vti__dropdown-list", o.dropdownOpenDirection]),
         role: "listbox"
       }, [
         e.dropdownOptions.showSearchBox ? Me((G(), ne("input", {
@@ -11082,14 +11098,14 @@ function A1(t, n, e, r, o, i) {
           placeholder: i.sortedCountries.length ? i.sortedCountries[0].name : "",
           type: "text",
           "onUpdate:modelValue": n[0] || (n[0] = (l) => o.searchQuery = l),
-          onClick: n[1] || (n[1] = et(() => {
+          onClick: n[1] || (n[1] = rt(() => {
           }, ["stop"]))
         }, null, 8, E1)), [
           [ca, o.searchQuery]
         ]) : he("", !0),
-        (G(!0), ne(tt, null, Ut(i.sortedCountries, (l, u) => (G(), ne("li", {
+        (G(!0), ne(et, null, Ut(i.sortedCountries, (l, u) => (G(), ne("li", {
           role: "option",
-          class: me(["vti__dropdown-item", i.getItemClass(u, l.iso2)]),
+          class: ge(["vti__dropdown-item", i.getItemClass(u, l.iso2)]),
           key: l.iso2 + (l.preferred ? "-preferred" : ""),
           tabindex: "-1",
           onClick: (f) => i.choose(l),
@@ -11098,7 +11114,7 @@ function A1(t, n, e, r, o, i) {
         }, [
           e.dropdownOptions.showFlags ? (G(), ne("span", {
             key: 0,
-            class: me(["vti__flag", l.iso2.toLowerCase()])
+            class: ge(["vti__flag", l.iso2.toLowerCase()])
           }, null, 2)) : he("", !0),
           ae("strong", null, we(l.name), 1),
           e.dropdownOptions.showDialCodeInList ? (G(), ne("span", T1, " +" + we(l.dialCode), 1)) : he("", !0)
@@ -11113,7 +11129,7 @@ function A1(t, n, e, r, o, i) {
       type: e.inputOptions.type,
       autocomplete: e.inputOptions.autocomplete,
       autofocus: e.inputOptions.autofocus,
-      class: me(["vti__input", e.inputOptions.styleClasses]),
+      class: ge(["vti__input", e.inputOptions.styleClasses]),
       disabled: e.disabled,
       id: e.inputOptions.id,
       maxlength: e.inputOptions.maxlength,
@@ -11186,7 +11202,7 @@ const I1 = {
     countryChanged(t) {
       this.$globalEvents.$on("countrySelectValue", (n) => {
         this.vueTel.choose(n);
-      }), !this.phone || this.phone.length - 1 < this.dialCode.length ? this.phone = "+" + t.dialCode : this.dialCode && (this.phone = this.phone.replace(this.dialCode, t.dialCode)), this.dialCode = t.dialCode;
+      }), this.phone = "+" + t.dialCode, this.dialCode = t.dialCode;
     },
     clickOutside() {
       this.vueTel.open && this.vueTel.clickedOutside();
@@ -11195,7 +11211,7 @@ const I1 = {
 };
 function P1(t, n, e, r, o, i) {
   const a = ce("ib-alert"), l = ce("ib-icon"), u = ce("vue-tel-input"), f = bn("outside");
-  return G(), ne(tt, null, [
+  return G(), ne(et, null, [
     e.errorMessage.length ? (G(), $e(a, {
       key: 0,
       class: "ib-phone-error-message"
@@ -11220,7 +11236,7 @@ function P1(t, n, e, r, o, i) {
       ref: "vueTel"
     }), {
       "arrow-icon": ye(() => [
-        ge(l, { name: "chevron-down-outline" })
+        me(l, { name: "chevron-down-outline" })
       ]),
       _: 1
     }, 16, ["modelValue", "onCountryChanged", "input-options", "auto-default-country", "defaultCountry", "ignoredCountries", "class"])), [
@@ -11228,7 +11244,7 @@ function P1(t, n, e, r, o, i) {
     ])
   ], 64);
 }
-const np = /* @__PURE__ */ Ae(I1, [["render", P1]]);
+const ip = /* @__PURE__ */ Ae(I1, [["render", P1]]);
 var Wa = { exports: {} };
 /*!
  * Quill Editor v1.3.7
@@ -11239,7 +11255,7 @@ var Wa = { exports: {} };
 (function(t, n) {
   (function(r, o) {
     t.exports = o();
-  })(typeof self < "u" ? self : nt, function() {
+  })(typeof self < "u" ? self : tt, function() {
     return (
       /******/
       function(e) {
@@ -14122,12 +14138,12 @@ var Wa = { exports: {} };
                     if (_e.length !== 0) {
                       var xe = J.quill.getSelection();
                       if (!(xe == null || !J.quill.hasFocus())) {
-                        var Ie = J.quill.getLine(xe.index), De = a(Ie, 2), We = De[0], ze = De[1], Q = J.quill.getLeaf(xe.index), te = a(Q, 2), se = te[0], ue = te[1], re = xe.length === 0 ? [se, ue] : J.quill.getLeaf(xe.index + xe.length), Se = a(re, 2), Oe = Se[0], Te = Se[1], it = se instanceof $.default.Text ? se.value().slice(0, ue) : "", Ze = Oe instanceof $.default.Text ? Oe.value().slice(Te) : "", qe = {
+                        var Ie = J.quill.getLine(xe.index), De = a(Ie, 2), We = De[0], ze = De[1], Q = J.quill.getLeaf(xe.index), te = a(Q, 2), se = te[0], ue = te[1], re = xe.length === 0 ? [se, ue] : J.quill.getLeaf(xe.index + xe.length), Se = a(re, 2), Oe = Se[0], Te = Se[1], nt = se instanceof $.default.Text ? se.value().slice(0, ue) : "", Ze = Oe instanceof $.default.Text ? Oe.value().slice(Te) : "", qe = {
                           collapsed: xe.length === 0,
                           empty: xe.length === 0 && We.length() <= 1,
                           format: J.quill.getFormat(xe),
                           offset: ze,
-                          prefix: it,
+                          prefix: nt,
                           suffix: Ze
                         }, Dt = _e.some(function(Le) {
                           if (Le.collapsed != null && Le.collapsed !== qe.collapsed || Le.empty != null && Le.empty !== qe.empty || Le.offset != null && Le.offset !== qe.offset)
@@ -16551,7 +16567,7 @@ var Wa = { exports: {} };
             function Q(te, se) {
               var ue = [], re = !0, Se = !1, Oe = void 0;
               try {
-                for (var Te = te[Symbol.iterator](), it; !(re = (it = Te.next()).done) && (ue.push(it.value), !(se && ue.length === se)); re = !0)
+                for (var Te = te[Symbol.iterator](), nt; !(re = (nt = Te.next()).done) && (ue.push(nt.value), !(se && ue.length === se)); re = !0)
                   ;
               } catch (Ze) {
                 Se = !0, Oe = Ze;
@@ -16613,8 +16629,8 @@ var Wa = { exports: {} };
               M(this, te);
               var re = q(this, (te.__proto__ || Object.getPrototypeOf(te)).call(this, se, ue));
               return re.quill.root.addEventListener("paste", re.onPaste.bind(re)), re.container = re.quill.addContainer("ql-clipboard"), re.container.setAttribute("contenteditable", !0), re.container.setAttribute("tabindex", -1), re.matchers = [], U.concat(re.options.matchers).forEach(function(Se) {
-                var Oe = a(Se, 2), Te = Oe[0], it = Oe[1];
-                !ue.matchVisual && it === De || re.addMatcher(Te, it);
+                var Oe = a(Se, 2), Te = Oe[0], nt = Oe[1];
+                !ue.matchVisual && nt === De || re.addMatcher(Te, nt);
               }), re;
             }
             return l(te, [{
@@ -16632,7 +16648,7 @@ var Wa = { exports: {} };
                   var Se = this.container.innerText;
                   return this.container.innerHTML = "", new c.default().insert(Se, S({}, E.default.blotName, re[E.default.blotName]));
                 }
-                var Oe = this.prepareMatching(), Te = a(Oe, 2), it = Te[0], Ze = Te[1], qe = V(this.container, it, Ze);
+                var Oe = this.prepareMatching(), Te = a(Oe, 2), nt = Te[0], Ze = Te[1], qe = V(this.container, nt, Ze);
                 return H(qe, `
 `) && qe.ops[qe.ops.length - 1].attributes == null && (qe = qe.compose(new c.default().retain(qe.length() - 1).delete(1))), Y.log("convert", this.container.innerHTML, qe), this.container.innerHTML = "", qe;
               }
@@ -16663,8 +16679,8 @@ var Wa = { exports: {} };
               value: function() {
                 var ue = this, re = [], Se = [];
                 return this.matchers.forEach(function(Oe) {
-                  var Te = a(Oe, 2), it = Te[0], Ze = Te[1];
-                  switch (it) {
+                  var Te = a(Oe, 2), nt = Te[0], Ze = Te[1];
+                  switch (nt) {
                     case Node.TEXT_NODE:
                       Se.push(Ze);
                       break;
@@ -16672,7 +16688,7 @@ var Wa = { exports: {} };
                       re.push(Ze);
                       break;
                     default:
-                      [].forEach.call(ue.container.querySelectorAll(it), function(qe) {
+                      [].forEach.call(ue.container.querySelectorAll(nt), function(qe) {
                         qe[oe] = qe[oe] || [], qe[oe].push(Ze);
                       });
                       break;
@@ -18886,7 +18902,7 @@ Di.exports;
 (function(t, n) {
   var e = 200, r = "__lodash_hash_undefined__", o = 9007199254740991, i = "[object Arguments]", a = "[object Array]", l = "[object Boolean]", u = "[object Date]", f = "[object Error]", h = "[object Function]", c = "[object GeneratorFunction]", s = "[object Map]", d = "[object Number]", b = "[object Object]", v = "[object Promise]", y = "[object RegExp]", g = "[object Set]", m = "[object String]", $ = "[object Symbol]", p = "[object WeakMap]", w = "[object ArrayBuffer]", T = "[object DataView]", E = "[object Float32Array]", x = "[object Float64Array]", P = "[object Int8Array]", k = "[object Int16Array]", O = "[object Int32Array]", C = "[object Uint8Array]", S = "[object Uint8ClampedArray]", M = "[object Uint16Array]", q = "[object Uint32Array]", K = /[\\^$.*+?()[\]{}|]/g, Y = /\w*$/, oe = /^\[object .+?Constructor\]$/, U = /^(?:0|[1-9]\d*)$/, R = {};
   R[i] = R[a] = R[w] = R[T] = R[l] = R[u] = R[E] = R[x] = R[P] = R[k] = R[O] = R[s] = R[d] = R[b] = R[y] = R[g] = R[m] = R[$] = R[C] = R[S] = R[M] = R[q] = !0, R[f] = R[h] = R[p] = !1;
-  var A = typeof nt == "object" && nt && nt.Object === Object && nt, B = typeof self == "object" && self && self.Object === Object && self, j = A || B || Function("return this")(), W = n && !n.nodeType && n, H = W && !0 && t && !t.nodeType && t, D = H && H.exports === W;
+  var A = typeof tt == "object" && tt && tt.Object === Object && tt, B = typeof self == "object" && self && self.Object === Object && self, j = A || B || Function("return this")(), W = n && !n.nodeType && n, H = W && !0 && t && !t.nodeType && t, D = H && H.exports === W;
   function V(_, N) {
     return _.set(N[0], N[1]), _;
   }
@@ -18946,7 +18962,7 @@ Di.exports;
   var Q = Array.prototype, te = Function.prototype, se = Object.prototype, ue = j["__core-js_shared__"], re = function() {
     var _ = /[^.]+$/.exec(ue && ue.keys && ue.keys.IE_PROTO || "");
     return _ ? "Symbol(src)_1." + _ : "";
-  }(), Se = te.toString, Oe = se.hasOwnProperty, Te = se.toString, it = RegExp(
+  }(), Se = te.toString, Oe = se.hasOwnProperty, Te = se.toString, nt = RegExp(
     "^" + Se.call(Oe).replace(K, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   ), Ze = D ? j.Buffer : void 0, qe = j.Symbol, Dt = j.Uint8Array, Le = We(Object.getPrototypeOf, Object), ht = Object.create, sn = se.propertyIsEnumerable, Mn = Q.splice, un = Object.getOwnPropertySymbols, He = Ze ? Ze.isBuffer : void 0, nn = We(Object.keys, Object), Lt = Nt(j, "DataView"), Kt = Nt(j, "Map"), st = Nt(j, "Promise"), Rt = Nt(j, "Set"), pt = Nt(j, "WeakMap"), Gt = Nt(Object, "create"), dn = gt(Lt), I = gt(Kt), L = gt(st), z = gt(Rt), X = gt(pt), le = qe ? qe.prototype : void 0, de = le ? le.valueOf : void 0;
   function ke(_) {
@@ -19008,7 +19024,7 @@ Di.exports;
     return ee < 0 ? F.push([_, N]) : F[ee][1] = N, this;
   }
   Ue.prototype.clear = ot, Ue.prototype.delete = Wt, Ue.prototype.get = Bt, Ue.prototype.has = Dn, Ue.prototype.set = cn;
-  function rt(_) {
+  function it(_) {
     var N = -1, F = _ ? _.length : 0;
     for (this.clear(); ++N < F; ) {
       var ee = _[N];
@@ -19034,7 +19050,7 @@ Di.exports;
   function qn(_, N) {
     return hn(this, _).set(_, N), this;
   }
-  rt.prototype.clear = Ln, rt.prototype.delete = Rn, rt.prototype.get = Bn, rt.prototype.has = jn, rt.prototype.set = qn;
+  it.prototype.clear = Ln, it.prototype.delete = Rn, it.prototype.get = Bn, it.prototype.has = jn, it.prototype.set = qn;
   function ut(_) {
     this.__data__ = new Ue(_);
   }
@@ -19056,7 +19072,7 @@ Di.exports;
       var ee = F.__data__;
       if (!Kt || ee.length < e - 1)
         return ee.push([_, N]), this;
-      F = this.__data__ = new rt(ee);
+      F = this.__data__ = new it(ee);
     }
     return F.set(_, N), this;
   }
@@ -19128,7 +19144,7 @@ Di.exports;
   function tr(_) {
     if (!Ft(_) || hr(_))
       return !1;
-    var N = Kn(_) || Ie(_) ? it : oe;
+    var N = Kn(_) || Ie(_) ? nt : oe;
     return N.test(gt(_));
   }
   function nr(_) {
@@ -19332,7 +19348,7 @@ Li.exports;
 (function(t, n) {
   var e = 200, r = "__lodash_hash_undefined__", o = 1, i = 2, a = 9007199254740991, l = "[object Arguments]", u = "[object Array]", f = "[object AsyncFunction]", h = "[object Boolean]", c = "[object Date]", s = "[object Error]", d = "[object Function]", b = "[object GeneratorFunction]", v = "[object Map]", y = "[object Number]", g = "[object Null]", m = "[object Object]", $ = "[object Promise]", p = "[object Proxy]", w = "[object RegExp]", T = "[object Set]", E = "[object String]", x = "[object Symbol]", P = "[object Undefined]", k = "[object WeakMap]", O = "[object ArrayBuffer]", C = "[object DataView]", S = "[object Float32Array]", M = "[object Float64Array]", q = "[object Int8Array]", K = "[object Int16Array]", Y = "[object Int32Array]", oe = "[object Uint8Array]", U = "[object Uint8ClampedArray]", R = "[object Uint16Array]", A = "[object Uint32Array]", B = /[\\^$.*+?()[\]{}|]/g, j = /^\[object .+?Constructor\]$/, W = /^(?:0|[1-9]\d*)$/, H = {};
   H[S] = H[M] = H[q] = H[K] = H[Y] = H[oe] = H[U] = H[R] = H[A] = !0, H[l] = H[u] = H[O] = H[h] = H[C] = H[c] = H[s] = H[d] = H[v] = H[y] = H[m] = H[w] = H[T] = H[E] = H[k] = !1;
-  var D = typeof nt == "object" && nt && nt.Object === Object && nt, V = typeof self == "object" && self && self.Object === Object && self, Z = D || V || Function("return this")(), J = n && !n.nodeType && n, ie = J && !0 && t && !t.nodeType && t, fe = ie && ie.exports === J, _e = fe && D.process, xe = function() {
+  var D = typeof tt == "object" && tt && tt.Object === Object && tt, V = typeof self == "object" && self && self.Object === Object && self, Z = D || V || Function("return this")(), J = n && !n.nodeType && n, ie = J && !0 && t && !t.nodeType && t, fe = ie && ie.exports === J, _e = fe && D.process, xe = function() {
     try {
       return _e && _e.binding && _e.binding("util");
     } catch {
@@ -19389,7 +19405,7 @@ Li.exports;
       F[++N] = ee;
     }), F;
   }
-  var Te = Array.prototype, it = Function.prototype, Ze = Object.prototype, qe = Z["__core-js_shared__"], Dt = it.toString, Le = Ze.hasOwnProperty, ht = function() {
+  var Te = Array.prototype, nt = Function.prototype, Ze = Object.prototype, qe = Z["__core-js_shared__"], Dt = nt.toString, Le = Ze.hasOwnProperty, ht = function() {
     var _ = /[^.]+$/.exec(qe && qe.keys && qe.keys.IE_PROTO || "");
     return _ ? "Symbol(src)_1." + _ : "";
   }(), sn = Ze.toString, Mn = RegExp(
@@ -19426,7 +19442,7 @@ Li.exports;
     return this.size += this.has(_) ? 0 : 1, F[_] = le && N === void 0 ? r : N, this;
   }
   Ue.prototype.clear = ot, Ue.prototype.delete = Wt, Ue.prototype.get = Bt, Ue.prototype.has = Dn, Ue.prototype.set = cn;
-  function rt(_) {
+  function it(_) {
     var N = -1, F = _ == null ? 0 : _.length;
     for (this.clear(); ++N < F; ) {
       var ee = _[N];
@@ -19454,7 +19470,7 @@ Li.exports;
     var F = this.__data__, ee = Cn(F, _);
     return ee < 0 ? (++this.size, F.push([_, N])) : F[ee][1] = N, this;
   }
-  rt.prototype.clear = Ln, rt.prototype.delete = Rn, rt.prototype.get = Bn, rt.prototype.has = jn, rt.prototype.set = qn;
+  it.prototype.clear = Ln, it.prototype.delete = Rn, it.prototype.get = Bn, it.prototype.has = jn, it.prototype.set = qn;
   function ut(_) {
     var N = -1, F = _ == null ? 0 : _.length;
     for (this.clear(); ++N < F; ) {
@@ -19465,7 +19481,7 @@ Li.exports;
   function Fn() {
     this.size = 0, this.__data__ = {
       hash: new Ue(),
-      map: new (I || rt)(),
+      map: new (I || it)(),
       string: new Ue()
     };
   }
@@ -19497,11 +19513,11 @@ Li.exports;
   }
   wn.prototype.add = wn.prototype.push = ui, wn.prototype.has = On;
   function jt(_) {
-    var N = this.__data__ = new rt(_);
+    var N = this.__data__ = new it(_);
     this.size = N.size;
   }
   function Hn() {
-    this.__data__ = new rt(), this.size = 0;
+    this.__data__ = new it(), this.size = 0;
   }
   function Xi(_) {
     var N = this.__data__, F = N.delete(_);
@@ -19515,7 +19531,7 @@ Li.exports;
   }
   function tr(_, N) {
     var F = this.__data__;
-    if (F instanceof rt) {
+    if (F instanceof it) {
       var ee = F.__data__;
       if (!I || ee.length < e - 1)
         return ee.push([_, N]), this.size = ++F.size, this;
@@ -19805,7 +19821,7 @@ Li.exports;
   }
   t.exports = pr;
 })(Li, Li.exports);
-var tl = Li.exports, ro = {}, nl = nt && nt.__importDefault || function(t) {
+var tl = Li.exports, ro = {}, nl = tt && tt.__importDefault || function(t) {
   return t && t.__esModule ? t : { default: t };
 };
 Object.defineProperty(ro, "__esModule", { value: !0 });
@@ -19860,7 +19876,7 @@ function V1() {
   if (ra)
     return ki;
   ra = 1;
-  var t = nt && nt.__importDefault || function(r) {
+  var t = tt && tt.__importDefault || function(r) {
     return r && r.__esModule ? r : { default: r };
   };
   Object.defineProperty(ki, "__esModule", { value: !0 });
@@ -19907,7 +19923,7 @@ function il() {
   if (oa)
     return Ci;
   oa = 1;
-  var t = nt && nt.__importDefault || function(r) {
+  var t = tt && tt.__importDefault || function(r) {
     return r && r.__esModule ? r : { default: r };
   };
   Object.defineProperty(Ci, "__esModule", { value: !0 });
@@ -19923,7 +19939,7 @@ function il() {
     r.length = i;
   }(e || (e = {})), Ci.default = e, Ci;
 }
-var si = nt && nt.__importDefault || function(t) {
+var si = tt && tt.__importDefault || function(t) {
   return t && t.__esModule ? t : { default: t };
 }, Ei = si(q1), U1 = si(el), Sr = si(tl), Yn = si(ro), lt = si(il()), z1 = String.fromCharCode(0), K1 = (
   /** @class */
@@ -20482,6 +20498,10 @@ Vt.debug("error");
 const f0 = {
   name: "IbTextEditor",
   props: {
+    name: {
+      type: String,
+      required: !0
+    },
     placeholder: {
       type: String,
       default: ""
@@ -20535,6 +20555,7 @@ const f0 = {
       type: String
     }
   },
+  emits: ["onOverLimitHandler", "update:modelValue", "change", "blur"],
   mounted() {
     this.$refs.toolbar.classList.remove("ql-toolbar");
     const t = this.$refs.wrapper.querySelector("input[data-link]");
@@ -20553,6 +20574,9 @@ const f0 = {
     },
     data(t) {
       this.$emit("update:modelValue", t);
+    },
+    characterOverLimit(t) {
+      this.$emit("onOverLimitHandler", t);
     }
   },
   methods: {
@@ -20588,18 +20612,18 @@ const f0 = {
     IbAlert: _n,
     IbCharacterCount: Ra
   }
-}, h0 = {
+}, h0 = ["name", "disabled", "value"], p0 = {
   id: "toolbar",
   class: "toolbar",
   ref: "toolbar"
-}, p0 = /* @__PURE__ */ fl('<div class="toolbar-group header-toolbar-group"><select class="ql-header"><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option><option value="5"></option><option value="6"></option><option selected></option></select></div>', 1), g0 = { class: "toolbar-group" }, m0 = /* @__PURE__ */ ae("div", { class: "toolbar-group" }, [
+}, g0 = /* @__PURE__ */ fl('<div class="toolbar-group header-toolbar-group"><select class="ql-header"><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option><option value="5"></option><option value="6"></option><option selected></option></select></div>', 1), m0 = { class: "toolbar-group" }, v0 = /* @__PURE__ */ ae("div", { class: "toolbar-group" }, [
   /* @__PURE__ */ ae("select", { class: "ql-background" }),
   /* @__PURE__ */ ae("select", { class: "ql-color" })
-], -1), v0 = { class: "toolbar-group" }, y0 = { class: "toolbar-group" }, b0 = { class: "toolbar-group" };
-function _0(t, n, e, r, o, i) {
+], -1), y0 = { class: "toolbar-group" }, b0 = { class: "toolbar-group" }, _0 = { class: "toolbar-group" };
+function $0(t, n, e, r, o, i) {
   const a = ce("ib-character-count"), l = ce("ib-alert"), u = ce("QuillEditor"), f = ce("ib-icon-button");
   return G(), ne("div", {
-    class: me(["textarea-wrapper", {
+    class: ge(["textarea-wrapper", {
       error: i.characterOverLimit || e.error || e.errorMessage.length,
       focus: o.isFocus,
       disable: e.disable
@@ -20619,7 +20643,7 @@ function _0(t, n, e, r, o, i) {
       ]),
       _: 1
     })) : he("", !0),
-    Me(ge(l, { class: "error-message" }, {
+    Me(me(l, { class: "error-message" }, {
       default: ye(() => [
         Ge(we(e.characterLimitErrorMessage), 1)
       ]),
@@ -20627,15 +20651,21 @@ function _0(t, n, e, r, o, i) {
     }, 512), [
       [Ke, e.characterLimitErrorMessage.length && i.characterOverLimit]
     ]),
+    ae("input", {
+      name: e.name,
+      type: "hidden",
+      disabled: e.disable,
+      value: o.data
+    }, null, 8, h0),
     ae("div", {
-      class: me(["ib-text-editor-wrapper", { disable: e.disable }])
+      class: ge(["ib-text-editor-wrapper", { disable: e.disable }])
     }, [
       ae("div", {
         class: "ib-text-editor",
         style: Pn({ height: e.height ? e.height + "px" : "" }),
         ref: "wrapper"
       }, [
-        ge(u, {
+        me(u, {
           onTextChange: i.onChange,
           onBlur: i.onBlur,
           onFocus: i.onFocus,
@@ -20648,70 +20678,70 @@ function _0(t, n, e, r, o, i) {
           modules: e.modules
         }, null, 8, ["onTextChange", "onBlur", "onFocus", "content", "options", "modules"])
       ], 4),
-      ae("div", h0, [
-        p0,
-        ae("div", g0, [
-          ge(f, {
+      ae("div", p0, [
+        g0,
+        ae("div", m0, [
+          me(f, {
             class: "toolbar-item ql-bold",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "toolbar-item ql-italic",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "toolbar-item ql-underline",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "toolbar-item ql-strike",
             kind: "ghost"
           })
         ]),
-        m0,
-        ae("div", v0, [
-          ge(f, {
+        v0,
+        ae("div", y0, [
+          me(f, {
             class: "toolbar-item ql-code-block",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "toolbar-item ql-link",
             kind: "ghost"
           })
         ]),
-        ae("div", y0, [
-          ge(f, {
+        ae("div", b0, [
+          me(f, {
             class: "toolbar-item ql-align",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "ql-align toolbar-item",
             value: "center",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "ql-align toolbar-item",
             value: "right",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "ql-align toolbar-item",
             value: "justify",
             kind: "ghost"
           })
         ]),
-        ae("div", b0, [
-          ge(f, {
+        ae("div", _0, [
+          me(f, {
             class: "ql-list toolbar-item",
             value: "ordered",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "ql-list toolbar-item",
             value: "bullet",
             kind: "ghost"
           }),
-          ge(f, {
+          me(f, {
             class: "ql-alphabet-list alphabet-list toolbar-item",
             kind: "ghost"
           })
@@ -20720,18 +20750,18 @@ function _0(t, n, e, r, o, i) {
     ], 2)
   ], 2);
 }
-const ip = /* @__PURE__ */ Ae(f0, [["render", _0]]);
-const $0 = {
+const rp = /* @__PURE__ */ Ae(f0, [["render", $0]]);
+const w0 = {
   name: "IbTable",
   computed: {
     hasThead() {
       return !!this.$slots.thead;
     }
   }
-}, w0 = { class: "ib-table-wrapper" }, O0 = { class: "ib-table" };
-function C0(t, n, e, r, o, i) {
-  return G(), ne("div", w0, [
-    ae("table", O0, [
+}, O0 = { class: "ib-table-wrapper" }, C0 = { class: "ib-table" };
+function k0(t, n, e, r, o, i) {
+  return G(), ne("div", O0, [
+    ae("table", C0, [
       i.hasThead ? Ee(t.$slots, "thead", { key: 0 }, void 0, !0) : he("", !0),
       ae("tbody", null, [
         Ee(t.$slots, "tbody", {}, void 0, !0)
@@ -20739,17 +20769,17 @@ function C0(t, n, e, r, o, i) {
     ])
   ]);
 }
-const rp = /* @__PURE__ */ Ae($0, [["render", C0], ["__scopeId", "data-v-5dceb760"]]);
-const k0 = {
+const op = /* @__PURE__ */ Ae(w0, [["render", k0], ["__scopeId", "data-v-5dceb760"]]);
+const E0 = {
   name: "IbRow"
-}, E0 = { class: "ib-tr" };
-function x0(t, n, e, r, o, i) {
-  return G(), ne("tr", E0, [
+}, x0 = { class: "ib-tr" };
+function T0(t, n, e, r, o, i) {
+  return G(), ne("tr", x0, [
     Ee(t.$slots, "default", { ref: "row" })
   ]);
 }
-const op = /* @__PURE__ */ Ae(k0, [["render", x0]]);
-const T0 = {
+const ap = /* @__PURE__ */ Ae(E0, [["render", T0]]);
+const S0 = {
   name: "IbCell",
   props: {
     fixed: {
@@ -20771,19 +20801,19 @@ const T0 = {
       this.attr.style || (this.attr.style = {}), this.attr.style.minWidth = `${t.width}px`, this.attr.style.left = `${t.left - n.left}px`, this.attr.class += " fixed";
     }
   }
-}, S0 = { class: "cell" };
-function A0(t, n, e, r, o, i) {
+}, A0 = { class: "cell" };
+function N0(t, n, e, r, o, i) {
   return G(), ne("td", Tt({
     onResize: n[0] || (n[0] = (...a) => i.freezeCol && i.freezeCol(...a)),
     class: "ib-cell"
   }, this.attr), [
-    ae("div", S0, [
+    ae("div", A0, [
       Ee(t.$slots, "default", {}, void 0, !0)
     ])
   ], 16);
 }
-const N0 = /* @__PURE__ */ Ae(T0, [["render", A0], ["__scopeId", "data-v-e74bb0f3"]]);
-const I0 = {
+const I0 = /* @__PURE__ */ Ae(S0, [["render", N0], ["__scopeId", "data-v-e74bb0f3"]]);
+const P0 = {
   name: "IbCheckboxCell",
   props: {
     isChecked: {
@@ -20796,33 +20826,33 @@ const I0 = {
     }
   },
   components: {
-    IbCell: N0,
+    IbCell: I0,
     IbCheckbox: Pa
   }
 };
-function P0(t, n, e, r, o, i) {
+function M0(t, n, e, r, o, i) {
   const a = ce("ib-checkbox"), l = ce("ib-cell");
   return G(), $e(l, {
     fixed: e.fixed,
     class: "ib-checkbox-cell"
   }, {
     default: ye(() => [
-      ge(a, { "is-checked": e.isChecked }, null, 8, ["is-checked"])
+      me(a, { "is-checked": e.isChecked }, null, 8, ["is-checked"])
     ]),
     _: 1
   }, 8, ["fixed"]);
 }
-const ap = /* @__PURE__ */ Ae(I0, [["render", P0]]), oo = new Na(), la = (t, n) => {
+const lp = /* @__PURE__ */ Ae(P0, [["render", M0]]), oo = new Na(), la = (t, n) => {
   if (Ma(t)) {
-    const e = {
+    const e = Object.keys(n.modifiers)[0] || n.arg, r = {
       title: n.value.title || "",
       text: typeof n.value == "object" ? n.value.text : n.value
     };
-    oo.createTooltip(t, e);
+    oo.createTooltip(t, r, e);
   }
 }, sa = () => {
   oo.destroyTooltip();
-}, lp = {
+}, sp = {
   mounted(t, n) {
     t.addEventListener("mouseenter", () => la(t, n)), t.addEventListener("mouseleave", sa);
   },
@@ -20831,51 +20861,51 @@ const ap = /* @__PURE__ */ Ae(I0, [["render", P0]]), oo = new Na(), la = (t, n)
   }
 };
 export {
-  D0 as IbAccordion,
+  L0 as IbAccordion,
   _n as IbAlert,
-  L0 as IbAvatar,
-  R0 as IbBadge,
-  K0 as IbBreadcrumbs,
+  R0 as IbAvatar,
+  B0 as IbBadge,
+  G0 as IbBreadcrumbs,
   xl as IbButton,
-  B0 as IbButtonGroup,
-  N0 as IbCell,
+  j0 as IbButtonGroup,
+  I0 as IbCell,
   Pa as IbCheckbox,
-  ap as IbCheckboxCell,
-  X0 as IbCheckboxGroup,
-  tp as IbDatePicker,
+  lp as IbCheckboxCell,
+  Q0 as IbCheckboxGroup,
+  np as IbDatePicker,
   Kr as IbDropdown,
   Sa as IbDropdownItem,
   Wr as IbDropdownList,
-  J0 as IbFormGroup,
+  X0 as IbFormGroup,
   Ye as IbIcon,
   At as IbIconButton,
   Ia as IbInput,
   Hi as IbLabel,
   Ud as IbLimitSelector,
-  H0 as IbModal,
-  G0 as IbPagination,
-  Z0 as IbPanel,
-  np as IbPhoneInput,
+  V0 as IbModal,
+  W0 as IbPagination,
+  J0 as IbPanel,
+  ip as IbPhoneInput,
   ls as IbPopover,
-  W0 as IbProgressBar,
-  Q0 as IbRadio,
-  op as IbRow,
-  z0 as IbSorting,
-  q0 as IbSplitButton,
-  F0 as IbSplitButtonItem,
-  Y0 as IbStatusIndicator,
-  U0 as IbTab,
+  Y0 as IbProgressBar,
+  ep as IbRadio,
+  ap as IbRow,
+  K0 as IbSorting,
+  F0 as IbSplitButton,
+  H0 as IbSplitButtonItem,
+  Z0 as IbStatusIndicator,
+  z0 as IbTab,
   ku as IbTabDropdown,
-  rp as IbTable,
-  V0 as IbTabs,
-  j0 as IbTagPill,
-  ip as IbTextEditor,
-  ep as IbTextarea,
+  op as IbTable,
+  U0 as IbTabs,
+  q0 as IbTagPill,
+  rp as IbTextEditor,
+  tp as IbTextarea,
   Cd as IbToggle,
   Bs as IbToggleTip,
   li as IbTooltip,
   qd as IbTreeSelect,
   zr as OutsideDirective,
-  lp as TextOverflowTooltipDirective,
+  sp as TextOverflowTooltipDirective,
   Yr as TooltipDirective
 };