@milaboratories/uikit 2.11.9 → 2.12.1

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

@@ -1,12 +1,12 @@
 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";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as ee, createSlots as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, shallowRef as m, unref as h, useModel as te, useSlots as ne, watch as re, withCtx as g } from "vue";
+import { isFunction as _, shallowHash as v } from "@milaboratories/helpers";
+import { useSortable as ie } from "@vueuse/integrations/useSortable";
 //#region src/components/PlElementList/PlElementList.vue?vue&type=script&setup=true&lang.ts
-var b = /* @__PURE__ */ s({
+var y = /* @__PURE__ */ c({
 	__name: "PlElementList",
-	props: /* @__PURE__ */ c({
+	props: /* @__PURE__ */ l({
 		getItemKey: {
 			type: Function,
 			default: (e) => JSON.stringify(e)
@@ -135,19 +135,19 @@ var b = /* @__PURE__ */ s({
 		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);
+	emits: /* @__PURE__ */ l(["itemClick"], ["update:items"]),
+	setup(c, { emit: l }) {
+		let y = te(c, "items"), b = c, x = l, S = ne(), C = r(() => b.disableDragging !== !0), w = r(() => y.value.map((e, t) => [t, e]).filter(([e, t]) => V(t, e))), ae = r(() => w.value.length > 0), T = r(() => y.value.map((e, t) => [t, e]).filter(([e, t]) => !V(t, e))), E = r(() => T.value.length > 0), D = m(), O = m(), k = m(), A = (e) => `${oe.value}-${b.getItemKey(e[1], e[0])}`, j = r(() => w.value.map(A)), M = r(() => T.value.map(A)), oe = r((e) => {
+			let t = y.value.map(b.getItemKey);
+			if (D.value === void 0) return e ?? v(...t);
+			if (t.length !== D.value.length) return v(...t);
+			let n = D.value.map(b.getItemKey), r = new Set(n);
+			for (let e = 0; e < t.length; e++) if (r.has(t[e]) && n[e] !== t[e]) return v(...t);
+			return e ?? v(...t);
 		});
-		N(ie, k, T, () => 0), N(D, A, E, () => T.value.length);
+		N(ae, O, w, () => 0), N(E, k, T, () => w.value.length);
 		function N(e, t, n, r) {
-			let i = re(t, n, {
+			let i = ie(t, n, {
 				handle: "[data-draggable=\"true\"]",
 				animation: 150,
 				forceFallback: !0,
@@ -156,119 +156,119 @@ var b = /* @__PURE__ */ s({
 				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);
+					b.onDragEnd?.(e.oldIndex, e.newIndex) !== !1 && P(r() + e.oldIndex, r() + e.newIndex, !0);
 				}
 			});
-			return g([
+			return re([
 				t,
-				() => x.disableDragging,
+				() => b.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));
+			e !== n && (r && (D.value = t(y.value.slice(), e, n)), b.onSort?.(e, n) !== !1 && (y.value = t(y.value, e, n)));
 		}
 		function F(e, t) {
-			return x.isActive?.(e, t) ?? !1;
+			return b.isActive?.(e, t) ?? !1;
 		}
 		function I(e, t) {
-			return x.disableDragging === !0 ? !1 : x.isDraggable?.(e, t) ?? !0;
+			return b.disableDragging === !0 ? !1 : b.isDraggable?.(e, t) ?? !0;
 		}
 		function L(e, t) {
-			return x.disableRemoving === !0 ? !1 : x.isRemovable?.(e, t) ?? !0;
+			return b.disableRemoving === !0 ? !1 : b.isRemovable?.(e, t) ?? !0;
 		}
 		function R(e, t) {
-			return x.disableToggling === !0 ? !1 : x.isToggable?.(e, t) ?? (v(x.isToggled) || v(x.onToggle));
+			return b.disableToggling === !0 ? !1 : b.isToggable?.(e, t) ?? (_(b.isToggled) || _(b.onToggle));
 		}
 		function z(e, t) {
-			return x.isToggled?.(e, t) ?? !1;
+			return b.isToggled?.(e, t) ?? !1;
 		}
 		function B(e, t) {
-			return x.disablePinning === !0 ? !1 : x.isPinnable?.(e, t) ?? (v(x.isPinned) || v(x.onPin));
+			return b.disablePinning === !0 ? !1 : b.isPinnable?.(e, t) ?? (_(b.isPinned) || _(b.onPin));
 		}
 		function V(e, t) {
-			return x.isPinned?.(e, t) ?? !1;
+			return b.isPinned?.(e, t) ?? !1;
 		}
 		function H(e, t) {
-			return x.disableExpanding === !0 ? !1 : x.isExpandable?.(e, t) ?? (v(x.isExpanded) || v(x.onExpand));
+			return b.disableExpanding === !0 ? !1 : b.isExpandable?.(e, t) ?? (_(b.isExpanded) || _(b.onExpand));
 		}
 		function U(e, t) {
-			return x.isExpanded?.(e, t) ?? !1;
+			return b.isExpanded?.(e, t) ?? !1;
 		}
 		function W(e, t) {
-			x.onExpand?.(e, t);
+			b.onExpand?.(e, t);
 		}
 		function G(e, t) {
-			x.onToggle?.(e, t);
+			b.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);
+			let n = w.value.findIndex(([e]) => e === t) !== -1;
+			b.onPin?.(e, t) !== !1 && P(t, w.value.length + (n ? 0 : -1), !1);
 		}
 		function q(e, t) {
-			x.onRemove?.(e, t) !== !1 && b.value.splice(t, 1);
+			b.onRemove?.(e, t) !== !1 && (y.value = [...y.value.slice(0, t), ...y.value.slice(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", {
+		let Y = J(b.itemClass), X = J(b.itemClassTitle), Z = J(b.itemClassContent), Q = J(b.itemClassBefore), $ = J(b.itemClassAfter);
+		return (t, r) => (d(), o("div", { class: u(t.$style.root) }, [ee("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),
+			ref: O,
+			class: u(t.$style.list)
+		}, [(d(!0), o(n, null, f(w.value, ([n, r], a) => (d(), i(e, {
+			key: j.value[a],
+			class: u([t.$style.item, h(Y)(r, n)]),
+			titleClass: h(X)(r, n),
+			contentClass: h(Z)(r, n),
+			beforeClass: h(Q)(r, n),
+			afterClass: h($)(r, n),
+			index: n,
+			item: r,
+			showDragHandle: C.value,
+			isActive: F(r, n),
+			isDraggable: I(r, n),
+			isRemovable: L(r, n),
+			isToggable: R(r, n),
+			isToggled: z(r, n),
+			isPinnable: B(r, n),
 			isPinned: !0,
-			isExpandable: H(n, r),
-			isExpanded: U(n, r),
-			onClick: (e) => S("itemClick", n),
+			isExpandable: H(r, n),
+			isExpanded: U(r, n),
+			onClick: (e) => x("itemClick", r),
 			onRemove: q,
 			onToggle: G,
 			onPin: K,
 			onExpand: W
-		}, o({
-			title: _(({ item: e, index: n }) => [f(t.$slots, "item-title", {
+		}, s({
+			title: g(({ item: e, index: n }) => [p(t.$slots, "item-title", {
 				index: n,
 				item: e
 			})]),
 			_: 2
 		}, [
-			C["item-before"] ? {
+			S["item-before"] ? {
 				name: "before",
-				fn: _(({ item: e, index: n }) => [f(t.$slots, "item-before", {
+				fn: g(({ item: e, index: n }) => [p(t.$slots, "item-before", {
 					index: n,
 					item: e
 				})]),
 				key: "0"
 			} : void 0,
-			C["item-content"] ? {
+			S["item-content"] ? {
 				name: "content",
-				fn: _(({ item: e, index: n }) => [f(t.$slots, "item-content", {
+				fn: g(({ item: e, index: n }) => [p(t.$slots, "item-content", {
 					index: n,
 					item: e
 				})]),
 				key: "1"
 			} : void 0,
-			C["item-after"] ? {
+			S["item-after"] ? {
 				name: "after",
-				fn: _(({ item: e, index: n }) => [f(t.$slots, "item-after", {
+				fn: g(({ item: e, index: n }) => [p(t.$slots, "item-after", {
 					index: n,
 					item: e
 				})]),
@@ -292,51 +292,51 @@ var b = /* @__PURE__ */ s({
 			"isExpandable",
 			"isExpanded",
 			"onClick"
-		]))), 128))], 2), D.value ? (u(), a("div", {
+		]))), 128))], 2), E.value ? (d(), o("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),
+			ref: k,
+			class: u(t.$style.list)
+		}, [(d(!0), o(n, null, f(T.value, ([n, r], a) => (d(), i(e, {
+			key: M.value[a],
+			class: u([t.$style.item, h(Y)(r, n)]),
+			titleClass: h(X)(r, n),
+			contentClass: h(Z)(r, n),
+			beforeClass: h(Q)(r, n),
+			afterClass: h($)(r, n),
+			index: n,
+			item: r,
+			showDragHandle: C.value,
+			isActive: F(r, n),
+			isDraggable: I(r, n),
+			isRemovable: L(r, n),
+			isToggable: R(r, n),
+			isToggled: z(r, n),
+			isPinnable: B(r, n),
 			isPinned: !1,
-			isExpandable: H(n, r),
-			isExpanded: U(n, r),
-			onClick: (e) => S("itemClick", n),
+			isExpandable: H(r, n),
+			isExpanded: U(r, n),
+			onClick: (e) => x("itemClick", r),
 			onRemove: q,
 			onToggle: G,
 			onPin: K,
 			onExpand: W
-		}, o({
-			title: _(({ item: e, index: n }) => [f(t.$slots, "item-title", {
+		}, s({
+			title: g(({ item: e, index: n }) => [p(t.$slots, "item-title", {
 				index: n,
 				item: e
 			})]),
 			_: 2
-		}, [C["item-content"] ? {
+		}, [S["item-content"] ? {
 			name: "content",
-			fn: _(({ item: e, index: n }) => [f(t.$slots, "item-content", {
+			fn: g(({ item: e, index: n }) => [p(t.$slots, "item-content", {
 				index: n,
 				item: e
 			})]),
 			key: "0"
-		} : void 0, C["item-after"] ? {
+		} : void 0, S["item-after"] ? {
 			name: "after",
-			fn: _(({ item: e, index: n }) => [f(t.$slots, "item-after", {
+			fn: g(({ item: e, index: n }) => [p(t.$slots, "item-after", {
 				index: n,
 				item: e
 			})]),
@@ -359,10 +359,10 @@ var b = /* @__PURE__ */ s({
 			"isExpandable",
 			"isExpanded",
 			"onClick"
-		]))), 128))], 2)) : ee("", !0)], 2));
+		]))), 128))], 2)) : a("", !0)], 2));
 	}
 });
 //#endregion
-export { b as default };
+export { y as default };
 
 //# sourceMappingURL=PlElementList.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlElementList.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlElementList/PlElementList.vue"],"sourcesContent":["<script\n  generic=\"T extends unknown = unknown, K extends number | string = number | string\"\n  lang=\"ts\"\n  setup\n>\nimport { isFunction, shallowHash } from \"@milaboratories/helpers\";\nimport { useSortable } from \"@vueuse/integrations/useSortable\";\nimport { type SortableEvent } from \"sortablejs\";\nimport type { ShallowRef } from \"vue\";\nimport { computed, shallowRef, watch } from \"vue\";\nimport PlElementListItem from \"./PlElementListItem.vue\";\nimport { moveElements } from \"./utils.ts\";\n\nconst itemsRef = defineModel<T[]>(\"items\", { required: true });\n\nconst props = withDefaults(\n  defineProps<{\n    getItemKey?: (item: T, index: number) => K;\n\n    itemClass?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassTitle?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassBefore?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassAfter?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassContent?: string | string[] | ((item: T, index: number) => string | string[]);\n    isActive?: (item: T, index: number) => boolean;\n\n    disableDragging?: boolean;\n    isDraggable?: (item: T, index: number) => boolean;\n    onDragEnd?: (oldIndex: number, newIndex: number) => void | boolean;\n    onSort?: (oldIndex: number, newIndex: number) => void | boolean;\n\n    disableRemoving?: boolean;\n    isRemovable?: (item: T, index: number) => boolean;\n    onRemove?: (item: T, index: number) => void | boolean;\n\n    disableExpanding?: boolean;\n    isExpandable?: (item: T, index: number) => boolean;\n    isExpanded?: (item: T, index: number) => boolean;\n    onExpand?: (item: T, index: number) => unknown;\n\n    disableToggling?: boolean;\n    isToggable?: (item: T, index: number) => boolean;\n    isToggled?: (item: T, index: number) => boolean;\n    onToggle?: (item: T, index: number) => unknown;\n\n    disablePinning?: boolean;\n    isPinnable?: (item: T, index: number) => boolean;\n    isPinned?: (item: T, index: number) => boolean;\n    onPin?: (item: T, index: number) => void | boolean;\n  }>(),\n  {\n    getItemKey: (item: T) => JSON.stringify(item) as K,\n\n    itemClass: undefined,\n    itemClassTitle: undefined,\n    itemClassContent: undefined,\n    itemClassBefore: undefined,\n    itemClassAfter: undefined,\n    isActive: undefined,\n\n    disableDragging: undefined,\n    isDraggable: undefined,\n    onDragEnd: undefined,\n    onSort: undefined,\n\n    disableRemoving: undefined,\n    isRemovable: undefined,\n    onRemove: undefined,\n\n    disableExpanding: undefined,\n    isExpandable: undefined,\n    isExpanded: undefined,\n    onExpand: undefined,\n\n    disableToggling: undefined,\n    isToggable: undefined,\n    isToggled: undefined,\n    onToggle: undefined,\n\n    disablePinning: undefined,\n    isPinnable: undefined,\n    isPinned: undefined,\n    onPin: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  (e: \"itemClick\", item: T): void;\n}>();\n\nconst slots = defineSlots<{\n  [\"item-title\"]: (props: { item: T; index: number }) => unknown;\n  [\"item-content\"]?: (props: { item: T; index: number }) => unknown;\n  [\"item-before\"]?: (props: { item: T; index: number }) => unknown;\n  [\"item-after\"]?: (props: { item: T; index: number }) => unknown;\n}>();\n\nconst dndSortingEnabled = computed((): boolean => {\n  return props.disableDragging !== true;\n});\n\nconst pinnedItemsRef = computed(() => itemsRef.value.filter(isPinnedItem));\nconst hasPinnedItems = computed(() => pinnedItemsRef.value.length > 0);\n\nconst unpinnedItemsRef = computed(() =>\n  itemsRef.value.filter((item, index) => !isPinnedItem(item, index)),\n);\nconst hasUnpinnedItems = computed(() => unpinnedItemsRef.value.length > 0);\n\nconst domProjectionItemsRef = shallowRef<undefined | T[]>();\nconst pinnedContainerRef = shallowRef<HTMLElement>();\nconst unpinnedContainerRef = shallowRef<HTMLElement>();\n\n// version fix problem with sync between data and rendered values\nconst getKey = (item: T, index: number) => {\n  return `${versionRef.value}-${props.getItemKey(item, index)}`;\n};\nconst pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));\nconst unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));\n\n// version fix problem with sync between data and rendered values when items have been changed\nconst versionRef = computed<number>((oldVersion) => {\n  const currentKeys = itemsRef.value.map(props.getItemKey);\n\n  if (domProjectionItemsRef.value === undefined) return oldVersion ?? shallowHash(...currentKeys);\n  if (currentKeys.length !== domProjectionItemsRef.value.length) return shallowHash(...currentKeys);\n\n  const domProjectionKeys = domProjectionItemsRef.value.map(props.getItemKey);\n  const domProjectionKeysSet = new Set(domProjectionKeys);\n\n  for (let i = 0; i < currentKeys.length; i++) {\n    const hasInconsistentPosition =\n      domProjectionKeysSet.has(currentKeys[i]) && domProjectionKeys[i] !== currentKeys[i];\n\n    if (hasInconsistentPosition) {\n      return shallowHash(...currentKeys);\n    }\n  }\n\n  return oldVersion ?? shallowHash(...currentKeys);\n});\n\ncreateSortable(hasPinnedItems, pinnedContainerRef, pinnedItemsRef, () => 0);\ncreateSortable(\n  hasUnpinnedItems,\n  unpinnedContainerRef,\n  unpinnedItemsRef,\n  () => pinnedItemsRef.value.length,\n);\n\nfunction createSortable(\n  toggler: ShallowRef<boolean>,\n  elRef: ShallowRef<undefined | HTMLElement>,\n  itemsRef: ShallowRef<T[]>,\n  getOffset: () => number,\n) {\n  const sortable = useSortable(elRef, itemsRef, {\n    handle: `[data-draggable=\"true\"]`,\n    animation: 150,\n    forceFallback: true,\n    fallbackOnBody: true,\n    scrollSensitivity: 80,\n    forceAutoScrollFallback: true,\n    onUpdate: (evt: SortableEvent) => {\n      if (evt.oldIndex == null || evt.newIndex == null) {\n        throw new Error(\"Sortable event has no index\");\n      }\n      if (props.onDragEnd?.(evt.oldIndex, evt.newIndex) !== false) {\n        moveItems(getOffset() + evt.oldIndex, getOffset() + evt.newIndex, true);\n      }\n    },\n  });\n  watch(\n    [elRef, () => props.disableDragging, toggler],\n    ([elRef, disabled, on]) => {\n      if (!elRef || disabled || !on) {\n        sortable.stop();\n      } else {\n        sortable.start();\n      }\n    },\n    { immediate: true },\n  );\n\n  return sortable;\n}\n\nfunction moveItems(oldIndex: number, newIndex: number, afterUpdateDom: boolean) {\n  if (oldIndex === newIndex) return;\n\n  if (afterUpdateDom) {\n    domProjectionItemsRef.value = moveElements(itemsRef.value.slice(), oldIndex, newIndex);\n  }\n\n  const preventDefault = props.onSort?.(oldIndex, newIndex) === false;\n\n  if (!preventDefault) {\n    moveElements(itemsRef.value, oldIndex, newIndex);\n  }\n}\n\nfunction isActiveItem(item: T, index: number): boolean {\n  return props.isActive?.(item, index) ?? false;\n}\n\nfunction isDraggableItem(item: T, index: number): boolean {\n  if (props.disableDragging === true) return false;\n  return props.isDraggable?.(item, index) ?? true;\n}\n\nfunction isRemovableItem(item: T, index: number): boolean {\n  if (props.disableRemoving === true) return false;\n  return props.isRemovable?.(item, index) ?? true;\n}\n\nfunction isToggableItem(item: T, index: number): boolean {\n  if (props.disableToggling === true) return false;\n  return (\n    props.isToggable?.(item, index) ?? (isFunction(props.isToggled) || isFunction(props.onToggle))\n  );\n}\n\nfunction isToggledItem(item: T, index: number): boolean {\n  return props.isToggled?.(item, index) ?? false;\n}\n\nfunction isPinnableItem(item: T, index: number): boolean {\n  if (props.disablePinning === true) return false;\n  return props.isPinnable?.(item, index) ?? (isFunction(props.isPinned) || isFunction(props.onPin));\n}\n\nfunction isPinnedItem(item: T, index: number): boolean {\n  return props.isPinned?.(item, index) ?? false;\n}\n\nfunction isExpandableItem(item: T, index: number): boolean {\n  if (props.disableExpanding === true) return false;\n  return (\n    props.isExpandable?.(item, index) ??\n    (isFunction(props.isExpanded) || isFunction(props.onExpand))\n  );\n}\n\nfunction isExpandedItem(item: T, index: number): boolean {\n  return props.isExpanded?.(item, index) ?? false;\n}\n\nfunction handleExpand(item: T, index: number) {\n  props.onExpand?.(item, index);\n}\n\nfunction handleToggle(item: T, index: number) {\n  props.onToggle?.(item, index);\n}\n\nfunction handlePin(item: T, index: number) {\n  if (index === -1) {\n    throw new Error(\"Pinnable item not found\");\n  }\n\n  const alreadyPinned = pinnedItemsRef.value.includes(item);\n\n  if (props.onPin?.(item, index) === false) return;\n\n  moveItems(index, pinnedItemsRef.value.length + (alreadyPinned ? 0 : -1), false);\n}\n\nfunction handleRemove(item: T, index: number) {\n  if (props.onRemove?.(item, index) === false) return;\n  itemsRef.value.splice(index, 1);\n}\n\nfunction getClassFunction(\n  propsItemClass: string | string[] | ((item: T, index: number) => string | string[]) | undefined,\n): (item: T, index: number) => null | string | string[] {\n  return (item: T, index: number): null | string | string[] => {\n    if (typeof propsItemClass === \"function\") {\n      return propsItemClass(item, index);\n    }\n    return propsItemClass ?? null;\n  };\n}\nconst getItemClass = getClassFunction(props.itemClass);\nconst getItemClassTitle = getClassFunction(props.itemClassTitle);\nconst getItemClassContent = getClassFunction(props.itemClassContent);\nconst getItemClassBefore = getClassFunction(props.itemClassBefore);\nconst getItemClassAfter = getClassFunction(props.itemClassAfter);\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <div ref=\"pinnedContainerRef\" :class=\"$style.list\">\n      <PlElementListItem\n        v-for=\"(pinnedItem, pinnedIndex) in pinnedItemsRef\"\n        :key=\"pinnedKeysRef[pinnedIndex]\"\n        :class=\"[$style.item, getItemClass(pinnedItem, pinnedIndex)]\"\n        :titleClass=\"getItemClassTitle(pinnedItem, pinnedIndex)\"\n        :contentClass=\"getItemClassContent(pinnedItem, pinnedIndex)\"\n        :beforeClass=\"getItemClassBefore(pinnedItem, pinnedIndex)\"\n        :afterClass=\"getItemClassAfter(pinnedItem, pinnedIndex)\"\n        :index=\"pinnedIndex\"\n        :item=\"pinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(pinnedItem, pinnedIndex)\"\n        :isDraggable=\"isDraggableItem(pinnedItem, pinnedIndex)\"\n        :isRemovable=\"isRemovableItem(pinnedItem, pinnedIndex)\"\n        :isToggable=\"isToggableItem(pinnedItem, pinnedIndex)\"\n        :isToggled=\"isToggledItem(pinnedItem, pinnedIndex)\"\n        :isPinnable=\"isPinnableItem(pinnedItem, pinnedIndex)\"\n        :isPinned=\"true\"\n        :isExpandable=\"isExpandableItem(pinnedItem, pinnedIndex)\"\n        :isExpanded=\"isExpandedItem(pinnedItem, pinnedIndex)\"\n        @click=\"emits('itemClick', pinnedItem)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template v-if=\"slots['item-before']\" #before=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-before\" />\n        </template>\n        <template #title=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-title\" />\n        </template>\n        <template v-if=\"slots['item-content']\" #content=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-content\" />\n        </template>\n        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\n        </template>\n      </PlElementListItem>\n    </div>\n    <div v-if=\"hasUnpinnedItems\" ref=\"unpinnedContainerRef\" :class=\"$style.list\">\n      <PlElementListItem\n        v-for=\"(unpinnedItem, unpinnedIndex) in unpinnedItemsRef\"\n        :key=\"unpinnedKeysRef[unpinnedIndex]\"\n        :class=\"[$style.item, getItemClass(unpinnedItem, unpinnedIndex)]\"\n        :titleClass=\"getItemClassTitle(unpinnedItem, unpinnedIndex)\"\n        :contentClass=\"getItemClassContent(unpinnedItem, unpinnedIndex)\"\n        :beforeClass=\"getItemClassBefore(unpinnedItem, unpinnedIndex)\"\n        :afterClass=\"getItemClassAfter(unpinnedItem, unpinnedIndex)\"\n        :index=\"unpinnedIndex + (pinnedItemsRef?.length ?? 0)\"\n        :item=\"unpinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(unpinnedItem, unpinnedIndex)\"\n        :isDraggable=\"isDraggableItem(unpinnedItem, unpinnedIndex)\"\n        :isRemovable=\"isRemovableItem(unpinnedItem, unpinnedIndex)\"\n        :isToggable=\"isToggableItem(unpinnedItem, unpinnedIndex)\"\n        :isToggled=\"isToggledItem(unpinnedItem, unpinnedIndex)\"\n        :isPinnable=\"isPinnableItem(unpinnedItem, unpinnedIndex)\"\n        :isPinned=\"false\"\n        :isExpandable=\"isExpandableItem(unpinnedItem, unpinnedIndex)\"\n        :isExpanded=\"isExpandedItem(unpinnedItem, unpinnedIndex)\"\n        @click=\"emits('itemClick', unpinnedItem)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template #title=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-title\" />\n        </template>\n        <template v-if=\"slots['item-content']\" #content=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-content\" />\n        </template>\n        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\n        </template>\n      </PlElementListItem>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root,\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 180px;\n}\n\n.item {\n  width: 100%;\n}\n\n:global(.sortable-ghost) {\n  visibility: hidden;\n}\n:global(.sortable-drag) {\n  opacity: 1;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PlElementList.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlElementList/PlElementList.vue"],"sourcesContent":["<script\n  generic=\"T extends unknown = unknown, K extends number | string = number | string\"\n  lang=\"ts\"\n  setup\n>\nimport { isFunction, shallowHash } from \"@milaboratories/helpers\";\nimport { useSortable } from \"@vueuse/integrations/useSortable\";\nimport { type SortableEvent } from \"sortablejs\";\nimport type { ShallowRef } from \"vue\";\nimport { computed, shallowRef, watch } from \"vue\";\nimport PlElementListItem from \"./PlElementListItem.vue\";\nimport { moveElements } from \"./utils.ts\";\n\ntype ItemEntry = [idx: number, item: T];\n\nconst itemsRef = defineModel<T[]>(\"items\", { required: true });\n\nconst props = withDefaults(\n  defineProps<{\n    getItemKey?: (item: T, index: number) => K;\n\n    itemClass?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassTitle?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassBefore?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassAfter?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassContent?: string | string[] | ((item: T, index: number) => string | string[]);\n    isActive?: (item: T, index: number) => boolean;\n\n    disableDragging?: boolean;\n    isDraggable?: (item: T, index: number) => boolean;\n    onDragEnd?: (oldIndex: number, newIndex: number) => void | boolean;\n    onSort?: (oldIndex: number, newIndex: number) => void | boolean;\n\n    disableRemoving?: boolean;\n    isRemovable?: (item: T, index: number) => boolean;\n    onRemove?: (item: T, index: number) => void | boolean;\n\n    disableExpanding?: boolean;\n    isExpandable?: (item: T, index: number) => boolean;\n    isExpanded?: (item: T, index: number) => boolean;\n    onExpand?: (item: T, index: number) => unknown;\n\n    disableToggling?: boolean;\n    isToggable?: (item: T, index: number) => boolean;\n    isToggled?: (item: T, index: number) => boolean;\n    onToggle?: (item: T, index: number) => unknown;\n\n    disablePinning?: boolean;\n    isPinnable?: (item: T, index: number) => boolean;\n    isPinned?: (item: T, index: number) => boolean;\n    onPin?: (item: T, index: number) => void | boolean;\n  }>(),\n  {\n    getItemKey: (item: T) => JSON.stringify(item) as K,\n\n    itemClass: undefined,\n    itemClassTitle: undefined,\n    itemClassContent: undefined,\n    itemClassBefore: undefined,\n    itemClassAfter: undefined,\n    isActive: undefined,\n\n    disableDragging: undefined,\n    isDraggable: undefined,\n    onDragEnd: undefined,\n    onSort: undefined,\n\n    disableRemoving: undefined,\n    isRemovable: undefined,\n    onRemove: undefined,\n\n    disableExpanding: undefined,\n    isExpandable: undefined,\n    isExpanded: undefined,\n    onExpand: undefined,\n\n    disableToggling: undefined,\n    isToggable: undefined,\n    isToggled: undefined,\n    onToggle: undefined,\n\n    disablePinning: undefined,\n    isPinnable: undefined,\n    isPinned: undefined,\n    onPin: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  (e: \"itemClick\", item: T): void;\n}>();\n\nconst slots = defineSlots<{\n  [\"item-title\"]: (props: { item: T; index: number }) => unknown;\n  [\"item-content\"]?: (props: { item: T; index: number }) => unknown;\n  [\"item-before\"]?: (props: { item: T; index: number }) => unknown;\n  [\"item-after\"]?: (props: { item: T; index: number }) => unknown;\n}>();\n\nconst dndSortingEnabled = computed((): boolean => {\n  return props.disableDragging !== true;\n});\n\nconst pinnedItemsRef = computed(() =>\n  itemsRef.value\n    .map((item, index) => [index, item] as ItemEntry)\n    .filter(([index, item]) => isPinnedItem(item, index)),\n);\nconst hasPinnedItems = computed(() => pinnedItemsRef.value.length > 0);\n\nconst unpinnedItemsRef = computed(() =>\n  itemsRef.value\n    .map((item, index) => [index, item] as ItemEntry)\n    .filter(([index, item]) => !isPinnedItem(item, index)),\n);\nconst hasUnpinnedItems = computed(() => unpinnedItemsRef.value.length > 0);\n\nconst domProjectionItemsRef = shallowRef<undefined | T[]>();\nconst pinnedContainerRef = shallowRef<HTMLElement>();\nconst unpinnedContainerRef = shallowRef<HTMLElement>();\n\n// version fix problem with sync between data and rendered values\nconst getKey = (entry: ItemEntry) => {\n  return `${versionRef.value}-${props.getItemKey(entry[1], entry[0])}`;\n};\nconst pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));\nconst unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));\n\n// version fix problem with sync between data and rendered values when items have been changed\nconst versionRef = computed<number>((oldVersion) => {\n  const currentKeys = itemsRef.value.map(props.getItemKey);\n\n  if (domProjectionItemsRef.value === undefined) return oldVersion ?? shallowHash(...currentKeys);\n  if (currentKeys.length !== domProjectionItemsRef.value.length) return shallowHash(...currentKeys);\n\n  const domProjectionKeys = domProjectionItemsRef.value.map(props.getItemKey);\n  const domProjectionKeysSet = new Set(domProjectionKeys);\n\n  for (let i = 0; i < currentKeys.length; i++) {\n    const hasInconsistentPosition =\n      domProjectionKeysSet.has(currentKeys[i]) && domProjectionKeys[i] !== currentKeys[i];\n\n    if (hasInconsistentPosition) {\n      return shallowHash(...currentKeys);\n    }\n  }\n\n  return oldVersion ?? shallowHash(...currentKeys);\n});\n\ncreateSortable(hasPinnedItems, pinnedContainerRef, pinnedItemsRef, () => 0);\ncreateSortable(\n  hasUnpinnedItems,\n  unpinnedContainerRef,\n  unpinnedItemsRef,\n  () => pinnedItemsRef.value.length,\n);\n\nfunction createSortable(\n  toggler: ShallowRef<boolean>,\n  elRef: ShallowRef<undefined | HTMLElement>,\n  itemsRef: ShallowRef<ItemEntry[]>,\n  getOffset: () => number,\n) {\n  const sortable = useSortable(elRef, itemsRef, {\n    handle: `[data-draggable=\"true\"]`,\n    animation: 150,\n    forceFallback: true,\n    fallbackOnBody: true,\n    scrollSensitivity: 80,\n    forceAutoScrollFallback: true,\n    onUpdate: (evt: SortableEvent) => {\n      if (evt.oldIndex == null || evt.newIndex == null) {\n        throw new Error(\"Sortable event has no index\");\n      }\n      if (props.onDragEnd?.(evt.oldIndex, evt.newIndex) !== false) {\n        moveItems(getOffset() + evt.oldIndex, getOffset() + evt.newIndex, true);\n      }\n    },\n  });\n  watch(\n    [elRef, () => props.disableDragging, toggler],\n    ([elRef, disabled, on]) => {\n      if (!elRef || disabled || !on) {\n        sortable.stop();\n      } else {\n        sortable.start();\n      }\n    },\n    { immediate: true },\n  );\n\n  return sortable;\n}\n\nfunction moveItems(oldIndex: number, newIndex: number, afterUpdateDom: boolean) {\n  if (oldIndex === newIndex) return;\n\n  if (afterUpdateDom) {\n    domProjectionItemsRef.value = moveElements(itemsRef.value.slice(), oldIndex, newIndex);\n  }\n\n  const preventDefault = props.onSort?.(oldIndex, newIndex) === false;\n\n  if (!preventDefault) {\n    itemsRef.value = moveElements(itemsRef.value, oldIndex, newIndex);\n  }\n}\n\nfunction isActiveItem(item: T, index: number): boolean {\n  return props.isActive?.(item, index) ?? false;\n}\n\nfunction isDraggableItem(item: T, index: number): boolean {\n  if (props.disableDragging === true) return false;\n  return props.isDraggable?.(item, index) ?? true;\n}\n\nfunction isRemovableItem(item: T, index: number): boolean {\n  if (props.disableRemoving === true) return false;\n  return props.isRemovable?.(item, index) ?? true;\n}\n\nfunction isToggableItem(item: T, index: number): boolean {\n  if (props.disableToggling === true) return false;\n  return (\n    props.isToggable?.(item, index) ?? (isFunction(props.isToggled) || isFunction(props.onToggle))\n  );\n}\n\nfunction isToggledItem(item: T, index: number): boolean {\n  return props.isToggled?.(item, index) ?? false;\n}\n\nfunction isPinnableItem(item: T, index: number): boolean {\n  if (props.disablePinning === true) return false;\n  return props.isPinnable?.(item, index) ?? (isFunction(props.isPinned) || isFunction(props.onPin));\n}\n\nfunction isPinnedItem(item: T, index: number): boolean {\n  return props.isPinned?.(item, index) ?? false;\n}\n\nfunction isExpandableItem(item: T, index: number): boolean {\n  if (props.disableExpanding === true) return false;\n  return (\n    props.isExpandable?.(item, index) ??\n    (isFunction(props.isExpanded) || isFunction(props.onExpand))\n  );\n}\n\nfunction isExpandedItem(item: T, index: number): boolean {\n  return props.isExpanded?.(item, index) ?? false;\n}\n\nfunction handleExpand(item: T, index: number) {\n  props.onExpand?.(item, index);\n}\n\nfunction handleToggle(item: T, index: number) {\n  props.onToggle?.(item, index);\n}\n\nfunction handlePin(item: T, index: number) {\n  if (index === -1) {\n    throw new Error(\"Pinnable item not found\");\n  }\n\n  const alreadyPinned =\n    pinnedItemsRef.value.findIndex(([originalIndex]) => originalIndex === index) !== -1;\n\n  if (props.onPin?.(item, index) === false) return;\n\n  moveItems(index, pinnedItemsRef.value.length + (alreadyPinned ? 0 : -1), false);\n}\n\nfunction handleRemove(item: T, index: number) {\n  if (props.onRemove?.(item, index) === false) return;\n  itemsRef.value = [...itemsRef.value.slice(0, index), ...itemsRef.value.slice(index + 1)];\n}\n\nfunction getClassFunction(\n  propsItemClass: string | string[] | ((item: T, index: number) => string | string[]) | undefined,\n): (item: T, index: number) => null | string | string[] {\n  return (item: T, index: number): null | string | string[] => {\n    if (typeof propsItemClass === \"function\") {\n      return propsItemClass(item, index);\n    }\n    return propsItemClass ?? null;\n  };\n}\nconst getItemClass = getClassFunction(props.itemClass);\nconst getItemClassTitle = getClassFunction(props.itemClassTitle);\nconst getItemClassContent = getClassFunction(props.itemClassContent);\nconst getItemClassBefore = getClassFunction(props.itemClassBefore);\nconst getItemClassAfter = getClassFunction(props.itemClassAfter);\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <div ref=\"pinnedContainerRef\" :class=\"$style.list\">\n      <PlElementListItem\n        v-for=\"([originalIndex, item], pinnedIndex) in pinnedItemsRef\"\n        :key=\"pinnedKeysRef[pinnedIndex]\"\n        :class=\"[$style.item, getItemClass(item, originalIndex)]\"\n        :titleClass=\"getItemClassTitle(item, originalIndex)\"\n        :contentClass=\"getItemClassContent(item, originalIndex)\"\n        :beforeClass=\"getItemClassBefore(item, originalIndex)\"\n        :afterClass=\"getItemClassAfter(item, originalIndex)\"\n        :index=\"originalIndex\"\n        :item=\"item\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(item, originalIndex)\"\n        :isDraggable=\"isDraggableItem(item, originalIndex)\"\n        :isRemovable=\"isRemovableItem(item, originalIndex)\"\n        :isToggable=\"isToggableItem(item, originalIndex)\"\n        :isToggled=\"isToggledItem(item, originalIndex)\"\n        :isPinnable=\"isPinnableItem(item, originalIndex)\"\n        :isPinned=\"true\"\n        :isExpandable=\"isExpandableItem(item, originalIndex)\"\n        :isExpanded=\"isExpandedItem(item, originalIndex)\"\n        @click=\"emits('itemClick', item)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template v-if=\"slots['item-before']\" #before=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-before\" />\n        </template>\n        <template #title=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-title\" />\n        </template>\n        <template v-if=\"slots['item-content']\" #content=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-content\" />\n        </template>\n        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\n        </template>\n      </PlElementListItem>\n    </div>\n    <div v-if=\"hasUnpinnedItems\" ref=\"unpinnedContainerRef\" :class=\"$style.list\">\n      <PlElementListItem\n        v-for=\"([originalIndex, item], unpinnedIndex) in unpinnedItemsRef\"\n        :key=\"unpinnedKeysRef[unpinnedIndex]\"\n        :class=\"[$style.item, getItemClass(item, originalIndex)]\"\n        :titleClass=\"getItemClassTitle(item, originalIndex)\"\n        :contentClass=\"getItemClassContent(item, originalIndex)\"\n        :beforeClass=\"getItemClassBefore(item, originalIndex)\"\n        :afterClass=\"getItemClassAfter(item, originalIndex)\"\n        :index=\"originalIndex\"\n        :item=\"item\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(item, originalIndex)\"\n        :isDraggable=\"isDraggableItem(item, originalIndex)\"\n        :isRemovable=\"isRemovableItem(item, originalIndex)\"\n        :isToggable=\"isToggableItem(item, originalIndex)\"\n        :isToggled=\"isToggledItem(item, originalIndex)\"\n        :isPinnable=\"isPinnableItem(item, originalIndex)\"\n        :isPinned=\"false\"\n        :isExpandable=\"isExpandableItem(item, originalIndex)\"\n        :isExpanded=\"isExpandedItem(item, originalIndex)\"\n        @click=\"emits('itemClick', item)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template #title=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-title\" />\n        </template>\n        <template v-if=\"slots['item-content']\" #content=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-content\" />\n        </template>\n        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\n        </template>\n      </PlElementListItem>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root,\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 180px;\n}\n\n.item {\n  width: 100%;\n}\n\n:global(.sortable-ghost) {\n  visibility: hidden;\n}\n:global(.sortable-drag) {\n  opacity: 1;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/PlElementList/utils.d.ts

@@ -1,2 +1,2 @@
-export declare const moveElements: <T>(array: T[], from: number, to: number) => T[];
+export declare const moveElements: <T>(array: readonly T[], from: number, to: number) => T[];
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/PlElementList/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/PlElementList/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,MAAM,MAAM,EAAE,IAAI,MAAM,KAAG,CAAC,EAWvE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/PlElementList/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,OAAO,SAAS,CAAC,EAAE,EAAE,MAAM,MAAM,EAAE,IAAI,MAAM,KAAG,CAAC,EAYhF,CAAC"}

package/dist/components/PlElementList/utils.js

@@ -1,10 +1,11 @@
 //#region src/components/PlElementList/utils.ts
 var e = (e, t, n) => {
-	if (n >= 0 && n < e.length) {
-		let r = e.splice(t, 1)[0];
-		e.splice(n, 0, r);
-	} else console.warn(`Invalid move operation: from ${t} to ${n} in array of length ${e.length}`);
-	return e;
+	let r = [...e];
+	if (n >= 0 && n < r.length) {
+		let [e] = r.splice(t, 1);
+		r.splice(n, 0, e);
+	} else console.warn(`Invalid move operation: from ${t} to ${n} in array of length ${r.length}`);
+	return r;
 };
 //#endregion
 export { e as moveElements };

package/dist/components/PlElementList/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/PlElementList/utils.ts"],"sourcesContent":["export const moveElements = <T>(array: T[], from: number, to: number): T[] => {\n  if (to >= 0 && to < array.length) {\n    const element = array.splice(from, 1)[0];\n    array.splice(to, 0, element);\n  } else {\n    console.warn(\n      `Invalid move operation: from ${from} to ${to} in array of length ${array.length}`,\n    );\n  }\n\n  return array;\n};\n"],"mappings":";AAAA,IAAa,KAAmB,GAAY,GAAc,MAAoB;AAC5E,KAAI,KAAM,KAAK,IAAK,EAAM,QAAQ;EAChC,IAAM,IAAU,EAAM,OAAO,GAAM,EAAE,CAAC;AACtC,IAAM,OAAO,GAAI,GAAG,EAAQ;OAE5B,SAAQ,KACN,gCAAgC,EAAK,MAAM,EAAG,sBAAsB,EAAM,SAC3E;AAGH,QAAO"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/PlElementList/utils.ts"],"sourcesContent":["export const moveElements = <T>(array: readonly T[], from: number, to: number): T[] => {\n  const result = [...array];\n  if (to >= 0 && to < result.length) {\n    const [element] = result.splice(from, 1);\n    result.splice(to, 0, element);\n  } else {\n    console.warn(\n      `Invalid move operation: from ${from} to ${to} in array of length ${result.length}`,\n    );\n  }\n\n  return result;\n};\n"],"mappings":";AAAA,IAAa,KAAmB,GAAqB,GAAc,MAAoB;CACrF,IAAM,IAAS,CAAC,GAAG,EAAM;AACzB,KAAI,KAAM,KAAK,IAAK,EAAO,QAAQ;EACjC,IAAM,CAAC,KAAW,EAAO,OAAO,GAAM,EAAE;AACxC,IAAO,OAAO,GAAI,GAAG,EAAQ;OAE7B,SAAQ,KACN,gCAAgC,EAAK,MAAM,EAAG,sBAAsB,EAAO,SAC5E;AAGH,QAAO"}

package/dist/composition/filters/metadata.js

@@ -1,7 +1,7 @@
 //#region src/composition/filters/metadata.ts
 var e = {
 	equal: {
-		label: "Col = X (Equal)",
+		label: "Equals (=)",
 		form: {
 			column: {
 				label: "Column",
@@ -22,7 +22,7 @@ var e = {
 		supportedFor: r
 	},
 	notEqual: {
-		label: "Col ≠ X (Not Equal)",
+		label: "Not Equal To (≠)",
 		form: {
 			column: {
 				label: "Column",
@@ -43,7 +43,7 @@ var e = {
 		supportedFor: r
 	},
 	lessThan: {
-		label: "Col < X (Less Than)",
+		label: "Below (<)",
 		form: {
 			column: {
 				label: "Column",
@@ -64,7 +64,7 @@ var e = {
 		supportedFor: r
 	},
 	greaterThan: {
-		label: "Col > X (Greater Than)",
+		label: "Above (>)",
 		form: {
 			column: {
 				label: "Column",
@@ -85,7 +85,7 @@ var e = {
 		supportedFor: r
 	},
 	lessThanOrEqual: {
-		label: "Col ≤ X (Less Than or Equal)",
+		label: "At Most (≤)",
 		form: {
 			column: {
 				label: "Column",
@@ -106,7 +106,7 @@ var e = {
 		supportedFor: r
 	},
 	greaterThanOrEqual: {
-		label: "Col ≥ X (Greater Than or Equal)",
+		label: "At Least (≥)",
 		form: {
 			column: {
 				label: "Column",
@@ -294,7 +294,7 @@ var e = {
 		supportedFor: r
 	},
 	patternContainSubsequence: {
-		label: "Col ~ Seq (Contain Subsequence)",
+		label: "Contains (~)",
 		form: {
 			column: {
 				label: "Column",
@@ -315,7 +315,7 @@ var e = {
 		supportedFor: i
 	},
 	patternNotContainSubsequence: {
-		label: "Col ≁ Seq (Not Contain Subsequence)",
+		label: "Does Not Contain (≁)",
 		form: {
 			column: {
 				label: "Column",
@@ -336,7 +336,7 @@ var e = {
 		supportedFor: i
 	},
 	patternEquals: {
-		label: "Col = Seq (Equals)",
+		label: "Equals (=)",
 		form: {
 			column: {
 				label: "Column",
@@ -357,7 +357,7 @@ var e = {
 		supportedFor: i
 	},
 	patternNotEquals: {
-		label: "Col ≠ Seq (Not Equal)",
+		label: "Not Equal To (≠)",
 		form: {
 			column: {
 				label: "Column",
@@ -378,7 +378,7 @@ var e = {
 		supportedFor: i
 	},
 	isNA: {
-		label: "Is NA",
+		label: "Is Empty (NA)",
 		form: {
 			column: {
 				label: "Column",
@@ -394,7 +394,7 @@ var e = {
 		supportedFor: () => !0
 	},
 	isNotNA: {
-		label: "Is Not NA",
+		label: "Is Not Empty (≠ NA)",
 		form: {
 			column: {
 				label: "Column",
@@ -458,7 +458,7 @@ var e = {
 		supportedFor: () => !1
 	},
 	patternMatchesRegularExpression: {
-		label: "Col ~ X (Matches Regular Expression)",
+		label: "Matches Regex (.*)",
 		form: {
 			column: {
 				label: "Column",
@@ -479,7 +479,7 @@ var e = {
 		supportedFor: i
 	},
 	patternFuzzyContainSubsequence: {
-		label: "Col ~ Seq (Fuzzy Contain Subsequence)",
+		label: "Contains Approximately (Fuzzy ~)",
 		form: {
 			column: {
 				label: "Column",
@@ -500,7 +500,7 @@ var e = {
 		supportedFor: i
 	},
 	inSet: {
-		label: "Col ∈ Set (In Set)",
+		label: "In List (∈)",
 		form: {
 			column: {
 				label: "Column",
@@ -521,7 +521,7 @@ var e = {
 		supportedFor: i
 	},
 	notInSet: {
-		label: "Col ∉ Set (Not In Set)",
+		label: "Not In List (∉)",
 		form: {
 			column: {
 				label: "Column",