@avakhula/ui 0.0.345 → 0.0.346

package/dist/index.js

@@ -132,7 +132,7 @@ function _l(t, n, e, r, o, i) {
     }, 8, ["onEnter", "onAfterEnter", "onLeave"])
   ], 2);
 }
-const P0 = /* @__PURE__ */ Ae(ml, [["render", _l], ["__scopeId", "data-v-8ece19c1"]]), gn = {
+const M0 = /* @__PURE__ */ Ae(ml, [["render", _l], ["__scopeId", "data-v-8ece19c1"]]), gn = {
   primary: "primary",
   secondary: "secondary",
   tertiary: "tertiary",
@@ -1310,7 +1310,7 @@ function Os(t, n, e, r, o, i) {
     ve(a, { name: "camera-outline" })
   ], 2));
 }
-const M0 = /* @__PURE__ */ Ae($s, [["render", Os], ["__scopeId", "data-v-8ba12d0f"]]);
+const D0 = /* @__PURE__ */ Ae($s, [["render", Os], ["__scopeId", "data-v-8ba12d0f"]]);
 const Cs = {
   name: "IbBadge",
   props: {
@@ -1334,7 +1334,7 @@ function ks(t, n, e, r, o, i) {
     class: ge(i.classes)
   }, $e(i.normalizeContent), 3);
 }
-const D0 = /* @__PURE__ */ Ae(Cs, [["render", ks], ["__scopeId", "data-v-328df75a"]]);
+const L0 = /* @__PURE__ */ Ae(Cs, [["render", ks], ["__scopeId", "data-v-328df75a"]]);
 const Es = {
   name: "IbButtonGroup"
 }, xs = { class: "ib-button-group" };
@@ -1343,7 +1343,7 @@ function Ts(t, n, e, r, o, i) {
     Ee(t.$slots, "default")
   ]);
 }
-const L0 = /* @__PURE__ */ Ae(Es, [["render", Ts]]), xn = {
+const R0 = /* @__PURE__ */ Ae(Es, [["render", Ts]]), xn = {
   success: "success",
   neutral: "neutral",
   info: "info",
@@ -1400,7 +1400,7 @@ function As(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const R0 = /* @__PURE__ */ Ae(Ss, [["render", As], ["__scopeId", "data-v-3604890c"]]), Ns = {
+const B0 = /* @__PURE__ */ Ae(Ss, [["render", As], ["__scopeId", "data-v-3604890c"]]), Ns = {
   topLeft: "top-left",
   topCenter: "top-center",
   topRight: "top-right",
@@ -1987,7 +1987,7 @@ function hu(t, n, e, r, o, i) {
     }, 8, ["disabled"])
   ], 2);
 }
-const B0 = /* @__PURE__ */ Ae(su, [["render", hu]]);
+const j0 = /* @__PURE__ */ Ae(su, [["render", hu]]);
 const pu = {
   props: {
     href: {
@@ -2010,7 +2010,7 @@ function gu(t, n, e, r, o, i) {
     _: 3
   }, 16);
 }
-const j0 = /* @__PURE__ */ Ae(pu, [["render", gu], ["__scopeId", "data-v-4cf00feb"]]), Xt = {
+const q0 = /* @__PURE__ */ Ae(pu, [["render", gu], ["__scopeId", "data-v-4cf00feb"]]), Xt = {
   S: "s",
   M: "m",
   L: "l",
@@ -2183,7 +2183,7 @@ function bu(t, n, e, r, o, i) {
     ]))
   ], 64);
 }
-const q0 = /* @__PURE__ */ Ae(mu, [["render", bu], ["__scopeId", "data-v-e1683e53"]]);
+const F0 = /* @__PURE__ */ Ae(mu, [["render", bu], ["__scopeId", "data-v-e1683e53"]]);
 function Aa(t) {
   return "#" + t.toLowerCase().replace(/ /g, "-");
 }
@@ -2372,7 +2372,7 @@ function Nu(t, n, e, r, o, i) {
     ], 512)
   ]);
 }
