@avakhula/ui 0.1.23 → 0.1.25

package/dist/components/TreeSelect/Select.js

@@ -1,16 +1,16 @@
-import { computed as Z, unref as A, shallowRef as Q, watch as L, triggerRef as j, onScopeDispose as $, resolveComponent as E, resolveDirective as ee, createElementBlock as b, openBlock as y, Fragment as M, createBlock as S, createCommentVNode as v, createElementVNode as x, withCtx as C, createTextVNode as te, toDisplayString as z, mergeProps as se, createVNode as _, normalizeClass as I, createSlots as ie, normalizeStyle as B, withDirectives as R, withKeys as w, renderSlot as D, vShow as P, renderList as F, withModifiers as T } from "vue";
-import ne from "../Form/Input/Input.js";
-import re from "./Option.js";
-import { g as le } from "../../chunks/_commonjsHelpers-DaMA6jEr.js";
+import { computed as Q, unref as A, shallowRef as $, watch as L, triggerRef as j, onScopeDispose as ee, resolveComponent as S, resolveDirective as te, createElementBlock as b, openBlock as y, Fragment as M, createBlock as E, createCommentVNode as v, createElementVNode as x, withCtx as C, createTextVNode as se, toDisplayString as z, mergeProps as ie, createVNode as _, normalizeClass as I, createSlots as ne, normalizeStyle as B, withDirectives as R, withKeys as w, renderSlot as D, vShow as P, renderList as F, withModifiers as T } from "vue";
+import re from "../Form/Input/Input.js";
+import le from "./Option.js";
+import { g as oe } from "../../chunks/_commonjsHelpers-DaMA6jEr.js";
 import W from "../../helpers/generateUID.js";
