@ouestfrance/sipa-bms-ui 8.48.2 → 8.49.0

package/dist/sipa-bms-ui.umd.js

@@ -55095,7 +55095,7 @@
 		key: 1,
 		class: "bms-switch-icon-button__menu__item__check-placeholder"
 	};
-	var _hoisted_4$14 = { class: "bms-switch-icon-button__menu__item__label" };
+	var _hoisted_4$15 = { class: "bms-switch-icon-button__menu__item__label" };
 	//#endregion
 	//#region src/components/button/BmsSwitchIconButton.vue
 	var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -55186,7 +55186,7 @@
 							size: 16,
 							class: "bms-switch-icon-button__menu__item__icon"
 						})) : (0, vue.createCommentVNode)("", true),
-						(0, vue.createElementVNode)("span", _hoisted_4$14, (0, vue.toDisplayString)(option.label), 1)
+						(0, vue.createElementVNode)("span", _hoisted_4$15, (0, vue.toDisplayString)(option.label), 1)
 					], 8, _hoisted_2$43);
 				}), 128))], 4), [[vue.vShow, isOpen.value]])], 2);
 			};
@@ -55313,7 +55313,7 @@
 		viewBox: "0 0 100 100"
 	};
 	var _hoisted_3$23 = { transform: "rotate(-90, 50, 50)" };
-	var _hoisted_4$13 = ["stroke-dashoffset"];
+	var _hoisted_4$14 = ["stroke-dashoffset"];
 	var _hoisted_5$9 = { class: "percent" };
 	//#endregion
 	//#region src/components/feedback/BmsCircularProgress.vue
@@ -55339,7 +55339,7 @@
 					"stroke-linecap": "round",
 					"stroke-dashoffset": 283 - __props.progress * 283 / 100,
 					"stroke-dasharray": "283"
-				}, null, 8, _hoisted_4$13)])])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_5$9, (0, vue.toDisplayString)(__props.progress) + "%", 1)]);
+				}, null, 8, _hoisted_4$14)])])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_5$9, (0, vue.toDisplayString)(__props.progress) + "%", 1)]);
 			};
 		}
 	}), [["__scopeId", "data-v-7869acfb"]]);
@@ -55409,7 +55409,7 @@
 		fill: "none",
 		"fill-rule": "evenodd"
 	};
-	var _hoisted_4$12 = { transform: "translate(1 1)" };
+	var _hoisted_4$13 = { transform: "translate(1 1)" };
 	var _hoisted_5$8 = ["stroke"];
 	function transformIntoPx(totransform) {
 		return typeof totransform === "string" ? totransform : `${totransform}px`;
@@ -55451,7 +55451,7 @@
 						"stop-color": "currentColor",
 						offset: "100%"
 					}, null, -1)
-				])], 8, _hoisted_2$39)]), (0, vue.createElementVNode)("g", _hoisted_3$22, [(0, vue.createElementVNode)("g", _hoisted_4$12, [(0, vue.createElementVNode)("path", {
+				])], 8, _hoisted_2$39)]), (0, vue.createElementVNode)("g", _hoisted_3$22, [(0, vue.createElementVNode)("g", _hoisted_4$13, [(0, vue.createElementVNode)("path", {
 					d: "M36 18c0-9.94-8.06-18-18-18",
 					id: "Oval-2",
 					stroke: `url(#${(0, vue.unref)(gradientId)})`,
@@ -55867,7 +55867,7 @@
 		"minlength",
 		"maxlength"
 	];
-	var _hoisted_4$11 = { class: "field__input-icon field__input-icon--end" };
+	var _hoisted_4$12 = { class: "field__input-icon field__input-icon--end" };
 	//#endregion
 	//#region src/components/form/RawInputText.vue
 	var RawInputText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -55958,7 +55958,7 @@
 						onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus")),
 						onClick: _cache[2] || (_cache[2] = ($event) => $emits("click"))
 					}, null, 40, _hoisted_3$21),
-					(0, vue.createElementVNode)("span", _hoisted_4$11, [(0, vue.renderSlot)(_ctx.$slots, "icon-end", {}, void 0, true)])
+					(0, vue.createElementVNode)("span", _hoisted_4$12, [(0, vue.renderSlot)(_ctx.$slots, "icon-end", {}, void 0, true)])
 				], 2);
 			};
 		}
@@ -56504,7 +56504,7 @@
 	var _hoisted_1$54 = { class: "file-upload" };
 	var _hoisted_2$35 = { class: "file-upload__label" };
 	var _hoisted_3$20 = { key: 1 };
-	var _hoisted_4$10 = { class: "file-upload__file-name" };
+	var _hoisted_4$11 = { class: "file-upload__file-name" };
 	//#endregion
 	//#region src/components/form/BmsFilePicker.vue
 	var BmsFilePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -56586,7 +56586,7 @@
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: file.name,
 						class: "file-upload__file"
