@avakhula/ui 0.0.288 → 0.0.290

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as G, createElementBlock as ne, normalizeStyle as wn, normalizeClass as ve, resolveComponent as fe, createElementVNode as ae, withModifiers as et, renderSlot as Ee, createVNode as ge, Transition as wi, withCtx as ye, withDirectives as De, vShow as Ke, createBlock as ke, resolveDynamicComponent as Oi, mergeProps as Tt, Fragment as tt, renderList as Ft, createCommentVNode as he, toDisplayString as $e, resolveDirective as On, createSlots as So, Teleport as fa, createTextVNode as Ge, createApp as ha, vModelDynamic as xo, withKeys as _t, pushScopeId as $r, popScopeId as wr, vModelText as Ao, defineComponent as pa, onMounted as ga, onBeforeUnmount as ma, ref as Br, watch as er, nextTick as jr, h as va, createStaticVNode as ya } from "vue";
+import { openBlock as G, createElementBlock as ne, normalizeStyle as wn, normalizeClass as ve, resolveComponent as fe, createElementVNode as ae, withModifiers as Xe, renderSlot as Ee, createVNode as ge, Transition as wi, withCtx as ye, withDirectives as De, vShow as Ke, createBlock as ke, resolveDynamicComponent as Oi, mergeProps as Tt, Fragment as tt, renderList as Ft, createCommentVNode as he, toDisplayString as $e, resolveDirective as On, createSlots as So, Teleport as fa, createTextVNode as Ge, createApp as ha, vModelDynamic as xo, withKeys as _t, pushScopeId as $r, popScopeId as wr, vModelText as Ao, defineComponent as pa, onMounted as ga, onBeforeUnmount as ma, ref as Br, watch as er, nextTick as jr, h as va, createStaticVNode as ya } from "vue";
 const Ae = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [r, o] of n)
@@ -35,7 +35,7 @@ function $a(t, n, e, r, o, i) {
     ref: "icon"
   }, null, 14, _a);
 }
-const Xe = /* @__PURE__ */ Ae(ba, [["render", $a]]);
+const Qe = /* @__PURE__ */ Ae(ba, [["render", $a]]);
 function At() {
   return "_" + Math.random().toString(36).substr(2, 9);
 }
@@ -86,7 +86,7 @@ const wa = {
     }
   },
   components: {
-    IbIcon: Xe
+    IbIcon: Qe
   }
 }, Oa = ["id", "aria-controls", "aria-expanded"], ka = ["id", "aria-labelledby"], Ca = { class: "accordion-content-wrapper" };
 function Ea(t, n, e, r, o, i) {
@@ -100,7 +100,7 @@ function Ea(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] = Xe((...l) => i.onClick && i.onClick(...l), ["prevent"]))
     }, [
       Ee(t.$slots, "title", {}, void 0, !0),
       ge(s, {
@@ -538,7 +538,7 @@ const Ha = {
     (t = this.contentObserver) == null || t.disconnect(), window.removeEventListener("resize", () => this.checkHeight());
   },
   components: {
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbIconButton: Nt
   }
 }, Va = {
@@ -629,7 +629,7 @@ const Za = {
     }
   },
   components: {
-    IbIcon: Xe
+    IbIcon: Qe
   }
 }, Ja = ["src", "alt"];
 function Xa(t, n, e, r, o, i) {
@@ -729,7 +729,7 @@ const rl = {
       }
     }
   },
