@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/components/PlElementList/PlElementList.vue2.js

@@ -1,289 +1,366 @@
-import { defineComponent as ue, mergeModels as x, useModel as ce, useSlots as ge, computed as u, shallowRef as R, watch as me, createElementBlock as F, openBlock as v, normalizeClass as C, createElementVNode as ve, createCommentVNode as de, Fragment as I, renderList as p, createBlock as ee, unref as r, createSlots as te, withCtx as c, renderSlot as g } from "vue";
-import { shallowHash as T, isFunction as d } from "@milaboratories/helpers";
-import { useSortable as be } from "@vueuse/integrations/useSortable";
-import ae from "./PlElementListItem.vue.js";
-import { moveElements as le } from "./utils.js";
-const Fe = /* @__PURE__ */ ue({
-  __name: "PlElementList",
-  props: /* @__PURE__ */ x({
-    getItemKey: { type: Function, default: (E) => JSON.stringify(E) },
-    itemClass: { type: [String, Array, Function], default: void 0 },
-    itemClassTitle: { type: [String, Array, Function], default: void 0 },
-    itemClassBefore: { type: [String, Array, Function], default: void 0 },
-    itemClassAfter: { type: [String, Array, Function], default: void 0 },
-    itemClassContent: { type: [String, Array, Function], default: void 0 },
-    isActive: { type: Function, default: void 0 },
-    disableDragging: { type: Boolean, default: void 0 },
-    isDraggable: { type: Function, default: void 0 },
-    onDragEnd: { type: Function, default: void 0 },
-    onSort: { type: Function, default: void 0 },
-    disableRemoving: { type: Boolean, default: void 0 },
-    isRemovable: { type: Function, default: void 0 },
-    onRemove: { type: Function, default: void 0 },
-    disableExpanding: { type: Boolean, default: void 0 },
-    isExpandable: { type: Function, default: void 0 },
-    isExpanded: { type: Function, default: void 0 },
-    onExpand: { type: Function, default: void 0 },
-    disableToggling: { type: Boolean, default: void 0 },
-    isToggable: { type: Function, default: void 0 },
-    isToggled: { type: Function, default: void 0 },
-    onToggle: { type: Function, default: void 0 },
-    disablePinning: { type: Boolean, default: void 0 },
-    isPinnable: { type: Function, default: void 0 },
-    isPinned: { type: Function, default: void 0 },
-    onPin: { type: Function, default: void 0 }
-  }, {
-    items: { required: !0 },
-    itemsModifiers: {}
-  }),
-  emits: /* @__PURE__ */ x(["itemClick"], ["update:items"]),
-  setup(E, { emit: ie }) {
-    const m = ce(E, "items"), t = E, k = ie, b = ge(), D = u(() => t.disableDragging !== !0), f = u(() => m.value.filter(q)), oe = u(() => f.value.length > 0), h = u(
-      () => m.value.filter((a, l) => !q(a, l))
-    ), S = u(() => h.value.length > 0), P = R(), A = R(), $ = R(), w = (a, l) => `${re.value}-${t.getItemKey(a, l)}`, se = u(() => f.value.map(w)), ne = u(() => h.value.map(w)), re = u((a) => {
-      const l = m.value.map(t.getItemKey);
-      if (P.value === void 0) return a ?? T(...l);
-      if (l.length !== P.value.length) return T(...l);
-      const e = P.value.map(t.getItemKey), i = new Set(e);
-      for (let o = 0; o < l.length; o++)
-        if (i.has(l[o]) && e[o] !== l[o])
-          return T(...l);
-      return a ?? T(...l);
-    });
-    B(oe, A, f, () => 0), B(
-      S,
-      $,
-      h,
-      () => f.value.length
-    );
-    function B(a, l, e, i) {
-      const o = be(l, e, {
-        handle: '[data-draggable="true"]',
-        animation: 150,
-        forceFallback: !0,
-        fallbackOnBody: !0,
-        scrollSensitivity: 80,
-        forceAutoScrollFallback: !0,
-        onUpdate: (s) => {
-          var n;
-          if (s.oldIndex == null || s.newIndex == null)
-            throw new Error("Sortable event has no index");
-          ((n = t.onDragEnd) == null ? void 0 : n.call(t, s.oldIndex, s.newIndex)) !== !1 && K(i() + s.oldIndex, i() + s.newIndex, !0);
-        }
-      });
-      return me(
-        [l, () => t.disableDragging, a],
-        ([s, n, fe]) => {
-          !s || n || !fe ? o.stop() : o.start();
-        },
-        { immediate: !0 }
-      ), o;
-    }
-    function K(a, l, e) {
-      var o;
-      if (a === l) return;
-      e && (P.value = le(m.value.slice(), a, l)), ((o = t.onSort) == null ? void 0 : o.call(t, a, l)) === !1 || le(m.value, a, l);
-    }
-    function H(a, l) {
-      var e;
-      return ((e = t.isActive) == null ? void 0 : e.call(t, a, l)) ?? !1;
-    }
-    function j(a, l) {
-      var e;
-      return t.disableDragging === !0 ? !1 : ((e = t.isDraggable) == null ? void 0 : e.call(t, a, l)) ?? !0;
-    }
-    function L(a, l) {
-      var e;
-      return t.disableRemoving === !0 ? !1 : ((e = t.isRemovable) == null ? void 0 : e.call(t, a, l)) ?? !0;
-    }
-    function M(a, l) {
-      var e;
-      return t.disableToggling === !0 ? !1 : ((e = t.isToggable) == null ? void 0 : e.call(t, a, l)) ?? (d(t.isToggled) || d(t.onToggle));
-    }
-    function N(a, l) {
-      var e;
-      return ((e = t.isToggled) == null ? void 0 : e.call(t, a, l)) ?? !1;
-    }
-    function U(a, l) {
-      var e;
-      return t.disablePinning === !0 ? !1 : ((e = t.isPinnable) == null ? void 0 : e.call(t, a, l)) ?? (d(t.isPinned) || d(t.onPin));
-    }
-    function q(a, l) {
-      var e;
-      return ((e = t.isPinned) == null ? void 0 : e.call(t, a, l)) ?? !1;
-    }
-    function z(a, l) {
-      var e;
-      return t.disableExpanding === !0 ? !1 : ((e = t.isExpandable) == null ? void 0 : e.call(t, a, l)) ?? (d(t.isExpanded) || d(t.onExpand));
-    }
-    function J(a, l) {
-      var e;
-      return ((e = t.isExpanded) == null ? void 0 : e.call(t, a, l)) ?? !1;
-    }
-    function O(a, l) {
-      var e;
-      (e = t.onExpand) == null || e.call(t, a, l);
-    }
-    function V(a, l) {
-      var e;
-      (e = t.onToggle) == null || e.call(t, a, l);
-    }
-    function G(a, l) {
-      var i;
-      if (l === -1)
-        throw new Error("Pinnable item not found");
-      const e = f.value.includes(a);
-      ((i = t.onPin) == null ? void 0 : i.call(t, a, l)) !== !1 && K(l, f.value.length + (e ? 0 : -1), !1);
-    }
-    function Q(a, l) {
-      var e;
-      ((e = t.onRemove) == null ? void 0 : e.call(t, a, l)) !== !1 && m.value.splice(l, 1);
-    }
-    function y(a) {
-      return (l, e) => typeof a == "function" ? a(l, e) : a ?? null;
-    }
-    const W = y(t.itemClass), X = y(t.itemClassTitle), Y = y(t.itemClassContent), Z = y(t.itemClassBefore), _ = y(t.itemClassAfter);
-    return (a, l) => (v(), F("div", {
-      class: C(a.$style.root)
-    }, [
-      ve("div", {
-        ref_key: "pinnedContainerRef",
-        ref: A,
-        class: C(a.$style.list)
-      }, [
-        (v(!0), F(I, null, p(f.value, (e, i) => (v(), ee(ae, {
-          key: se.value[i],
-          class: C([a.$style.item, r(W)(e, i)]),
-          titleClass: r(X)(e, i),
-          contentClass: r(Y)(e, i),
-          beforeClass: r(Z)(e, i),
-          afterClass: r(_)(e, i),
-          index: i,
-          item: e,
-          showDragHandle: D.value,
-          isActive: H(e, i),
-          isDraggable: j(e, i),
-          isRemovable: L(e, i),
-          isToggable: M(e, i),
-          isToggled: N(e, i),
-          isPinnable: U(e, i),
-          isPinned: !0,
-          isExpandable: z(e, i),
-          isExpanded: J(e, i),
-          onClick: (o) => k("itemClick", e),
-          onRemove: Q,
-          onToggle: V,
-          onPin: G,
-          onExpand: O
-        }, te({
-          title: c(({ item: o, index: s }) => [
-            g(a.$slots, "item-title", {
-              index: s,
-              item: o
-            })
-          ]),
-          _: 2
-        }, [
-          b["item-before"] ? {
-            name: "before",
-            fn: c(({ item: o, index: s }) => [
-              g(a.$slots, "item-before", {
-                index: s,
-                item: o
-              })
-            ]),
-            key: "0"
-          } : void 0,
-          b["item-content"] ? {
-            name: "content",
-            fn: c(({ item: o, index: s }) => [
-              g(a.$slots, "item-content", {
-                index: s,
-                item: o
-              })
-            ]),
-            key: "1"
-          } : void 0,
-          b["item-after"] ? {
-            name: "after",
-            fn: c(({ item: o, index: s }) => [
-              g(a.$slots, "item-after", {
-                index: s,
-                item: o
-              })
-            ]),
-            key: "2"
-          } : void 0
-        ]), 1032, ["class", "titleClass", "contentClass", "beforeClass", "afterClass", "index", "item", "showDragHandle", "isActive", "isDraggable", "isRemovable", "isToggable", "isToggled", "isPinnable", "isExpandable", "isExpanded", "onClick"]))), 128))
-      ], 2),
-      S.value ? (v(), F("div", {
-        key: 0,
-        ref_key: "unpinnedContainerRef",
-        ref: $,
-        class: C(a.$style.list)
-      }, [
-        (v(!0), F(I, null, p(h.value, (e, i) => {
-          var o;
-          return v(), ee(ae, {
-            key: ne.value[i],
-            class: C([a.$style.item, r(W)(e, i)]),
-            titleClass: r(X)(e, i),
-            contentClass: r(Y)(e, i),
-            beforeClass: r(Z)(e, i),
-            afterClass: r(_)(e, i),
-            index: i + (((o = f.value) == null ? void 0 : o.length) ?? 0),
-            item: e,
-            showDragHandle: D.value,
-            isActive: H(e, i),
-            isDraggable: j(e, i),
-            isRemovable: L(e, i),
-            isToggable: M(e, i),
-            isToggled: N(e, i),
-            isPinnable: U(e, i),
-            isPinned: !1,
-            isExpandable: z(e, i),
-            isExpanded: J(e, i),
-            onClick: (s) => k("itemClick", e),
-            onRemove: Q,
-            onToggle: V,
-            onPin: G,
-            onExpand: O
-          }, te({
-            title: c(({ item: s, index: n }) => [
-              g(a.$slots, "item-title", {
-                index: n,
-                item: s
-              })
-            ]),
-            _: 2
-          }, [
-            b["item-content"] ? {
-              name: "content",
-              fn: c(({ item: s, index: n }) => [
-                g(a.$slots, "item-content", {
-                  index: n,
-                  item: s
-                })
-              ]),
-              key: "0"
-            } : void 0,
-            b["item-after"] ? {
-              name: "after",
-              fn: c(({ item: s, index: n }) => [
-                g(a.$slots, "item-after", {
-                  index: n,
-                  item: s
-                })
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["class", "titleClass", "contentClass", "beforeClass", "afterClass", "index", "item", "showDragHandle", "isActive", "isDraggable", "isRemovable", "isToggable", "isToggled", "isPinnable", "isExpandable", "isExpanded", "onClick"]);
-        }), 128))
-      ], 2)) : de("", !0)
-    ], 2));
-  }
+import e from "./PlElementListItem.js";
+import { moveElements as t } from "./utils.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as ee, createElementBlock as a, createElementVNode as te, createSlots as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, shallowRef as p, unref as m, useModel as h, useSlots as ne, watch as g, withCtx as _ } from "vue";
+import { isFunction as v, shallowHash as y } from "@milaboratories/helpers";
+import { useSortable as re } from "@vueuse/integrations/useSortable";
+var b = /* @__PURE__ */ s({
+	__name: "PlElementList",
+	props: /* @__PURE__ */ c({
+		getItemKey: {
+			type: Function,
+			default: (e) => JSON.stringify(e)
+		},
+		itemClass: {
+			type: [
+				String,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		itemClassTitle: {
+			type: [
+				String,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		itemClassBefore: {
+			type: [
+				String,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		itemClassAfter: {
+			type: [
+				String,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		itemClassContent: {
+			type: [
+				String,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		isActive: {
+			type: Function,
+			default: void 0
+		},
+		disableDragging: {
+			type: Boolean,
+			default: void 0
+		},
+		isDraggable: {
+			type: Function,
+			default: void 0
+		},
+		onDragEnd: {
+			type: Function,
+			default: void 0
+		},
+		onSort: {
+			type: Function,
+			default: void 0
+		},
+		disableRemoving: {
+			type: Boolean,
+			default: void 0
+		},
+		isRemovable: {
+			type: Function,
+			default: void 0
+		},
+		onRemove: {
+			type: Function,
+			default: void 0
+		},
+		disableExpanding: {
+			type: Boolean,
+			default: void 0
+		},
+		isExpandable: {
+			type: Function,
+			default: void 0
+		},
+		isExpanded: {
+			type: Function,
+			default: void 0
+		},
+		onExpand: {
+			type: Function,
+			default: void 0
+		},
+		disableToggling: {
+			type: Boolean,
+			default: void 0
+		},
+		isToggable: {
+			type: Function,
+			default: void 0
+		},
+		isToggled: {
+			type: Function,
+			default: void 0
+		},
+		onToggle: {
+			type: Function,
+			default: void 0
+		},
+		disablePinning: {
+			type: Boolean,
+			default: void 0
+		},
+		isPinnable: {
+			type: Function,
+			default: void 0
+		},
+		isPinned: {
+			type: Function,
+			default: void 0
+		},
+		onPin: {
+			type: Function,
+			default: void 0
+		}
+	}, {
+		items: { required: !0 },
+		itemsModifiers: {}
+	}),
+	emits: /* @__PURE__ */ c(["itemClick"], ["update:items"]),
+	setup(s, { emit: c }) {
+		let b = h(s, "items"), x = s, S = c, C = ne(), w = r(() => x.disableDragging !== !0), T = r(() => b.value.filter(V)), ie = r(() => T.value.length > 0), E = r(() => b.value.filter((e, t) => !V(e, t))), D = r(() => E.value.length > 0), O = p(), k = p(), A = p(), j = (e, t) => `${oe.value}-${x.getItemKey(e, t)}`, M = r(() => T.value.map(j)), ae = r(() => E.value.map(j)), oe = r((e) => {
+			let t = b.value.map(x.getItemKey);
+			if (O.value === void 0) return e ?? y(...t);
+			if (t.length !== O.value.length) return y(...t);
+			let n = O.value.map(x.getItemKey), r = new Set(n);
+			for (let e = 0; e < t.length; e++) if (r.has(t[e]) && n[e] !== t[e]) return y(...t);
+			return e ?? y(...t);
+		});
+		N(ie, k, T, () => 0), N(D, A, E, () => T.value.length);
+		function N(e, t, n, r) {
+			let i = re(t, n, {
+				handle: "[data-draggable=\"true\"]",
+				animation: 150,
+				forceFallback: !0,
+				fallbackOnBody: !0,
+				scrollSensitivity: 80,
+				forceAutoScrollFallback: !0,
+				onUpdate: (e) => {
+					if (e.oldIndex == null || e.newIndex == null) throw Error("Sortable event has no index");
+					x.onDragEnd?.(e.oldIndex, e.newIndex) !== !1 && P(r() + e.oldIndex, r() + e.newIndex, !0);
+				}
+			});
+			return g([
+				t,
+				() => x.disableDragging,
+				e
+			], ([e, t, n]) => {
+				!e || t || !n ? i.stop() : i.start();
+			}, { immediate: !0 }), i;
+		}
+		function P(e, n, r) {
+			e !== n && (r && (O.value = t(b.value.slice(), e, n)), x.onSort?.(e, n) !== !1 && t(b.value, e, n));
+		}
+		function F(e, t) {
+			return x.isActive?.(e, t) ?? !1;
+		}
+		function I(e, t) {
+			return x.disableDragging === !0 ? !1 : x.isDraggable?.(e, t) ?? !0;
+		}
+		function L(e, t) {
+			return x.disableRemoving === !0 ? !1 : x.isRemovable?.(e, t) ?? !0;
+		}
+		function R(e, t) {
+			return x.disableToggling === !0 ? !1 : x.isToggable?.(e, t) ?? (v(x.isToggled) || v(x.onToggle));
+		}
+		function z(e, t) {
+			return x.isToggled?.(e, t) ?? !1;
+		}
+		function B(e, t) {
+			return x.disablePinning === !0 ? !1 : x.isPinnable?.(e, t) ?? (v(x.isPinned) || v(x.onPin));
+		}
+		function V(e, t) {
+			return x.isPinned?.(e, t) ?? !1;
+		}
+		function H(e, t) {
+			return x.disableExpanding === !0 ? !1 : x.isExpandable?.(e, t) ?? (v(x.isExpanded) || v(x.onExpand));
+		}
+		function U(e, t) {
+			return x.isExpanded?.(e, t) ?? !1;
+		}
+		function W(e, t) {
+			x.onExpand?.(e, t);
+		}
+		function G(e, t) {
+			x.onToggle?.(e, t);
+		}
+		function K(e, t) {
+			if (t === -1) throw Error("Pinnable item not found");
+			let n = T.value.includes(e);
+			x.onPin?.(e, t) !== !1 && P(t, T.value.length + (n ? 0 : -1), !1);
+		}
+		function q(e, t) {
+			x.onRemove?.(e, t) !== !1 && b.value.splice(t, 1);
+		}
+		function J(e) {
+			return (t, n) => typeof e == "function" ? e(t, n) : e ?? null;
+		}
+		let Y = J(x.itemClass), X = J(x.itemClassTitle), Z = J(x.itemClassContent), Q = J(x.itemClassBefore), $ = J(x.itemClassAfter);
+		return (t, r) => (u(), a("div", { class: l(t.$style.root) }, [te("div", {
+			ref_key: "pinnedContainerRef",
+			ref: k,
+			class: l(t.$style.list)
+		}, [(u(!0), a(n, null, d(T.value, (n, r) => (u(), i(e, {
+			key: M.value[r],
+			class: l([t.$style.item, m(Y)(n, r)]),
+			titleClass: m(X)(n, r),
+			contentClass: m(Z)(n, r),
+			beforeClass: m(Q)(n, r),
+			afterClass: m($)(n, r),
+			index: r,
+			item: n,
+			showDragHandle: w.value,
+			isActive: F(n, r),
+			isDraggable: I(n, r),
+			isRemovable: L(n, r),
+			isToggable: R(n, r),
+			isToggled: z(n, r),
+			isPinnable: B(n, r),
+			isPinned: !0,
+			isExpandable: H(n, r),
+			isExpanded: U(n, r),
+			onClick: (e) => S("itemClick", n),
+			onRemove: q,
+			onToggle: G,
+			onPin: K,
+			onExpand: W
+		}, o({
+			title: _(({ item: e, index: n }) => [f(t.$slots, "item-title", {
+				index: n,
+				item: e
+			})]),
+			_: 2
+		}, [
+			C["item-before"] ? {
+				name: "before",
+				fn: _(({ item: e, index: n }) => [f(t.$slots, "item-before", {
+					index: n,
+					item: e
+				})]),
+				key: "0"
+			} : void 0,
+			C["item-content"] ? {
+				name: "content",
+				fn: _(({ item: e, index: n }) => [f(t.$slots, "item-content", {
+					index: n,
+					item: e
+				})]),
+				key: "1"
+			} : void 0,
+			C["item-after"] ? {
+				name: "after",
+				fn: _(({ item: e, index: n }) => [f(t.$slots, "item-after", {
+					index: n,
+					item: e
+				})]),
+				key: "2"
+			} : void 0
+		]), 1032, [
+			"class",
+			"titleClass",
+			"contentClass",
+			"beforeClass",
+			"afterClass",
+			"index",
+			"item",
+			"showDragHandle",
+			"isActive",
+			"isDraggable",
+			"isRemovable",
+			"isToggable",
+			"isToggled",
+			"isPinnable",
+			"isExpandable",
+			"isExpanded",
+			"onClick"
+		]))), 128))], 2), D.value ? (u(), a("div", {
+			key: 0,
+			ref_key: "unpinnedContainerRef",
+			ref: A,
+			class: l(t.$style.list)
+		}, [(u(!0), a(n, null, d(E.value, (n, r) => (u(), i(e, {
+			key: ae.value[r],
+			class: l([t.$style.item, m(Y)(n, r)]),
+			titleClass: m(X)(n, r),
+			contentClass: m(Z)(n, r),
+			beforeClass: m(Q)(n, r),
+			afterClass: m($)(n, r),
+			index: r + (T.value?.length ?? 0),
+			item: n,
+			showDragHandle: w.value,
+			isActive: F(n, r),
+			isDraggable: I(n, r),
+			isRemovable: L(n, r),
+			isToggable: R(n, r),
+			isToggled: z(n, r),
+			isPinnable: B(n, r),
+			isPinned: !1,
+			isExpandable: H(n, r),
+			isExpanded: U(n, r),
+			onClick: (e) => S("itemClick", n),
+			onRemove: q,
+			onToggle: G,
+			onPin: K,
+			onExpand: W
+		}, o({
+			title: _(({ item: e, index: n }) => [f(t.$slots, "item-title", {
+				index: n,
+				item: e
+			})]),
+			_: 2
+		}, [C["item-content"] ? {
+			name: "content",
+			fn: _(({ item: e, index: n }) => [f(t.$slots, "item-content", {
+				index: n,
+				item: e
+			})]),
+			key: "0"
+		} : void 0, C["item-after"] ? {
+			name: "after",
+			fn: _(({ item: e, index: n }) => [f(t.$slots, "item-after", {
+				index: n,
+				item: e
+			})]),
+			key: "1"
+		} : void 0]), 1032, [
+			"class",
+			"titleClass",
+			"contentClass",
+			"beforeClass",
+			"afterClass",
+			"index",
+			"item",
+			"showDragHandle",
+			"isActive",
+			"isDraggable",
+			"isRemovable",
+			"isToggable",
+			"isToggled",
+			"isPinnable",
+			"isExpandable",
+			"isExpanded",
+			"onClick"
+		]))), 128))], 2)) : ee("", !0)], 2));
+	}
 });
-export {
-  Fe as default
-};
-//# sourceMappingURL=PlElementList.vue2.js.map
+export { b as default };
+
+//# sourceMappingURL=PlElementList.vue2.js.map