-const F0 = /* @__PURE__ */ Ae(ku, [["render", Nu], ["__scopeId", "data-v-47d103be"]]), Iu = {
+const H0 = /* @__PURE__ */ Ae(ku, [["render", Nu], ["__scopeId", "data-v-47d103be"]]), Iu = {
   name: "IbTab",
   props: {
     title: {
@@ -2409,7 +2409,7 @@ function Pu(t, n, e, r, o, i) {
     [Ke, i.isTabActive]
   ]);
 }
-const H0 = /* @__PURE__ */ Ae(Iu, [["render", Pu]]), Mu = {
+const V0 = /* @__PURE__ */ Ae(Iu, [["render", Pu]]), Mu = {
   LIST_VIEW: "list-sorting",
   GRID_VIEW: "grid-sorting",
   TABLE_VIEW: "table-sorting"
@@ -2741,7 +2741,7 @@ function Hu(t, n, e, r, o, i) {
     ])
   ]);
 }
-const V0 = /* @__PURE__ */ Ae(Bu, [["render", Hu], ["__scopeId", "data-v-a4394881"]]);
+const U0 = /* @__PURE__ */ Ae(Bu, [["render", Hu], ["__scopeId", "data-v-a4394881"]]);
 const Vu = {
   name: "IbBreadcrumbs",
   props: {
@@ -2824,7 +2824,7 @@ function Yu(t, n, e, r, o, i) {
     ])
   ]);
 }
-const U0 = /* @__PURE__ */ Ae(Vu, [["render", Yu], ["__scopeId", "data-v-5ef772a9"]]);
+const z0 = /* @__PURE__ */ Ae(Vu, [["render", Yu], ["__scopeId", "data-v-5ef772a9"]]);
 const Zu = {
   name: "IbLabel",
   props: {
@@ -5140,7 +5140,7 @@ function Zd(t, n, e, r, o, i) {
     ])
   ]);
 }
-const z0 = /* @__PURE__ */ Ae(Vd, [["render", Zd]]), Wn = {
+const K0 = /* @__PURE__ */ Ae(Vd, [["render", Zd]]), Wn = {
   PROGRESS: "progress",
   SUCCESS: "success",
   FAILED: "failed",
@@ -5202,7 +5202,7 @@ function ic(t, n, e, r, o, i) {
     ])
   ]);
 }
