@avakhula/ui 0.0.505-alpha.80 → 0.0.505-alpha.81

package/dist/index.js

@@ -132,7 +132,7 @@ function Sl(t, n, e, r, o, i) {
     }, 8, ["onEnter", "onAfterEnter", "onLeave"])
   ], 2);
 }
-const op = /* @__PURE__ */ Se(Cl, [["render", Sl], ["__scopeId", "data-v-8ece19c1"]]), yn = {
+const ap = /* @__PURE__ */ Se(Cl, [["render", Sl], ["__scopeId", "data-v-8ece19c1"]]), yn = {
   primary: "primary",
   secondary: "secondary",
   tertiary: "tertiary",
@@ -1323,7 +1323,7 @@ function Is(t, n, e, r, o, i) {
     me(a, { name: "camera-outline" })
   ], 2));
 }
-const ap = /* @__PURE__ */ Se(Ns, [["render", Is], ["__scopeId", "data-v-63abd28e"]]);
+const lp = /* @__PURE__ */ Se(Ns, [["render", Is], ["__scopeId", "data-v-63abd28e"]]);
 const Ms = {
   name: "IbBadge",
   props: {
@@ -1347,7 +1347,7 @@ function Ds(t, n, e, r, o, i) {
     class: pe(i.classes)
   }, Oe(i.normalizeContent), 3);
 }
-const lp = /* @__PURE__ */ Se(Ms, [["render", Ds], ["__scopeId", "data-v-328df75a"]]);
+const sp = /* @__PURE__ */ Se(Ms, [["render", Ds], ["__scopeId", "data-v-328df75a"]]);
 const Ls = {
   name: "IbButtonGroup"
 }, Rs = { class: "ib-button-group" };
@@ -1356,7 +1356,7 @@ function Bs(t, n, e, r, o, i) {
     $e(t.$slots, "default")
   ]);
 }
-const sp = /* @__PURE__ */ Se(Ls, [["render", Bs]]), Tn = {
+const up = /* @__PURE__ */ Se(Ls, [["render", Bs]]), Tn = {
   success: "success",
   neutral: "neutral",
   info: "info",
@@ -1413,7 +1413,7 @@ function qs(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const up = /* @__PURE__ */ Se(js, [["render", qs], ["__scopeId", "data-v-3604890c"]]), Fs = {
+const dp = /* @__PURE__ */ Se(js, [["render", qs], ["__scopeId", "data-v-3604890c"]]), Fs = {
   topLeft: "top-left",
   topCenter: "top-center",
   topRight: "top-right",
@@ -2003,7 +2003,7 @@ function Ou(t, n, e, r, o, i) {
     }, 8, ["disabled"])
   ], 2);
 }
-const dp = /* @__PURE__ */ Se(yu, [["render", Ou]]);
+const cp = /* @__PURE__ */ Se(yu, [["render", Ou]]);
 const ku = {
   props: {
     href: {
@@ -2026,7 +2026,7 @@ function Cu(t, n, e, r, o, i) {
     _: 3
   }, 16);
 }
-const cp = /* @__PURE__ */ Se(ku, [["render", Cu], ["__scopeId", "data-v-4cf00feb"]]), Qt = {
+const fp = /* @__PURE__ */ Se(ku, [["render", Cu], ["__scopeId", "data-v-4cf00feb"]]), Qt = {
   S: "s",
   M: "m",
   L: "l",
@@ -2199,7 +2199,7 @@ function Su(t, n, e, r, o, i) {
     ]))
   ], 64);
 }
-const fp = /* @__PURE__ */ Se(Eu, [["render", Su], ["__scopeId", "data-v-ad9343ef"]]);
+const hp = /* @__PURE__ */ Se(Eu, [["render", Su], ["__scopeId", "data-v-ad9343ef"]]);
 function ja(t) {
   return "#" + t.toLowerCase().replace(/ /g, "-");
 }
@@ -2388,7 +2388,7 @@ function Fu(t, n, e, r, o, i) {
     ], 512)
   ]);
 }
