@amsom-habitat/amsom-table 4.5.13 → 4.6.1

package/dist/amsom-table.js

@@ -1,4 +1,4 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.select-max-item-per-page[data-v-f3f9f7af]{height:100%;color:var(--bs-secondary);border:1px solid var(--bs-secondary);background-color:#0000;font-size:12px}.select-max-item-per-page[data-v-f3f9f7af]:hover{color:var(--bs-white);cursor:pointer;background-color:var(--bs-secondary)}.select-max-item-per-page[data-v-f3f9f7af]:focus{box-shadow:none}input[type=checkbox][data-v-f3f9f7af]{pointer-events:none}.cursor-default[data-v-f3f9f7af]{cursor:default!important}.hoverable[data-v-f3f9f7af]:hover{cursor:pointer!important}.hoverable-grab[data-v-f3f9f7af]:hover{cursor:grab!important}.hoverable-grabbing[data-v-f3f9f7af]:hover{cursor:grabbing!important}.hoverable-no-drop[data-v-f3f9f7af]:hover{cursor:no-drop!important}.addLineState[data-v-f3f9f7af]{background-color:#edecd4!important}.deleteLineState[data-v-f3f9f7af]{background-color:#f8d6da!important}.updateLineState[data-v-f3f9f7af]{background-color:#c4e8ff!important}.sticky-column-left[data-v-f3f9f7af]{background-color:#fff;border-left:1px solid #ddd;position:sticky;left:0}.sticky-column-right[data-v-f3f9f7af]{background-color:#fff;border-left:1px solid #ddd;position:sticky;right:0}table[data-v-f3f9f7af]{border-radius:10px!important}table tr:first-child th[data-v-f3f9f7af]:first-child{border-top-left-radius:10px!important}table tr:first-child th[data-v-f3f9f7af]:last-child{border-top-right-radius:10px!important}table tr:last-child td[data-v-f3f9f7af]:first-child{border-bottom-left-radius:10px!important}table tr:last-child td[data-v-f3f9f7af]:last-child{border-bottom-right-radius:10px!important}.deep-filter-ghost-class[data-v-f3f9f7af]{background-color:var(--bs-secondary)!important;color:rgba(var(--bs-white-rgb), 1)!important}.col-12.p-0.overflow-x-auto[data-v-f3f9f7af],.table-container[data-v-f3f9f7af]{max-width:100%;overflow-x:auto}.bottom-scrollbar[data-v-f3f9f7af]{white-space:nowrap;z-index:100;scrollbar-width:auto;width:100%;height:15px;transition:opacity .3s ease-in-out;display:none;position:fixed;bottom:0;left:0;overflow:auto hidden}.bottom-scrollbar.visible[data-v-f3f9f7af]{display:block}.scrollbar-content[data-v-f3f9f7af]{width:2000px;height:1px}.infinite-scroll-container[data-v-f3f9f7af]{border:1px solid #ddd;border-radius:10px}.infinite-scroll-container .sticky-column-left[data-v-f3f9f7af],.infinite-scroll-container .sticky-column-right[data-v-f3f9f7af]{z-index:10}.infinite-scroll-container thead th.sticky-top[data-v-f3f9f7af]{z-index:20!important}.infinite-scroll-container thead th.sticky-top.sticky-column-left[data-v-f3f9f7af],.infinite-scroll-container thead th.sticky-top.sticky-column-right[data-v-f3f9f7af]{z-index:30!important}.infinite-scroll-container[data-v-f3f9f7af]::-webkit-scrollbar{height:8px}.infinite-scroll-container[data-v-f3f9f7af]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:4px}.infinite-scroll-container[data-v-f3f9f7af]::-webkit-scrollbar-thumb:hover{background-color:#ccc}.infinite-scroll-container[data-v-f3f9f7af]::-webkit-scrollbar-track{background-color:#0000}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.select-max-item-per-page[data-v-e3775353]{height:100%;color:var(--bs-secondary);border:1px solid var(--bs-secondary);background-color:#0000;font-size:12px}.select-max-item-per-page[data-v-e3775353]:hover{color:var(--bs-white);cursor:pointer;background-color:var(--bs-secondary)}.select-max-item-per-page[data-v-e3775353]:focus{box-shadow:none}input[type=checkbox][data-v-e3775353]{pointer-events:none}.cursor-default[data-v-e3775353]{cursor:default!important}.hoverable[data-v-e3775353]:hover{cursor:pointer!important}.hoverable-grab[data-v-e3775353]:hover{cursor:grab!important}.hoverable-grabbing[data-v-e3775353]:hover{cursor:grabbing!important}.hoverable-no-drop[data-v-e3775353]:hover{cursor:no-drop!important}.addLineState[data-v-e3775353]{background-color:#edecd4!important}.deleteLineState[data-v-e3775353]{background-color:#f8d6da!important}.updateLineState[data-v-e3775353]{background-color:#c4e8ff!important}.sticky-column-left[data-v-e3775353]{background-color:#fff;border-left:1px solid #ddd;position:sticky;left:0}.sticky-column-right[data-v-e3775353]{background-color:#fff;border-left:1px solid #ddd;position:sticky;right:0}table[data-v-e3775353]{border-radius:10px!important}table tr:first-child th[data-v-e3775353]:first-child{border-top-left-radius:10px!important}table tr:first-child th[data-v-e3775353]:last-child{border-top-right-radius:10px!important}table tr:last-child td[data-v-e3775353]:first-child{border-bottom-left-radius:10px!important}table tr:last-child td[data-v-e3775353]:last-child{border-bottom-right-radius:10px!important}.deep-filter-ghost-class[data-v-e3775353]{background-color:var(--bs-secondary)!important;color:rgba(var(--bs-white-rgb), 1)!important}.col-12.p-0.overflow-x-auto[data-v-e3775353],.table-container[data-v-e3775353]{max-width:100%;overflow-x:auto}.bottom-scrollbar[data-v-e3775353]{white-space:nowrap;z-index:100;scrollbar-width:auto;width:100%;height:15px;transition:opacity .3s ease-in-out;display:none;position:fixed;bottom:0;left:0;overflow:auto hidden}.bottom-scrollbar.visible[data-v-e3775353]{display:block}.scrollbar-content[data-v-e3775353]{width:2000px;height:1px}.infinite-scroll-container[data-v-e3775353]{border:1px solid #ddd;border-radius:10px}.infinite-scroll-container .sticky-column-left[data-v-e3775353],.infinite-scroll-container .sticky-column-right[data-v-e3775353]{z-index:10}.infinite-scroll-container thead th.sticky-top[data-v-e3775353]{z-index:20!important}.infinite-scroll-container thead th.sticky-top.sticky-column-left[data-v-e3775353],.infinite-scroll-container thead th.sticky-top.sticky-column-right[data-v-e3775353]{z-index:30!important}.infinite-scroll-container[data-v-e3775353]::-webkit-scrollbar{height:8px}.infinite-scroll-container[data-v-e3775353]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:4px}.infinite-scroll-container[data-v-e3775353]::-webkit-scrollbar-thumb:hover{background-color:#ccc}.infinite-scroll-container[data-v-e3775353]::-webkit-scrollbar-track{background-color:#0000}@keyframes scrollHighlightFade-e3775353{0%{box-shadow:inset 0 0 0 3px #0d6efde6}60%{box-shadow:inset 0 0 0 3px #0d6efd80}to{box-shadow:inset 0 0 0 3px #0d6efd00}}.scroll-to-highlight[data-v-e3775353]{animation:1.8s ease-out forwards scrollHighlightFade-e3775353}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, h as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as ee, resolveComponent as m, toDisplayString as h, vModelCheckbox as te, vModelSelect as g, watch as ne, withCtx as re, withDirectives as ie, withModifiers as ae } from "vue";
 import { VueDraggableNext as _ } from "vue-draggable-next";
 import v from "moment-timezone";
@@ -2440,6 +2440,16 @@ var Di = {
 		"M135.2 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0c-12.1 0-23.2 6.8-28.6 17.7zM416 128L32 128 53.2 467c1.6 25.3 22.6 45 47.9 45l245.8 0c25.3 0 46.3-19.7 47.9-45L416 128z"
 	]
 }, Mi = {
+	prefix: "fas",
+	iconName: "circle-info",
+	icon: [
+		512,
+		512,
+		["info-circle"],
+		"f05a",
+		"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
+	]
+}, Ni = {
 	prefix: "fas",
 	iconName: "arrow-down-short-wide",
 	icon: [
@@ -2449,7 +2459,7 @@ var Di = {
 		"f884",
 		"M151.6 469.6C145.5 476.2 137 480 128 480s-17.5-3.8-23.6-10.4l-88-96c-11.9-13-11.1-33.3 2-45.2s33.3-11.1 45.2 2L96 365.7 96 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 301.7 32.4-35.4c11.9-13 32.2-13.9 45.2-2s13.9 32.2 2 45.2l-88 96zM320 32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 128l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 128l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 128l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z"
 	]
-}, Ni = {
+}, Pi = {
 	prefix: "fas",
 	iconName: "greater-than",
 	icon: [
@@ -2459,7 +2469,7 @@ var Di = {
 		"3e",
 		"M3.4 81.7c-7.9 15.8-1.5 35 14.3 42.9L280.5 256 17.7 387.4C1.9 395.3-4.5 414.5 3.4 430.3s27.1 22.2 42.9 14.3l320-160c10.8-5.4 17.7-16.5 17.7-28.6s-6.8-23.2-17.7-28.6l-320-160c-15.8-7.9-35-1.5-42.9 14.3z"
 	]
-}, Pi = {
+}, Fi = {
 	prefix: "fas",
 	iconName: "plus",
 	icon: [
@@ -2473,7 +2483,7 @@ var Di = {
 		"2b",
 		"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"
 	]
-}, Fi = {
+}, Ii = {
 	prefix: "fas",
 	iconName: "xmark",
 	icon: [
@@ -2493,7 +2503,7 @@ var Di = {
 		"f00d",
 		"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
 	]
-}, Ii = /* @__PURE__ */ y(((e, t) => {
+}, Li = /* @__PURE__ */ y(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : n.moment = r();
 	})(e, (function() {
@@ -4429,7 +4439,7 @@ var Di = {
 }));
 (/* @__PURE__ */ y(((e, t) => {
 	(function(n, r) {
-		typeof e == "object" && t !== void 0 && typeof oe == "function" ? r(Ii()) : typeof define == "function" && define.amd ? define(["../moment"], r) : r(n.moment);
+		typeof e == "object" && t !== void 0 && typeof oe == "function" ? r(Li()) : typeof define == "function" && define.amd ? define(["../moment"], r) : r(n.moment);
 	})(e, (function(e) {
 		var t = /^(janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i, n = /(janv\.?|févr\.?|mars|avr\.?|mai|juin|juil\.?|août|sept\.?|oct\.?|nov\.?|déc\.?)/i, r = /(janv\.?|févr\.?|mars|avr\.?|mai|juin|juil\.?|août|sept\.?|oct\.?|nov\.?|déc\.?|janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i, i = [
 			/^janv/i,
@@ -4513,52 +4523,52 @@ var Di = {
 		});
 	}));
 })))();
-function Li(e, t = !0) {
+function Ri(e, t = !0) {
 	if (!e) return null;
 	let n = e.toString().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 	return t ? n.toLowerCase() : n;
 }
-function Ri(e) {
+function zi(e) {
 	return e ? e?.toLocaleString("fr-FR", {
 		style: "currency",
 		currency: "EUR",
 		minimumFractionDigits: 2
 	}) : "0 €";
 }
-function zi(e, t = "DD/MM/YYYY") {
+function Bi(e, t = "DD/MM/YYYY") {
 	return !e || !v.unix(e).isValid() ? e : v.unix(e).format(t);
 }
-function Bi(e, t = "DD/MM/YYYY à HH:mm") {
-	return zi(e, t);
+function Vi(e, t = "DD/MM/YYYY à HH:mm") {
+	return Bi(e, t);
 }
 //#endregion
 //#region src/js/array.js
-var Vi = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)?$/;
-function Hi(e, t) {
+var Hi = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)?$/;
+function Ui(e, t) {
 	let n = e.replace(/\d+/g, (e) => (+e + 1e5).toString()), r = t.replace(/\d+/g, (e) => (+e + 1e5).toString());
 	return n.localeCompare(r);
 }
-function Ui(e) {
+function Wi(e) {
 	return e != null && e !== "" && !isNaN(e);
 }
-function Wi(e) {
+function Gi(e) {
 	return e && v(e, "DD/MM/YYYY", !0).isValid();
 }
-function Gi(e) {
+function Ki(e) {
 	return typeof e == "boolean";
 }
-function Ki(e, t, n) {
+function qi(e, t, n) {
 	let r = !!e - +!!t;
 	return n ? -r : r;
 }
-function qi(e, t) {
+function Ji(e, t) {
 	let n = (e == null || e === "") && typeof e != "boolean", r = (t == null || t === "") && typeof t != "boolean";
 	return n && r ? 0 : n ? 1 : r ? -1 : null;
 }
-function Ji(e) {
+function Yi(e) {
 	return typeof e == "string" && e.includes("€");
 }
-function Yi(e, t, n) {
+function Xi(e, t, n) {
 	let r = parseFloat(e.replace("€", "").replace(",", ".").replace(/\s/g, "").trim()), i = parseFloat(t.replace("€", "").replace(",", ".").replace(/\s/g, "").trim());
 	if (isNaN(r) && isNaN(i)) return 0;
 	if (isNaN(r)) return 1;
@@ -4566,42 +4576,42 @@ function Yi(e, t, n) {
 	let a = r - i;
 	return n ? a : -a;
 }
-function Xi(e, t, n) {
-	let r = qi(e, t);
+function Zi(e, t, n) {
+	let r = Ji(e, t);
 	if (r !== null) return r;
-	if (Gi(e) && Gi(t)) return Ki(e, t, n);
-	if (Vi.test(e) && Vi.test(t)) {
-		let r = Hi(e, t);
+	if (Ki(e) && Ki(t)) return qi(e, t, n);
+	if (Hi.test(e) && Hi.test(t)) {
+		let r = Ui(e, t);
 		return n ? r : -r;
 	}
-	if (Ui(e) && Ui(t)) {
+	if (Wi(e) && Wi(t)) {
 		let r = parseFloat(e), i = parseFloat(t);
 		return n ? r - i : i - r;
 	}
-	if (Wi(e) && Wi(t)) {
+	if (Gi(e) && Gi(t)) {
 		let r = v(e, "DD/MM/YYYY").unix(), i = v(t, "DD/MM/YYYY").unix();
 		return n ? r - i : i - r;
 	}
-	if (Ji(e) && Ji(t)) return Yi(e, t, n);
-	let i = typeof e == "string" ? Li(e)?.toLowerCase() : Li(String(e))?.toLowerCase(), a = typeof t == "string" ? Li(t)?.toLowerCase() : Li(String(t))?.toLowerCase(), o = i?.localeCompare(a, void 0, {
+	if (Yi(e) && Yi(t)) return Xi(e, t, n);
+	let i = typeof e == "string" ? Ri(e)?.toLowerCase() : Ri(String(e))?.toLowerCase(), a = typeof t == "string" ? Ri(t)?.toLowerCase() : Ri(String(t))?.toLowerCase(), o = i?.localeCompare(a, void 0, {
 		numeric: !0,
 		sensitivity: "base"
 	});
 	return n ? o : -o;
 }
-function Zi(e, t, n = !1) {
+function Qi(e, t, n = !1) {
 	return !e || !Array.isArray(e) ? e : e.sort((e, r) => {
 		let i = e?.[t], a = r?.[t];
-		return Xi(i, a, n);
+		return Zi(i, a, n);
 	});
 }
-function Qi(e, t = !1, n) {
+function $i(e, t = !1, n) {
 	return !e || !Array.isArray(e) ? e : e.sort((e, r) => n(e, r, t));
 }
 //#endregion
 //#region src/js/preferences.js
-function $i(e, t) {
-	let n = ta(e);
+function ea(e, t) {
+	let n = na(e);
 	if (!n) n = { columns: t };
 	else if (!n.columns) n.columns = t;
 	else {
@@ -4624,30 +4634,30 @@ function $i(e, t) {
 			for (let n of t) n.id === e.id && n.libelle !== e.libelle && (e.libelle = n.libelle);
 		});
 	}
-	na(e, n);
+	ra(e, n);
 }
-function ea(e, t, n = null) {
-	let r = ta(e);
-	r ? n && !r[n] && (r[n] = t) : n ? (r = {}, r[n] = t) : r = t, na(e, r);
+function ta(e, t, n = null) {
+	let r = na(e);
+	r ? n && !r[n] && (r[n] = t) : n ? (r = {}, r[n] = t) : r = t, ra(e, r);
 }
-function ta(e) {
+function na(e) {
 	return JSON.parse(window.localStorage.getItem(e));
 }
-function na(e, t, n = null) {
-	let r = ta(e);
+function ra(e, t, n = null) {
+	let r = na(e);
 	return n ? r[n] = t : r = t, window.localStorage.setItem(e, JSON.stringify(r));
 }
 //#endregion
 //#region \0plugin-vue:export-helper
-var ra = (e, t) => {
+var ia = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
 };
 //#endregion
 //#region src/AmsomTableDraggable.vue
-Jr.add(Ai, Di, Oi, Mi, ji, Pi, Fi, Ni, ki);
-var ia = {
+Jr.add(Ai, Di, Oi, Ni, ji, Fi, Ii, Pi, ki, Mi);
+var aa = {
 	name: "AmsomTableDraggable",
 	components: {
 		VueDraggableNext: _,
@@ -4845,6 +4855,14 @@ var ia = {
 		noValueText: {
 			type: String,
 			default: "Aucune valeur"
+		},
+		editModeMaxRows: {
+			type: Number,
+			default: 3
+		},
+		scrollToId: {
+			type: [String, Number],
+			default: null
 		}
 	},
 	emits: [
@@ -4855,12 +4873,14 @@ var ia = {
 		"update:deepSortsListPreset",
 		"contextmenu",
 		"postSaveColumns",
-		"postResetColumns"
+		"postResetColumns",
+		"scrolled"
 	],
 	data() {
 		return {
 			checkAllCheckBox: !1,
 			isDragging: !1,
+			scrollHighlightId: null,
 			sortKey: null,
 			sortAsc: !1,
 			currentPage: 1,
@@ -4922,7 +4942,7 @@ var ia = {
 			};
 		},
 		normalizedSearch() {
-			return this.search ? Li(this.search) : "";
+			return this.search ? Ri(this.search) : "";
 		},
 		hasDateFilter() {
 			return this.dateFilterBounds && Array.isArray(this.columnNameDateFilter) && this.columnNameDateFilter.length > 0;
@@ -4951,7 +4971,7 @@ var ia = {
 			if (!this.filtereditems) return [];
 			if (!this.sortKey && (!this.deepSorts || this.deepSortsList.length === 0)) return this.filtereditems;
 			let e = this.columns.find((e) => e.id === this.sortKey);
-			return this.deepSorts && this.deepSortsList.length > 0 ? this.deepSortsColumnList(this.deepSortsList, [...this.filtereditems]) : e?.customSort ? Qi([...this.filtereditems], this.sortAsc, e.customSort) : e?.formatter || e?.type ? Qi([...this.filtereditems], this.sortAsc, (t, n, r) => Xi(this.formatColumnValue(t, e), this.formatColumnValue(n, e), r)) : this.sortKey ? Zi([...this.filtereditems], this.sortKey, this.sortAsc) : this.filtereditems;
+			return this.deepSorts && this.deepSortsList.length > 0 ? this.deepSortsColumnList(this.deepSortsList, [...this.filtereditems]) : e?.customSort ? $i([...this.filtereditems], this.sortAsc, e.customSort) : e?.formatter || e?.type ? $i([...this.filtereditems], this.sortAsc, (t, n, r) => Zi(this.formatColumnValue(t, e), this.formatColumnValue(n, e), r)) : this.sortKey ? Qi([...this.filtereditems], this.sortKey, this.sortAsc) : this.filtereditems;
 		},
 		showeditems() {
 			let e = this.sortedItems;
@@ -4985,14 +5005,14 @@ var ia = {
 			immediate: !0
 		},
 		columns: { handler(e) {
-			this.localStorageItemName !== null && na(this.localStorageItemName, this.getRefactoColumns(e), "columns"), this.dynamicColumns && !this.isInternalUpdate && (this.isInternalUpdate = !0, this.$emit("update:dynamicColumns", this.getRefactoColumns(e)), this.$nextTick(() => {
+			this.localStorageItemName !== null && ra(this.localStorageItemName, this.getRefactoColumns(e), "columns"), this.dynamicColumns && !this.isInternalUpdate && (this.isInternalUpdate = !0, this.$emit("update:dynamicColumns", this.getRefactoColumns(e)), this.$nextTick(() => {
 				this.isInternalUpdate = !1;
 			})), this.forceTableUpdateIndex += 1;
 		} },
 		headerEditMode: { handler(e) {
-			if (e) this.maxItemsPerPage = 3;
+			if (e) this.maxItemsPerPage = this.editModeMaxRows;
 			else {
-				let e = this.localStorageMaxItemPerPageName === null ? this.localStorageItemName === null ? this.maxItemPerPage : ta(this.localStorageItemName)?.maxItemPerPage : ta(this.localStorageMaxItemPerPageName);
+				let e = this.localStorageMaxItemPerPageName === null ? this.localStorageItemName === null ? this.maxItemPerPage : na(this.localStorageItemName)?.maxItemPerPage : na(this.localStorageMaxItemPerPageName);
 				this.maxItemsPerPage = e ?? this.maxItemPerPage;
 			}
 		} },
@@ -5023,7 +5043,7 @@ var ia = {
 		},
 		maxItemsPerPage: { handler(e) {
 			if (!this.headerEditMode) {
-				if (this.localStorageItemName !== null && na(this.localStorageItemName, e, "maxItemPerPage"), this.localStorageMaxItemPerPageName !== null && na(this.localStorageMaxItemPerPageName, e), this.infiniteScroll) {
+				if (this.localStorageItemName !== null && ra(this.localStorageItemName, e, "maxItemPerPage"), this.localStorageMaxItemPerPageName !== null && ra(this.localStorageMaxItemPerPageName, e), this.infiniteScroll) {
 					let t = this.infiniteScrollIncrement || e;
 					this.currentVisibleItems = Math.min(e + t, this.sortedItems.length);
 				}
@@ -5071,6 +5091,9 @@ var ia = {
 			deep: !0,
 			immediate: !0
 		},
+		scrollToId: { handler(e) {
+			e != null && this.scrollToItem(e);
+		} },
 		tdItemsList: {
 			handler(e, t) {
 				e !== t && this.columns.some((e) => e.stickyLeft || e.stickyRight) && this.$nextTick(() => {
@@ -5083,12 +5106,12 @@ var ia = {
 	},
 	mounted() {
 		if (this.localStorageItemName !== null) {
-			$i(this.localStorageItemName, this.getRefactoColumns(this.copyDefaultColumns())), ea(this.localStorageItemName, this.maxItemPerPage, "maxItemPerPage");
-			let e = ta(this.localStorageItemName);
+			ea(this.localStorageItemName, this.getRefactoColumns(this.copyDefaultColumns())), ta(this.localStorageItemName, this.maxItemPerPage, "maxItemPerPage");
+			let e = na(this.localStorageItemName);
 			e && (this.columns = this.getColumnsById(e.columns, this.defaultColumns), this.maxItemsPerPage = e.maxItemPerPage);
 		}
 		if (this.localStorageMaxItemPerPageName !== null) {
-			let e = ta(this.localStorageMaxItemPerPageName);
+			let e = na(this.localStorageMaxItemPerPageName);
 			e && (this.maxItemsPerPage = e);
 		}
 		if (this.dynamicColumns && (this.columns = this.getColumnsById(this.dynamicColumns, this.defaultColumns)), this.ckSelectedItems && (this.selectedItems = this.ckSelectedItems), this.infiniteScroll) {
@@ -5114,16 +5137,16 @@ var ia = {
 	},
 	methods: {
 		moment: v,
-		unixToDateString: zi,
-		unixToDateTimeString: Bi,
-		toCurrencyEUR: Ri,
+		unixToDateString: Bi,
+		unixToDateTimeString: Vi,
+		toCurrencyEUR: zi,
 		formatColumnValue(e, t) {
 			let n = e[t.id];
 			if (t.formatter && typeof t.formatter == "function") return t.formatter(n, e);
 			if (t.type) switch (t.type) {
-				case "unixDate": return n ? zi(n) : "";
-				case "unixDateTime": return n ? Bi(n) : "";
-				case "currency": return n == null ? "" : Ri(n);
+				case "unixDate": return n ? Bi(n) : "";
+				case "unixDateTime": return n ? Vi(n) : "";
+				case "currency": return n == null ? "" : zi(n);
 				default: return n;
 			}
 			return n;
@@ -5250,14 +5273,14 @@ var ia = {
 			if (!t) return !0;
 			let n = `${e.id}_${t}`;
 			if (this.normalizedItemsCache.has(n)) return this.normalizedItemsCache.get(n);
-			let r = this.visibleColumns.some((n) => {
+			let r = this.visibleColumns.filter((e) => !e.noSearch).some((n) => {
 				if (n.customSearch && typeof n.customSearch == "function") return n.customSearch(e, t);
 				let r = e[n.id];
 				if (n.type || n.formatter) {
 					let r = this.formatColumnValue(e, n);
-					if (r && Li(r.toString()).includes(t)) return !0;
+					if (r && Ri(r.toString()).includes(t)) return !0;
 				}
-				return r && Li(r.toString()).includes(t);
+				return r && Ri(r.toString()).includes(t);
 			});
 			return this.normalizedItemsCache.size > 1e3 && this.normalizedItemsCache.clear(), this.normalizedItemsCache.set(n, r), r;
 		},
@@ -5290,10 +5313,10 @@ var ia = {
 			this.$emit("changeSubject", e);
 		},
 		saveTablePreferences() {
-			this.localStorageItemName !== null && na(this.localStorageItemName, this.getRefactoColumns(this.columns), "columns"), this.dynamicColumns && this.$emit("update:dynamicColumns", this.getRefactoColumns(this.columns)), this.headerEditMode = !1, this.currentPage = this.previousCurrentPage, this.$emit("postSaveColumns");
+			this.localStorageItemName !== null && ra(this.localStorageItemName, this.getRefactoColumns(this.columns), "columns"), this.dynamicColumns && this.$emit("update:dynamicColumns", this.getRefactoColumns(this.columns)), this.headerEditMode = !1, this.currentPage = this.previousCurrentPage, this.$emit("postSaveColumns");
 		},
 		resetTablePreferences() {
-			this.columns = this.copyDefaultColumns(), this.localStorageItemName !== null && $i(this.localStorageItemName, this.getRefactoColumns(this.columns)), this.dynamicColumns && this.$emit("update:dynamicColumns", this.getRefactoColumns(this.columns)), this.currentPage = this.previousCurrentPage, this.$emit("postResetColumns");
+			this.columns = this.copyDefaultColumns(), this.localStorageItemName !== null && ea(this.localStorageItemName, this.getRefactoColumns(this.columns)), this.dynamicColumns && this.$emit("update:dynamicColumns", this.getRefactoColumns(this.columns)), this.currentPage = this.previousCurrentPage, this.$emit("postResetColumns");
 		},
 		editTablePreferences() {
 			this.headerEditMode = !0, this.previousCurrentPage = this.currentPage, this.currentPage = 1;
@@ -5324,7 +5347,7 @@ var ia = {
 					if (r.customSort) e = r.customSort(t, n, r.asc);
 					else {
 						let i = t[r.id], a = n[r.id];
-						e = Xi(i, a, r.asc);
+						e = Zi(i, a, r.asc);
 					}
 					if (e !== 0) return e;
 				}
@@ -5335,7 +5358,7 @@ var ia = {
 					if (r.customSort) e = r.customSort(t, n, r.asc);
 					else {
 						let i = t[r.id], a = n[r.id];
-						e = Xi(i, a, r.asc);
+						e = Zi(i, a, r.asc);
 					}
 					if (e !== 0) return e;
 				}
@@ -5378,49 +5401,90 @@ var ia = {
 			this.stickyColumnsUpdateTimeout && clearTimeout(this.stickyColumnsUpdateTimeout), this.stickyColumnsUpdateTimeout = setTimeout(() => {
 				this.updateStickyColumns(), this.stickyColumnsUpdateTimeout = null;
 			}, 50);
+		},
+		scrollToItem(e) {
+			let t = this.sortedItems.findIndex((t) => t.id === e);
+			if (t === -1) return;
+			let n = this.sortedItems[t], r = `${this.tableId}-row-${n.id}`;
+			this.$emit("scrolled", {
+				value: e,
+				index: t,
+				id: n.id
+			});
+			let i = () => {
+				this.scrollHighlightId = n.id, clearTimeout(this.$_highlightTimer), this.$_highlightTimer = setTimeout(() => {
+					this.scrollHighlightId = null;
+				}, 1800);
+			}, a = () => {
+				this.$nextTick(() => {
+					let e = this.$refs.table?.querySelector(`[id="${r}"]`) || document.getElementById(r);
+					if (e) if (i(), this.infiniteScroll && this.$refs.scrollContainer) {
+						let t = this.$refs.scrollContainer, n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = n.top - r.top - (r.height - n.height) / 2;
+						t.scrollBy({
+							top: i,
+							behavior: "smooth"
+						});
+					} else e.scrollIntoView({
+						behavior: "smooth",
+						block: "center"
+					});
+				});
+			};
+			if (this.infiniteScroll) this.currentVisibleItems <= t && (this.currentVisibleItems = t + 1), a();
+			else if (this.maxItemsPerPage !== -1) {
+				let e = Math.ceil((t + 1) / this.maxItemsPerPage);
+				this.currentPage !== e && (this.currentPage = e), a();
+			} else a();
 		}
 	}
-}, aa = {
+}, oa = {
 	key: 0,
 	class: "mb-3 text-center"
-}, oa = {
+}, sa = {
 	key: 1,
 	class: "row mb-1 mx-auto"
-}, sa = {
+}, ca = {
 	key: 0,
 	class: "btn btn-sm btn-outline-secondary cursor-default align-self-center bg-transparent text-secondary border-secondary d-flex justify-content-center align-items-center fs-7 px-2 py-0 rounded-1",
 	style: { height: "20px" }
-}, ca = { class: "text-nowrap" }, la = { class: "d-flex justify-content-center align-items-center fs-7 px-2 py-0 rounded-1 mx-2 user-select-none" }, ua = {
+}, la = { class: "text-nowrap" }, ua = { class: "d-flex justify-content-center align-items-center fs-7 px-2 py-0 rounded-1 mx-2 user-select-none" }, da = {
 	key: 0,
 	class: "text-nowrap",
 	style: { height: "20px" }
-}, da = ["value"], Z = {
+}, Z = ["value"], fa = {
 	key: 1,
 	class: "d-flex align-items-center text-nowrap"
-}, fa = {
+}, pa = {
 	key: 0,
 	class: "d-flex ms-2"
-}, pa = { class: "row mx-auto mb-3 rounded-0" }, ma = ["id"], Q = ["id"], ha = [
+}, ma = ["title"], Q = {
+	key: 0,
+	class: "badge bg-info fs-6"
+}, ha = { class: "row mx-auto mb-3 rounded-0" }, ga = ["id"], _a = ["id"], va = [
 	"id",
 	"onDragstart",
 	"onDragend"
-], ga = { class: "d-flex flex-column align-items-center" }, _a = {
+], ya = { class: "d-flex flex-column align-items-center" }, ba = {
 	key: 0,
 	class: "mx-auto my-auto mb-2 mt-2 hoverable d-inline-block"
-}, va = { class: "d-inline-flex text-nowrap" }, ya = {
+}, xa = { class: "d-inline-flex text-nowrap" }, Sa = {
 	key: 0,
 	class: "ms-2 float-end"
-}, ba = {
+}, Ca = {
 	key: 1,
 	class: "ms-2"
-}, xa = { key: 1 }, Sa = ["id"], Ca = ["id"], wa = { class: "d-inline-flex text-nowrap" }, Ta = {
+}, wa = { key: 1 }, Ta = ["id"], Ea = ["id"], Da = { class: "d-inline-flex text-nowrap" }, Oa = {
 	key: 1,
 	class: "ms-2 hoverable"
-}, Ea = { key: 0 }, Da = ["colspan"], Oa = ["id"], ka = ["onClick", "onContextmenu"], Aa = ["data-column-id", "onClick"], ja = ["id", "value"], Ma = ["data-column-id"], Na = { class: "row ms-auto mb-2" }, Pa = { class: "m-0 pagination pagination-sm" }, Fa = { class: "page-item hoverable" }, Ia = { class: "page-item hoverable" }, La = ["onClick"], Ra = { class: "page-item hoverable" }, za = { class: "page-item hoverable" }, Ba = ["id"];
-function Va(t, c, l, ne, _, v) {
+}, ka = { key: 0 }, Aa = ["colspan"], ja = ["id"], Ma = [
+	"id",
+	"onClick",
+	"onContextmenu"
+], Na = ["data-column-id", "onClick"], Pa = ["id", "value"], Fa = ["data-column-id"], Ia = { class: "row ms-auto mb-2" }, La = { class: "m-0 pagination pagination-sm" }, Ra = { class: "page-item hoverable" }, za = { class: "page-item hoverable" }, Ba = ["onClick"], Va = { class: "page-item hoverable" }, Ha = { class: "page-item hoverable" }, Ua = ["id"];
+function Wa(t, c, l, ne, _, v) {
 	let y = m("font-awesome-icon"), oe = m("vue-draggable-next");
 	return f(), i(e, null, [
-		l.lineEditMode ? (f(), i("div", aa, [a("button", {
+		l.lineEditMode ? (f(), i("div", oa, [a("button", {
 			type: "button",
 			class: "btn btn-success rounded-5 m-0 p-0",
 			style: {
@@ -5432,7 +5496,7 @@ function Va(t, c, l, ne, _, v) {
 			icon: "fa-solid fa-plus",
 			size: "xl"
 		})])])) : r("", !0),
-		l.showLineNumber || l.showModifyColumnsBtn || l.showMaxItemPerPageBtn || l.deepSorts ? (f(), i("div", oa, [a("div", { class: u(["d-flex justify-content-start p-0", l.deepSorts && _.deepSortsList.length > 0 && l.showModifyColumnsBtn ? "col-12 col-sm-8 col-lg-9 col-xl-10" : "col"]) }, [l.showLineNumber ? (f(), i("div", sa, [a("b", ca, h(v.showItemsLinesNumber + " / " + v.filtereditems.length), 1), c[20] ||= a("span", { class: "ms-1" }, "lignes", -1)])) : r("", !0), l.deepSorts && _.deepSortsList.length > 0 ? (f(), i("div", {
+		l.showLineNumber || l.showModifyColumnsBtn || l.showMaxItemPerPageBtn || l.deepSorts ? (f(), i("div", sa, [a("div", { class: u(["d-flex justify-content-start p-0", l.deepSorts && _.deepSortsList.length > 0 && l.showModifyColumnsBtn ? "col-12 col-sm-8 col-lg-9 col-xl-10" : "col"]) }, [l.showLineNumber ? (f(), i("div", ca, [a("b", la, h(v.showItemsLinesNumber + " / " + v.filtereditems.length), 1), c[20] ||= a("span", { class: "ms-1" }, "lignes", -1)])) : r("", !0), l.deepSorts && _.deepSortsList.length > 0 ? (f(), i("div", {
 			key: 1,
 			class: u(["d-flex align-items-center flex-wrap", { "ms-4": l.showLineNumber }])
 		}, [c[21] ||= a("span", { class: "me-1 text-secondary h-auto fs-7 mb-1 mb-lg-0" }, "Tri :", -1), s(oe, {
@@ -5453,7 +5517,7 @@ function Va(t, c, l, ne, _, v) {
 					icon: "fa-solid fa-xmark",
 					onClick: (e) => _.deepSortsList.splice(t, 1)
 				}, null, 8, ["onClick"]),
-				a("div", la, [a("span", null, h(e.libelle), 1)]),
+				a("div", ua, [a("span", null, h(e.libelle), 1)]),
 				s(y, {
 					class: "hoverable",
 					icon: e.asc ? "fa-solid fa-arrow-down-short-wide" : "fa-solid fa-arrow-down-wide-short",
@@ -5464,24 +5528,24 @@ function Va(t, c, l, ne, _, v) {
 		}, 8, ["modelValue"])], 2)) : r("", !0)], 2), l.showMaxItemPerPageBtn || l.showModifyColumnsBtn ? (f(), i("div", {
 			key: 0,
 			class: u(["d-flex align-items-center justify-content-end p-0", l.deepSorts && _.deepSortsList.length > 0 ? "col-12 col-sm-4 col-lg-3 col-xl-2 mt-1 mt-sm-0" : "col"])
-		}, [l.showMaxItemPerPageBtn && !_.headerEditMode ? (f(), i("div", ua, [l.maxItemPerPageList.length > 0 ? ie((f(), i("select", {
+		}, [l.showMaxItemPerPageBtn && !_.headerEditMode ? (f(), i("div", da, [l.maxItemPerPageList.length > 0 ? ie((f(), i("select", {
 			key: 0,
 			"onUpdate:modelValue": c[2] ||= (e) => _.maxItemsPerPage = e,
 			class: "form-select d-flex justify-content-center align-items-center ms-auto py-0 rounded-3 select-max-item-per-page"
 		}, [(f(!0), i(e, null, p(l.maxItemPerPageList, (e) => (f(), i("option", {
 			key: e.value,
 			value: e.value
-		}, h(e.text), 9, da))), 128))], 512)), [[g, _.maxItemsPerPage]]) : r("", !0)])) : r("", !0), l.showModifyColumnsBtn ? (f(), i("div", Z, [_.headerEditMode ? (f(), i("div", fa, [a("button", {
-			id: "btn-save-table",
-			class: "btn btn-sm btn-success d-flex justify-content-center align-items-center ms-auto me-2 px-2 py-0 rounded-3",
-			type: "button",
-			onClick: c[3] ||= (...e) => v.saveTablePreferences && v.saveTablePreferences(...e)
-		}, " Sauvegarder "), a("button", {
+		}, h(e.text), 9, Z))), 128))], 512)), [[g, _.maxItemsPerPage]]) : r("", !0)])) : r("", !0), l.showModifyColumnsBtn ? (f(), i("div", fa, [_.headerEditMode ? (f(), i("div", pa, [a("button", {
 			id: "btn-reset-table",
-			class: "btn btn-sm btn-outline-danger d-flex justify-content-center align-items-center px-2 py-0 rounded-3",
+			class: "btn btn-sm btn-outline-danger d-flex justify-content-center align-items-center ms-auto me-2 px-2 py-0 rounded-3",
+			type: "button",
+			onClick: c[3] ||= (...e) => v.resetTablePreferences && v.resetTablePreferences(...e)
+		}, " Réinitialiser le tableau "), a("button", {
+			id: "btn-save-table",
+			class: "btn btn-sm btn-success d-flex justify-content-center align-items-center px-2 py-0 rounded-3",
 			type: "button",
-			onClick: c[4] ||= (...e) => v.resetTablePreferences && v.resetTablePreferences(...e)
-		}, " Réinitialiser le tableau ")])) : (f(), i("button", {
+			onClick: c[4] ||= (...e) => v.saveTablePreferences && v.saveTablePreferences(...e)
+		}, " Sauvegarder ")])) : (f(), i("button", {
 			key: 1,
 			id: "btn-edit-table",
 			class: "btn btn-sm btn-outline-secondary d-flex justify-content-center align-items-center fs-7 px-2 py-0 rounded-3 ms-2",
@@ -5489,7 +5553,14 @@ function Va(t, c, l, ne, _, v) {
 			type: "button",
 			onClick: c[5] ||= (...e) => v.editTablePreferences && v.editTablePreferences(...e)
 		}, " Modifier colonnes "))])) : r("", !0)], 2)) : r("", !0)])) : r("", !0),
-		a("div", pa, [a("div", {
+		a("div", {
+			title: `Déplacez les colonnes pour les réorganiser et utilisez l'icône œil pour les afficher ou les masquer. Seules ${l.editModeMaxRows} lignes sont affichées pour faciliter les modifications.`,
+			class: "d-flex justify-content-center align-items-center mb-3"
+		}, [_.headerEditMode ? (f(), i("div", Q, [s(y, {
+			icon: "fa-solid fa-circle-info",
+			class: "me-2"
+		}), c[22] ||= o(" Vous êtes entrain d'éditer l'affichage du tableau ", -1)])) : r("", !0)], 8, ma),
+		a("div", ha, [a("div", {
 			ref: "scrollContainer",
 			class: u(["col-12 p-0 overflow-x-auto mb-2", {
 				border: l.infiniteScroll,
@@ -5505,7 +5576,11 @@ function Va(t, c, l, ne, _, v) {
 			id: l.tableId,
 			ref: "table",
 			key: _.forceTableUpdateIndex,
-			class: u(["table table-striped table-hover table-responsive align-middle border-1 border-top border-bottom position-relative m-0", [l.border ? "table-bordered" : "table-borderless", l.tableSm ? "table-sm" : ""]]),
+			class: u(["table table-striped table-responsive align-middle border-1 border-top border-bottom position-relative m-0", [
+				l.border ? "table-bordered" : "table-borderless",
+				l.tableSm ? "table-sm" : "",
+				l.clickable && !_.headerEditMode ? "table-hover cursor-pointer" : ""
+			]]),
 			style: d([{
 				"border-collapse": "separate",
 				"border-spacing": "0"
@@ -5540,7 +5615,7 @@ function Va(t, c, l, ne, _, v) {
 				class: "form-check-input",
 				type: "checkbox",
 				onClick: c[7] ||= ae((...e) => v.toggleAllCheckBox && v.toggleAllCheckBox(...e), ["stop"])
-			}, null, 512), [[te, _.checkAllCheckBox]])], 10, Q)) : (o.show || _.headerEditMode) && (!o.onlyOnEditMode || l.lineEditMode) ? (f(), i("th", {
+			}, null, 512), [[te, _.checkAllCheckBox]])], 10, _a)) : (o.show || _.headerEditMode) && (!o.onlyOnEditMode || l.lineEditMode) ? (f(), i("th", {
 				key: 1,
 				id: `${l.tableId}-${o.id}-th-${d}`,
 				scope: "col",
@@ -5554,7 +5629,7 @@ function Va(t, c, l, ne, _, v) {
 				]]),
 				onDragstart: (e) => o.isDragging = !0,
 				onDragend: (e) => o.isDragging = !1
-			}, [a("div", ga, [_.headerEditMode && !o.keepShow ? (f(), i("div", _a, [o.show ? (f(), n(y, {
+			}, [a("div", ya, [_.headerEditMode && !o.keepShow ? (f(), i("div", ba, [o.show ? (f(), n(y, {
 				key: 0,
 				icon: "fa-solid fa-eye",
 				class: "fa-lg",
@@ -5564,21 +5639,21 @@ function Va(t, c, l, ne, _, v) {
 				icon: "fa-solid fa-eye-slash",
 				class: "fa-lg",
 				onClick: (e) => o.show = !0
-			}, null, 8, ["onClick"]))])) : r("", !0), a("div", va, [ee(t.$slots, "tableHeaderTh", { header: o }, void 0, !0), o.isSortable && !l.deepSorts ? (f(), i("div", ya, [s(y, {
+			}, null, 8, ["onClick"]))])) : r("", !0), a("div", xa, [ee(t.$slots, "tableHeaderTh", { header: o }, void 0, !0), o.isSortable && !l.deepSorts ? (f(), i("div", Sa, [s(y, {
 				icon: _.sortKey !== o.id || _.sortKey === o.id && !_.sortAsc ? "fa-solid fa-arrow-down-wide-short" : "fa-solid fa-arrow-down-short-wide",
 				class: "hoverable",
 				onClick: (e) => v.updateCurrentSort(o)
-			}, null, 8, ["icon", "onClick"])])) : l.deepSorts && !_.deepSortsList.some((e) => e.id === o.id) && o.isSortable ? (f(), i("div", ba, [s(y, {
+			}, null, 8, ["icon", "onClick"])])) : l.deepSorts && !_.deepSortsList.some((e) => e.id === o.id) && o.isSortable ? (f(), i("div", Ca, [s(y, {
 				icon: "fa-solid fa-filter",
 				onClick: (e) => v.addDeepSort(o)
-			}, null, 8, ["onClick"])])) : r("", !0)])])], 42, ha)) : r("", !0)], 64))), 128))]),
+			}, null, 8, ["onClick"])])) : r("", !0)])])], 42, va)) : r("", !0)], 64))), 128))]),
 			_: 3
 		}, 8, [
 			"modelValue",
 			"ghost-class",
 			"drag-class",
 			"move"
-		])) : (f(), i("tr", xa, [(f(!0), i(e, null, p(_.columns, (n, o) => (f(), i(e, { key: n.id }, [n.id === "checkBox" ? (f(), i("th", {
+		])) : (f(), i("tr", wa, [(f(!0), i(e, null, p(_.columns, (n, o) => (f(), i(e, { key: n.id }, [n.id === "checkBox" ? (f(), i("th", {
 			key: 0,
 			id: `${l.tableId}-${n.id}-th-${o}`,
 			class: u(["text-center", [
@@ -5595,7 +5670,7 @@ function Va(t, c, l, ne, _, v) {
 			class: "form-check-input",
 			type: "checkbox",
 			onClick: c[11] ||= ae((...e) => v.toggleAllCheckBox && v.toggleAllCheckBox(...e), ["stop"])
-		}, null, 512), [[te, _.checkAllCheckBox]])], 10, Sa)) : n.show && (!n.onlyOnEditMode || l.lineEditMode) ? (f(), i("th", {
+		}, null, 512), [[te, _.checkAllCheckBox]])], 10, Ta)) : n.show && (!n.onlyOnEditMode || l.lineEditMode) ? (f(), i("th", {
 			key: 1,
 			id: `${l.tableId}-${n.id}-th-${o}`,
 			scope: "col",
@@ -5606,16 +5681,16 @@ function Va(t, c, l, ne, _, v) {
 				l.headerTextColor,
 				l.infiniteScroll ? "sticky-top" : ""
 			]])
-		}, [a("div", wa, [ee(t.$slots, "tableHeaderTh", { header: n }, void 0, !0), n.isSortable && !l.deepSorts ? (f(), i("div", {
+		}, [a("div", Da, [ee(t.$slots, "tableHeaderTh", { header: n }, void 0, !0), n.isSortable && !l.deepSorts ? (f(), i("div", {
 			key: 0,
 			class: u(["ms-2 float-end hoverable", { "opacity-50": _.sortKey !== n.id }])
 		}, [s(y, {
 			icon: _.sortKey !== n.id || _.sortKey === n.id && !_.sortAsc ? "fa-solid fa-arrow-down-wide-short" : "fa-solid fa-arrow-down-short-wide",
 			onClick: (e) => v.updateCurrentSort(n)
-		}, null, 8, ["icon", "onClick"])], 2)) : l.deepSorts && !_.deepSortsList.some((e) => e.id === n.id) && n.isSortable ? (f(), i("div", Ta, [s(y, {
+		}, null, 8, ["icon", "onClick"])], 2)) : l.deepSorts && !_.deepSortsList.some((e) => e.id === n.id) && n.isSortable ? (f(), i("div", Oa, [s(y, {
 			icon: "fa-solid fa-filter",
 			onClick: (e) => v.addDeepSort(n)
-		}, null, 8, ["onClick"])])) : r("", !0)])], 10, Ca)) : r("", !0)], 64))), 128))]))]), a("tbody", null, [v.showeditems?.length === 0 ? (f(), i("tr", Ea, [a("th", {
+		}, null, 8, ["onClick"])])) : r("", !0)])], 10, Ea)) : r("", !0)], 64))), 128))]))]), a("tbody", null, [v.showeditems?.length === 0 ? (f(), i("tr", ka, [a("th", {
 			colspan: _.columns.length,
 			class: "text-center",
 			style: {
@@ -5625,11 +5700,13 @@ function Va(t, c, l, ne, _, v) {
 		}, [a("span", {
 			id: `${l.tableId}-no-value`,
 			class: "text-danger fs-5"
-		}, h(l.noValueText), 9, Oa)], 8, Da)])) : (f(!0), i(e, { key: 1 }, p(v.showeditems, (n, s) => (f(), i("tr", {
+		}, h(l.noValueText), 9, ja)], 8, Aa)])) : (f(!0), i(e, { key: 1 }, p(v.showeditems, (n, s) => (f(), i("tr", {
+			id: `${l.tableId}-row-${n.id}`,
 			key: n.id,
 			class: u([{
 				hoverable: l.clickable && !_.headerEditMode,
-				"hoverable-no-drop": l.clickable && _.headerEditMode
+				"hoverable-no-drop": l.clickable && _.headerEditMode,
+				"scroll-to-highlight": n.id === _.scrollHighlightId
 			}, l.trFontSize]),
 			style: d({ height: l.trHeightPx + "px" }),
 			onClick: (e) => l.clickable && !_.headerEditMode ? v.selectSubject(n) : null,
@@ -5651,7 +5728,7 @@ function Va(t, c, l, ne, _, v) {
 			class: "form-check-input hoverable",
 			value: n.id,
 			onClick: c[14] ||= ae(() => {}, ["stop"])
-		}, null, 8, ja), [[te, _.selectedItems]])], 10, Aa)) : (d.show || _.headerEditMode) && (!d.onlyOnEditMode || l.lineEditMode) ? (f(), i("td", {
+		}, null, 8, Pa), [[te, _.selectedItems]])], 10, Na)) : (d.show || _.headerEditMode) && (!d.onlyOnEditMode || l.lineEditMode) ? (f(), i("td", {
 			key: 1,
 			"data-column-id": d.id,
 			class: u([[
@@ -5666,20 +5743,20 @@ function Va(t, c, l, ne, _, v) {
 			header: d,
 			item: n,
 			formattedValue: v.formatColumnValue(n, d)
-		}, () => [o(h(v.formatColumnValue(n, d)), 1)], !0)], 10, Ma)) : r("", !0)], 64))), 128))], 46, ka))), 128))])], 14, ma))], 38)]),
-		a("div", Na, [!l.infiniteScroll && _.totalPages && _.totalPages > 1 ? (f(), i("div", {
+		}, () => [o(h(v.formatColumnValue(n, d)), 1)], !0)], 10, Fa)) : r("", !0)], 64))), 128))], 46, Ma))), 128))])], 14, ga))], 38)]),
+		a("div", Ia, [!l.infiniteScroll && _.totalPages && _.totalPages > 1 ? (f(), i("div", {
 			key: 0,
 			class: u(["col p-0 me-3 d-flex", {
 				"justify-content-center": l.paginationPosition === "center",
 				"justify-content-end": l.paginationPosition === "right",
 				"justify-content-start": l.paginationPosition === "left"
 			}])
-		}, [a("ul", Pa, [
-			a("li", Fa, [a("a", {
+		}, [a("ul", La, [
+			a("li", Ra, [a("a", {
 				class: u(["page-link", { disabled: _.currentPage === 1 }]),
 				onClick: c[16] ||= (e) => _.currentPage = 1
 			}, " « ", 2)]),
-			a("li", Ia, [a("a", {
+			a("li", za, [a("a", {
 				class: u(["page-link", { disabled: _.currentPage === 1 }]),
 				onClick: c[17] ||= (e) => --_.currentPage
 			}, " < ", 2)]),
@@ -5689,12 +5766,12 @@ function Va(t, c, l, ne, _, v) {
 			}, [a("a", {
 				class: "page-link",
 				onClick: (t) => _.currentPage = e
-			}, h(e), 9, La)], 2))), 128)),
-			a("li", Ra, [a("a", {
+			}, h(e), 9, Ba)], 2))), 128)),
+			a("li", Va, [a("a", {
 				class: u(["page-link", { disabled: _.currentPage === _.totalPages }]),
 				onClick: c[18] ||= (e) => _.currentPage += 1
 			}, " > ", 2)]),
-			a("li", za, [a("a", {
+			a("li", Ha, [a("a", {
 				class: u(["page-link", { disabled: _.currentPage === _.totalPages }]),
 				onClick: c[19] ||= (e) => _.currentPage = _.totalPages
 			}, " » ", 2)])
@@ -5702,9 +5779,9 @@ function Va(t, c, l, ne, _, v) {
 			key: 1,
 			id: `${l.tableId}-bottom-scrollbar`,
 			class: u(["bottom-scrollbar", { visible: _.showScrollbar }])
-		}, [...c[22] ||= [a("div", { class: "scrollbar-content" }, null, -1)]], 10, Ba)) : r("", !0)])
+		}, [...c[23] ||= [a("div", { class: "scrollbar-content" }, null, -1)]], 10, Ua)) : r("", !0)])
 	], 64);
 }
-var Ha = /* @__PURE__ */ ra(ia, [["render", Va], ["__scopeId", "data-v-f3f9f7af"]]), Ua = Ha;
+var Ga = /* @__PURE__ */ ia(aa, [["render", Wa], ["__scopeId", "data-v-e3775353"]]), Ka = Ga;
 //#endregion
-export { Ha as AmsomTableDraggable, Ua as default };
+export { Ga as AmsomTableDraggable, Ka as default };