-const K0 = /* @__PURE__ */ Ae(Jd, [["render", ic], ["__scopeId", "data-v-a0217859"]]), rc = {
+const G0 = /* @__PURE__ */ Ae(Jd, [["render", ic], ["__scopeId", "data-v-a0217859"]]), rc = {
   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>
@@ -5265,7 +5265,7 @@ function sc(t, n, e, r, o, i) {
     Ee(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const G0 = /* @__PURE__ */ Ae(oc, [["render", sc], ["__scopeId", "data-v-e696394e"]]);
+const W0 = /* @__PURE__ */ Ae(oc, [["render", sc], ["__scopeId", "data-v-e696394e"]]);
 const uc = {
   name: "IbPanel",
   mixins: [fa],
@@ -5310,7 +5310,7 @@ function mc(t, n, e, r, o, i) {
     }, 8, ["onEnter", "onAfterEnter", "onLeave"])
   ], 2);
 }
-const W0 = /* @__PURE__ */ Ae(uc, [["render", mc], ["__scopeId", "data-v-58f9a0e6"]]);
+const Y0 = /* @__PURE__ */ Ae(uc, [["render", mc], ["__scopeId", "data-v-58f9a0e6"]]);
 const vc = {
   name: "IbInputGroup",
   props: {
@@ -5335,7 +5335,7 @@ function bc(t, n, e, r, o, i) {
     e.supportText.length ? (G(), ne("p", yc, $e(e.supportText), 1)) : he("", !0)
   ], 2);
 }
-const Y0 = /* @__PURE__ */ Ae(vc, [["render", bc]]);
+const Z0 = /* @__PURE__ */ Ae(vc, [["render", bc]]);
 const Zr = {
   name: "IbInputGroup",
   props: {
@@ -5405,7 +5405,7 @@ function $c(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const Z0 = /* @__PURE__ */ Ae(Zr, [["render", $c]]);
+const J0 = /* @__PURE__ */ Ae(Zr, [["render", $c]]);
 const wc = {
   name: "IbRadio",
   props: {
@@ -5498,7 +5498,7 @@ function Tc(t, n, e, r, o, i) {
     ], 2)
   ], 10, Cc);
 }
-const J0 = /* @__PURE__ */ Ae(wc, [["render", Tc], ["__scopeId", "data-v-1e435f06"]]);
+const X0 = /* @__PURE__ */ Ae(wc, [["render", Tc], ["__scopeId", "data-v-1e435f06"]]);
 const Sc = {
   props: {
     characterLimit: {
@@ -5624,7 +5624,7 @@ function Bc(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const X0 = /* @__PURE__ */ Ae(Lc, [["render", Bc], ["__scopeId", "data-v-a0700fb0"]]);
+const Q0 = /* @__PURE__ */ Ae(Lc, [["render", Bc], ["__scopeId", "data-v-a0700fb0"]]);
 var br = [
   "onChange",
   "onClose",
@@ -7362,7 +7362,7 @@ function af(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const Q0 = /* @__PURE__ */ Ae(Zc, [["render", af]]), lf = [
+const ep = /* @__PURE__ */ Ae(Zc, [["render", af]]), lf = [
   [
     "Afghanistan (‫افغانستان‬‎)",
     "af",
@@ -11165,7 +11165,7 @@ function N1(t, n, e, r, o, i) {
     ])
   ], 64);
 }
-const ep = /* @__PURE__ */ Ae(A1, [["render", N1]]);
+const tp = /* @__PURE__ */ Ae(A1, [["render", N1]]);
 var Wa = { exports: {} };
 /*!
  * Quill Editor v1.3.7
@@ -20419,6 +20419,10 @@ Vt.debug("error");
 const d0 = {
   name: "IbTextEditor",
   props: {
+    name: {
+      type: String,
+      required: !0
+    },
     placeholder: {
       type: String,
       default: ""
@@ -20472,6 +20476,7 @@ const d0 = {
       type: String
     }
   },
+  emits: ["onOverLimitHandler"],
   mounted() {
     this.$refs.toolbar.classList.remove("ql-toolbar");
     const t = this.$refs.wrapper.querySelector("input[data-link]");
@@ -20490,6 +20495,9 @@ const d0 = {
     },
     data(t) {
       this.$emit("update:modelValue", t);
+    },
+    characterOverLimit(t) {
+      this.$emit("onOverLimitHandler", t);
     }
   },
   methods: {
@@ -20525,15 +20533,15 @@ const d0 = {
     IbAlert: _n,
     IbCharacterCount: Ra
   }
-}, c0 = {
+}, c0 = ["name", "disabled", "value"], f0 = {
   id: "toolbar",
   class: "toolbar",
   ref: "toolbar"
-}, f0 = /* @__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), h0 = { class: "toolbar-group" }, p0 = /* @__PURE__ */ ae("div", { class: "toolbar-group" }, [
+}, h0 = /* @__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), p0 = { class: "toolbar-group" }, g0 = /* @__PURE__ */ ae("div", { class: "toolbar-group" }, [
   /* @__PURE__ */ ae("select", { class: "ql-background" }),
   /* @__PURE__ */ ae("select", { class: "ql-color" })
-], -1), g0 = { class: "toolbar-group" }, m0 = { class: "toolbar-group" }, v0 = { class: "toolbar-group" };
-function y0(t, n, e, r, o, i) {
+], -1), m0 = { class: "toolbar-group" }, v0 = { class: "toolbar-group" }, y0 = { class: "toolbar-group" };
+function b0(t, n, e, r, o, i) {
   const a = fe("ib-character-count"), l = fe("ib-alert"), u = fe("QuillEditor"), f = fe("ib-icon-button");
   return G(), ne("div", {
     class: ge(["textarea-wrapper", {
@@ -20564,6 +20572,12 @@ function y0(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, c0),
     ae("div", {
       class: ge(["ib-text-editor-wrapper", { disable: e.disable }])
     }, [
@@ -20585,9 +20599,9 @@ function y0(t, n, e, r, o, i) {
           modules: e.modules
         }, null, 8, ["onTextChange", "onBlur", "onFocus", "content", "options", "modules"])
       ], 4),
-      ae("div", c0, [
-        f0,
-        ae("div", h0, [
+      ae("div", f0, [
+        h0,
+        ae("div", p0, [
           ve(f, {
             class: "toolbar-item ql-bold",
             kind: "ghost"
@@ -20605,8 +20619,8 @@ function y0(t, n, e, r, o, i) {
             kind: "ghost"
           })
         ]),
-        p0,
-        ae("div", g0, [
+        g0,
+        ae("div", m0, [
           ve(f, {
             class: "toolbar-item ql-code-block",
             kind: "ghost"
@@ -20616,7 +20630,7 @@ function y0(t, n, e, r, o, i) {
             kind: "ghost"
           })
         ]),
-        ae("div", m0, [
+        ae("div", v0, [
           ve(f, {
             class: "toolbar-item ql-align",
             kind: "ghost"
@@ -20637,7 +20651,7 @@ function y0(t, n, e, r, o, i) {
             kind: "ghost"
           })
         ]),
-        ae("div", v0, [
+        ae("div", y0, [
           ve(f, {
             class: "ql-list toolbar-item",
             value: "ordered",
@@ -20657,18 +20671,18 @@ function y0(t, n, e, r, o, i) {
     ], 2)
   ], 2);
 }
-const tp = /* @__PURE__ */ Ae(d0, [["render", y0]]);
-const b0 = {
+const np = /* @__PURE__ */ Ae(d0, [["render", b0]]);
+const _0 = {
   name: "IbTable",
   computed: {
     hasThead() {
       return !!this.$slots.thead;
     }
   }
-}, _0 = { class: "ib-table-wrapper" }, $0 = { class: "ib-table" };
-function w0(t, n, e, r, o, i) {
-  return G(), ne("div", _0, [
-    ae("table", $0, [
+}, $0 = { class: "ib-table-wrapper" }, w0 = { class: "ib-table" };
+function O0(t, n, e, r, o, i) {
+  return G(), ne("div", $0, [
+    ae("table", w0, [
       i.hasThead ? Ee(t.$slots, "thead", { key: 0 }, void 0, !0) : he("", !0),
       ae("tbody", null, [
         Ee(t.$slots, "tbody", {}, void 0, !0)
@@ -20676,17 +20690,17 @@ function w0(t, n, e, r, o, i) {
     ])
   ]);
 }
-const np = /* @__PURE__ */ Ae(b0, [["render", w0], ["__scopeId", "data-v-5dceb760"]]);
-const O0 = {
+const ip = /* @__PURE__ */ Ae(_0, [["render", O0], ["__scopeId", "data-v-5dceb760"]]);
+const C0 = {
   name: "IbRow"
-}, C0 = { class: "ib-tr" };
-function k0(t, n, e, r, o, i) {
-  return G(), ne("tr", C0, [
+}, k0 = { class: "ib-tr" };
+function E0(t, n, e, r, o, i) {
+  return G(), ne("tr", k0, [
     Ee(t.$slots, "default", { ref: "row" })
   ]);
 }
-const ip = /* @__PURE__ */ Ae(O0, [["render", k0]]);
-const E0 = {
+const rp = /* @__PURE__ */ Ae(C0, [["render", E0]]);
+const x0 = {
   name: "IbCell",
   props: {
     fixed: {
@@ -20708,19 +20722,19 @@ const E0 = {
       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";
     }
   }
-}, x0 = { class: "cell" };
-function T0(t, n, e, r, o, i) {
+}, T0 = { class: "cell" };
+function S0(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", x0, [
+    ae("div", T0, [
       Ee(t.$slots, "default", {}, void 0, !0)
     ])
   ], 16);
 }
-const S0 = /* @__PURE__ */ Ae(E0, [["render", T0], ["__scopeId", "data-v-e74bb0f3"]]);
-const A0 = {
+const A0 = /* @__PURE__ */ Ae(x0, [["render", S0], ["__scopeId", "data-v-e74bb0f3"]]);
+const N0 = {
   name: "IbCheckboxCell",
   props: {
     isChecked: {
@@ -20733,11 +20747,11 @@ const A0 = {
     }
   },
   components: {
-    IbCell: S0,
+    IbCell: A0,
     IbCheckbox: Pa
   }
 };
-function N0(t, n, e, r, o, i) {
+function I0(t, n, e, r, o, i) {
   const a = fe("ib-checkbox"), l = fe("ib-cell");
   return G(), Ce(l, {
     fixed: e.fixed,
@@ -20749,7 +20763,7 @@ function N0(t, n, e, r, o, i) {
     _: 1
   }, 8, ["fixed"]);
 }
-const rp = /* @__PURE__ */ Ae(A0, [["render", N0]]), oo = new Na(), la = (t, n) => {
+const op = /* @__PURE__ */ Ae(N0, [["render", I0]]), oo = new Na(), la = (t, n) => {
   if (Ma(t)) {
     const e = {
       title: n.value.title || "",
@@ -20759,7 +20773,7 @@ const rp = /* @__PURE__ */ Ae(A0, [["render", N0]]), oo = new Na(), la = (t, n)
   }
 }, sa = () => {
   oo.destroyTooltip();
-}, op = {
+}, ap = {
   mounted(t, n) {
     t.addEventListener("mouseenter", () => la(t, n)), t.addEventListener("mouseleave", sa);
   },
@@ -20768,51 +20782,51 @@ const rp = /* @__PURE__ */ Ae(A0, [["render", N0]]), oo = new Na(), la = (t, n)
   }
 };
 export {
-  P0 as IbAccordion,
+  M0 as IbAccordion,
   _n as IbAlert,
-  M0 as IbAvatar,
-  D0 as IbBadge,
-  U0 as IbBreadcrumbs,
+  D0 as IbAvatar,
+  L0 as IbBadge,
+  z0 as IbBreadcrumbs,
   xl as IbButton,
-  L0 as IbButtonGroup,
-  S0 as IbCell,
+  R0 as IbButtonGroup,
+  A0 as IbCell,
   Pa as IbCheckbox,
-  rp as IbCheckboxCell,
-  Z0 as IbCheckboxGroup,
-  Q0 as IbDatePicker,
+  op as IbCheckboxCell,
+  J0 as IbCheckboxGroup,
+  ep as IbDatePicker,
   Kr as IbDropdown,
   Sa as IbDropdownItem,
   Wr as IbDropdownList,
-  Y0 as IbFormGroup,
+  Z0 as IbFormGroup,
   Xe as IbIcon,
   Mt as IbIconButton,
   Ia as IbInput,
   Hi as IbLabel,
   Hd as IbLimitSelector,
-  q0 as IbModal,
-  z0 as IbPagination,
-  W0 as IbPanel,
-  ep as IbPhoneInput,
+  F0 as IbModal,
+  K0 as IbPagination,
+  Y0 as IbPanel,
+  tp as IbPhoneInput,
   ls as IbPopover,
-  K0 as IbProgressBar,
-  J0 as IbRadio,
-  ip as IbRow,
-  V0 as IbSorting,
-  B0 as IbSplitButton,
-  j0 as IbSplitButtonItem,
-  G0 as IbStatusIndicator,
-  H0 as IbTab,
+  G0 as IbProgressBar,
+  X0 as IbRadio,
+  rp as IbRow,
+  U0 as IbSorting,
+  j0 as IbSplitButton,
+  q0 as IbSplitButtonItem,
+  W0 as IbStatusIndicator,
+  V0 as IbTab,
   Cu as IbTabDropdown,
-  np as IbTable,
-  F0 as IbTabs,
-  R0 as IbTagPill,
-  tp as IbTextEditor,
-  X0 as IbTextarea,
+  ip as IbTable,
+  H0 as IbTabs,
+  B0 as IbTagPill,
+  np as IbTextEditor,
+  Q0 as IbTextarea,
   wd as IbToggle,
   Rs as IbToggleTip,
   li as IbTooltip,
   Bd as IbTreeSelect,
   zr as OutsideDirective,
-  op as TextOverflowTooltipDirective,
+  ap as TextOverflowTooltipDirective,
   Yr as TooltipDirective
 };