-const hp = /* @__PURE__ */ Se(Du, [["render", Fu], ["__scopeId", "data-v-47d103be"]]), Hu = {
+const pp = /* @__PURE__ */ Se(Du, [["render", Fu], ["__scopeId", "data-v-47d103be"]]), Hu = {
   name: "IbTab",
   props: {
     title: {
@@ -2425,7 +2425,7 @@ function Vu(t, n, e, r, o, i) {
     [Ke, i.isTabActive]
   ]);
 }
-const pp = /* @__PURE__ */ Se(Hu, [["render", Vu]]), Uu = {
+const gp = /* @__PURE__ */ Se(Hu, [["render", Vu]]), Uu = {
   LIST_VIEW: "list-sorting",
   GRID_VIEW: "grid-sorting",
   TABLE_VIEW: "table-sorting"
@@ -2762,7 +2762,7 @@ function Xu(t, n, e, r, o, i) {
     ])
   ]);
 }
-const gp = /* @__PURE__ */ Se(Wu, [["render", Xu], ["__scopeId", "data-v-a4394881"]]);
+const mp = /* @__PURE__ */ Se(Wu, [["render", Xu], ["__scopeId", "data-v-a4394881"]]);
 const Qu = {
   name: "IbBreadcrumbs",
   props: {
@@ -2845,7 +2845,7 @@ function od(t, n, e, r, o, i) {
     ])
   ]);
 }
-const mp = /* @__PURE__ */ Se(Qu, [["render", od], ["__scopeId", "data-v-5ef772a9"]]);
+const vp = /* @__PURE__ */ Se(Qu, [["render", od], ["__scopeId", "data-v-5ef772a9"]]);
 const ad = {
   name: "IbLabel",
   props: {
@@ -3148,7 +3148,7 @@ function hd(t, n, e, r, o, i) {
         class: "toggle-password",
         "prevent-default": "",
         type: "button",
-        disabled: e.readonly || e.disabled,
+        disabled: e.disabled,
         "help-text": o.showPassword ? e.hidePasswordMessage : e.showPasswordMessage,
         onClick: rt(i.toggleShowPassword, ["prevent"])
       }, {
@@ -3190,7 +3190,7 @@ function hd(t, n, e, r, o, i) {
     ], 2)
   ]);
 }
-const Fa = /* @__PURE__ */ Se(dd, [["render", hd], ["__scopeId", "data-v-5ca797fb"]]);
+const Fa = /* @__PURE__ */ Se(dd, [["render", hd], ["__scopeId", "data-v-fc2aa8c0"]]);
 const pd = {
   name: "IbCheckbox",
   model: {
@@ -5268,7 +5268,7 @@ function uc(t, n, e, r, o, i) {
     ])
   ]);
 }
-const vp = /* @__PURE__ */ Se(nc, [["render", uc]]), Zn = {
+const yp = /* @__PURE__ */ Se(nc, [["render", uc]]), Zn = {
   PROGRESS: "progress",
   SUCCESS: "success",
   FAILED: "failed",
@@ -5330,7 +5330,7 @@ function mc(t, n, e, r, o, i) {
     ])
   ]);
 }
-const yp = /* @__PURE__ */ Se(dc, [["render", mc], ["__scopeId", "data-v-a0217859"]]), vc = {
+const bp = /* @__PURE__ */ Se(dc, [["render", mc], ["__scopeId", "data-v-a0217859"]]), vc = {
   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>
@@ -5393,7 +5393,7 @@ function $c(t, n, e, r, o, i) {
     $e(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const bp = /* @__PURE__ */ Se(yc, [["render", $c], ["__scopeId", "data-v-e696394e"]]);
+const _p = /* @__PURE__ */ Se(yc, [["render", $c], ["__scopeId", "data-v-e696394e"]]);
 const wc = {
   name: "IbPanel",
   mixins: [$a],
@@ -5491,7 +5491,7 @@ function Tc(t, n, e, r, o, i) {
     }, 8, ["onEnter", "onAfterEnter", "onLeave"])
   ], 2);
 }
-const _p = /* @__PURE__ */ Se(wc, [["render", Tc], ["__scopeId", "data-v-1f178fc0"]]);
+const $p = /* @__PURE__ */ Se(wc, [["render", Tc], ["__scopeId", "data-v-1f178fc0"]]);
 const Sc = {
   props: {
     showCloseIcon: {
@@ -5550,7 +5550,7 @@ function Ic(t, n, e, r, o, i) {
     ])) : ue("", !0)
   ], 10, Ac);
 }
-const $p = /* @__PURE__ */ Se(Sc, [["render", Ic], ["__scopeId", "data-v-7f6d49d7"]]);
+const wp = /* @__PURE__ */ Se(Sc, [["render", Ic], ["__scopeId", "data-v-7f6d49d7"]]);
 const Mc = {
   name: "IbInputGroup",
   props: {
@@ -5575,7 +5575,7 @@ function Lc(t, n, e, r, o, i) {
     e.supportText.length ? (G(), ne("p", Dc, Oe(e.supportText), 1)) : ue("", !0)
   ], 2);
 }
