@ouestfrance/sipa-bms-ui 8.48.1 → 8.49.0

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

@@ -55089,7 +55089,7 @@ var _hoisted_3$25 = {
 	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__ */ defineComponent({
@@ -55180,7 +55180,7 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 						size: 16,
 						class: "bms-switch-icon-button__menu__item__icon"
 					})) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_4$14, toDisplayString(option.label), 1)
+					createElementVNode("span", _hoisted_4$15, toDisplayString(option.label), 1)
 				], 8, _hoisted_2$43);
 			}), 128))], 4), [[vShow, isOpen.value]])], 2);
 		};
@@ -55307,7 +55307,7 @@ var _hoisted_2$40 = {
 	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
@@ -55333,7 +55333,7 @@ var BmsCircularProgress_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				"stroke-linecap": "round",
 				"stroke-dashoffset": 283 - __props.progress * 283 / 100,
 				"stroke-dasharray": "283"
-			}, null, 8, _hoisted_4$13)])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_5$9, toDisplayString(__props.progress) + "%", 1)]);
+			}, null, 8, _hoisted_4$14)])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_5$9, toDisplayString(__props.progress) + "%", 1)]);
 		};
 	}
 }), [["__scopeId", "data-v-7869acfb"]]);
@@ -55403,7 +55403,7 @@ var _hoisted_3$22 = {
 	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`;
@@ -55445,7 +55445,7 @@ var BmsLoader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					"stop-color": "currentColor",
 					offset: "100%"
 				}, null, -1)
-			])], 8, _hoisted_2$39)]), createElementVNode("g", _hoisted_3$22, [createElementVNode("g", _hoisted_4$12, [createElementVNode("path", {
+			])], 8, _hoisted_2$39)]), createElementVNode("g", _hoisted_3$22, [createElementVNode("g", _hoisted_4$13, [createElementVNode("path", {
 				d: "M36 18c0-9.94-8.06-18-18-18",
 				id: "Oval-2",
 				stroke: `url(#${unref(gradientId)})`,
@@ -55861,7 +55861,7 @@ var _hoisted_3$21 = [
 	"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__ */ defineComponent({
@@ -55952,7 +55952,7 @@ var RawInputText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus")),
 					onClick: _cache[2] || (_cache[2] = ($event) => $emits("click"))
 				}, null, 40, _hoisted_3$21),
-				createElementVNode("span", _hoisted_4$11, [renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)])
+				createElementVNode("span", _hoisted_4$12, [renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)])
 			], 2);
 		};
 	}
@@ -56498,7 +56498,7 @@ var BmsChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 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__ */ defineComponent({
@@ -56580,7 +56580,7 @@ var BmsFilePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				return openBlock(), createElementBlock("div", {
 					key: file.name,
 					class: "file-upload__file"
-				}, [createElementVNode("span", _hoisted_4$10, toDisplayString(file.name), 1), createVNode(unref(BmsIconButton_default), { onClick: ($event) => onDeleteFile(file) }, {
+				}, [createElementVNode("span", _hoisted_4$11, toDisplayString(file.name), 1), createVNode(unref(BmsIconButton_default), { onClick: ($event) => onDeleteFile(file) }, {
 					default: withCtx(() => [createVNode(unref(Trash2))]),
 					_: 1
 				}, 8, ["onClick"])]);
@@ -101456,7 +101456,7 @@ var _hoisted_3$16 = {
 	key: 0,
 	class: "field__input-icon field__input-icon--start"
 };
-var _hoisted_4$9 = [
+var _hoisted_4$10 = [
 	"readonly",
 	"placeholder",
 	"required",
@@ -101544,7 +101544,8 @@ var BmsCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		});
 		const classes = computed(() => ({
 			"is-error": props.errors?.length,
-			"is-disabled": props.disabled
+			"is-disabled": props.disabled,
+			"has-icon": !props.multiple && !!singleSelectedItem.value?.icon
 		}));
 		watch(searching, (newSearch) => {
 			if (props.request) debouncedLoadData(newSearch);
@@ -101749,7 +101750,7 @@ var BmsCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							disabled: __props.disabled,
 							onKeyup: withKeys(openDatalist, ["down"]),
 							onInput: _cache[1] || (_cache[1] = ($event) => filteringActive.value = true)
-						}, null, 40, _hoisted_4$9)), [[vModelText, searching.value]]) : createCommentVNode("", true),
+						}, null, 40, _hoisted_4$10)), [[vModelText, searching.value]]) : createCommentVNode("", true),
 						hasEndIcon.value ? (openBlock(), createElementBlock("span", _hoisted_5$7, [renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)])) : createCommentVNode("", true)
 					], true),
 					createElementVNode("span", _hoisted_6$7, [canClear.value ? (openBlock(), createBlock(unref(X), {
@@ -101809,7 +101810,7 @@ var BmsCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}, 16)]);
 		};
 	}