-					}, [(0, vue.createElementVNode)("span", _hoisted_4$10, (0, vue.toDisplayString)(file.name), 1), (0, vue.createVNode)((0, vue.unref)(BmsIconButton_default), { onClick: ($event) => onDeleteFile(file) }, {
+					}, [(0, vue.createElementVNode)("span", _hoisted_4$11, (0, vue.toDisplayString)(file.name), 1), (0, vue.createVNode)((0, vue.unref)(BmsIconButton_default), { onClick: ($event) => onDeleteFile(file) }, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(Trash2))]),
 						_: 1
 					}, 8, ["onClick"])]);
@@ -101462,7 +101462,7 @@
 		key: 0,
 		class: "field__input-icon field__input-icon--start"
 	};
-	var _hoisted_4$9 = [
+	var _hoisted_4$10 = [
 		"readonly",
 		"placeholder",
 		"required",
@@ -101756,7 +101756,7 @@
 								disabled: __props.disabled,
 								onKeyup: (0, vue.withKeys)(openDatalist, ["down"]),
 								onInput: _cache[1] || (_cache[1] = ($event) => filteringActive.value = true)
-							}, null, 40, _hoisted_4$9)), [[vue.vModelText, searching.value]]) : (0, vue.createCommentVNode)("", true),
+							}, null, 40, _hoisted_4$10)), [[vue.vModelText, searching.value]]) : (0, vue.createCommentVNode)("", true),
 							hasEndIcon.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$7, [(0, vue.renderSlot)(_ctx.$slots, "icon-end", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 						], true),
 						(0, vue.createElementVNode)("span", _hoisted_6$7, [canClear.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(X), {
@@ -104880,7 +104880,7 @@
 	var _hoisted_1$35 = { class: "bms-header" };
 	var _hoisted_2$23 = { class: "bms-header__title" };
 	var _hoisted_3$13 = { class: "bms-header__title__label" };
-	var _hoisted_4$8 = { key: 0 };
+	var _hoisted_4$9 = { key: 0 };
 	var _hoisted_5$6 = {
 		key: 1,
 		class: "bms-header__title__after-title"
@@ -104911,7 +104911,7 @@
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$35, [(0, vue.createElementVNode)("span", _hoisted_2$23, [
 					(0, vue.renderSlot)(_ctx.$slots, "logo", {}, void 0, true),
-					(0, vue.createElementVNode)("span", _hoisted_3$13, [__props.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$8, (0, vue.toDisplayString)(__props.label), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)(__props.title), 1)]),
+					(0, vue.createElementVNode)("span", _hoisted_3$13, [__props.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$9, (0, vue.toDisplayString)(__props.label), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("h1", null, (0, vue.toDisplayString)(__props.title), 1)]),
 					showHelperLink.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(BmsShortLinkMenu_default, {
 						key: 0,
 						outline: true,
@@ -104946,7 +104946,7 @@
 	var _hoisted_1$34 = ["data-testid"];
 	var _hoisted_2$22 = { class: "ui-modal__header" };
 	var _hoisted_3$12 = { class: "ui-modal__header-inner" };
-	var _hoisted_4$7 = { class: "ui-modal__title" };
+	var _hoisted_4$8 = { class: "ui-modal__title" };
 	var _hoisted_5$5 = { class: "ui-modal__content" };
 	var _hoisted_6$5 = { class: "ui-modal__footer" };
 	var _hoisted_7$5 = { class: "ui-modal__buttons" };
@@ -105077,7 +105077,7 @@
 							ref_key: "innerModal",
 							ref: innerModal
 						}, [
-							(0, vue.createElementVNode)("header", _hoisted_2$22, [(0, vue.createElementVNode)("div", _hoisted_3$12, [(0, vue.renderSlot)(_ctx.$slots, "header", {}, () => [(0, vue.createElementVNode)("h1", _hoisted_4$7, [props.type !== (0, vue.unref)(StatusType).Default ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(titleComponent.value), {
+							(0, vue.createElementVNode)("header", _hoisted_2$22, [(0, vue.createElementVNode)("div", _hoisted_3$12, [(0, vue.renderSlot)(_ctx.$slots, "header", {}, () => [(0, vue.createElementVNode)("h1", _hoisted_4$8, [props.type !== (0, vue.unref)(StatusType).Default ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(titleComponent.value), {
 								key: 0,
 								class: "title-indicator",
 								size: 20
@@ -105437,7 +105437,7 @@
 	var _hoisted_1$29 = { class: "stepper" };
 	var _hoisted_2$18 = { class: "stepper-header" };
 	var _hoisted_3$10 = ["onClick"];
-	var _hoisted_4$6 = { key: 1 };
+	var _hoisted_4$7 = { key: 1 };
 	var _hoisted_5$4 = ["onClick"];
 	var _hoisted_6$4 = {
 		key: 0,
@@ -105491,7 +105491,7 @@
 						(0, vue.createElementVNode)("div", {
 							class: (0, vue.normalizeClass)(["stepper-header--indicator", stepIndicator(step, index)]),
 							onClick: ($event) => onStepClick(index)
-						}, [step.stepComplete ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(Check), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$6, (0, vue.toDisplayString)(index + 1), 1))], 10, _hoisted_3$10),
+						}, [step.stepComplete ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(Check), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$7, (0, vue.toDisplayString)(index + 1), 1))], 10, _hoisted_3$10),
 						(0, vue.createElementVNode)("div", { onClick: ($event) => onStepClick(index) }, (0, vue.toDisplayString)(step.stepLabel), 9, _hoisted_5$4),
 						index < steps.value.length - 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("hr", _hoisted_6$4)) : (0, vue.createCommentVNode)("", true)
 					], 2);
@@ -105705,7 +105705,7 @@
 	};
 	var _hoisted_2$16 = { class: "parent-label" };
 	var _hoisted_3$9 = ["onClick"];
-	var _hoisted_4$5 = { class: "parent-label" };
+	var _hoisted_4$6 = { class: "parent-label" };
 	var _hoisted_5$3 = {
 		key: 1,
 		class: "parent-item"
@@ -105778,7 +105778,7 @@
 						key: 0,
 						class: "parent-item is-clickable",
 						onClick: ($event) => toggleParentItem(item)
-					}, [(0, vue.createElementVNode)("span", _hoisted_4$5, (0, vue.toDisplayString)(item.label), 1), !item.open ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronDown), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronUp), { key: 1 }))], 8, _hoisted_3$9)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$3, [(0, vue.createElementVNode)("span", _hoisted_6$3, (0, vue.toDisplayString)(item.label), 1)]))], 64)), (0, vue.createVNode)(vue.Transition, { name: "open" }, {
+					}, [(0, vue.createElementVNode)("span", _hoisted_4$6, (0, vue.toDisplayString)(item.label), 1), !item.open ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronDown), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronUp), { key: 1 }))], 8, _hoisted_3$9)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$3, [(0, vue.createElementVNode)("span", _hoisted_6$3, (0, vue.toDisplayString)(item.label), 1)]))], 64)), (0, vue.createVNode)(vue.Transition, { name: "open" }, {
 						default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("ul", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(item.items, (subItem) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", { key: subItem.label }, [(0, vue.createVNode)(UiMenuItem_default, {
 								item: subItem,
@@ -106515,7 +106515,7 @@
 	var _hoisted_1$15 = { class: "empty-screen" };
 	var _hoisted_2$12 = { class: "empty-screen__img" };
 	var _hoisted_3$7 = { class: "empty-screen__title" };
-	var _hoisted_4$4 = {
+	var _hoisted_4$5 = {
 		key: 0,
 		class: "empty-screen__description"
 	};
@@ -106533,7 +106533,7 @@
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$15, [
 					(0, vue.createElementVNode)("div", _hoisted_2$12, [(0, vue.createVNode)((0, vue.unref)(empty_default))]),
 					(0, vue.createElementVNode)("h1", _hoisted_3$7, (0, vue.toDisplayString)(props.title), 1),
-					props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_4$4, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
+					props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_4$5, (0, vue.toDisplayString)(props.description), 1)) : (0, vue.createCommentVNode)("", true)
 				]);
 			};
 		}