-const wp = /* @__PURE__ */ Se(Mc, [["render", Lc]]);
+const Op = /* @__PURE__ */ Se(Mc, [["render", Lc]]);
 const Qr = {
   name: "IbInputGroup",
   props: {
@@ -5649,7 +5649,7 @@ function Bc(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const Op = /* @__PURE__ */ Se(Qr, [["render", Bc]]);
+const kp = /* @__PURE__ */ Se(Qr, [["render", Bc]]);
 const jc = {
   name: "IbRadio",
   props: {
@@ -5742,7 +5742,7 @@ function zc(t, n, e, r, o, i) {
     ], 2)
   ], 10, Fc);
 }
-const kp = /* @__PURE__ */ Se(jc, [["render", zc], ["__scopeId", "data-v-cc4a452b"]]);
+const Cp = /* @__PURE__ */ Se(jc, [["render", zc], ["__scopeId", "data-v-cc4a452b"]]);
 const Kc = {
   props: {
     characterLimit: {
@@ -5882,7 +5882,7 @@ function nf(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const Cp = /* @__PURE__ */ Se(Qc, [["render", nf], ["__scopeId", "data-v-718ebfc4"]]);
+const Ep = /* @__PURE__ */ Se(Qc, [["render", nf], ["__scopeId", "data-v-718ebfc4"]]);
 var Cr = [
   "onChange",
   "onClose",
@@ -7659,7 +7659,7 @@ function Ef(t, n, e, r, o, i) {
     ])
   ], 2);
 }
-const Ep = /* @__PURE__ */ Se(gf, [["render", Ef]]), xf = [
+const xp = /* @__PURE__ */ Se(gf, [["render", Ef]]), xf = [
   [
     "Afghanistan (‫افغانستان‬‎)",
     "af",
@@ -11488,7 +11488,7 @@ function Y1(t, n, e, r, o, i) {
     ])
   ], 64);
 }
-const xp = /* @__PURE__ */ Se(W1, [["render", Y1]]);
+const Tp = /* @__PURE__ */ Se(W1, [["render", Y1]]);
 var il = { exports: {} };
 /*!
  * Quill Editor v1.3.7
@@ -21061,8 +21061,12 @@ const N0 = {
 }, "Placeholder Selector", -1), L0 = {
   id: "placeholders",
   class: "ql-placeholder"
-}, R0 = ["value"], B0 = /* @__PURE__ */ _a('<div class="toolbar-group header-toolbar-group"><label class="toolbar-group__label" for="header-selector">Header Selector</label><select id="header-selector" 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), j0 = { class: "toolbar-group" }, q0 = /* @__PURE__ */ _a('<div class="toolbar-group"><label class="toolbar-group__label" for="background-selector">Background Selector</label><select id="background-selector" class="ql-background"></select><label class="toolbar-group__label" for="color-selector">Background Color Selector</label><select id="color-selector" class="ql-color"></select></div>', 1), F0 = { class: "toolbar-group" }, H0 = { class: "toolbar-group" }, V0 = { class: "toolbar-group" };
-function U0(t, n, e, r, o, i) {
+}, R0 = /* @__PURE__ */ ae("option", {
+  selected: "",
+  value: "default",
+  class: "disabled"
+}, null, -1), B0 = ["value"], j0 = /* @__PURE__ */ _a('<div class="toolbar-group header-toolbar-group"><label class="toolbar-group__label" for="header-selector">Header Selector</label><select id="header-selector" 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), q0 = { class: "toolbar-group" }, F0 = /* @__PURE__ */ _a('<div class="toolbar-group"><label class="toolbar-group__label" for="background-selector">Background Selector</label><select id="background-selector" class="ql-background"></select><label class="toolbar-group__label" for="color-selector">Background Color Selector</label><select id="color-selector" class="ql-color"></select></div>', 1), H0 = { class: "toolbar-group" }, V0 = { class: "toolbar-group" }, U0 = { class: "toolbar-group" };
+function z0(t, n, e, r, o, i) {
   const a = ce("ib-character-count"), l = ce("ib-alert"), d = ce("QuillEditor"), u = ce("ib-icon-button");
   return G(), ne("div", {
     class: pe(["textarea-wrapper", {
@@ -21124,16 +21128,17 @@ function U0(t, n, e, r, o, i) {
         Ie(ae("div", M0, [
           D0,
           ae("select", L0, [
+            R0,
             (G(!0), ne(tt, null, Mt(e.placeholders, (h) => (G(), ne("option", {
               key: h.id,
               value: h.id
-            }, Oe(h.label), 9, R0))), 128))
+            }, Oe(h.label), 9, B0))), 128))
           ])
         ], 512), [
           [Ke, e.placeholders.length]
         ]),
-        B0,
-        ae("div", j0, [
+        j0,
+        ae("div", q0, [
           me(u, {
             "aria-label": "button-bold",
             class: "toolbar-item ql-bold",
@@ -21155,8 +21160,8 @@ function U0(t, n, e, r, o, i) {
             kind: "ghost"
           })
         ]),
-        q0,
-        ae("div", F0, [
+        F0,
+        ae("div", H0, [
           me(u, {
             "aria-label": "button-code-block",
             class: "toolbar-item ql-code-block",
@@ -21168,7 +21173,7 @@ function U0(t, n, e, r, o, i) {
             kind: "ghost"
           })
         ]),
-        ae("div", H0, [
+        ae("div", V0, [
           me(u, {
             "aria-label": "button-align",
             class: "toolbar-item ql-align",
@@ -21193,7 +21198,7 @@ function U0(t, n, e, r, o, i) {
             kind: "ghost"
           })
         ]),
-        ae("div", V0, [
+        ae("div", U0, [
           me(u, {
             "aria-label": "button-ordered-list",
             class: "ql-list toolbar-item",
@@ -21216,18 +21221,18 @@ function U0(t, n, e, r, o, i) {
     ], 2)
   ], 2);
 }
-const Tp = /* @__PURE__ */ Se(N0, [["render", U0]]);
-const z0 = {
+const Sp = /* @__PURE__ */ Se(N0, [["render", z0]]);
+const K0 = {
   name: "IbTable",
   computed: {
     hasThead() {
       return !!this.$slots.thead;
     }
   }
-}, K0 = { class: "ib-table-wrapper" }, G0 = { class: "ib-table" };
-function W0(t, n, e, r, o, i) {
-  return G(), ne("div", K0, [
-    ae("table", G0, [
+}, G0 = { class: "ib-table-wrapper" }, W0 = { class: "ib-table" };
+function Y0(t, n, e, r, o, i) {
+  return G(), ne("div", G0, [
+    ae("table", W0, [
       i.hasThead ? $e(t.$slots, "thead", { key: 0 }, void 0, !0) : ue("", !0),
       ae("tbody", null, [
         $e(t.$slots, "tbody", {}, void 0, !0)
@@ -21235,17 +21240,17 @@ function W0(t, n, e, r, o, i) {
     ])
   ]);
 }
-const Sp = /* @__PURE__ */ Se(z0, [["render", W0], ["__scopeId", "data-v-5dceb760"]]);
-const Y0 = {
+const Ap = /* @__PURE__ */ Se(K0, [["render", Y0], ["__scopeId", "data-v-5dceb760"]]);
+const Z0 = {
   name: "IbRow"
-}, Z0 = { class: "ib-tr" };
-function J0(t, n, e, r, o, i) {
-  return G(), ne("tr", Z0, [
+}, J0 = { class: "ib-tr" };
+function X0(t, n, e, r, o, i) {
+  return G(), ne("tr", J0, [
     $e(t.$slots, "default", { ref: "row" })
   ]);
 }
-const Ap = /* @__PURE__ */ Se(Y0, [["render", J0]]);
-const X0 = {
+const Np = /* @__PURE__ */ Se(Z0, [["render", X0]]);
+const Q0 = {
   name: "IbCell",
   props: {
     fixed: {
@@ -21267,19 +21272,19 @@ const X0 = {
       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";
     }
   }
-}, Q0 = { class: "cell" };
-function ep(t, n, e, r, o, i) {
+}, ep = { class: "cell" };
+function tp(t, n, e, r, o, i) {
   return G(), ne("td", St({
     onResize: n[0] || (n[0] = (...a) => i.freezeCol && i.freezeCol(...a)),
     class: "ib-cell"
   }, this.attr), [
-    ae("div", Q0, [
+    ae("div", ep, [
       $e(t.$slots, "default", {}, void 0, !0)
     ])
   ], 16);
 }
-const tp = /* @__PURE__ */ Se(X0, [["render", ep], ["__scopeId", "data-v-e74bb0f3"]]);
-const np = {
+const np = /* @__PURE__ */ Se(Q0, [["render", tp], ["__scopeId", "data-v-e74bb0f3"]]);
+const ip = {
   name: "IbCheckboxCell",
   props: {
     isChecked: {
@@ -21292,11 +21297,11 @@ const np = {
     }
   },
   components: {
-    IbCell: tp,
+    IbCell: np,
     IbCheckbox: Ha
   }
 };
-function ip(t, n, e, r, o, i) {
+function rp(t, n, e, r, o, i) {
   const a = ce("ib-checkbox"), l = ce("ib-cell");
   return G(), we(l, {
     fixed: e.fixed,
@@ -21308,7 +21313,7 @@ function ip(t, n, e, r, o, i) {
     _: 1
   }, 8, ["fixed"]);
 }
-const Np = /* @__PURE__ */ Se(np, [["render", ip]]), so = new qa(), ca = (t, n) => {
+const Pp = /* @__PURE__ */ Se(ip, [["render", rp]]), so = new qa(), ca = (t, n) => {
   if (Va(t)) {
     const e = Object.keys(n.modifiers)[0] || n.arg, r = {
       title: n.value.title || "",
@@ -21318,7 +21323,7 @@ const Np = /* @__PURE__ */ Se(np, [["render", ip]]), so = new qa(), ca = (t, n)
   }
 }, fa = () => {
   so.destroyTooltip();
-}, Pp = {
+}, Ip = {
   mounted(t, n) {
     t.addEventListener("mouseenter", () => ca(t, n)), t.addEventListener("mouseleave", fa);
   },
@@ -21327,53 +21332,53 @@ const Np = /* @__PURE__ */ Se(np, [["render", ip]]), so = new qa(), ca = (t, n)
   }
 };
 export {
-  op as IbAccordion,
+  ap as IbAccordion,
   $n as IbAlert,
-  ap as IbAvatar,
-  lp as IbBadge,
-  mp as IbBreadcrumbs,
+  lp as IbAvatar,
+  sp as IbBadge,
+  vp as IbBreadcrumbs,
   Ll as IbButton,
-  sp as IbButtonGroup,
-  tp as IbCell,
+  up as IbButtonGroup,
+  np as IbCell,
   Ka as IbCharactersCount,
   Ha as IbCheckbox,
-  Np as IbCheckboxCell,
-  Op as IbCheckboxGroup,
-  $p as IbChips,
-  Ep as IbDatePicker,
+  Pp as IbCheckboxCell,
+  kp as IbCheckboxGroup,
+  wp as IbChips,
+  xp as IbDatePicker,
   Zr as IbDropdown,
   Ba as IbDropdownItem,
   Xr as IbDropdownList,
-  wp as IbFormGroup,
+  Op as IbFormGroup,
   Ye as IbIcon,
   Nt as IbIconButton,
   Fa as IbInput,
   Yi as IbLabel,
   tc as IbLimitSelector,
-  fp as IbModal,
-  vp as IbPagination,
-  _p as IbPanel,
-  xp as IbPhoneInput,
+  hp as IbModal,
+  yp as IbPagination,
+  $p as IbPanel,
+  Tp as IbPhoneInput,
   ms as IbPopover,
-  yp as IbProgressBar,
-  kp as IbRadio,
-  Ap as IbRow,
-  gp as IbSorting,
-  dp as IbSplitButton,
-  cp as IbSplitButtonItem,
-  bp as IbStatusIndicator,
-  pp as IbTab,
+  bp as IbProgressBar,
+  Cp as IbRadio,
+  Np as IbRow,
+  mp as IbSorting,
+  cp as IbSplitButton,
+  fp as IbSplitButtonItem,
+  _p as IbStatusIndicator,
+  gp as IbTab,
   Mu as IbTabDropdown,
-  Sp as IbTable,
-  hp as IbTabs,
-  up as IbTagPill,
-  Tp as IbTextEditor,
-  Cp as IbTextarea,
+  Ap as IbTable,
+  pp as IbTabs,
+  dp as IbTagPill,
+  Sp as IbTextEditor,
+  Ep as IbTextarea,
   Pd as IbToggle,
   Gs as IbToggleTip,
   ci as IbTooltip,
   Jd as IbTreeSelect,
   Yr as OutsideDirective,
-  Pp as TextOverflowTooltipDirective,
+  Ip as TextOverflowTooltipDirective,
   fi as TooltipDirective
 };