-import oe from "../Dropdown/Dropdown.js";
-import ae from "../Icon.js";
-import he from "../IconButton/IconButton.js";
-import ce from "../Alert/Alert.js";
-import de from "../List.js";
-import ue from "./mixins/InfinityLoaderMixin.js";
-import { TooltipDirective as fe } from "../../directives/tooltip/tooltip.js";
-import pe from "../../helpers/debounce.js";
+import ae from "../Dropdown/Dropdown.js";
+import he from "../Icon.js";
+import ce from "../IconButton/IconButton.js";
+import de from "../Alert/Alert.js";
+import ue from "../List.js";
+import fe from "./mixins/InfinityLoaderMixin.js";
+import { TooltipDirective as pe } from "../../directives/tooltip/tooltip.js";
+import K from "../../helpers/debounce.js";
 import { _ as me } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
 function N(n, o, t) {
   let l = t.initialDeps ?? [], r;
@@ -24,8 +24,8 @@ function N(n, o, t) {
     l = u;
     let m;
     if (t.key && ((s = t.debug) != null && s.call(t)) && (m = Date.now()), r = o(...u), t.key && ((a = t.debug) != null && a.call(t))) {
-      const f = Math.round((Date.now() - h) * 100) / 100, p = Math.round((Date.now() - m) * 100) / 100, g = p / 16, O = (k, Y) => {
-        for (k = String(k); k.length < Y; )
+      const f = Math.round((Date.now() - h) * 100) / 100, p = Math.round((Date.now() - m) * 100) / 100, g = p / 16, O = (k, Z) => {
+        for (k = String(k); k.length < Z; )
           k = " " + k;
         return k;
       };
@@ -47,7 +47,7 @@ function N(n, o, t) {
     l = i;
   }, e;
 }
-function K(n, o) {
+function q(n, o) {
   if (n === void 0)
     throw new Error("Unexpected undefined");
   return n;
@@ -57,7 +57,7 @@ const ge = (n, o) => Math.abs(n - o) < 1.01, ye = (n, o, t) => {
   return function(...r) {
     n.clearTimeout(l), l = n.setTimeout(() => o.apply(this, r), t);
   };
-}, q = (n) => {
+}, J = (n) => {
   const { offsetWidth: o, offsetHeight: t } = n;
   return { width: o, height: t };
 }, be = (n) => n, ke = (n) => {
@@ -76,7 +76,7 @@ const ge = (n, o) => Math.abs(n - o) < 1.01, ye = (n, o, t) => {
     const { width: s, height: a } = i;
     o({ width: Math.round(s), height: Math.round(a) });
   };
-  if (r(q(t)), !l.ResizeObserver)
+  if (r(J(t)), !l.ResizeObserver)
     return () => {
     };
   const e = new l.ResizeObserver((i) => {
@@ -89,16 +89,16 @@ const ge = (n, o) => Math.abs(n - o) < 1.01, ye = (n, o, t) => {
           return;
         }
       }
-      r(q(t));
+      r(J(t));
     };
     n.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(s) : s();
   });
   return e.observe(t, { box: "border-box" }), () => {
     e.unobserve(t);
   };
-}, J = {
+}, H = {
   passive: !0
-}, H = typeof window > "u" ? !0 : "onscrollend" in window, Oe = (n, o) => {
+}, U = typeof window > "u" ? !0 : "onscrollend" in window, Oe = (n, o) => {
   const t = n.scrollElement;
   if (!t)
     return;
@@ -106,7 +106,7 @@ const ge = (n, o) => Math.abs(n - o) < 1.01, ye = (n, o, t) => {
   if (!l)
     return;
   let r = 0;
-  const e = n.options.useScrollendEvent && H ? () => {
+  const e = n.options.useScrollendEvent && U ? () => {
   } : ye(
     l,
     () => {
@@ -117,12 +117,12 @@ const ge = (n, o) => Math.abs(n - o) < 1.01, ye = (n, o, t) => {
     const { horizontal: u, isRtl: d } = n.options;
     r = u ? t.scrollLeft * (d && -1 || 1) : t.scrollTop, e(), o(r, h);
   }, s = i(!0), a = i(!1);
-  a(), t.addEventListener("scroll", s, J);
-  const c = n.options.useScrollendEvent && H;
-  return c && t.addEventListener("scrollend", a, J), () => {
+  a(), t.addEventListener("scroll", s, H);
+  const c = n.options.useScrollendEvent && U;
+  return c && t.addEventListener("scrollend", a, H), () => {
     t.removeEventListener("scroll", s), c && t.removeEventListener("scrollend", a);
   };
-}, Ee = (n, o, t) => {
+}, Se = (n, o, t) => {
   if (o != null && o.borderBoxSize) {
     const l = o.borderBoxSize[0];
     if (l)
@@ -131,7 +131,7 @@ const ge = (n, o) => Math.abs(n - o) < 1.01, ye = (n, o, t) => {
       );
   }
   return n[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, Se = (n, {
+}, Ee = (n, {
   adjustments: o = 0,
   behavior: t
 }, l) => {
@@ -184,7 +184,7 @@ class xe {
         rangeExtractor: ke,
         onChange: () => {
         },
-        measureElement: Ee,
+        measureElement: Se,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -389,11 +389,11 @@ class xe {
     ), this.getVirtualItemForOffset = (t) => {
       const l = this.getMeasurements();
       if (l.length !== 0)
-        return K(
-          l[X(
+        return q(
+          l[Y(
             0,
             l.length - 1,
-            (r) => K(l[r]).start,
+            (r) => q(l[r]).start,
             t
           )]
         );
@@ -492,7 +492,7 @@ class xe {
     }, this.setOptions(o);
   }
 }
-const X = (n, o, t, l) => {
+const Y = (n, o, t, l) => {
   for (; n <= o; ) {
     const r = (n + o) / 2 | 0, e = t(r);
     if (e < l)
@@ -516,7 +516,7 @@ function Ce({
       startIndex: 0,
       endIndex: r
     };
-  let i = X(
+  let i = Y(
     0,
     r,
     e,
@@ -541,7 +541,7 @@ function Ce({
   return { startIndex: i, endIndex: s };
 }
 function Ie(n) {
-  const o = new xe(A(n)), t = Q(o), l = o._didMount();
+  const o = new xe(A(n)), t = $(o), l = o._didMount();
   return L(
     () => A(n).getScrollElement(),
     (r) => {
@@ -564,14 +564,14 @@ function Ie(n) {
     {
       immediate: !0
     }
-  ), $(l), t;
+  ), ee(l), t;
 }
 function we(n) {
   return Ie(
-    Z(() => ({
+    Q(() => ({
       observeElementRect: ve,
       observeElementOffset: Oe,
-      scrollToFn: Se,
+      scrollToFn: Ee,
       ...A(n)
     }))
   );
@@ -968,14 +968,14 @@ function Me() {
   })(V)), V.exports;
 }
 var Te = Me();
-const ze = /* @__PURE__ */ le(Te);
-function U(n) {
+const ze = /* @__PURE__ */ oe(Te);
+function X(n) {
   return JSON.parse(JSON.stringify(n));
 }
 const _e = {
   name: "IbTreeSelect",
   inject: ["LANG_COMPONENTS"],
-  mixins: [ue],
+  mixins: [fe],
   props: {
     classList: [String, Array],
     keywordHighlighter: {
@@ -1170,15 +1170,12 @@ const _e = {
     val(n) {
       this.watchClearValue && (!n || Array.isArray(n) && !n.length) && this.setPreparedValues(this.actualOptions).then(() => {
         const o = Object.keys(this.selected);
-        this.$globalEvents.$emit("select-" + this.filterId + ":update", {
-          values: o,
-          filter: this.filterId
-        });
+        this.broadcastUpdate(o);
       });
     },
     options: {
       handler(n) {
-        this.initialOptions = typeof n == "function" ? n : U(n);
+        this.initialOptions = typeof n == "function" ? n : X(n);
       },
       deep: !0
     },
@@ -1194,10 +1191,7 @@ const _e = {
       }
       (this.isInitialized && !o || this.isWatching) && this.setPreparedValues().then(() => {
         const t = Object.keys(this.selected);
-        this.$globalEvents.$emit("select-" + this.filterId + ":update", {
-          values: t,
-          filter: this.filterId
-        });
+        this.broadcastUpdate(t);
       });
     },
     dependency(n, o) {
@@ -1221,14 +1215,16 @@ const _e = {
   },
   data() {
     var n, o, t, l, r, e, i, s;
-    return this.defaultFilter = pe((a) => {
+    return this.defaultFilter = K((a) => {
       var h;
       this.marker.unmark();
       const c = this.filterString.toLowerCase().trim();
       this.countVisibleChildren = this.filterFunc.call(this, a, c), c && this.keywordHighlighter && this.marker.mark(c), (h = this.virtualizer) == null || h.measure();
-    }, 1e3), {
+    }, 1e3), this.broadcastUpdate = K(function(a) {
+      this.$globalEvents.$emit("select-" + this.filterId + ":update", { values: a, filter: this.filterId });
+    }, 100), {
       virtualizer: null,
-      initialOptions: typeof this.options == "function" ? this.options : U(this.options),
+      initialOptions: typeof this.options == "function" ? this.options : X(this.options),
       val: this.modelValue ? this.modelValue : this.value,
       size: {
         left: this.initialSize && this.initialSize.left || 0,
@@ -1383,7 +1379,7 @@ const _e = {
     clearValue() {
       this.traverseTree(this.actualOptions, (o) => o.checked = !1), this.clear(), this.isInternalChange = !0;
       const n = this.isMultiple ? [] : null;
-      this.$emit("update:modelValue", n), this.$emit("input", n), this.$emit("clear-value", n), this.$nextTick(() => this.isInternalChange = !1), this.setPreparedValues();
+      this.$emit("update:modelValue", n), this.$emit("input", n), this.$emit("clear-value", n), this.$nextTick(() => this.isInternalChange = !1), this.broadcastUpdate(n), this.setPreparedValues();
     },
     prepare(n, o = !0) {
       return new Promise((t) => {
@@ -1429,7 +1425,7 @@ const _e = {
     },
     change() {
       const n = Object.keys(this.selected);
-      this.isInternalChange = !0, this.isMultiple ? (this.$emit("update:modelValue", n), this.$emit("input", n)) : (this.$emit("update:modelValue", n[0]), this.$emit("input", n[0])), this.$nextTick(() => this.isInternalChange = !1), this.$globalEvents.$emit("select-" + this.filterId + ":update", { values: n, filter: this.filterId }), this.isMultiple || this.$refs.dropdown.close();
+      this.isInternalChange = !0, this.isMultiple ? (this.$emit("update:modelValue", n), this.$emit("input", n)) : (this.$emit("update:modelValue", n[0]), this.$emit("input", n[0])), this.$nextTick(() => this.isInternalChange = !1), this.broadcastUpdate(n), this.isMultiple || this.$refs.dropdown.close();
     },
     checkIfOptionsChecked(n) {
       return n.every((o) => o.checked || o.readonly);
@@ -1449,7 +1445,7 @@ const _e = {
       if (this.toggleDuplicateOptionsFast(n.id, o), t && (this.allOptionsIsChecked = this.checkIfOptionsChecked(this.actualOptions)), this.isMultiple) {
         this.isInternalChange = !0;
         const r = Object.keys(this.selected);
-        this.$emit("update:modelValue", r), this.$emit("input", r), this.$nextTick(() => this.isInternalChange = !1);
+        this.$emit("update:modelValue", r), this.$emit("input", r), this.$nextTick(() => this.isInternalChange = !1), this.broadcastUpdate(r);
       }
     },
     toggleDuplicateOptions(n, o, t) {
@@ -1560,16 +1556,16 @@ const _e = {
     }
   },
   components: {
-    IbAlert: ce,
-    IbIconButton: he,
-    IbIcon: ae,
-    IbDropdown: oe,
-    IbInput: ne,
-    List: de,
-    "select-option": re
+    IbAlert: de,
+    IbIconButton: ce,
+    IbIcon: he,
+    IbDropdown: ae,
+    IbInput: re,
+    List: ue,
+    "select-option": le
   },
   directives: {
-    Tooltip: fe
+    Tooltip: pe
   },
   beforeUnmount() {
     document.removeEventListener("mousemove", this.onResize), document.removeEventListener("mouseup", this.endResizing);
@@ -1589,18 +1585,18 @@ const _e = {
   ref: "infinityLoader"
 };
 function Fe(n, o, t, l, r, e) {
-  const i = E("ib-alert"), s = E("ib-icon"), a = E("ib-icon-button"), c = E("ib-input"), h = E("select-option"), u = E("list"), d = E("ib-dropdown"), m = ee("tooltip");
+  const i = S("ib-alert"), s = S("ib-icon"), a = S("ib-icon-button"), c = S("ib-input"), h = S("select-option"), u = S("list"), d = S("ib-dropdown"), m = te("tooltip");
   return y(), b(M, null, [
-    t.errorMessage ? (y(), S(i, {
+    t.errorMessage ? (y(), E(i, {
       key: 0,
       class: "tree-select-error"
     }, {
       default: C(() => [
-        te(z(t.errorMessage), 1)
+        se(z(t.errorMessage), 1)
       ]),
       _: 1
     })) : v("", !0),
-    x("div", se(Object.fromEntries(Object.entries(n.$attrs).filter(([f]) => f.startsWith("data-"))), {
+    x("div", ie(Object.fromEntries(Object.entries(n.$attrs).filter(([f]) => f.startsWith("data-"))), {
       class: ["tree-select", {
         ...t.classList,
         "tree-select-custom-trigger-content": e.hasTriggerContent,
@@ -1617,7 +1613,7 @@ function Fe(n, o, t, l, r, e) {
         ref: "dropdown",
         onClose: e.onClose,
         onOpen: e.onOpen
-      }, ie({
+      }, ne({
         body: C(() => [
           x("div", {
             class: I(["tree-drop", { "not-tree-child": !r.hasTreeChildren }]),
@@ -1641,7 +1637,7 @@ function Fe(n, o, t, l, r, e) {
                 { rightCenter: !0 }
               ]
             ]) : v("", !0),
-            e.showSearch ? (y(), S(c, {
+            e.showSearch ? (y(), E(c, {
               key: 2,
               class: "tree-search",
               ref: "search",
@@ -1672,7 +1668,7 @@ function Fe(n, o, t, l, r, e) {
                   R(x("div", { class: "tree-select-empty" }, z(r.actualStrings.requiredDependencyNotFilled), 513), [
                     [P, e.requiredDependencyNotFilled]
                   ]),
-                  !t.isMultiple && !t.isRequired && r.actualOptions.length > 0 ? (y(), S(h, {
+                  !t.isMultiple && !t.isRequired && r.actualOptions.length > 0 ? (y(), E(h, {
                     key: 2,
                     option: {
                       title: n.lang("none", "select"),
@@ -1689,7 +1685,7 @@ function Fe(n, o, t, l, r, e) {
                     "only-end-nodes": t.onlyEndNodes,
                     "show-input": t.showInputs
                   }, null, 8, ["option", "name", "parent-auto-check", "is-multiple", "onCheck", "onToggleBookmark", "uid", "only-end-nodes", "show-input"])) : v("", !0),
-                  Object.keys(r.actualBookmarkedOptions).length > 0 ? (y(!0), b(M, { key: 3 }, F(r.actualBookmarkedOptions, (g) => (y(), S(h, {
+                  Object.keys(r.actualBookmarkedOptions).length > 0 ? (y(!0), b(M, { key: 3 }, F(r.actualBookmarkedOptions, (g) => (y(), E(h, {
                     key: "bookmark" + g.id,
                     class: "bookmarked-option",
                     option: g,
@@ -1706,7 +1702,7 @@ function Fe(n, o, t, l, r, e) {
                     "show-input": t.showInputs
                   }, null, 8, ["option", "is-multiple", "onCheck", "onToggleBookmark", "uid", "only-end-nodes", "html-title", "show-input"]))), 128)) : v("", !0),
                   e.requiredDependencyNotFilled ? v("", !0) : (y(), b("div", Ve, [
-                    t.allOptions && !t.alphabeticStyle && t.isMultiple && e.visibleOptionsCount && !e.requiredDependencyNotFilled ? (y(), S(h, {
+                    t.allOptions && !t.alphabeticStyle && t.isMultiple && e.visibleOptionsCount && !e.requiredDependencyNotFilled ? (y(), E(h, {
                       key: 0,
                       option: {
                         title: r.actualStrings.selectAllOptions,
@@ -1748,7 +1744,7 @@ function Fe(n, o, t, l, r, e) {
                             transform: `translateY(${g.start}px)`
                           })
                         }, [
-                          r.actualOptions[g.index] ? R((y(), S(h, {
+                          r.actualOptions[g.index] ? R((y(), E(h, {
                             key: 0,
                             option: r.actualOptions[g.index],
                             "is-toggle": t.isToggle,
@@ -1827,7 +1823,7 @@ function Fe(n, o, t, l, r, e) {
                   class: I({ placeholder: !e.selectStatus })
                 }, z(e.selectStatus || t.placeholder), 3))
               ], 64)),
-              t.showClearButton ? R((y(), S(a, {
+              t.showClearButton ? R((y(), E(a, {
                 key: 2,
                 kind: "ghost",
                 class: "button-clear",