@@ -108945,15 +108945,16 @@
 	});
 	//#endregion
 	//#region src/components/table/UiBmsTableRow.vue?vue&type=script&setup=true&lang.ts
-	var _hoisted_1$12 = {
-		key: 0,
+	var _hoisted_1$12 = ["draggable"];
+	var _hoisted_2$10 = {
+		key: 1,
 		class: "bms-table__row__cell__checkbox"
 	};
-	var _hoisted_2$10 = {
+	var _hoisted_3$5 = {
 		key: 0,
 		class: "bms-table__row__cell--child-element"
 	};
-	var _hoisted_3$5 = {
+	var _hoisted_4$4 = {
 		key: 1,
 		class: "bms-table__row__cell--action"
 	};
@@ -108975,11 +108976,22 @@
 				type: Boolean,
 				default: false
 			},
-			isChildElement: { type: Boolean }
+			isChildElement: { type: Boolean },
+			draggable: {
+				type: Boolean,
+				default: false
+			}
 		},
-		emits: ["select"],
+		emits: [
+			"select",
+			"dragStart",
+			"dragOver",
+			"dragEnd",
+			"drop"
+		],
 		setup(__props, { emit: __emit }) {
 			const props = __props;
+			const gripped = (0, vue.ref)(false);
 			const emits = __emit;
 			const currentItem = (0, vue.computed)(() => props.isChildElement ? props.item.childElement : props.item);
 			const isItemSelected = (item) => {
@@ -108989,67 +109001,89 @@
 				return `u-text-align-${!header.align ? "start" : header.align}`;
 			};
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", { class: (0, vue.normalizeClass)(["bms-table__row", {
-					"bms-table__row--selected": isItemSelected(currentItem.value),
-					"bms-table__row--disabled": __props.isChildElement,
-					"bms-table__row--dense": __props.dense
-				}]) }, [__props.selectable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_1$12, [(0, vue.createVNode)(BmsTooltip_default, {
-					direction: (0, vue.unref)(TooltipDirection).Right,
-					"tooltip-text": "Vous ne pouvez pas désélectionner un élément unitairement si vous avez choisi de sélectionner la totalité des éléments",
-					activated: __props.selectMode === (0, vue.unref)(SelectMode).ALL
-				}, {
-					default: (0, vue.withCtx)(() => [__props.selectMode === (0, vue.unref)(SelectMode).SINGLE ? ((0, vue.openBlock)(), (0, vue.createBlock)(BmsInputRadio_default, {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
+					class: (0, vue.normalizeClass)(["bms-table__row", {
+						"bms-table__row--selected": isItemSelected(currentItem.value),
+						"bms-table__row--disabled": __props.isChildElement,
+						"bms-table__row--dense": __props.dense
+					}]),
+					draggable: __props.draggable && gripped.value,
+					onDragstart: _cache[4] || (_cache[4] = ($event) => emits("dragStart")),
+					onDragover: _cache[5] || (_cache[5] = ($event) => __props.draggable && ($event.preventDefault(), emits("dragOver"))),
+					onDragend: _cache[6] || (_cache[6] = ($event) => {
+						gripped.value = false;
+						emits("dragEnd");
+					}),
+					onDrop: _cache[7] || (_cache[7] = ($event) => __props.draggable && ($event.preventDefault(), emits("drop")))
+				}, [
+					__props.draggable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
 						key: 0,
-						name: (0, vue.unref)(v4)(),
-						disabled: __props.selectableDisabled,
-						value: currentItem.value,
-						"model-value": isItemSelected(currentItem.value) ? currentItem.value : null,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("select", currentItem.value))
-					}, null, 8, [
-						"name",
-						"disabled",
-						"value",
-						"model-value"
-					])) : ((0, vue.openBlock)(), (0, vue.createBlock)(UiBmsInputCheckbox_default, {
-						key: 1,
-						name: (0, vue.unref)(v4)(),
-						disabled: __props.selectMode === (0, vue.unref)(SelectMode).ALL || __props.selectableDisabled,
-						"model-value": isItemSelected(currentItem.value),
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emits("select", currentItem.value))
-					}, null, 8, [
-						"name",
-						"disabled",
-						"model-value"
-					]))]),
-					_: 1
-				}, 8, ["direction", "activated"])])) : (0, vue.createCommentVNode)("", true), (0, vue.renderSlot)(_ctx.$slots, "default", { row: __props.item }, () => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.headers, (cell, index) => {
-					return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
-						class: (0, vue.normalizeClass)([getAlignClass(cell), "bms-table__row__cell"]),
-						key: cell.key
-					}, [__props.isChildElement ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$10, [index === 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CornerDownRight), {
+						class: "bms-table__row__cell--drag-handle",
+						onMousedown: _cache[0] || (_cache[0] = ($event) => !__props.isChildElement && (gripped.value = true)),
+						onMouseup: _cache[1] || (_cache[1] = ($event) => gripped.value = false)
+					}, [!__props.isChildElement ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(GripVertical), {
 						key: 0,
-						class: "bms-table__row__cell--child-element__icon"
-					})) : (0, vue.createCommentVNode)("", true), (0, vue.renderSlot)(_ctx.$slots, cell.key, {
-						row: __props.item.childElement,
-						isChildElement: __props.isChildElement
-					}, () => [(0, vue.createVNode)(UiBmsTableCell_default, {
-						item: __props.item.childElement,
-						cell
-					}, null, 8, ["item", "cell"])], true)])) : cell?.action ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$5, [(0, vue.renderSlot)(_ctx.$slots, cell.key, {
-						row: __props.item,
-						isChildElement: __props.isChildElement
-					}, void 0, true)])) : (0, vue.renderSlot)(_ctx.$slots, cell.key, {
-						key: 2,
-						row: __props.item,
-						isChildElement: __props.isChildElement
-					}, () => [(0, vue.createVNode)(UiBmsTableCell_default, {
-						item: __props.item,
-						cell
-					}, null, 8, ["item", "cell"])], true)], 2);
-				}), 128))], true)], 2);
+						class: "drag-handle-icon"
+					})) : (0, vue.createCommentVNode)("", true)], 32)) : (0, vue.createCommentVNode)("", true),
+					__props.selectable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_2$10, [(0, vue.createVNode)(BmsTooltip_default, {
+						direction: (0, vue.unref)(TooltipDirection).Right,
+						"tooltip-text": "Vous ne pouvez pas désélectionner un élément unitairement si vous avez choisi de sélectionner la totalité des éléments",
+						activated: __props.selectMode === (0, vue.unref)(SelectMode).ALL
+					}, {
+						default: (0, vue.withCtx)(() => [__props.selectMode === (0, vue.unref)(SelectMode).SINGLE ? ((0, vue.openBlock)(), (0, vue.createBlock)(BmsInputRadio_default, {
+							key: 0,
+							name: (0, vue.unref)(v4)(),
+							disabled: __props.selectableDisabled,
+							value: currentItem.value,
+							"model-value": isItemSelected(currentItem.value) ? currentItem.value : null,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emits("select", currentItem.value))
+						}, null, 8, [
+							"name",
+							"disabled",
+							"value",
+							"model-value"
+						])) : ((0, vue.openBlock)(), (0, vue.createBlock)(UiBmsInputCheckbox_default, {
+							key: 1,
+							name: (0, vue.unref)(v4)(),
+							disabled: __props.selectMode === (0, vue.unref)(SelectMode).ALL || __props.selectableDisabled,
+							"model-value": isItemSelected(currentItem.value),
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emits("select", currentItem.value))
+						}, null, 8, [
+							"name",
+							"disabled",
+							"model-value"
+						]))]),
+						_: 1
+					}, 8, ["direction", "activated"])])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.renderSlot)(_ctx.$slots, "default", { row: __props.item }, () => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.headers, (cell, index) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+							class: (0, vue.normalizeClass)([getAlignClass(cell), "bms-table__row__cell"]),
+							key: cell.key
+						}, [__props.isChildElement ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$5, [index === 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CornerDownRight), {
+							key: 0,
+							class: "bms-table__row__cell--child-element__icon"
+						})) : (0, vue.createCommentVNode)("", true), (0, vue.renderSlot)(_ctx.$slots, cell.key, {
+							row: __props.item.childElement,
+							isChildElement: __props.isChildElement
+						}, () => [(0, vue.createVNode)(UiBmsTableCell_default, {
+							item: __props.item.childElement,
+							cell
+						}, null, 8, ["item", "cell"])], true)])) : cell?.action ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$4, [(0, vue.renderSlot)(_ctx.$slots, cell.key, {
+							row: __props.item,
+							isChildElement: __props.isChildElement
+						}, void 0, true)])) : (0, vue.renderSlot)(_ctx.$slots, cell.key, {
+							key: 2,
+							row: __props.item,
+							isChildElement: __props.isChildElement
+						}, () => [(0, vue.createVNode)(UiBmsTableCell_default, {
+							item: __props.item,
+							cell
+						}, null, 8, ["item", "cell"])], true)], 2);
+					}), 128))], true)
+				], 42, _hoisted_1$12);
 			};
 		}