-}), [["__scopeId", "data-v-374cfaec"]]);
+}), [["__scopeId", "data-v-7df0bce4"]]);
 //#endregion
 //#region src/components/form/BmsTextArea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$42 = [
@@ -104873,7 +104874,7 @@ var BmsShortLinkMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 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"
@@ -104904,7 +104905,7 @@ var BmsHeaderTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("span", _hoisted_2$23, [
 				renderSlot(_ctx.$slots, "logo", {}, void 0, true),
-				createElementVNode("span", _hoisted_3$13, [__props.label ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(__props.label), 1)) : createCommentVNode("", true), createElementVNode("h1", null, toDisplayString(__props.title), 1)]),
+				createElementVNode("span", _hoisted_3$13, [__props.label ? (openBlock(), createElementBlock("span", _hoisted_4$9, toDisplayString(__props.label), 1)) : createCommentVNode("", true), createElementVNode("h1", null, toDisplayString(__props.title), 1)]),
 				showHelperLink.value ? (openBlock(), createBlock(BmsShortLinkMenu_default, {
 					key: 0,
 					outline: true,
@@ -104939,7 +104940,7 @@ var BmsOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 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" };
@@ -105070,7 +105071,7 @@ var BmsModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 						ref_key: "innerModal",
 						ref: innerModal
 					}, [
-						createElementVNode("header", _hoisted_2$22, [createElementVNode("div", _hoisted_3$12, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("h1", _hoisted_4$7, [props.type !== unref(StatusType).Default ? (openBlock(), createBlock(resolveDynamicComponent(titleComponent.value), {
+						createElementVNode("header", _hoisted_2$22, [createElementVNode("div", _hoisted_3$12, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("h1", _hoisted_4$8, [props.type !== unref(StatusType).Default ? (openBlock(), createBlock(resolveDynamicComponent(titleComponent.value), {
 							key: 0,
 							class: "title-indicator",
 							size: 20
@@ -105430,7 +105431,7 @@ var BmsStep_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 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,
@@ -105484,7 +105485,7 @@ var BmsStepper_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					createElementVNode("div", {
 						class: normalizeClass(["stepper-header--indicator", stepIndicator(step, index)]),
 						onClick: ($event) => onStepClick(index)
-					}, [step.stepComplete ? (openBlock(), createBlock(unref(Check), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_4$6, toDisplayString(index + 1), 1))], 10, _hoisted_3$10),
+					}, [step.stepComplete ? (openBlock(), createBlock(unref(Check), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_4$7, toDisplayString(index + 1), 1))], 10, _hoisted_3$10),
 					createElementVNode("div", { onClick: ($event) => onStepClick(index) }, toDisplayString(step.stepLabel), 9, _hoisted_5$4),
 					index < steps.value.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_6$4)) : createCommentVNode("", true)
 				], 2);
@@ -105698,7 +105699,7 @@ var _hoisted_1$25 = {
 };
 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"
@@ -105771,7 +105772,7 @@ var BmsMenuNav_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					key: 0,
 					class: "parent-item is-clickable",
 					onClick: ($event) => toggleParentItem(item)
-				}, [createElementVNode("span", _hoisted_4$5, toDisplayString(item.label), 1), !item.open ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))], 8, _hoisted_3$9)) : (openBlock(), createElementBlock("div", _hoisted_5$3, [createElementVNode("span", _hoisted_6$3, toDisplayString(item.label), 1)]))], 64)), createVNode(Transition, { name: "open" }, {
+				}, [createElementVNode("span", _hoisted_4$6, toDisplayString(item.label), 1), !item.open ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))], 8, _hoisted_3$9)) : (openBlock(), createElementBlock("div", _hoisted_5$3, [createElementVNode("span", _hoisted_6$3, toDisplayString(item.label), 1)]))], 64)), createVNode(Transition, { name: "open" }, {
 					default: withCtx(() => [withDirectives(createElementVNode("ul", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (subItem) => {
 						return openBlock(), createElementBlock("li", { key: subItem.label }, [createVNode(UiMenuItem_default, {
 							item: subItem,
@@ -106508,7 +106509,7 @@ var empty_default = { render };
 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"
 };
@@ -106526,7 +106527,7 @@ var BmsEmptyScreen_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			return openBlock(), createElementBlock("div", _hoisted_1$15, [
 				createElementVNode("div", _hoisted_2$12, [createVNode(unref(empty_default))]),
 				createElementVNode("h1", _hoisted_3$7, toDisplayString(props.title), 1),
-				props.description ? (openBlock(), createElementBlock("p", _hoisted_4$4, toDisplayString(props.description), 1)) : createCommentVNode("", true)
+				props.description ? (openBlock(), createElementBlock("p", _hoisted_4$5, toDisplayString(props.description), 1)) : createCommentVNode("", true)
 			]);
 		};
 	}
@@ -108938,15 +108939,16 @@ var UiBmsTableCell_default = /* @__PURE__ */ defineComponent({
 });
 //#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"
 };
@@ -108968,11 +108970,22 @@ var UiBmsTableRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			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 = ref(false);
 		const emits = __emit;
 		const currentItem = computed(() => props.isChildElement ? props.item.childElement : props.item);
 		const isItemSelected = (item) => {
@@ -108982,67 +108995,89 @@ var UiBmsTableRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			return `u-text-align-${!header.align ? "start" : header.align}`;
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("tr", { class: 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 ? (openBlock(), createElementBlock("td", _hoisted_1$12, [createVNode(BmsTooltip_default, {
-				direction: 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 === unref(SelectMode).ALL
-			}, {
-				default: withCtx(() => [__props.selectMode === unref(SelectMode).SINGLE ? (openBlock(), createBlock(BmsInputRadio_default, {
+			return openBlock(), createElementBlock("tr", {
+				class: 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 ? (openBlock(), createElementBlock("td", {
 					key: 0,
-					name: 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"
-				])) : (openBlock(), createBlock(UiBmsInputCheckbox_default, {
-					key: 1,
-					name: unref(v4)(),
-					disabled: __props.selectMode === 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"])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", { row: __props.item }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.headers, (cell, index) => {
-				return openBlock(), createElementBlock("td", {
-					class: normalizeClass([getAlignClass(cell), "bms-table__row__cell"]),
-					key: cell.key
-				}, [__props.isChildElement ? (openBlock(), createElementBlock("div", _hoisted_2$10, [index === 0 ? (openBlock(), createBlock(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 ? (openBlock(), createBlock(unref(GripVertical), {
 					key: 0,
-					class: "bms-table__row__cell--child-element__icon"
-				})) : createCommentVNode("", true), renderSlot(_ctx.$slots, cell.key, {
-					row: __props.item.childElement,
-					isChildElement: __props.isChildElement
-				}, () => [createVNode(UiBmsTableCell_default, {
-					item: __props.item.childElement,
-					cell
-				}, null, 8, ["item", "cell"])], true)])) : cell?.action ? (openBlock(), createElementBlock("div", _hoisted_3$5, [renderSlot(_ctx.$slots, cell.key, {
-					row: __props.item,
-					isChildElement: __props.isChildElement
-				}, void 0, true)])) : renderSlot(_ctx.$slots, cell.key, {
-					key: 2,
-					row: __props.item,
-					isChildElement: __props.isChildElement
-				}, () => [createVNode(UiBmsTableCell_default, {
-					item: __props.item,
-					cell
-				}, null, 8, ["item", "cell"])], true)], 2);
-			}), 128))], true)], 2);
+					class: "drag-handle-icon"
+				})) : createCommentVNode("", true)], 32)) : createCommentVNode("", true),
+				__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_2$10, [createVNode(BmsTooltip_default, {
+					direction: 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 === unref(SelectMode).ALL
+				}, {
+					default: withCtx(() => [__props.selectMode === unref(SelectMode).SINGLE ? (openBlock(), createBlock(BmsInputRadio_default, {
+						key: 0,
+						name: 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"
+					])) : (openBlock(), createBlock(UiBmsInputCheckbox_default, {
+						key: 1,
+						name: unref(v4)(),
+						disabled: __props.selectMode === 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"])])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default", { row: __props.item }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.headers, (cell, index) => {
+					return openBlock(), createElementBlock("td", {
+						class: normalizeClass([getAlignClass(cell), "bms-table__row__cell"]),
+						key: cell.key
+					}, [__props.isChildElement ? (openBlock(), createElementBlock("div", _hoisted_3$5, [index === 0 ? (openBlock(), createBlock(unref(CornerDownRight), {
+						key: 0,
+						class: "bms-table__row__cell--child-element__icon"
+					})) : createCommentVNode("", true), renderSlot(_ctx.$slots, cell.key, {
+						row: __props.item.childElement,
+						isChildElement: __props.isChildElement
+					}, () => [createVNode(UiBmsTableCell_default, {
+						item: __props.item.childElement,
+						cell
+					}, null, 8, ["item", "cell"])], true)])) : cell?.action ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, cell.key, {
+						row: __props.item,
+						isChildElement: __props.isChildElement
+					}, void 0, true)])) : renderSlot(_ctx.$slots, cell.key, {
+						key: 2,
+						row: __props.item,
+						isChildElement: __props.isChildElement
+					}, () => [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" };
@@ -109065,15 +109100,19 @@ var _hoisted_10$1 = {
 	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__ */ defineComponent({
@@ -109102,7 +109141,8 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		selectedItems: {},
 		totalSize: {},
 		maxSelectedSize: { default: Infinity },
-		selectMode: { default: SelectMode.DEFAULT }
+		selectMode: { default: SelectMode.DEFAULT },
+		draggable: { type: Boolean }
 	}, {
 		"selectedItems": { default: [] },
 		"selectedItemsModifiers": {}
@@ -109110,12 +109150,34 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	emits: /*@__PURE__*/ mergeModels([
 		"clickHeader",
 		"selectAll",
-		"clearSelection"
+		"clearSelection",
+		"reorder",
+		"selectionIndicesUpdate"
 	], ["update:selectedItems"]),
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const selectedItems = useModel(__props, "selectedItems");
 		const emits = __emit;
+		const dragSourceIndex = ref(null);
+		const dragTargetIndex = ref(null);
+		const isDraggingDown = 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 = ref(null);
 		const isFocusOnPagination = () => pagination.value?.contains(document.activeElement);
 		watch(() => props.items, async function keepFocusOnPaginationWhenUsed(newVal, oldVal) {
@@ -109224,38 +109286,45 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						class: normalizeClass(tableClass.value),
 						ref_key: "mainComponent",
 						ref: mainComponent
-					}, [createElementVNode("thead", _hoisted_10$1, [createElementVNode("tr", _hoisted_11$1, [__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_12$1, [__props.selectMode !== unref(SelectMode).SINGLE ? (openBlock(), 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"])) : createCommentVNode("", true)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(filteredHeaders.value, (header) => {
-						return openBlock(), createElementBlock("th", {
-							style: normalizeStyle({ "--table-cell-width": header?.width || void 0 }),
-							class: normalizeClass(unref(getHeaderClasses)(header, __props.sort)),
-							key: header.label,
-							onClick: ($event) => emits("clickHeader", header)
-						}, [createElementVNode("span", _hoisted_14$1, [
-							createTextVNode(toDisplayString(header.label) + " ", 1),
-							header.helperText ? (openBlock(), createBlock(unref(BmsTooltip_default), {
-								key: 0,
-								tooltipText: header.helperText
-							}, {
-								default: withCtx(() => [createElementVNode("span", {
-									class: "header-content-helper",
-									onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-									onPointerdown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
-								}, [createVNode(unref(CircleQuestionMark), { size: 18 })], 32)]),
-								_: 1
-							}, 8, ["tooltipText"])) : createCommentVNode("", true),
-							header.sortable ? (openBlock(), createBlock(resolveDynamicComponent(getSortComponent(header)), {
-								key: 1,
-								size: 18,
-								class: "header-content-sort"
-							})) : createCommentVNode("", true)
-						])], 14, _hoisted_13$1);
-					}), 128))])], 512), createElementVNode("tbody", _hoisted_15$1, [__props.items.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.items, (item) => {
+					}, [createElementVNode("thead", _hoisted_10$1, [createElementVNode("tr", _hoisted_11$1, [
+						__props.draggable ? (openBlock(), createElementBlock("th", _hoisted_12$1)) : createCommentVNode("", true),
+						__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_13$1, [__props.selectMode !== unref(SelectMode).SINGLE ? (openBlock(), 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"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(filteredHeaders.value, (header) => {
+							return openBlock(), createElementBlock("th", {
+								style: normalizeStyle({ "--table-cell-width": header?.width || void 0 }),
+								class: normalizeClass(unref(getHeaderClasses)(header, __props.draggable ? {
+									key: null,
+									value: unref(SortValue).default
+								} : __props.sort)),
+								key: header.label,
+								onClick: ($event) => !__props.draggable && emits("clickHeader", header)
+							}, [createElementVNode("span", _hoisted_15$1, [
+								createTextVNode(toDisplayString(header.label) + " ", 1),
+								header.helperText ? (openBlock(), createBlock(unref(BmsTooltip_default), {
+									key: 0,
+									tooltipText: header.helperText
+								}, {
+									default: withCtx(() => [createElementVNode("span", {
+										class: "header-content-helper",
+										onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+										onPointerdown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+									}, [createVNode(unref(CircleQuestionMark), { size: 18 })], 32)]),
+									_: 1
+								}, 8, ["tooltipText"])) : createCommentVNode("", true),
+								header.sortable && !__props.draggable ? (openBlock(), createBlock(resolveDynamicComponent(getSortComponent(header)), {
+									key: 1,
+									size: 18,
+									class: "header-content-sort"
+								})) : createCommentVNode("", true)
+							])], 14, _hoisted_14$1);
+						}), 128))
+					])], 512), createElementVNode("tbody", _hoisted_16$1, [__props.items.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.items, (item, index) => {
 						return openBlock(), createElementBlock(Fragment, { key: item }, [createVNode(UiBmsTableRow_default, {
 							item,
 							"selected-items": selectedItems.value,
@@ -109264,7 +109333,16 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							"select-mode": __props.selectMode,
 							"selectable-disabled": __props.selectableDisabled,
 							dense: __props.mode === unref(TableMode).DENSE || __props.mode === unref(TableMode).SMALL,
-							onSelect: onItemSelect
+							draggable: __props.draggable,
+							class: 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
 						}, createSlots({
 							default: withCtx(({ row }) => [renderSlot(_ctx.$slots, "default", { row }, void 0, true)]),
 							_: 2
@@ -109280,7 +109358,11 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							"headers",
 							"select-mode",
 							"selectable-disabled",
-							"dense"
+							"dense",
+							"draggable",
+							"class",
+							"onDragStart",
+							"onDragOver"
 						]), item?.childElement ? renderSlot(_ctx.$slots, "child-element", { key: 0 }, () => [createVNode(UiBmsTableRow_default, {
 							"is-child-element": "",
 							item,
@@ -109289,6 +109371,7 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							headers: filteredHeaders.value,
 							"select-mode": __props.selectMode,
 							"selectable-disabled": __props.selectableDisabled,
+							draggable: __props.draggable,
 							onSelect: onItemSelect
 						}, createSlots({ _: 2 }, [renderList(__props.headers, (cell) => {
 							return {
@@ -109301,12 +109384,13 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							"selectable",
 							"headers",
 							"select-mode",
-							"selectable-disabled"
+							"selectable-disabled",
+							"draggable"
 						])], true) : createCommentVNode("", true)], 64);
-					}), 128)) : (openBlock(), createElementBlock("tr", _hoisted_16$1, [createElementVNode("td", {
-						colspan: __props.selectable ? filteredHeaders.value.length + 1 : filteredHeaders.value.length,
+					}), 128)) : (openBlock(), createElementBlock("tr", _hoisted_17, [createElementVNode("td", {
+						colspan: filteredHeaders.value.length + (__props.selectable ? 1 : 0) + (__props.draggable ? 1 : 0),
 						class: "bms-table__cell bms-table__cell--empty"
-					}, [!props.loading ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [_cache[5] || (_cache[5] = createTextVNode("Aucune donnée", -1))], true) : createCommentVNode("", true)], 8, _hoisted_17)]))])], 2)) : createCommentVNode("", true),
+					}, [!props.loading ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [_cache[5] || (_cache[5] = createTextVNode("Aucune donnée", -1))], true) : createCommentVNode("", true)], 8, _hoisted_18)]))])], 2)) : createCommentVNode("", true),
 					createElementVNode("div", {
 						ref_key: "pagination",
 						ref: pagination,
@@ -109317,7 +109401,7 @@ var UiBmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			]);
 		};
 	}
-}), [["__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" };
@@ -114453,7 +114537,8 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			default: false
 		},
 		selectMode: { default: SelectMode.DEFAULT },
-		customSearch: {}
+		customSearch: {},
+		draggable: { type: Boolean }
 	}, {
 		"selectedItems": {
 			required: false,
@@ -114465,7 +114550,8 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		"deleteSavedFilter",
 		"saveFilter",
 		"filterInput",
-		"filterChange"
+		"filterChange",
+		"reorder"
 	], ["update:selectedItems"]),
 	setup(__props, { emit: __emit }) {
 		const route = useRoute();
@@ -114482,7 +114568,8 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		}));
 		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 = ref(true);
 		watch(() => props.filters, () => {
@@ -114506,10 +114593,18 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		watch(route, () => {
 			if (!isMounting.value && true) resetAllFilters();
 		});
+		const pendingSelectionIndices = ref(null);
+		const onSelectionIndicesUpdate = (indices) => {
+			pendingSelectionIndices.value = indices;
+		};
 		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 = [];
 			}
 		});
 		watchEffect(() => {
@@ -114552,12 +114647,15 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				selectedItems: selectedItems.value,
 				"onUpdate:selectedItems": _cache[6] || (_cache[6] = ($event) => selectedItems.value = $event),
 				loading: __props.loading,
-				items: unref(currentItems),
+				items: __props.draggable ? unref(items) : unref(currentItems),
 				headers: __props.headers,
 				mode: __props.mode,
 				hasFilters: unref(filters).length > 0,
 				sort: 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,
@@ -114656,13 +114754,14 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"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__ */ defineComponent({