-  components: { IbIcon: Xe }
+  components: { IbIcon: Qe }
 };
 function ol(t, n, e, r, o, i) {
   const s = fe("ib-icon");
@@ -805,7 +805,7 @@ const ll = {
   },
   components: {
     IbIconButton: Nt,
-    IbIcon: Xe
+    IbIcon: Qe
   }
 }, sl = { class: "ib-toggle-tip-head" }, ul = { class: "ib-toggle-tip-content" }, dl = { class: "ib-toggle-tip-button-set" };
 function cl(t, n, e, r, o, i) {
@@ -820,7 +820,7 @@ function cl(t, n, e, r, o, i) {
           ge(l, {
             class: "close-button",
             kind: "ghost",
-            onClick: et(i.close, ["prevent"])
+            onClick: Xe(i.close, ["prevent"])
           }, {
             default: ye(() => [
               ge(s, { name: "close-outline" })
@@ -998,7 +998,7 @@ function El(t, n, e, r, o, i) {
       class: ve(["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] = Xe((...l) => i.toggle && i.toggle(...l), ["prevent", "stop"]))
     }, [
       Ee(t.$slots, "trigger", { isOpened: o.isOpenedState }, void 0, !0)
     ], 34)) : he("", !0),
@@ -1264,7 +1264,7 @@ const Ll = {
     };
   },
   components: {
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbDropdownList: Tr
   },
   methods: {
@@ -1459,7 +1459,7 @@ const Ul = {
   },
   components: {
     IbIconButton: Nt,
-    IbIcon: Xe
+    IbIcon: Qe
   },
   beforeUnmount() {
     this.isActive && this.close(), document.removeEventListener("keydown", this.onKeydown), document.removeEventListener("blur", this.setFocusOnModal, !0);
@@ -1567,7 +1567,7 @@ const Yl = {
   components: {
     IbDropdownList: Tr,
     IbDropdownItem: Do,
-    IbIcon: Xe
+    IbIcon: Qe
   }
 }, Wl = { class: "wrapper-tab-link dropdown-tab" }, Zl = ["tabindex"];
 function Jl(t, n, e, r, o, i) {
@@ -1989,7 +1989,7 @@ const fs = {
   },
   directives: { Tooltip: Bo },
   components: {
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbIconButton: Nt,
     IbToggleTip: fl
   }
@@ -2091,7 +2091,7 @@ const vs = {
     }
   },
   components: {
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbIconButton: Nt,
     IbDropdownItem: Do,
     IbDropdownList: Tr,
@@ -2187,7 +2187,7 @@ const ks = {
   },
   components: {
     IbIconButton: Nt,
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbTooltip: kn
   }
 }, Cs = ["for"], Es = {
@@ -2374,7 +2374,7 @@ const Ss = {
   components: {
     IbAlert: cn,
     IbIconButton: Nt,
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbDropdown: Cr
   },
   inheritAttrs: !1
@@ -2437,7 +2437,7 @@ function Ns(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: Xe(i.toggleShowPassword, ["prevent"])
       }, {
         default: ye(() => [
           ge(l, {
@@ -2506,6 +2506,10 @@ const Is = {
       type: Boolean,
       default: !1
     },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
     disabled: {
       type: Boolean,
       default: !1
@@ -2538,7 +2542,7 @@ const Is = {
   },
   methods: {
     onChange() {
-      this.checked = !this.checked, this.$emit("update:modelValue", this.checked), this.$emit("input", this.checked);
+      this.readonly || (this.checked = !this.checked, this.$emit("update:modelValue", this.checked), this.$emit("input", this.checked));
     }
   },
   computed: {
@@ -2548,6 +2552,7 @@ const Is = {
         "ib-has-error": this.error,
         "ib-checkbox-filled": this.checked,
         "ib-checkbox-disabled": this.disabled,
+        "ib-checkbox-readonly": this.readonly,
         "ib-checkbox-indeterminate": this.indeterminate
       };
     },
@@ -2560,7 +2565,7 @@ const Is = {
     }
   },
   components: {
-    IbIcon: Xe
+    IbIcon: Qe
   },
   inheritAttrs: !1
 }, Ps = ["aria-checked"], Ms = ["for", "tabindex"], Ds = ["name", "id", "value", "checked", "disabled", "required"], Ls = { class: "ib-checkbox-body" }, Rs = {
@@ -2584,7 +2589,7 @@ function Fs(t, n, e, r, o, i) {
     ae("label", Tt(i.attrs, {
       for: e.id,
       tabindex: e.disabled | e.disableFocus ? -1 : 0,
-      onKeypress: n[1] || (n[1] = et((...c) => i.onChange && i.onChange(...c), ["prevent"]))
+      onKeypress: n[1] || (n[1] = Xe((...c) => i.onChange && i.onChange(...c), ["prevent"]))
     }), [
       ae("input", {
         tabindex: "-1",
@@ -2595,7 +2600,7 @@ function Fs(t, n, e, r, o, i) {
         checked: o.checked,
         disabled: e.disabled,
         required: e.required,
-        onClick: n[0] || (n[0] = (...c) => i.onChange && i.onChange(...c))
+        onClick: n[0] || (n[0] = Xe((...c) => i.onChange && i.onChange(...c), ["prevent"]))
       }, null, 8, Ds),
       ae("div", Ls, [
         e.labelPosition === "left" && e.label.length ? (G(), ne("span", {
@@ -2695,7 +2700,7 @@ const Hs = {
       };
     }
   },
-  components: { IbIcon: Xe, IbTooltip: kn }
+  components: { IbIcon: Qe, IbTooltip: kn }
 }, Vs = ["aria-checked", "tabindex"], Us = {
   class: "toggle-wrapper",
   ref: "wrapper"
@@ -2714,8 +2719,8 @@ function Ws(t, n, e, r, o, i) {
     tabindex: e.disabled ? -1 : 0,
     class: ve(i.classes),
     onKeypress: [
-      n[2] || (n[2] = _t(et((...c) => i.onChange && i.onChange(...c), ["prevent"]), ["space"])),
-      n[3] || (n[3] = _t(et((...c) => i.onChange && i.onChange(...c), ["prevent"]), ["enter"]))
+      n[2] || (n[2] = _t(Xe((...c) => i.onChange && i.onChange(...c), ["prevent"]), ["space"])),
+      n[3] || (n[3] = _t(Xe((...c) => i.onChange && i.onChange(...c), ["prevent"]), ["enter"]))
     ]
   }, [
     ae("div", Us, [
@@ -2729,7 +2734,7 @@ function Ws(t, n, e, r, o, i) {
           id: e.id,
           disabled: e.disabled,
           onClick: n[0] || (n[0] = (...c) => i.onChange && i.onChange(...c)),
-          onInput: n[1] || (n[1] = et(() => {
+          onInput: n[1] || (n[1] = Xe(() => {
           }, ["stop"]))
         }, null, 40, Ks),
         Gs,
@@ -2888,7 +2893,7 @@ const Js = {
     }
   },
   components: {
-    IbIcon: Xe,
+    IbIcon: Qe,
     List: Er,
     IbIconButton: Nt
   },
@@ -2920,7 +2925,7 @@ function ru(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((...d) => i.onKeydown && i.onKeydown(...d), ["self"])),
+      onKeydown: n[3] || (n[3] = Xe((...d) => i.onKeydown && i.onKeydown(...d), ["self"])),
       onFocus: n[4] || (n[4] = (d) => t.$emit("onFocus", `option-${i.id}`))
     }, [
       De(ge(l, {
@@ -2937,7 +2942,7 @@ function ru(t, n, e, r, o, i) {
         [Ke, i.hasVisibleChildren]
       ]),
       ae("div", {
-        onClick: n[1] || (n[1] = et((...d) => i.onChange && i.onChange(...d), ["prevent"])),
+        onClick: n[1] || (n[1] = Xe((...d) => i.onChange && i.onChange(...d), ["prevent"])),
         class: ve({
           disabled: e.option.isDisabled,
           "tree-select-option-label": !0,
@@ -2955,12 +2960,13 @@ function ru(t, n, e, r, o, i) {
           id: "input" + i.id,
           "is-checked": i.isChecked(e.option),
           disabled: e.option.isDisabled,
+          readonly: e.option.readonly,
           autocomplete: "off",
           autocorrect: "off",
           autocapitalize: "off",
           spellcheck: "false",
           onInput: i.toggle
-        }, null, 40, ["aria-label", "name", "value", "id", "is-checked", "disabled", "onInput"])), [
+        }, null, 40, ["aria-label", "name", "value", "id", "is-checked", "disabled", "readonly", "onInput"])), [
           [Ke, e.showInput]
         ]),
         e.isBookmarkable ? (G(), ne("span", {
@@ -2973,7 +2979,7 @@ function ru(t, n, e, r, o, i) {
             Ge($e(e.option.title) + " ", 1),
             ge(s, {
               name: "star",
-              onClick: n[0] || (n[0] = et((d) => t.$emit("toggle-bookmark", e.option), ["stop", "prevent"]))
+              onClick: n[0] || (n[0] = Xe((d) => t.$emit("toggle-bookmark", e.option), ["stop", "prevent"]))
             })
           ]))
         ], 2)) : e.htmlTitle ? (G(), ne(tt, { key: 1 }, [
@@ -3613,7 +3619,7 @@ const su = {
       if (typeof this.initialOptions == "function")
         n = !1;
       else {
-        const e = [], r = t;
+        const e = [], r = this.initialOptions;
         Array.prototype.forEach.call(r, (o) => {
           o.id !== void 0 && e.push(o.id);
         }), n = JSON.stringify(e) === JSON.stringify(this.optionsIdsWatch), this.optionsIdsWatch = e;
@@ -3820,7 +3826,7 @@ const su = {
       }), this.$refs.dropdown.close();
     },
     checkIfOptionsChecked(t) {
-      return t.every((n) => n.checked);
+      return t.every((n) => n.checked || n.readonly);
     },
     registerCheck(t, n, e) {
       if (n)
@@ -3842,7 +3848,7 @@ const su = {
     },
     manageAll() {
       this.allOptionsIsChecked = !this.allOptionsIsChecked, this.traverseTree(this.actualOptions, (t) => {
-        this.registerCheck(t, this.allOptionsIsChecked, !1);
+        t.readonly || this.registerCheck(t, this.allOptionsIsChecked, !1);
       });
     },
     traverseTree(t, n) {
@@ -3936,7 +3942,7 @@ const su = {
   components: {
     IbAlert: cn,
     IbIconButton: Nt,
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbDropdown: Cr,
     IbInput: jo,
     List: Er,
@@ -4133,7 +4139,7 @@ function cu(t, n, e, r, o, i) {
                 "tree-choice-error": e.errorMessage
               }]),
               ref: "combobox",
-              onClick: n[2] || (n[2] = et(() => {
+              onClick: n[2] || (n[2] = Xe(() => {
               }, ["prevent"])),
               onBlur: n[3] || (n[3] = (...b) => i.onBlur && i.onBlur(...b)),
               onKeyup: [
@@ -4160,12 +4166,12 @@ function cu(t, n, e, r, o, i) {
                 key: 2,
                 kind: "ghost",
                 class: "button-clear",
-                onClick: et(i.clearValue, ["prevent"]),
-                onKeypress: n[0] || (n[0] = _t(et(() => {
+                onClick: Xe(i.clearValue, ["prevent"]),
+                onKeypress: n[0] || (n[0] = _t(Xe(() => {
                 }, ["stop", "prevent"]), ["enter"])),
-                onKeydown: n[1] || (n[1] = _t(et(() => {
+                onKeydown: n[1] || (n[1] = _t(Xe(() => {
                 }, ["stop", "prevent"]), ["enter"])),
-                onKeyup: _t(et(i.clearValue, ["prevent"]), ["enter"]),
+                onKeyup: _t(Xe(i.clearValue, ["prevent"]), ["enter"]),
                 "help-text": e.clearButtonMessage
               }, {
                 default: ye(() => [
@@ -4347,7 +4353,7 @@ const vu = {
   },
   components: {
     IbIconButton: Nt,
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbInput: jo,
     IbLabel: Ci,
     IbLimitSelector: mu,
@@ -4461,7 +4467,7 @@ const Cu = {
     }
   },
   components: {
-    IbIcon: Xe
+    IbIcon: Qe
   }
 }, Vo = (t) => ($r("data-v-a0217859"), t = t(), wr(), t), Eu = { class: "ib-progress-bar-wrapper" }, Tu = ["aria-label", "aria-valuenow"], Su = /* @__PURE__ */ Vo(() => /* @__PURE__ */ ae("div", { class: "gradient" }, null, -1)), xu = [
   Su
@@ -4759,7 +4765,7 @@ function id(t, n, e, r, o, i) {
     class: ve(i.classes),
     for: e.id,
     "aria-checked": o.checked,
-    onClick: n[2] || (n[2] = et((...c) => i.onClick && i.onClick(...c), ["prevent"]))
+    onClick: n[2] || (n[2] = Xe((...c) => i.onClick && i.onClick(...c), ["prevent"]))
   }, [
     ae("input", {
       type: "radio",
@@ -4769,7 +4775,7 @@ function id(t, n, e, r, o, i) {
       checked: o.checked,
       disabled: e.disabled,
       ref: "radio",
-      onInput: n[0] || (n[0] = et(() => {
+      onInput: n[0] || (n[0] = Xe(() => {
       }, ["stop"])),
       onChange: n[1] || (n[1] = (...c) => i.onChange && i.onChange(...c))
     }, null, 40, ed),
@@ -6550,7 +6556,7 @@ const kd = "single", lr = "range", Cd = {
     document.removeEventListener("keyup", this.onDocumentKeyDown);
   },
   components: {
-    IbIcon: Xe,
+    IbIcon: Qe,
     IbLabel: Ci,
     IbAlert: cn
   }
@@ -10210,7 +10216,7 @@ function Gf(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] = Xe(() => {
           }, ["stop"]))
         }, null, 8, Vf)), [
           [Ao, o.searchQuery]
@@ -10297,7 +10303,7 @@ const Wf = {
   components: {
     VueTelInput: Yf,
     IbAlert: cn,
-    IbIcon: Xe
+    IbIcon: Qe
   },
   data() {
     return {
@@ -18238,9 +18244,9 @@ _i.exports;
     if (yt)
       return yt;
     if (Re.set(_, je), !Ze)
-      var Qe = F ? zi(_) : Bn(_);
-    return J(Qe || _, function(ct, at) {
-      Qe && (at = ct, ct = _[at]), Zn(je, at, Pn(ct, N, F, ee, at, _, Re));
+      var et = F ? zi(_) : Bn(_);
+    return J(et || _, function(ct, at) {
+      et && (at = ct, ct = _[at]), Zn(je, at, Pn(ct, N, F, ee, at, _, Re));
     }), je;
   }
   function Di(_) {
@@ -18684,13 +18690,13 @@ $i.exports;
   function qi(_, N, F, ee, Ne, be) {
     var Re = mn(_), je = mn(N), Ze = Re ? c : Rt(_), Ve = je ? c : Rt(N);
     Ze = Ze == l ? m : Ze, Ve = Ve == l ? m : Ve;
-    var dt = Ze == m, yt = Ve == m, Qe = Ze == Ve;
-    if (Qe && vn(_)) {
+    var dt = Ze == m, yt = Ve == m, et = Ze == Ve;
+    if (et && vn(_)) {
       if (!vn(N))
         return !1;
       Re = !0, dt = !1;
     }
-    if (Qe && !dt)
+    if (et && !dt)
       return be || (be = new Lt()), Re || ri(_) ? Dn(_, N, F, ee, Ne, be) : Ui(_, N, Ze, F, ee, Ne, be);
     if (!(F & o)) {
       var ct = dt && Le.call(_, "__wrapped__"), at = yt && Le.call(N, "__wrapped__");
@@ -18699,7 +18705,7 @@ $i.exports;
         return be || (be = new Lt()), Ne(Jt, Gt, F, ee, be);
       }
     }
-    return Qe ? (be || (be = new Lt()), zi(_, N, F, ee, Ne, be)) : !1;
+    return et ? (be || (be = new Lt()), zi(_, N, F, ee, Ne, be)) : !1;
   }
   function Fi(_) {
     if (!ii(_) || Wi(_))
@@ -18725,7 +18731,7 @@ $i.exports;
     var Ve = be.get(_);
     if (Ve && be.get(N))
       return Ve == N;
-    var dt = -1, yt = !0, Qe = F & i ? new hn() : void 0;
+    var dt = -1, yt = !0, et = F & i ? new hn() : void 0;
     for (be.set(_, N), be.set(N, _); ++dt < je; ) {
       var ct = _[dt], at = N[dt];
       if (ee)
@@ -18736,10 +18742,10 @@ $i.exports;
         yt = !1;
         break;
       }
-      if (Qe) {
+      if (et) {
         if (!ze(N, function(Gt, ln) {
-          if (!se(Qe, ln) && (ct === Gt || Ne(ct, Gt, F, ee, be)))
-            return Qe.push(ln);
+          if (!se(et, ln) && (ct === Gt || Ne(ct, Gt, F, ee, be)))
+            return et.push(ln);
         })) {
           yt = !1;
           break;
@@ -18791,8 +18797,8 @@ $i.exports;
     if (Ze != dt && !Re)
       return !1;
     for (var yt = Ze; yt--; ) {
-      var Qe = je[yt];
-      if (!(Re ? Qe in N : Le.call(N, Qe)))
+      var et = je[yt];
+      if (!(Re ? et in N : Le.call(N, et)))
         return !1;
     }
     var ct = be.get(_);
@@ -18801,15 +18807,15 @@ $i.exports;
     var at = !0;
     be.set(_, N), be.set(N, _);
     for (var Jt = Re; ++yt < Ze; ) {
-      Qe = je[yt];
-      var Gt = _[Qe], ln = N[Qe];
+      et = je[yt];
+      var Gt = _[et], ln = N[et];
       if (ee)
-        var Rr = Re ? ee(ln, Gt, Qe, N, _, be) : ee(Gt, ln, Qe, _, N, be);
+        var Rr = Re ? ee(ln, Gt, et, N, _, be) : ee(Gt, ln, et, _, N, be);
       if (!(Rr === void 0 ? Gt === ln || Ne(Gt, ln, F, ee, be) : Rr)) {
         at = !1;
         break;
       }
-      Jt || (Jt = Qe == "constructor");
+      Jt || (Jt = et == "constructor");
     }
     if (at && !Jt) {
       var oi = _.constructor, ai = N.constructor;
@@ -19975,7 +19981,7 @@ export {
   Do as IbDropdownItem,
   Tr as IbDropdownList,
   p1 as IbFormGroup,
-  Xe as IbIcon,
+  Qe as IbIcon,
   Nt as IbIconButton,
   jo as IbInput,
   Ci as IbLabel,