-	}), [["__scopeId", "data-v-a290e24c"]]);
+	}), [["__scopeId", "data-v-13885778"]]);
 	//#endregion
 	//#region src/components/table/UiBmsTable.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$11 = { class: "bms-table" };
@@ -109072,15 +109106,19 @@
 		class: "bms-table__header"
 	};
 	var _hoisted_11$1 = { class: "bms-table__headers bms-table__row" };
-	var _hoisted_12$1 = { key: 0 };
-	var _hoisted_13$1 = ["onClick"];
-	var _hoisted_14$1 = { class: "header-content" };
-	var _hoisted_15$1 = { class: "bms-table__body" };
-	var _hoisted_16$1 = {
+	var _hoisted_12$1 = {
+		key: 0,
+		class: "drag-handle-header"
+	};
+	var _hoisted_13$1 = { key: 1 };
+	var _hoisted_14$1 = ["onClick"];
+	var _hoisted_15$1 = { class: "header-content" };
+	var _hoisted_16$1 = { class: "bms-table__body" };
+	var _hoisted_17 = {
 		key: 1,
 		class: "bms-table__row"
 	};
-	var _hoisted_17 = ["colspan"];
+	var _hoisted_18 = ["colspan"];
 	//#endregion
 	//#region src/components/table/UiBmsTable.vue
 	var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -109109,7 +109147,8 @@
 			selectedItems: {},
 			totalSize: {},
 			maxSelectedSize: { default: Infinity },
-			selectMode: { default: SelectMode.DEFAULT }
+			selectMode: { default: SelectMode.DEFAULT },
+			draggable: { type: Boolean }
 		}, {
 			"selectedItems": { default: [] },
 			"selectedItemsModifiers": {}
@@ -109117,12 +109156,34 @@
 		emits: /*@__PURE__*/ (0, vue.mergeModels)([
 			"clickHeader",
 			"selectAll",
-			"clearSelection"
+			"clearSelection",
+			"reorder",
+			"selectionIndicesUpdate"
 		], ["update:selectedItems"]),
 		setup(__props, { emit: __emit }) {
 			const props = __props;
 			const selectedItems = (0, vue.useModel)(__props, "selectedItems");
 			const emits = __emit;
+			const dragSourceIndex = (0, vue.ref)(null);
+			const dragTargetIndex = (0, vue.ref)(null);
+			const isDraggingDown = (0, vue.computed)(() => dragSourceIndex.value !== null && dragTargetIndex.value !== null && dragSourceIndex.value < dragTargetIndex.value);
+			const onRowDragStart = (index) => {
+				dragSourceIndex.value = index;
+			};
+			const onRowDragOver = (index) => {
+				dragTargetIndex.value = index;
+			};
+			const onRowDragEnd = () => {
+				if (dragSourceIndex.value !== null && dragTargetIndex.value !== null && dragSourceIndex.value !== dragTargetIndex.value) {
+					const reordered = [...props.items];
+					const [moved] = reordered.splice(dragSourceIndex.value, 1);
+					reordered.splice(dragTargetIndex.value, 0, moved);
+					if (selectedItems.value.length > 0) emits("selectionIndicesUpdate", reordered.map((item, i) => selectedItems.value.includes(item) ? i : -1).filter((i) => i !== -1));
+					emits("reorder", reordered);
+				}
+				dragSourceIndex.value = null;
+				dragTargetIndex.value = null;
+			};
 			const pagination = (0, vue.ref)(null);
 			const isFocusOnPagination = () => pagination.value?.contains(document.activeElement);
 			(0, vue.watch)(() => props.items, async function keepFocusOnPaginationWhenUsed(newVal, oldVal) {
@@ -109231,38 +109292,45 @@
 							class: (0, vue.normalizeClass)(tableClass.value),
 							ref_key: "mainComponent",
 							ref: mainComponent
-						}, [(0, vue.createElementVNode)("thead", _hoisted_10$1, [(0, vue.createElementVNode)("tr", _hoisted_11$1, [__props.selectable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("th", _hoisted_12$1, [__props.selectMode !== (0, vue.unref)(SelectMode).SINGLE ? ((0, vue.openBlock)(), (0, vue.createBlock)(UiBmsInputCheckbox_default, {
-							key: 0,
-							name: "select-all",
-							disabled: __props.items.length === 0 || __props.selectableDisabled,
-							"onUpdate:modelValue": [onToggleSelectAllCurrentItems, _cache[0] || (_cache[0] = ($event) => areAllCurrentItemsSelected.value = $event)],
-							modelValue: areAllCurrentItemsSelected.value
-						}, null, 8, ["disabled", "modelValue"])) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(filteredHeaders.value, (header) => {
-							return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
-								style: (0, vue.normalizeStyle)({ "--table-cell-width": header?.width || void 0 }),
-								class: (0, vue.normalizeClass)((0, vue.unref)(getHeaderClasses)(header, __props.sort)),
-								key: header.label,
-								onClick: ($event) => emits("clickHeader", header)
-							}, [(0, vue.createElementVNode)("span", _hoisted_14$1, [
-								(0, vue.createTextVNode)((0, vue.toDisplayString)(header.label) + " ", 1),
-								header.helperText ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(BmsTooltip_default), {
-									key: 0,
-									tooltipText: header.helperText
-								}, {
-									default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", {
-										class: "header-content-helper",
-										onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"])),
-										onPointerdown: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["stop"]))
-									}, [(0, vue.createVNode)((0, vue.unref)(CircleQuestionMark), { size: 18 })], 32)]),
-									_: 1
-								}, 8, ["tooltipText"])) : (0, vue.createCommentVNode)("", true),
-								header.sortable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(getSortComponent(header)), {
-									key: 1,
-									size: 18,
-									class: "header-content-sort"
-								})) : (0, vue.createCommentVNode)("", true)
-							])], 14, _hoisted_13$1);
-						}), 128))])], 512), (0, vue.createElementVNode)("tbody", _hoisted_15$1, [__props.items.length ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(__props.items, (item) => {
+						}, [(0, vue.createElementVNode)("thead", _hoisted_10$1, [(0, vue.createElementVNode)("tr", _hoisted_11$1, [
+							__props.draggable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("th", _hoisted_12$1)) : (0, vue.createCommentVNode)("", true),
+							__props.selectable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("th", _hoisted_13$1, [__props.selectMode !== (0, vue.unref)(SelectMode).SINGLE ? ((0, vue.openBlock)(), (0, vue.createBlock)(UiBmsInputCheckbox_default, {
+								key: 0,
+								name: "select-all",
+								disabled: __props.items.length === 0 || __props.selectableDisabled,
+								"onUpdate:modelValue": [onToggleSelectAllCurrentItems, _cache[0] || (_cache[0] = ($event) => areAllCurrentItemsSelected.value = $event)],
+								modelValue: areAllCurrentItemsSelected.value
+							}, null, 8, ["disabled", "modelValue"])) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true),
+							((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(filteredHeaders.value, (header) => {
+								return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
+									style: (0, vue.normalizeStyle)({ "--table-cell-width": header?.width || void 0 }),
+									class: (0, vue.normalizeClass)((0, vue.unref)(getHeaderClasses)(header, __props.draggable ? {
+										key: null,
+										value: (0, vue.unref)(SortValue).default
+									} : __props.sort)),
+									key: header.label,
+									onClick: ($event) => !__props.draggable && emits("clickHeader", header)
+								}, [(0, vue.createElementVNode)("span", _hoisted_15$1, [
+									(0, vue.createTextVNode)((0, vue.toDisplayString)(header.label) + " ", 1),
+									header.helperText ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(BmsTooltip_default), {
+										key: 0,
+										tooltipText: header.helperText
+									}, {
+										default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", {
+											class: "header-content-helper",
+											onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"])),
+											onPointerdown: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["stop"]))
+										}, [(0, vue.createVNode)((0, vue.unref)(CircleQuestionMark), { size: 18 })], 32)]),
+										_: 1
+									}, 8, ["tooltipText"])) : (0, vue.createCommentVNode)("", true),
+									header.sortable && !__props.draggable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(getSortComponent(header)), {
+										key: 1,
+										size: 18,
+										class: "header-content-sort"
+									})) : (0, vue.createCommentVNode)("", true)
+								])], 14, _hoisted_14$1);
+							}), 128))
+						])], 512), (0, vue.createElementVNode)("tbody", _hoisted_16$1, [__props.items.length ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(__props.items, (item, index) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: item }, [(0, vue.createVNode)(UiBmsTableRow_default, {
 								item,
 								"selected-items": selectedItems.value,
@@ -109271,7 +109339,16 @@
 								"select-mode": __props.selectMode,
 								"selectable-disabled": __props.selectableDisabled,
 								dense: __props.mode === (0, vue.unref)(TableMode).DENSE || __props.mode === (0, vue.unref)(TableMode).SMALL,
-								onSelect: onItemSelect
+								draggable: __props.draggable,
+								class: (0, vue.normalizeClass)({
+									"bms-table__row--drag-insert-after": __props.draggable && dragTargetIndex.value === index && dragSourceIndex.value !== index && isDraggingDown.value,
+									"bms-table__row--drag-insert-before": __props.draggable && dragTargetIndex.value === index && dragSourceIndex.value !== index && !isDraggingDown.value
+								}),
+								onSelect: onItemSelect,
+								onDragStart: ($event) => onRowDragStart(index),
+								onDragOver: ($event) => onRowDragOver(index),
+								onDragEnd: onRowDragEnd,
+								onDrop: onRowDragEnd
 							}, (0, vue.createSlots)({
 								default: (0, vue.withCtx)(({ row }) => [(0, vue.renderSlot)(_ctx.$slots, "default", { row }, void 0, true)]),
 								_: 2
@@ -109287,7 +109364,11 @@
 								"headers",
 								"select-mode",
 								"selectable-disabled",
-								"dense"
+								"dense",
+								"draggable",
+								"class",
+								"onDragStart",
+								"onDragOver"
 							]), item?.childElement ? (0, vue.renderSlot)(_ctx.$slots, "child-element", { key: 0 }, () => [(0, vue.createVNode)(UiBmsTableRow_default, {
 								"is-child-element": "",
 								item,
@@ -109296,6 +109377,7 @@
 								headers: filteredHeaders.value,
 								"select-mode": __props.selectMode,
 								"selectable-disabled": __props.selectableDisabled,
+								draggable: __props.draggable,
 								onSelect: onItemSelect
 							}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(__props.headers, (cell) => {
 								return {
@@ -109308,12 +109390,13 @@
 								"selectable",
 								"headers",
 								"select-mode",
-								"selectable-disabled"
+								"selectable-disabled",
+								"draggable"
 							])], true) : (0, vue.createCommentVNode)("", true)], 64);
-						}), 128)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_16$1, [(0, vue.createElementVNode)("td", {
-							colspan: __props.selectable ? filteredHeaders.value.length + 1 : filteredHeaders.value.length,
+						}), 128)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_17, [(0, vue.createElementVNode)("td", {
+							colspan: filteredHeaders.value.length + (__props.selectable ? 1 : 0) + (__props.draggable ? 1 : 0),
 							class: "bms-table__cell bms-table__cell--empty"
-						}, [!props.loading ? (0, vue.renderSlot)(_ctx.$slots, "empty", { key: 0 }, () => [_cache[5] || (_cache[5] = (0, vue.createTextVNode)("Aucune donnée", -1))], true) : (0, vue.createCommentVNode)("", true)], 8, _hoisted_17)]))])], 2)) : (0, vue.createCommentVNode)("", true),
+						}, [!props.loading ? (0, vue.renderSlot)(_ctx.$slots, "empty", { key: 0 }, () => [_cache[5] || (_cache[5] = (0, vue.createTextVNode)("Aucune donnée", -1))], true) : (0, vue.createCommentVNode)("", true)], 8, _hoisted_18)]))])], 2)) : (0, vue.createCommentVNode)("", true),
 						(0, vue.createElementVNode)("div", {
 							ref_key: "pagination",
 							ref: pagination,
@@ -109324,7 +109407,7 @@
 				]);
 			};
 		}
-	}), [["__scopeId", "data-v-2b029949"]]);
+	}), [["__scopeId", "data-v-c883a5f1"]]);
 	//#endregion
 	//#region src/components/table/UiFilterButton.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$10 = { class: "filter-button-container" };
@@ -114460,7 +114543,8 @@
 				default: false
 			},
 			selectMode: { default: SelectMode.DEFAULT },
-			customSearch: {}
+			customSearch: {},
+			draggable: { type: Boolean }
 		}, {
 			"selectedItems": {
 				required: false,
@@ -114472,7 +114556,8 @@
 			"deleteSavedFilter",
 			"saveFilter",
 			"filterInput",
-			"filterChange"
+			"filterChange",
+			"reorder"
 		], ["update:selectedItems"]),
 		setup(__props, { emit: __emit }) {
 			const route = (0, vue_router.useRoute)();
@@ -114489,7 +114574,8 @@
 			}));
 			const getFilteredItems = () => {
 				const applySearch = props.customSearch ? (item) => props.customSearch(item, search.value) : (item) => bmsDefaultSearchFilterFunction(item, search.value);
-				return sortItems(filterItems(props.items).filter(applySearch));
+				const filtered = filterItems(props.items).filter(applySearch);
+				return props.draggable ? filtered : sortItems(filtered);
 			};
 			const isMounting = (0, vue.ref)(true);
 			(0, vue.watch)(() => props.filters, () => {
@@ -114513,10 +114599,18 @@
 			(0, vue.watch)(route, () => {
 				if (!isMounting.value && true) resetAllFilters();
 			});
+			const pendingSelectionIndices = (0, vue.ref)(null);
+			const onSelectionIndicesUpdate = (indices) => {
+				pendingSelectionIndices.value = indices;
+			};
 			(0, vue.watch)(() => props.items, () => {
 				if (!isMounting.value) {
 					items.value = getFilteredItems();
-					selectedItems.value = [];
+					if (!props.draggable) selectedItems.value = [];
+					else if (pendingSelectionIndices.value !== null) {
+						selectedItems.value = pendingSelectionIndices.value.map((i) => items.value[i]).filter(Boolean);
+						pendingSelectionIndices.value = null;
+					} else selectedItems.value = [];
 				}
 			});
 			(0, vue.watchEffect)(() => {
@@ -114559,12 +114653,15 @@
 					selectedItems: selectedItems.value,
 					"onUpdate:selectedItems": _cache[6] || (_cache[6] = ($event) => selectedItems.value = $event),
 					loading: __props.loading,
-					items: (0, vue.unref)(currentItems),
+					items: __props.draggable ? (0, vue.unref)(items) : (0, vue.unref)(currentItems),
 					headers: __props.headers,
 					mode: __props.mode,
 					hasFilters: (0, vue.unref)(filters).length > 0,
 					sort: (0, vue.unref)(sort),
 					selectable: __props.selectable,
+					draggable: __props.draggable,
+					onReorder: _cache[7] || (_cache[7] = ($event) => emits("reorder", $event)),
+					onSelectionIndicesUpdate,
 					selectableDisabled: __props.selectableDisabled,
 					totalSize: totalSize.value,
 					selectMode: __props.selectMode,
@@ -114663,13 +114760,14 @@
 					"hasFilters",
 					"sort",
 					"selectable",
+					"draggable",
 					"selectableDisabled",
 					"totalSize",
 					"selectMode"
 				]);
 			};
 		}
-	}), [["__scopeId", "data-v-fd6979a1"]]);
+	}), [["__scopeId", "data-v-9ae7d971"]]);
 	//#endregion
 	//#region src/components/utils/BmsCocarde.vue
 	var BmsCocarde_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({