@ouestfrance/sipa-bms-ui 8.6.0 → 8.7.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, useCssVars, createStaticVNode, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, onUnmounted, shallowRef, toValue, watchEffect, ref, Transition, withDirectives, normalizeStyle, vShow, Fragment, Teleport, createTextVNode, withKeys, renderList, withModifiers, mergeModels, useModel, createSlots, useSlots, vModelCheckbox, toRaw, onBeforeUnmount, vModelRadio, vModelText, reactive, isVNode, isRef, TransitionGroup, createApp } from 'vue';
+import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, useCssVars, createStaticVNode, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, onUnmounted, shallowRef, toValue, watchEffect, ref, Transition, withDirectives, normalizeStyle, vShow, Fragment, Teleport, createTextVNode, renderList, withModifiers, mergeModels, useModel, useTemplateRef, createSlots, useSlots, vModelCheckbox, toRaw, onBeforeUnmount, vModelRadio, withKeys, vModelText, reactive, isVNode, isRef, TransitionGroup, createApp } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 
 var CocardeBorder = /* @__PURE__ */ ((CocardeBorder2) => {
@@ -310,8 +310,8 @@ const enforceActionsColumnHeader = (headers) => {
 };
 
 const _hoisted_1$X = ["href", "target"];
-const _hoisted_2$B = ["href", "onClick", "target"];
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _hoisted_2$C = ["href", "onClick", "target"];
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "BmsLink",
   props: {
     to: {},
@@ -352,7 +352,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
             target: _ctx.target
           }, _ctx.$attrs), [
             renderSlot(_ctx.$slots, "default")
-          ], 16, _hoisted_2$B)
+          ], 16, _hoisted_2$C)
         ]),
         _: 3
       }, 8, ["to"]));
@@ -361,7 +361,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$W = ["type"];
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "UiButtonLink",
   props: {
     type: {},
@@ -385,7 +385,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         type: _ctx.type
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$W)) : (openBlock(), createBlock(_sfc_main$1l, {
+      ], 10, _hoisted_1$W)) : (openBlock(), createBlock(_sfc_main$1m, {
         key: 1,
         to: _ctx.to,
         target: _ctx.target,
@@ -401,9 +401,9 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$V = { class: "start" };
-const _hoisted_2$A = { class: "content" };
+const _hoisted_2$B = { class: "content" };
 const _hoisted_3$j = { class: "end" };
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "UiButton",
   props: {
     type: { default: "button" },
@@ -415,12 +415,12 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1k, normalizeProps(guardReactiveProps(props)), {
+      return openBlock(), createBlock(_sfc_main$1l, normalizeProps(guardReactiveProps(props)), {
         default: withCtx(() => [
           createElementVNode("span", _hoisted_1$V, [
             renderSlot(_ctx.$slots, "start")
           ]),
-          createElementVNode("span", _hoisted_2$A, [
+          createElementVNode("span", _hoisted_2$B, [
             renderSlot(_ctx.$slots, "default")
           ]),
           createElementVNode("span", _hoisted_3$j, [
@@ -433,7 +433,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "BmsButton",
   props: {
     type: { default: "primary" },
@@ -456,7 +456,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1j, {
+      return openBlock(), createBlock(_sfc_main$1k, {
         mode: uiMode.value,
         color: _ctx.mode,
         to: _ctx.to,
@@ -477,7 +477,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "BmsIconButton",
   props: {
     to: { default: null },
@@ -496,7 +496,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
         direction: _ctx.tooltipDirection
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$1j, mergeProps(_ctx.$attrs, {
+          createVNode(_sfc_main$1k, mergeProps(_ctx.$attrs, {
             icon: "",
             to: _ctx.to,
             target: _ctx.target,
@@ -36720,9 +36720,9 @@ const lucideIcons = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePropert
 }, Symbol.toStringTag, { value: 'Module' }));
 
 const _hoisted_1$U = { class: "info-line" };
-const _hoisted_2$z = { class: "icon" };
+const _hoisted_2$A = { class: "icon" };
 const _hoisted_3$i = { class: "message" };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "BmsAlert",
   props: {
     message: {},
@@ -36748,7 +36748,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["alert", `alert-${props.type}`])
       }, [
         createElementVNode("div", _hoisted_1$U, [
-          createElementVNode("span", _hoisted_2$z, [
+          createElementVNode("span", _hoisted_2$A, [
             (openBlock(), createBlock(resolveDynamicComponent(alertIcon.value), { size: 20 }))
           ]),
           createElementVNode("span", _hoisted_3$i, [
@@ -36757,7 +36757,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
             ], true)
           ]),
           renderSlot(_ctx.$slots, "action", {}, void 0, true),
-          _ctx.dismissable ? (openBlock(), createBlock(_sfc_main$1h, {
+          _ctx.dismissable ? (openBlock(), createBlock(_sfc_main$1i, {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => emits("dismiss"))
           }, {
@@ -36781,13 +36781,13 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-26caccdd"]]);
+const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-26caccdd"]]);
 
 const _hoisted_1$T = {
   key: 0,
   class: "ui-badge__container"
 };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "BmsBadge",
   props: {
     pending: { default: 0 },
@@ -36813,14 +36813,14 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-8a6297ca"]]);
+const BmsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-8a6297ca"]]);
 
 const _hoisted_1$S = {
   key: 0,
   class: "icon"
 };
-const _hoisted_2$y = ["innerHTML"];
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _hoisted_2$z = ["innerHTML"];
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "BmsCaption",
   props: {
     caption: {}
@@ -36857,29 +36857,29 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         createElementVNode("span", {
           class: "label",
           innerHTML: unref(sanitizeHtml)(computedCaption.value.label)
-        }, null, 8, _hoisted_2$y)
+        }, null, 8, _hoisted_2$z)
       ], 2);
     };
   }
 });
 
-const BmsCaption = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-b08dd4e0"]]);
+const BmsCaption = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-b08dd4e0"]]);
 
 const _hoisted_1$R = { class: "circular-progress" };
-const _hoisted_2$x = {
+const _hoisted_2$y = {
   key: 0,
   viewBox: "0 0 100 100"
 };
 const _hoisted_3$h = { transform: "rotate(-90, 50, 50)" };
 const _hoisted_4$c = ["stroke-dashoffset"];
 const _hoisted_5$8 = { class: "percent" };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "BmsCircularProgress",
   props: ["progress"],
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$R, [
-        __props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$x, [
+        __props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$y, [
           createElementVNode("g", _hoisted_3$h, [
             _cache[0] || (_cache[0] = createElementVNode("circle", {
               opacity: ".08",
@@ -36908,13 +36908,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsCircularProgress = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-7869acfb"]]);
+const BmsCircularProgress = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-7869acfb"]]);
 
 const _hoisted_1$Q = { class: "bms-loader" };
 function transformIntoPx(totransform) {
   return typeof totransform === "string" ? totransform : `${totransform}px`;
 }
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "BmsLoader",
   props: {
     size: { default: "inherit" }
@@ -36935,7 +36935,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsLoader = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-7cc96135"]]);
+const BmsLoader = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-7cc96135"]]);
 
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
@@ -37769,7 +37769,7 @@ const useTooltipHelper = () => {
   };
 };
 
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "UiTooltip",
   props: {
     visible: { type: Boolean, default: true },
@@ -37845,9 +37845,9 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const UiTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-e8f6f5f1"]]);
+const UiTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-e8f6f5f1"]]);
 
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "BmsTooltip",
   props: {
     tooltipText: { default: "" },
@@ -37926,10 +37926,14 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-b033f8af"]]);
+const BmsTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-b033f8af"]]);
 
-const _hoisted_1$P = ["data-testid", "onClick"];
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$P = {
+  class: "options-list",
+  "data-testid": "select-options"
+};
+const _hoisted_2$x = ["data-testid", "onClick"];
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "FieldDatalist",
   props: {
     options: {},
@@ -37938,7 +37942,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     newOption: { default: "" },
     small: { type: Boolean, default: false }
   },
-  emits: ["select", "addNewOption"],
+  emits: ["select", "addNewOption", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const currentSelectedItemIndex = ref(-1);
@@ -37947,11 +37951,17 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       if (props.isInputFocused) {
         switch (ev.key) {
           case "ArrowDown":
+            ev.preventDefault();
             return keyDown();
           case "ArrowUp":
+            ev.preventDefault();
             return keyUp();
           case "Enter":
+            ev.preventDefault();
             return keyEnter();
+          case "Escape":
+            ev.preventDefault();
+            return keyEscape();
           default:
             return;
         }
@@ -37980,6 +37990,9 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
         currentSelectedItemIndex.value = -1;
       }
     };
+    const keyEscape = () => {
+      $emits("blur");
+    };
     const onClick = (option) => {
       $emits("select", option);
     };
@@ -37987,55 +38000,52 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       () => props.canAddNewOption && props.newOption && !props.options.find((o) => o.value === props.newOption)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ul", {
-        class: "options-list",
-        "data-testid": "select-options",
-        onKeydown: [
-          withKeys(keyUp, ["up"]),
-          withKeys(keyDown, ["down"]),
-          withKeys(keyEnter, ["enter"])
-        ]
-      }, [
+      return openBlock(), createElementBlock("ul", _hoisted_1$P, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
           return openBlock(), createElementBlock("li", {
             key: index,
             "data-testid": option.value,
             class: normalizeClass({
+              "datalist-option": true,
               selected: index === currentSelectedItemIndex.value,
               small: _ctx.small
             }),
-            onClick: withModifiers(($event) => onClick(option), ["prevent"])
+            onClick: withModifiers(($event) => onClick(option), ["stop"])
           }, [
             renderSlot(_ctx.$slots, "option", { option }, () => [
               createTextVNode(toDisplayString(option.label === null ? "N/A" : option.label), 1)
             ], true)
-          ], 10, _hoisted_1$P);
+          ], 10, _hoisted_2$x);
         }), 128)),
         displayNewOption.value ? (openBlock(), createElementBlock("li", {
           key: 0,
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $emits("addNewOption", _ctx.newOption), ["prevent"]))
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $emits("addNewOption", _ctx.newOption), ["stop"]))
         }, [
           renderSlot(_ctx.$slots, "new-option", {}, () => [
             createTextVNode(toDisplayString(_ctx.newOption) + " (nouvelle option) ", 1)
           ], true)
         ])) : createCommentVNode("", true)
-      ], 32);
+      ]);
     };
   }
 });
 
-const FieldDatalist = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-413e6742"]]);
+const FieldDatalist = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-ba5302fc"]]);
 
 const _hoisted_1$O = { class: "field__input-label" };
 const _hoisted_2$w = { class: "field__input-icon field__input-icon--start" };
-const _hoisted_3$g = ["type", "value", "placeholder", "required", "disabled"];
+const _hoisted_3$g = ["type", "value", "placeholder", "required", "disabled", "max", "min", "minlength", "maxlength"];
 const _hoisted_4$b = { class: "field__input-icon field__input-icon--end" };
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "RawInputText",
   props: {
     modelValue: {},
     placeholder: {},
     focus: { type: Boolean, default: false },
+    min: {},
+    max: {},
+    minlength: {},
+    maxlength: {},
     type: { default: InputType.TEXT },
     label: {},
     required: { type: Boolean, default: false },
@@ -38046,25 +38056,14 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     small: { type: Boolean }
   },
-  emits: ["update:modelValue", "update:focus", "blur", "keyUp", "keyDown", "keyEnter"],
+  emits: ["update:modelValue", "blur", "focus", "click"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const input = ref(null);
     const $emits = __emit;
-    onMounted(() => {
-      document.body.addEventListener("click", (ev) => {
-        if (ev.target === input.value) {
-          $emits("update:focus", !props.focus);
-          ev.stopPropagation();
-        } else {
-          $emits("update:focus", false);
-        }
-      });
-    });
     const setFocus = () => {
       if (input.value) {
         input.value.focus();
-        $emits("update:focus", true);
       }
     };
     __expose({
@@ -38100,13 +38099,13 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           required: _ctx.required,
           disabled: _ctx.disabled,
+          max: _ctx.max,
+          min: _ctx.min,
+          minlength: _ctx.minlength,
+          maxlength: _ctx.maxlength,
           onBlur: _cache[0] || (_cache[0] = ($event) => $emits("blur")),
           onInput,
-          onKeydown: [
-            _cache[1] || (_cache[1] = withKeys(($event) => $emits("keyUp"), ["up"])),
-            _cache[2] || (_cache[2] = withKeys(($event) => $emits("keyDown"), ["down"])),
-            _cache[3] || (_cache[3] = withKeys(($event) => $emits("keyEnter"), ["enter"]))
-          ]
+          onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus"))
         }, null, 40, _hoisted_3$g),
         createElementVNode("span", _hoisted_4$b, [
           renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
@@ -38116,9 +38115,9 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-af4d1ce5"]]);
+const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-078d99d6"]]);
 
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "RawAutocomplete",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -38142,14 +38141,19 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
+    const rawInput = useTemplateRef("rawInput");
     const emits = __emit;
     const getValidOptionByLabel = (label) => props.options.find((o) => o.label === label);
     const getValidOptionByValue = (value) => props.options.find((o) => o.value === value);
     const inputText = ref(
       getValidOptionByValue(modelValue.value)?.label ?? ""
     );
-    const showDataList = ref(props.open);
-    const autocompleteInput = ref(null);
+    const isDatalistOpen = ref(props.open);
+    const closeDatalist = () => isDatalistOpen.value = false;
+    const openDatalist = () => isDatalistOpen.value = true;
+    onClickOutside(rawInput, closeDatalist, {
+      ignore: [".datalist-option", ".icon-toggle-button", ".icon-clear"]
+    });
     const classes = computed(() => {
       return { "is-error": props.errors?.length, "is-disabled": props.disabled };
     });
@@ -38157,11 +38161,13 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
       () => props.options.filter((o) => searchString(o.label, inputText.value))
     );
     const selectItem = (option) => {
-      emits("select", option);
       const existingOption = getValidOptionByLabel(option.label) || getValidOptionByValue(option.value);
-      modelValue.value = existingOption?.value ?? null;
-      showDataList.value = false;
-      setFocus();
+      if (existingOption) {
+        modelValue.value = existingOption?.value ?? null;
+        emits("select", existingOption);
+        setFocus();
+        closeDatalist();
+      }
     };
     const displayItem = (option) => {
       const existingOption = getValidOptionByLabel(option.label) || getValidOptionByValue(option.value);
@@ -38185,25 +38191,25 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
         }
       }
     );
+    const onFocus = () => {
+      openDatalist();
+    };
     const onInput = () => {
-      showDataList.value = true;
+      openDatalist();
       if (inputText.value === "") {
         clearInput();
       }
     };
     const setFocus = () => {
-      if (autocompleteInput.value) {
-        autocompleteInput.value.setFocus();
+      if (rawInput.value) {
+        rawInput.value.setFocus();
       }
     };
     const clearInput = () => {
       inputText.value = "";
       modelValue.value = null;
       setFocus();
-    };
-    const toggleList = () => {
-      showDataList.value = !showDataList.value;
-      setFocus();
+      closeDatalist();
     };
     __expose({
       setFocus
@@ -38214,13 +38220,14 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
         datalist: withCtx(() => [
           withDirectives(createVNode(FieldDatalist, {
             "data-testid": "autocomplete-menu",
-            "is-input-focused": showDataList.value,
+            "is-input-focused": isDatalistOpen.value,
             "can-add-new-option": _ctx.canAddNewOption,
             "new-option": inputText.value,
             options: filteredMenuItems.value,
             small: _ctx.small,
             onSelect: selectItem,
-            onAddNewOption: _cache[1] || (_cache[1] = (option) => emits("addNewOption", option))
+            onAddNewOption: _cache[1] || (_cache[1] = (option) => emits("addNewOption", option)),
+            onBlur: closeDatalist
           }, {
             option: withCtx(({ option }) => [
               renderSlot(_ctx.$slots, "option", { option }, () => [
@@ -38229,13 +38236,13 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["is-input-focused", "can-add-new-option", "new-option", "options", "small"]), [
-            [vShow, showDataList.value]
+            [vShow, isDatalistOpen.value]
           ])
         ]),
         default: withCtx(() => [
           createVNode(RawInputText, {
-            ref_key: "autocompleteInput",
-            ref: autocompleteInput,
+            ref_key: "rawInput",
+            ref: rawInput,
             modelValue: inputText.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
             type: unref(InputType).TEXT,
@@ -38244,26 +38251,29 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder,
             required: _ctx.required,
             small: _ctx.small,
-            onInput
+            onInput,
+            onFocus
           }, {
             "icon-start": withCtx(() => [
               renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
             ]),
             "icon-end": withCtx(() => [
               renderSlot(_ctx.$slots, "icon-end", {}, () => [
-                inputText.value.length ? (openBlock(), createElementBlock("span", {
+                inputText.value.length ? (openBlock(), createBlock(unref(X), {
                   key: 0,
                   class: "icon",
-                  onClick: clearInput
-                }, [
-                  createVNode(unref(X))
-                ])) : (openBlock(), createElementBlock("span", {
-                  key: 1,
-                  class: "icon",
-                  onClick: withModifiers(toggleList, ["stop"])
-                }, [
-                  !showDataList.value ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))
-                ]))
+                  onClick: withModifiers(clearInput, ["stop"])
+                })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
+                    key: 0,
+                    class: "icon",
+                    onClick: closeDatalist
+                  })) : (openBlock(), createBlock(unref(ChevronDown), {
+                    key: 1,
+                    class: "icon",
+                    onClick: openDatalist
+                  }))
+                ], 64))
               ], true)
             ]),
             _: 3
@@ -38275,11 +38285,11 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-5d665f68"]]);
+const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-d649440b"]]);
 
 const _hoisted_1$N = ["innerHTML"];
 const _hoisted_2$v = ["innerHTML"];
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "BmsAutocomplete",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -38301,7 +38311,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["addNewOption", "select"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["addNewOption", "select", "input"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
@@ -38333,7 +38343,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
         "can-add-new-option": _ctx.canAddNewOption,
         small: _ctx.small,
         onSelect: _cache[1] || (_cache[1] = (option) => emits("select", option)),
-        onAddNewOption: _cache[2] || (_cache[2] = (newOption) => emits("addNewOption", newOption))
+        onAddNewOption: _cache[2] || (_cache[2] = (newOption) => emits("addNewOption", newOption)),
+        onInput: _cache[3] || (_cache[3] = (e) => emits("input", e))
       }, createSlots({
         option: withCtx(({ option }) => [
           option.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -38366,9 +38377,9 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-274b6035"]]);
+const BmsAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-b0e1e6f3"]]);
 
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "BmsBetweenInput",
   props: {
     inputType: { default: InputType.NUMBER },
@@ -38465,9 +38476,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsBetweenInput = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-f25b520b"]]);
+const BmsBetweenInput = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-f25b520b"]]);
 
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "BmsChip",
   props: {
     color: { default: ChipColor.Grey }
@@ -38490,13 +38501,13 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsChip = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-72b945cc"]]);
+const BmsChip = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-72b945cc"]]);
 
 const _hoisted_1$M = { class: "file-upload" };
 const _hoisted_2$u = { class: "file-upload__label" };
 const _hoisted_3$f = { key: 1 };
 const _hoisted_4$a = { class: "file-upload__file-name" };
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "BmsFilePicker",
   props: {
     modelValue: {},
@@ -38595,7 +38606,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
               class: "file-upload__file"
             }, [
               createElementVNode("span", _hoisted_4$a, toDisplayString(file.name), 1),
-              createVNode(unref(_sfc_main$1h), {
+              createVNode(unref(_sfc_main$1i), {
                 onClick: ($event) => onDeleteFile(file)
               }, {
                 default: withCtx(() => [
@@ -38611,14 +38622,14 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsFilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-c892a845"]]);
+const BmsFilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-c892a845"]]);
 
 const _hoisted_1$L = ["disabled", "name", "value"];
 const _hoisted_2$t = {
   key: 0,
   class: "input-checkbox-info"
 };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "UiBmsInputCheckbox",
   props: {
     modelValue: { default: false },
@@ -38668,9 +38679,9 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const UiBmsInputCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-e1d94c62"]]);
+const UiBmsInputCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-e1d94c62"]]);
 
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "BmsInputBooleanCheckbox",
   props: {
     modelValue: {},
@@ -38789,7 +38800,7 @@ function v4(options, buf, offset) {
     return _v4(options, buf, offset);
 }
 
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "BmsInputCheckboxGroup",
   props: {
     values: {},
@@ -38858,9 +38869,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-43978315"]]);
+const BmsInputCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-43978315"]]);
 
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "BmsInputCheckboxCaption",
   props: {
     modelValue: {},
@@ -38936,9 +38947,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputCheckboxCaption = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-6cb7c474"]]);
+const BmsInputCheckboxCaption = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-6cb7c474"]]);
 
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "BmsInputCheckboxCaptionGroup",
   props: {
     options: { default: () => [] },
@@ -38993,7 +39004,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputCheckboxCaptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-4183cc04"]]);
+const BmsInputCheckboxCaptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-4183cc04"]]);
 
 /**
 The default maximum length of a `TreeBuffer` node.
@@ -67529,7 +67540,7 @@ const basicSetup = /*@__PURE__*/(() => [
 var h=Object.freeze({autofocus:false,disabled:false,indentWithTab:true,tabSize:2,placeholder:"",autoDestroy:true,extensions:[basicSetup]}),y=Symbol("vue-codemirror-global-config");var O,j=function(e){var t=e.onUpdate,n=e.onChange,o=e.onFocus,r=e.onBlur,u=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);}return n}(e,["onUpdate","onChange","onFocus","onBlur"]);return EditorState.create({doc:u.doc,selection:u.selection,extensions:(Array.isArray(u.extensions)?u.extensions:[u.extensions]).concat([EditorView.updateListener.of((function(e){t(e),e.docChanged&&n(e.state.doc.toString(),e),e.focusChanged&&(e.view.hasFocus?o(e):r(e));}))])})},S=function(e){var t=new Compartment;return {compartment:t,run:function(n){t.get(e.state)?e.dispatch({effects:t.reconfigure(n)}):e.dispatch({effects:StateEffect.appendConfig.of(t.of(n))});}}},x=function(e,t){var n=S(e),o=n.compartment,r=n.run;return function(n){var u=o.get(e.state);r((null!=n?n:u!==t)?t:[]);}},C={type:Boolean,default:void 0},D={autofocus:C,disabled:C,indentWithTab:C,tabSize:Number,placeholder:String,style:Object,autoDestroy:C,phrases:Object,root:Object,extensions:Array,selection:Object},U={modelValue:{type:String,default:""}},w=Object.assign(Object.assign({},D),U);!function(e){e.Change="change",e.Update="update",e.Focus="focus",e.Blur="blur",e.Ready="ready",e.ModelUpdate="update:modelValue";}(O||(O={}));var z={};z[O.Change]=function(e,t){return  true},z[O.Update]=function(e){return  true},z[O.Focus]=function(e){return  true},z[O.Blur]=function(e){return  true},z[O.Ready]=function(e){return  true};var B={};B[O.ModelUpdate]=z[O.Change];var F=Object.assign(Object.assign({},z),B),P=defineComponent({name:"VueCodemirror",props:Object.assign({},w),emits:Object.assign({},F),setup:function(t,s){var f=shallowRef(),d=shallowRef(),C=shallowRef(),D=Object.assign(Object.assign({},h),inject(y,{})),U=computed((function(){var e={};return Object.keys(toRaw(t)).forEach((function(n){var o;"modelValue"!==n&&(e[n]=null!==(o=t[n])&&void 0!==o?o:D[n]);})),e}));return onMounted((function(){var e;d.value=j({doc:t.modelValue,selection:U.value.selection,extensions:null!==(e=D.extensions)&&void 0!==e?e:[],onFocus:function(e){return s.emit(O.Focus,e)},onBlur:function(e){return s.emit(O.Blur,e)},onUpdate:function(e){return s.emit(O.Update,e)},onChange:function(e,n){e!==t.modelValue&&(s.emit(O.Change,e,n),s.emit(O.ModelUpdate,e,n));}}),C.value=function(e){return new EditorView(Object.assign({},e))}({state:d.value,parent:f.value,root:U.value.root});var n=function(e){var t=function(){return e.state.doc.toString()},n=S(e).run,o=x(e,[EditorView.editable.of(false),EditorState.readOnly.of(true)]),r=x(e,keymap.of([indentWithTab])),u=S(e).run,a=S(e).run,i=S(e).run,c=S(e).run;return {focus:function(){return e.focus()},getDoc:t,setDoc:function(n){n!==t()&&e.dispatch({changes:{from:0,to:e.state.doc.length,insert:n}});},reExtensions:n,toggleDisabled:o,toggleIndentWithTab:r,setTabSize:function(e){u([EditorState.tabSize.of(e),indentUnit.of(" ".repeat(e))]);},setPhrases:function(e){a([EditorState.phrases.of(e)]);},setPlaceholder:function(e){i(placeholder(e));},setStyle:function(e){ void 0===e&&(e={}),c(EditorView.theme({"&":Object.assign({},e)}));}}}(C.value);watch((function(){return t.modelValue}),(function(e){e!==n.getDoc()&&n.setDoc(e);})),watch((function(){return t.extensions}),(function(e){return n.reExtensions(e||[])}),{immediate:true}),watch((function(){return U.value.disabled}),(function(e){return n.toggleDisabled(e)}),{immediate:true}),watch((function(){return U.value.indentWithTab}),(function(e){return n.toggleIndentWithTab(e)}),{immediate:true}),watch((function(){return U.value.tabSize}),(function(e){return n.setTabSize(e)}),{immediate:true}),watch((function(){return U.value.phrases}),(function(e){return n.setPhrases(e||{})}),{immediate:true}),watch((function(){return U.value.placeholder}),(function(e){return n.setPlaceholder(e)}),{immediate:true}),watch((function(){return U.value.style}),(function(e){return n.setStyle(e)}),{immediate:true}),U.value.autofocus&&n.focus(),s.emit(O.Ready,{state:d.value,view:C.value,container:f.value});})),onBeforeUnmount((function(){U.value.autoDestroy&&C.value&&function(e){e.destroy();}(C.value);})),function(){return h$1("div",{class:"v-codemirror",style:{display:"contents"},ref:f})}}}),T=P;
 
 const _hoisted_1$K = { class: "code-mirror" };
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "BmsInputCode",
   props: /* @__PURE__ */ mergeModels({
     type: {},
@@ -67579,14 +67590,18 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputCode = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-b2a2a2fa"]]);
+const BmsInputCode = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-b2a2a2fa"]]);
 
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "BmsInputText",
   props: {
     inputType: { default: InputType.TEXT },
     modelValue: {},
     placeholder: {},
+    min: {},
+    max: {},
+    minlength: {},
+    maxlength: {},
     label: { default: "" },
     required: { type: Boolean, default: false },
     optional: { type: Boolean },
@@ -67596,11 +67611,47 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     small: { type: Boolean }
   },
-  emits: ["update:modelValue", "blur"],
+  emits: ["update:modelValue", "blur", "focus"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const input = ref(null);
+    const internalErrors = ref([]);
+    const computedErrors = computed(() => {
+      return props.errors ? internalErrors.value.concat(props.errors) : internalErrors.value;
+    });
+    const internalCaptions = ref([]);
+    const computedCaptions = computed(() => {
+      return props.captions ? internalCaptions.value.concat(props.captions) : internalCaptions.value;
+    });
+    onMounted(() => {
+      checkLimit();
+    });
     const $emits = __emit;
+    const checkLimit = () => {
+      internalErrors.value = [];
+      internalCaptions.value = [];
+      if (props.inputType === InputType.TEXT && typeof props.modelValue === "string") {
+        if (props.minlength !== void 0 && props.modelValue.length < props.minlength) {
+          internalErrors.value = [
+            "Longueur inférieur au minimum autorisé (min:" + props.minlength + ")"
+          ];
+        }
+        if (props.maxlength !== void 0) {
+          if (props.modelValue.length > props.maxlength) {
+            internalErrors.value = [
+              `Longueur supérieure au maximum autorisé (max:${props.maxlength})`
+            ];
+          } else if (props.modelValue.length === props.maxlength) {
+            internalCaptions.value = [
+              {
+                label: `Attention, vous avez atteint la limite de ${props.maxlength} caractères.`,
+                mode: StatusType.Warning
+              }
+            ];
+          }
+        }
+      }
+    };
     const setFocus = () => {
       if (input.value) {
         input.value.setFocus();
@@ -67609,28 +67660,35 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __expose({
       setFocus
     });
-    const onInput = (e) => {
-      if (!props.disabled)
-        $emits("update:modelValue", (e?.target).value);
-    };
+    watch(
+      () => props.modelValue,
+      () => checkLimit()
+    );
     return (_ctx, _cache) => {
       const _component_field = resolveComponent("field");
-      return openBlock(), createBlock(_component_field, normalizeProps(guardReactiveProps(_ctx.$props)), {
+      return openBlock(), createBlock(_component_field, mergeProps(_ctx.$props, {
+        captions: computedCaptions.value,
+        errors: computedErrors.value
+      }), {
         default: withCtx(() => [
           createVNode(RawInputText, {
             ref_key: "input",
             ref: input,
             type: _ctx.inputType,
             modelValue: _ctx.modelValue,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => $emits("update:modelValue", val)),
             required: _ctx.required,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
-            errors: _ctx.errors,
+            errors: computedErrors.value,
             hasDate: false,
             small: _ctx.small,
-            onBlur: _cache[0] || (_cache[0] = ($event) => $emits("blur")),
-            onInput,
-            onKeyup: onInput
+            min: _ctx.min,
+            max: _ctx.max,
+            minlength: _ctx.minlength,
+            maxlength: _ctx.maxlength,
+            onBlur: _cache[1] || (_cache[1] = ($event) => $emits("blur")),
+            onFocus: _cache[2] || (_cache[2] = ($event) => $emits("focus"))
           }, {
             "icon-start": withCtx(() => [
               renderSlot(_ctx.$slots, "icon-start")
@@ -67639,15 +67697,15 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "icon-end")
             ]),
             _: 3
-          }, 8, ["type", "modelValue", "required", "placeholder", "disabled", "errors", "small"])
+          }, 8, ["type", "modelValue", "required", "placeholder", "disabled", "errors", "small", "min", "max", "minlength", "maxlength"])
         ]),
         _: 3
-      }, 16);
+      }, 16, ["captions", "errors"]);
     };
   }
 });
 
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "BmsInputDateTime",
   props: {
     modelValue: {},
@@ -67673,7 +67731,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       if (!props.disabled && value) $emits("update:modelValue", value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Y, {
+      return openBlock(), createBlock(_sfc_main$Z, {
         modelValue: _ctx.modelValue,
         label: _ctx.label,
         required: _ctx.required,
@@ -67696,7 +67754,7 @@ const _hoisted_3$e = {
   key: 1,
   class: "file-upload__file-name"
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "BmsInputFile",
   props: {
     modelValue: {},
@@ -67850,7 +67908,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                   src: getImageSrc(file),
                   class: "file-upload__file-img"
                 }, null, 8, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(file.name), 1)),
-                createVNode(_sfc_main$1h, {
+                createVNode(_sfc_main$1i, {
                   mode: unref(StatusType).Danger,
                   onClick: withModifiers(($event) => onDeleteFile(file), ["prevent"]),
                   class: "close-button"
@@ -67870,9 +67928,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-0c91cbf5"]]);
+const BmsInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-0c91cbf5"]]);
 
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "BmsInputNumber",
   props: {
     modelValue: {},
@@ -67891,6 +67949,13 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const input = ref(null);
+    const internalErrors = ref([]);
+    const computedErrors = computed(() => {
+      return props.errors ? internalErrors.value.concat(props.errors) : internalErrors.value;
+    });
+    onMounted(() => {
+      checkLimit();
+    });
     const $emits = __emit;
     const onInput = (e) => {
       if (!props.disabled)
@@ -67899,6 +67964,19 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     computed(() => {
       return { "is-error": props.errors?.length, "is-disabled": props.disabled };
     });
+    const checkLimit = () => {
+      internalErrors.value = [];
+      if (props.min !== void 0 && props.modelValue < props.min) {
+        internalErrors.value = [
+          "Valeur inférieure au minimum autorisé (min : " + props.min + ")"
+        ];
+      }
+      if (props.max !== void 0 && props.modelValue > props.max) {
+        internalErrors.value = [
+          "Valeur supérieure au maximum autorisé (max : " + props.max + ")"
+        ];
+      }
+    };
     const setFocus = () => {
       if (input.value) {
         input.value.focus();
@@ -67907,8 +67985,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     __expose({
       setFocus
     });
+    watch(
+      () => props.modelValue,
+      () => checkLimit()
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Y, {
+      return openBlock(), createBlock(_sfc_main$Z, {
         modelValue: _ctx.modelValue,
         label: _ctx.label,
         required: _ctx.required,
@@ -67917,10 +67999,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
         helperText: _ctx.helperText,
         placeholder: _ctx.placeholder,
         captions: _ctx.captions,
-        errors: _ctx.errors,
+        errors: computedErrors.value,
         inputType: unref(InputType).NUMBER,
+        min: _ctx.min,
+        max: _ctx.max,
         onInput
-      }, null, 8, ["modelValue", "label", "required", "optional", "disabled", "helperText", "placeholder", "captions", "errors", "inputType"]);
+      }, null, 8, ["modelValue", "label", "required", "optional", "disabled", "helperText", "placeholder", "captions", "errors", "inputType", "min", "max"]);
     };
   }
 });
@@ -67930,7 +68014,7 @@ const _hoisted_2$r = {
   key: 0,
   class: "input-radio-info"
 };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "BmsInputRadio",
   props: {
     modelValue: {},
@@ -67981,9 +68065,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputRadio = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-cb26402d"]]);
+const BmsInputRadio = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-c0c9efa3"]]);
 
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "BmsInputRadioGroup",
   props: {
     values: { default: () => [] },
@@ -68052,9 +68136,9 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-186163e2"]]);
+const BmsInputRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-186163e2"]]);
 
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "BmsInputRadioCaption",
   props: {
     modelValue: {},
@@ -68116,9 +68200,9 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputRadioCaption = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-c3ba4fee"]]);
+const BmsInputRadioCaption = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-c3ba4fee"]]);
 
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "BmsInputRadioCaptionGroup",
   props: {
     options: { default: () => [] },
@@ -68176,10 +68260,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputRadioCaptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-a4287904"]]);
+const BmsInputRadioCaptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-a4287904"]]);
 
 const _hoisted_1$H = ["disabled", "name"];
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "UiBmsSwitch",
   props: {
     disabled: { type: Boolean, default: false },
@@ -68216,10 +68300,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const UiBmsSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-19745934"]]);
+const UiBmsSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-19745934"]]);
 
 const _hoisted_1$G = { class: "input-switch-info" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "BmsInputToggle",
   props: {
     name: {},
@@ -68260,7 +68344,302 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputToggle = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-9570e0a9"]]);
+const BmsInputToggle = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-9570e0a9"]]);
+
+const _hoisted_1$F = { class: "dismiss-button" };
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  __name: "BmsTag",
+  props: {
+    active: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    canBeDismissed: { type: Boolean, default: true },
+    small: { type: Boolean }
+  },
+  emits: ["dismiss", "click"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tag", { active: _ctx.active, disabled: _ctx.disabled, small: _ctx.small }]),
+        onClick: _cache[1] || (_cache[1] = ($event) => emits("click"))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        createElementVNode("span", _hoisted_1$F, [
+          _ctx.canBeDismissed ? (openBlock(), createBlock(unref(_sfc_main$1i), {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("dismiss"), ["stop"]))
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+                createVNode(unref(X))
+              ], true)
+            ]),
+            _: 3
+          })) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+
+const BmsTag = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-e2517fee"]]);
+
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  __name: "RawSelect",
+  props: {
+    options: {},
+    optional: { type: Boolean },
+    placeholder: {},
+    open: { type: Boolean, default: false },
+    label: { default: "" },
+    required: { type: Boolean, default: false },
+    helperText: {},
+    errors: {},
+    captions: {},
+    disabled: { type: Boolean, default: false },
+    small: { type: Boolean, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const classes = computed(() => {
+      return { "is-error": props.errors?.length, "is-disabled": props.disabled };
+    });
+    const selectItem = (option) => {
+      emits("select", option);
+    };
+    return (_ctx, _cache) => {
+      const _component_field = resolveComponent("field");
+      return openBlock(), createBlock(_component_field, normalizeProps(guardReactiveProps(_ctx.$props)), {
+        datalist: withCtx(() => [
+          withDirectives(createVNode(FieldDatalist, {
+            options: _ctx.options,
+            "is-input-focused": _ctx.open,
+            small: _ctx.small,
+            onSelect: selectItem
+          }, {
+            option: withCtx(({ option }) => [
+              renderSlot(_ctx.$slots, "option", { option }, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["options", "is-input-focused", "small"]), [
+            [vShow, _ctx.open]
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("span", {
+            class: normalizeClass(["select-wrapper", classes.value])
+          }, [
+            renderSlot(_ctx.$slots, "input", {}, void 0, true)
+          ], 2)
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const RawSelect = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-95176719"]]);
+
+const _hoisted_1$E = { class: "tags" };
+const _hoisted_2$q = { class: "icon-container" };
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  __name: "BmsMultiSelect",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    placeholder: {},
+    label: { default: "" },
+    required: { type: Boolean, default: false },
+    optional: { type: Boolean },
+    helperText: {},
+    errors: {},
+    captions: {},
+    disabled: { type: Boolean, default: false },
+    small: { type: Boolean }
+  }, {
+    "modelValue": {
+      required: true
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const inputElement = useTemplateRef("inputElement");
+    const isDatalistOpen = ref(false);
+    const closeDatalist = () => isDatalistOpen.value = false;
+    const openDatalist = () => isDatalistOpen.value = true;
+    const searching = ref("");
+    const modelValue = useModel(__props, "modelValue");
+    const onBackspace = () => {
+      modelValue.value.splice(-1);
+    };
+    const setFocus = () => {
+      if (inputElement.value) {
+        inputElement.value.focus();
+      }
+    };
+    const onSelect = (option) => {
+      modelValue.value.push(option);
+      searching.value = "";
+      setFocus();
+      closeDatalist();
+    };
+    const removeOption = (value) => {
+      modelValue.value = modelValue.value.filter((o) => o.value !== value);
+    };
+    const clearInput = () => {
+      modelValue.value = [];
+      searching.value = "";
+    };
+    const displayedOptions = computed(
+      () => props.options.filter((o) => searchString(o.label, searching.value)).filter(
+        (o) => !modelValue.value.find((option) => option.value === o.value)
+      )
+    );
+    const displayValues = computed(
+      () => modelValue.value.filter(
+        (o) => props.options.find((option) => option.value === o.value)
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(RawSelect, mergeProps(_ctx.$props, {
+        options: displayedOptions.value,
+        "model-value": modelValue.value,
+        open: isDatalistOpen.value,
+        onSelect
+      }), {
+        input: withCtx(() => [
+          createElementVNode("div", _hoisted_1$E, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (tag) => {
+              return openBlock(), createBlock(BmsTag, {
+                small: _ctx.small,
+                active: "",
+                onDismiss: ($event) => removeOption(tag.value)
+              }, {
+                default: withCtx(() => [
+                  tag?.icon ? (openBlock(), createBlock(resolveDynamicComponent(tag.icon), { key: 0 })) : createCommentVNode("", true),
+                  createTextVNode(" " + toDisplayString(tag.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["small", "onDismiss"]);
+            }), 256)),
+            withDirectives(createElementVNode("input", {
+              type: "text",
+              ref_key: "inputElement",
+              ref: inputElement,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searching.value = $event),
+              class: "search",
+              onFocus: openDatalist,
+              onClick: openDatalist,
+              onKeyup: [
+                withKeys(openDatalist, ["down"]),
+                withKeys(onBackspace, ["backspace"])
+              ],
+              onInput: openDatalist
+            }, null, 544), [
+              [vModelText, searching.value]
+            ])
+          ]),
+          createElementVNode("span", _hoisted_2$q, [
+            modelValue.value.length ? (openBlock(), createBlock(unref(X), {
+              key: 0,
+              class: "icon icon-clear",
+              onClick: withModifiers(clearInput, ["stop"])
+            })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
+                key: 0,
+                class: "icon icon-toggle-button",
+                onClick: closeDatalist
+              })) : (openBlock(), createBlock(unref(ChevronDown), {
+                key: 1,
+                class: "icon icon-toggle-button",
+                onClick: openDatalist
+              }))
+            ], 64))
+          ])
+        ]),
+        option: withCtx(({ option }) => [
+          createVNode(BmsTag, {
+            active: "",
+            "can-be-dismissed": false
+          }, {
+            default: withCtx(() => [
+              option?.icon ? (openBlock(), createBlock(resolveDynamicComponent(option.icon), { key: 0 })) : createCommentVNode("", true),
+              createTextVNode(" " + toDisplayString(option.label), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        _: 1
+      }, 16, ["options", "model-value", "open"]);
+    };
+  }
+});
+
+const BmsMultiSelect = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-89613f32"]]);
+
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  __name: "BmsSearch",
+  props: {
+    modelValue: {},
+    placeholder: { default: "Rechercher..." },
+    disabled: { type: Boolean },
+    errors: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const input = ref(null);
+    const props = __props;
+    const emit = __emit;
+    const search = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value) {
+        emit("update:modelValue", value);
+      }
+    });
+    const setFocus = () => {
+      if (input.value) {
+        input.value.setFocus();
+      }
+    };
+    __expose({
+      setFocus
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$Z, {
+        ref_key: "input",
+        ref: input,
+        modelValue: search.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
+        placeholder: _ctx.placeholder,
+        errors: _ctx.errors,
+        disabled: _ctx.disabled
+      }, createSlots({
+        "icon-start": withCtx(() => [
+          createVNode(unref(Search))
+        ]),
+        _: 2
+      }, [
+        search.value && !_ctx.disabled ? {
+          name: "icon-end",
+          fn: withCtx(() => [
+            createVNode(unref(X), {
+              class: "clean-icon",
+              onClick: _cache[0] || (_cache[0] = ($event) => search.value = "")
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "placeholder", "errors", "disabled"]);
+    };
+  }
+});
+
+const BmsSearch = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-66c267f2"]]);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -85480,14 +85859,15 @@ function requireLodash () {
 var lodashExports = requireLodash();
 const _ = /*@__PURE__*/getDefaultExportFromCjs(lodashExports);
 
-const _hoisted_1$F = ["value", "placeholder", "required"];
-const _hoisted_2$q = { class: "icon-down-container" };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$D = ["value", "placeholder", "required"];
+const _hoisted_2$p = { class: "icon-toggle-container" };
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "BmsSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
     optional: { type: Boolean },
     placeholder: {},
+    open: { type: Boolean, default: false },
     label: { default: "" },
     required: { type: Boolean, default: false },
     helperText: {},
@@ -85497,29 +85877,24 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     small: { type: Boolean, default: false }
   }, {
     "modelValue": { required: true },
-    "modelModifiers": {},
-    "open": { type: Boolean, ...{ default: false } },
-    "openModifiers": {}
+    "modelModifiers": {}
   }),
-  emits: ["update:modelValue", "update:open"],
-  setup(__props, { expose: __expose }) {
+  emits: /* @__PURE__ */ mergeModels(["select"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const open = useModel(__props, "open");
-    const selectInput = ref(null);
-    const selectWrapper = ref(null);
-    const classes = computed(() => {
-      return { "is-error": props.errors?.length, "is-disabled": props.disabled };
-    });
-    onMounted(() => {
-      document.body.addEventListener("click", (ev) => {
-        if (ev.target.closest(".select-wrapper") === selectWrapper.value) {
-          open.value = !open.value;
-          ev.stopPropagation();
-        } else {
-          open.value = false;
-        }
-      });
+    const inputElement = useTemplateRef("inputElement");
+    const isDatalistOpen = ref(props.open);
+    const closeDatalist = () => {
+      isDatalistOpen.value = false;
+    };
+    const openDatalist = () => {
+      isDatalistOpen.value = true;
+      setFocus();
+    };
+    const emits = __emit;
+    onClickOutside(inputElement, () => closeDatalist, {
+      ignore: [".datalist-option", ".icon-toggle-button"]
     });
     const displayValue = computed(() => {
       const option = props.options.find(
@@ -85528,277 +85903,59 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       if (option) return option.label;
       return "";
     });
-    const selectItem = (option) => {
-      modelValue.value = option.value;
-      setFocus();
-      open.value = false;
-    };
     const setFocus = () => {
-      open.value = true;
-      if (selectInput.value) {
-        selectInput.value.focus();
+      if (inputElement.value) {
+        inputElement.value.focus();
       }
     };
+    const onSelect = (option) => {
+      modelValue.value = option.value;
+      emits("select", option.value);
+      setFocus();
+      closeDatalist();
+    };
     __expose({
       setFocus
     });
     return (_ctx, _cache) => {
-      const _component_field = resolveComponent("field");
-      return openBlock(), createBlock(_component_field, normalizeProps(guardReactiveProps(_ctx.$props)), {
-        datalist: withCtx(() => [
-          withDirectives(createVNode(FieldDatalist, {
-            options: _ctx.options,
-            "is-input-focused": open.value,
-            small: _ctx.small,
-            onSelect: _cache[0] || (_cache[0] = (option) => selectItem(option))
-          }, {
-            option: withCtx(({ option }) => [
-              renderSlot(_ctx.$slots, "option", { option }, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["options", "is-input-focused", "small"]), [
-            [vShow, open.value]
-          ])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", {
-            class: normalizeClass(["select-wrapper", classes.value]),
-            ref_key: "selectWrapper",
-            ref: selectWrapper
-          }, [
-            renderSlot(_ctx.$slots, "input", {}, () => [
-              createElementVNode("input", {
-                ref_key: "selectInput",
-                ref: selectInput,
-                type: "text",
-                role: "input",
-                value: displayValue.value,
-                placeholder: _ctx.placeholder,
-                onkeypress: "return false;",
-                required: _ctx.required
-              }, null, 8, _hoisted_1$F),
-              createElementVNode("span", _hoisted_2$q, [
-                createVNode(unref(ChevronDown), { class: "icon-down-button" })
-              ])
-            ], true)
-          ], 2)
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-
-const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-6e3f7aab"]]);
-
-const _hoisted_1$E = { class: "dismiss-button" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
-  __name: "BmsTag",
-  props: {
-    active: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    canBeDismissed: { type: Boolean, default: true },
-    small: { type: Boolean }
-  },
-  emits: ["dismiss", "click"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tag", { active: _ctx.active, disabled: _ctx.disabled, small: _ctx.small }]),
-        onClick: _cache[1] || (_cache[1] = ($event) => emits("click"))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        createElementVNode("span", _hoisted_1$E, [
-          _ctx.canBeDismissed ? (openBlock(), createBlock(unref(_sfc_main$1h), {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("dismiss"), ["stop"]))
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "closeIcon", {}, () => [
-                createVNode(unref(X))
-              ], true)
-            ]),
-            _: 3
-          })) : createCommentVNode("", true)
-        ])
-      ], 2);
-    };
-  }
-});
-
-const BmsTag = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-e2517fee"]]);
-
-const _hoisted_1$D = { class: "tags" };
-const _hoisted_2$p = { class: "icon-container" };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
-  __name: "BmsMultiSelect",
-  props: /* @__PURE__ */ mergeModels({
-    options: {},
-    placeholder: {},
-    label: { default: "" },
-    required: { type: Boolean, default: false },
-    optional: { type: Boolean },
-    helperText: {},
-    errors: {},
-    captions: {},
-    disabled: { type: Boolean, default: false },
-    small: { type: Boolean }
-  }, {
-    "modelValue": {
-      required: true
-    },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const searching = ref("");
-    const modelValue = useModel(__props, "modelValue");
-    const onSelect = (value) => {
-      const option = props.options.find((o) => o.value === value);
-      if (option) {
-        modelValue.value.push(option);
-        searching.value = "";
-      }
-    };
-    const removeOption = (value) => {
-      modelValue.value = modelValue.value.filter((o) => o.value !== value);
-    };
-    const reset = () => {
-      modelValue.value = [];
-      searching.value = "";
-    };
-    const displayedOptions = computed(
-      () => props.options.filter((o) => searchString(o.label, searching.value)).filter(
-        (o) => !modelValue.value.find((option) => option.value === o.value)
-      )
-    );
-    const displayValues = computed(
-      () => modelValue.value.filter(
-        (o) => props.options.find((option) => option.value === o.value)
-      )
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(BmsSelect, mergeProps(_ctx.$props, {
-        options: displayedOptions.value,
-        "model-value": modelValue.value,
-        "onUpdate:modelValue": onSelect
+      return openBlock(), createBlock(RawSelect, mergeProps(_ctx.$props, {
+        open: isDatalistOpen.value,
+        onSelect,
+        onClick: setFocus
       }), {
         input: withCtx(() => [
-          createElementVNode("div", _hoisted_1$D, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (tag) => {
-              return openBlock(), createBlock(BmsTag, {
-                small: _ctx.small,
-                active: "",
-                onDismiss: ($event) => removeOption(tag.value)
-              }, {
-                default: withCtx(() => [
-                  tag?.icon ? (openBlock(), createBlock(resolveDynamicComponent(tag.icon), { key: 0 })) : createCommentVNode("", true),
-                  createTextVNode(" " + toDisplayString(tag.label), 1)
-                ]),
-                _: 2
-              }, 1032, ["small", "onDismiss"]);
-            }), 256)),
-            withDirectives(createElementVNode("input", {
-              type: "text",
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searching.value = $event),
-              class: "search"
-            }, null, 512), [
-              [vModelText, searching.value]
-            ])
-          ]),
+          createElementVNode("input", {
+            ref_key: "inputElement",
+            ref: inputElement,
+            type: "text",
+            role: "input",
+            readonly: "",
+            value: displayValue.value,
+            placeholder: _ctx.placeholder,
+            required: _ctx.required,
+            onFocus: openDatalist,
+            onClick: openDatalist,
+            onKeyup: withKeys(openDatalist, ["down"])
+          }, null, 40, _hoisted_1$D),
           createElementVNode("span", _hoisted_2$p, [
-            modelValue.value.length === 0 ? (openBlock(), createBlock(unref(ChevronDown), {
+            isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
               key: 0,
-              class: "icon-button"
-            })) : (openBlock(), createBlock(unref(X), {
+              class: "icon-toggle-button",
+              onClick: closeDatalist
+            })) : (openBlock(), createBlock(unref(ChevronDown), {
               key: 1,
-              class: "icon-button",
-              onClick: reset
+              class: "icon-toggle-button",
+              onClick: openDatalist
             }))
           ])
         ]),
-        option: withCtx(({ option }) => [
-          createVNode(BmsTag, {
-            active: "",
-            "can-be-dismissed": false
-          }, {
-            default: withCtx(() => [
-              option?.icon ? (openBlock(), createBlock(resolveDynamicComponent(option.icon), { key: 0 })) : createCommentVNode("", true),
-              createTextVNode(" " + toDisplayString(option.label), 1)
-            ]),
-            _: 2
-          }, 1024)
-        ]),
         _: 1
-      }, 16, ["options", "model-value"]);
+      }, 16, ["open"]);
     };
   }
 });
 
-const BmsMultiSelect = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-9bf5a4d3"]]);
-
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  __name: "BmsSearch",
-  props: {
-    modelValue: {},
-    placeholder: { default: "Rechercher..." },
-    disabled: { type: Boolean },
-    errors: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const input = ref(null);
-    const props = __props;
-    const emit = __emit;
-    const search = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(value) {
-        emit("update:modelValue", value);
-      }
-    });
-    const setFocus = () => {
-      if (input.value) {
-        input.value.setFocus();
-      }
-    };
-    __expose({
-      setFocus
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Y, {
-        ref_key: "input",
-        ref: input,
-        modelValue: search.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
-        placeholder: _ctx.placeholder,
-        errors: _ctx.errors,
-        disabled: _ctx.disabled
-      }, createSlots({
-        "icon-start": withCtx(() => [
-          createVNode(unref(Search))
-        ]),
-        _: 2
-      }, [
-        search.value && !_ctx.disabled ? {
-          name: "icon-end",
-          fn: withCtx(() => [
-            createVNode(unref(X), {
-              class: "clean-icon",
-              onClick: _cache[0] || (_cache[0] = ($event) => search.value = "")
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["modelValue", "placeholder", "errors", "disabled"]);
-    };
-  }
-});
-
-const BmsSearch = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-66c267f2"]]);
+const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-e159e127"]]);
 
 const _hoisted_1$C = ["value", "required", "placeholder"];
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
@@ -85941,7 +86098,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["card__body", { animated: _ctx.animated, hasAction: !!_ctx.$slots.action }])
         }, [
           createElementVNode("div", _hoisted_1$A, [
-            _ctx.to ? (openBlock(), createBlock(_sfc_main$1l, {
+            _ctx.to ? (openBlock(), createBlock(_sfc_main$1m, {
               key: 0,
               class: "card__body__content__link",
               to: _ctx.to
@@ -88936,7 +89093,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(["bms-short-link-menu", { "bms-short-link-menu__outline": _ctx.outline }])
       }, [
-        !!_ctx.helpLink ? (openBlock(), createBlock(_sfc_main$1h, {
+        !!_ctx.helpLink ? (openBlock(), createBlock(_sfc_main$1i, {
           key: 0,
           "tooltip-text": "Voir la documentation",
           to: _ctx.helpLink,
@@ -88949,7 +89106,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["to"])) : createCommentVNode("", true),
-        !!_ctx.activityLink ? (openBlock(), createBlock(_sfc_main$1h, {
+        !!_ctx.activityLink ? (openBlock(), createBlock(_sfc_main$1i, {
           key: 1,
           "tooltip-text": "Voir l'activité",
           to: _ctx.activityLink,
@@ -89060,7 +89217,7 @@ const _hoisted_8$3 = {
   key: 0,
   class: "ui-modal__loader"
 };
-const _hoisted_9$3 = { key: 0 };
+const _hoisted_9$2 = { key: 0 };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "BmsModal",
   props: {
@@ -89201,7 +89358,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                           ])
                         ], true)
                       ]),
-                      createVNode(_sfc_main$1h, {
+                      createVNode(_sfc_main$1i, {
                         disabled: !isModalClosable.value,
                         onClick: dismissModal,
                         "data-testid": "close-modal"
@@ -89227,7 +89384,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                             modalData: props.modelValue
                           }, () => [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(buttons.value, (button) => {
-                              return openBlock(), createBlock(_sfc_main$1i, {
+                              return openBlock(), createBlock(_sfc_main$1j, {
                                 key: button.label + button.role,
                                 type: button.role === "cancel" ? "secondary" : "primary",
                                 disabled: !isModalClosable.value || button.disabled,
@@ -89249,7 +89406,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
                           createVNode(BmsLoader, { size: 64 }),
-                          _ctx.loadingText ? (openBlock(), createElementBlock("p", _hoisted_9$3, toDisplayString(_ctx.loadingText), 1)) : createCommentVNode("", true)
+                          _ctx.loadingText ? (openBlock(), createElementBlock("p", _hoisted_9$2, toDisplayString(_ctx.loadingText), 1)) : createCommentVNode("", true)
                         ])) : createCommentVNode("", true)
                       ]),
                       _: 1
@@ -89309,7 +89466,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         renderSlot(_ctx.$slots, "actions", {}, () => [
           createElementVNode("div", _hoisted_2$j, [
-            _ctx.previousLabel ? (openBlock(), createBlock(_sfc_main$1i, {
+            _ctx.previousLabel ? (openBlock(), createBlock(_sfc_main$1j, {
               key: 0,
               "data-test": "previous-button",
               name: "previous",
@@ -89321,7 +89478,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            _ctx.nextLabel ? (openBlock(), createBlock(_sfc_main$1i, {
+            _ctx.nextLabel ? (openBlock(), createBlock(_sfc_main$1j, {
               key: 1,
               "data-test": "next-button",
               class: "",
@@ -89616,7 +89773,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return classes2;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1l, {
+      return openBlock(), createBlock(_sfc_main$1m, {
         to: _ctx.item.link,
         target: _ctx.target,
         classes: classes.value
@@ -89706,7 +89863,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               key: item.label
             }, [
               hasSubItems(item) ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
-                item.link ? (openBlock(), createBlock(_sfc_main$1l, {
+                item.link ? (openBlock(), createBlock(_sfc_main$1m, {
                   key: 0,
                   to: item.link,
                   class: normalizeClass(`parent-item ${isItemActive(item) ? "active" : ""}`)
@@ -89821,7 +89978,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const toggleMenu = (newMenuState = true) => isMenuOpen.value = newMenuState;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        createVNode(unref(_sfc_main$1h), {
+        createVNode(unref(_sfc_main$1i), {
           onClick: _cache[0] || (_cache[0] = ($event) => toggleMenu(!isMenuOpen.value)),
           "data-testid": "openMenu",
           "aria-label": "Ouvrir le menu"
@@ -89845,7 +90002,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                     ref: menu,
                     class: normalizeClass(["menu__container", { "is-show": isMenuOpen.value }])
                   }, [
-                    createVNode(unref(_sfc_main$1h), {
+                    createVNode(unref(_sfc_main$1i), {
                       class: "menu__close",
                       onClick: _cache[1] || (_cache[1] = ($event) => toggleMenu(false)),
                       "data-testid": "closeMenu",
@@ -90102,7 +90259,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           createTextVNode(" " + toDisplayString(_ctx.tenant.label), 1),
           createElementVNode("em", null, "- " + toDisplayString(_ctx.tenant.information), 1)
         ], 8, _hoisted_1$j),
-        _ctx.tenant.isFavorite ? (openBlock(), createBlock(_sfc_main$1h, {
+        _ctx.tenant.isFavorite ? (openBlock(), createBlock(_sfc_main$1i, {
           key: 0,
           class: "remove-tenant-button",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("removeFavorite"), ["stop"]))
@@ -90182,7 +90339,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1$i, [
-                createVNode(unref(_sfc_main$Y), {
+                createVNode(unref(_sfc_main$Z), {
                   ref_key: "searchRef",
                   ref: searchRef,
                   modelValue: search.value,
@@ -90298,7 +90455,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         _ctx.currentTenant && _ctx.tenants.length === 1 ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
           createVNode(_sfc_main$m, { tenant: _ctx.currentTenant }, null, 8, ["tenant"]),
           createElementVNode("span", null, toDisplayString(_ctx.currentTenant.label), 1)
-        ])) : _ctx.tenants.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$1i), {
+        ])) : _ctx.tenants.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$1j), {
           key: 1,
           type: "tertiary",
           onClick: _cache[0] || (_cache[0] = ($event) => showTenantSwitcher.value = !showTenantSwitcher.value)
@@ -90441,7 +90598,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 onMouseup: _cache[1] || (_cache[1] = () => gripped.value = false)
               }),
               renderSlot(_ctx.$slots, "default", { row: item }, void 0, true),
-              createVNode(unref(_sfc_main$1h), {
+              createVNode(unref(_sfc_main$1i), {
                 mode: unref(StatusType).Danger,
                 onClick: ($event) => onRemove(item)
               }, {
@@ -90589,7 +90746,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           ], true)
         ]),
         createElementVNode("div", _hoisted_3$6, [
-          createVNode(_sfc_main$1h, {
+          createVNode(_sfc_main$1i, {
             color: "neutral",
             onClick: goToFirst,
             disabled: _ctx.currentPage === 0
@@ -90599,7 +90756,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"]),
-          createVNode(_sfc_main$1h, {
+          createVNode(_sfc_main$1i, {
             onClick: goToPrevious,
             disabled: _ctx.currentPage === 0
           }, {
@@ -90608,7 +90765,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"]),
-          createVNode(_sfc_main$1h, {
+          createVNode(_sfc_main$1i, {
             onClick: goToNext,
             disabled: _ctx.currentPage === _ctx.pages - 1 || _ctx.pages === 0
           }, {
@@ -90617,7 +90774,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"]),
-          createVNode(_sfc_main$1h, {
+          createVNode(_sfc_main$1i, {
             onClick: goToLast,
             disabled: _ctx.currentPage === _ctx.pages - 1 || _ctx.pages === 0 || _ctx.total === Infinity
           }, {
@@ -94454,7 +94611,7 @@ const _hoisted_6$2 = {
 };
 const _hoisted_7$2 = { key: 1 };
 const _hoisted_8$2 = { key: 1 };
-const _hoisted_9$2 = { class: "bms-table__table-wrapper" };
+const _hoisted_9$1 = { class: "bms-table__table-wrapper" };
 const _hoisted_10$1 = {
   key: 0,
   class: "bms-table__loader"
@@ -94681,7 +94838,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           _: 3
         }, 8, ["type"])) : createCommentVNode("", true),
         _cache[4] || (_cache[4] = createElementVNode("div", { class: "selected-wrapper" }, null, -1)),
-        createElementVNode("div", _hoisted_9$2, [
+        createElementVNode("div", _hoisted_9$1, [
           createVNode(Transition, { name: "fade" }, {
             default: withCtx(() => [
               _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
@@ -94836,7 +94993,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", _hoisted_1$9, [
-        createVNode(_sfc_main$1j, {
+        createVNode(_sfc_main$1k, {
           class: "filter-button",
           color: _ctx.isFilterVisible ? unref(StatusType).Default : unref(StatusType).Information,
           mode: _ctx.isFilterVisible ? "fill" : "ghost",
@@ -96388,16 +96545,19 @@ const useSearch = (persistent = true, defaultFilters = [], defaultFiltersOpened
       return targetFilter.value === saveF.value || targetFilter.value === "" && saveF.value === null || targetFilter.value === null && saveF.value === "";
     });
   };
+  const resetFilterValue = (filter) => {
+    let resetFilter = { ...filter };
+    const valueKeys = ["value", "valueFrom", "valueTo"];
+    valueKeys.forEach((key) => {
+      if (resetFilter[key] !== null && resetFilter[key] !== void 0) {
+        resetFilter[key] = null;
+      }
+    });
+    return resetFilter;
+  };
   const resetFilters = () => {
     filters.value = filters.value.map((filter) => {
-      let resetFilter = { ...filter };
-      const valueKeys = ["value", "valueFrom", "valueTo"];
-      valueKeys.forEach((key) => {
-        if (resetFilter[key] !== null && resetFilter[key] !== void 0) {
-          resetFilter[key] = null;
-        }
-      });
-      return resetFilter;
+      return resetFilterValue(filter);
     });
   };
   const selectSavedFilter = (savedFilter) => {
@@ -96414,6 +96574,27 @@ const useSearch = (persistent = true, defaultFilters = [], defaultFiltersOpened
       });
     }
   };
+  const updateFiltersFromProps = (updatedFilters) => {
+    filters.value = filters.value.map((filter) => {
+      const updatedFilter = updatedFilters.find((f) => f.key === filter.key);
+      if (updatedFilter) {
+        let mergedFilter = { ...filter };
+        if (updatedFilter.autocompleteOptions)
+          mergedFilter.autocompleteOptions = updatedFilter.autocompleteOptions;
+        if (updatedFilter.selectOptions)
+          mergedFilter.selectOptions = updatedFilter.selectOptions;
+        const value = filter.value || filter.valueFrom || filter.valueTo;
+        const isValueValidSelectOption = updatedFilter.type === "select" && updatedFilter.selectOptions?.find((option) => option.value === value);
+        const isValueValidAutocompleteOption = updatedFilter.type === "autocomplete" && updatedFilter.autocompleteOptions?.find((option) => option === value);
+        if (value && !isValueValidSelectOption && !isValueValidAutocompleteOption) {
+          mergedFilter = resetFilterValue(mergedFilter);
+        }
+        return mergedFilter;
+      } else {
+        return filter;
+      }
+    });
+  };
   return {
     search,
     reflect,
@@ -96426,7 +96607,8 @@ const useSearch = (persistent = true, defaultFilters = [], defaultFiltersOpened
     isSavedFilterActive,
     resetFilters,
     selectSavedFilter,
-    resetAllFilters
+    resetAllFilters,
+    updateFiltersFromProps
   };
 };
 const reflectFiltersToPath = (filters) => {
@@ -96930,7 +97112,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     modelValue: {},
     canSaveFilters: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "saveFilter", "resetFilters"],
+  emits: ["update:modelValue", "saveFilter", "resetFilters", "filterInput", "filterChange"],
   setup(__props, { emit: __emit }) {
     const route = useRoute();
     const props = __props;
@@ -96940,22 +97122,25 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const nameInput = ref(null);
     const onFilter = (key, inputValue, valueKey) => {
       let filter = props.modelValue.find((f) => f.key === key);
+      let updatedValue;
       if (filter) {
         switch (filter.type) {
           case "boolean":
-            filter.value = inputValue === "true" ? true : inputValue === "false" ? false : null;
+            updatedValue = inputValue === "true" ? true : inputValue === "false" ? false : null;
             break;
           case "select":
           case "autocomplete":
           case "betweenDate":
           case "betweenDateTime":
           case "betweenNumber":
-            filter[valueKey] = inputValue === "null" ? null : inputValue;
+            updatedValue = inputValue === "null" ? null : inputValue;
             break;
           default:
-            filter.value = inputValue;
+            updatedValue = inputValue;
             break;
         }
+        filter[valueKey] = updatedValue;
+        $emits("filterChange", { filterKey: key, value: updatedValue });
       }
       $emits("update:modelValue", props.modelValue);
     };
@@ -96964,9 +97149,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         case "boolean":
           return BmsSelect;
         case "input":
-          return _sfc_main$Y;
+          return _sfc_main$Z;
         case "inputDate":
-          return _sfc_main$X;
+          return _sfc_main$Y;
         case "autocomplete":
           return BmsAutocomplete;
         case "select":
@@ -97051,7 +97236,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             _cache[2] || (_cache[2] = createTextVNode(" Recherche avancée ", -1))
           ]),
           createElementVNode("span", _hoisted_4$3, [
-            _ctx.canSaveFilters ? (openBlock(), createBlock(_sfc_main$1h, {
+            _ctx.canSaveFilters ? (openBlock(), createBlock(_sfc_main$1i, {
               key: 0,
               class: "save",
               tooltipText: "Sauvegarder le filtre",
@@ -97062,7 +97247,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createVNode(_sfc_main$1h, {
+            createVNode(_sfc_main$1i, {
               class: "reset",
               tooltipText: "Vider les champs",
               onClick: reset
@@ -97091,8 +97276,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 "onUpdate:valueTo": ($event) => onFilter(filter.key, $event, "valueTo"),
                 valueFrom: transformValueForComponent(filter?.valueFrom, filter.type),
                 valueTo: transformValueForComponent(filter?.valueTo, filter.type),
-                options: getFilterOptions(filter)
-              }, null, 40, ["label", "inputType", "modelValue", "onUpdate:modelValue", "onUpdate:valueFrom", "onUpdate:valueTo", "valueFrom", "valueTo", "options"]))
+                options: getFilterOptions(filter),
+                onInput: (e) => $emits("filterInput", {
+                  filterKey: filter.key,
+                  value: e.target.value,
+                  e
+                })
+              }, null, 40, ["label", "inputType", "modelValue", "onUpdate:modelValue", "onUpdate:valueFrom", "onUpdate:valueTo", "valueFrom", "valueTo", "options", "onInput"]))
             ], 2);
           }), 128))
         ]),
@@ -97105,7 +97295,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             _cache[3] || (_cache[3] = createElementVNode("div", null, " Vous pouvez sauvegarder votre recherche pour la retrouver plus facilement. ", -1)),
-            createVNode(unref(_sfc_main$Y), {
+            createVNode(unref(_sfc_main$Z), {
               ref_key: "nameInput",
               ref: nameInput,
               label: "Nom de la sauvegarde",
@@ -97121,7 +97311,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-58f3ef61"]]);
+const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-92161702"]]);
 
 function bind(fn, thisArg) {
   return function wrap() {
@@ -101032,7 +101222,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     },
     "selectedItemsModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["deleteSavedFilter", "saveFilter", "update:selectMode"], ["update:selectedItems"]),
+  emits: /* @__PURE__ */ mergeModels(["deleteSavedFilter", "saveFilter", "update:selectMode", "filterInput", "filterChange"], ["update:selectedItems"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const {
@@ -101065,7 +101255,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       toggleFilters,
       isSavedFilterActive,
       resetFilters,
-      selectSavedFilter
+      selectSavedFilter,
+      updateFiltersFromProps
     } = useSearch(props.persistent, props.filters, props.defaultFiltersOpened);
     const emits = __emit;
     const loading = ref(false);
@@ -101096,6 +101287,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         fetchData();
       }
     });
+    watch(
+      () => props.filters,
+      () => {
+        updateFiltersFromProps(props.filters);
+        reflectFiltersToPath(filters.value);
+      },
+      { deep: true }
+    );
     watch(
       [() => filters.value, () => sort.value, size, search],
       () => {
@@ -101176,9 +101375,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(UiBmsTable, {
         selectedItems: selectedItems.value,
-        "onUpdate:selectedItems": _cache[3] || (_cache[3] = ($event) => selectedItems.value = $event),
+        "onUpdate:selectedItems": _cache[5] || (_cache[5] = ($event) => selectedItems.value = $event),
         selectMode: localSelectMode.value,
-        "onUpdate:selectMode": _cache[4] || (_cache[4] = ($event) => localSelectMode.value = $event),
+        "onUpdate:selectMode": _cache[6] || (_cache[6] = ($event) => localSelectMode.value = $event),
         loading: loading.value,
         items: unref(items),
         headers: _ctx.headers,
@@ -101202,7 +101401,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(filters) ? filters.value = $event : null),
                   canSaveFilters: _ctx.canSaveFilters,
                   onSaveFilter,
-                  onResetFilters: unref(resetFilters)
+                  onResetFilters: unref(resetFilters),
+                  onFilterInput: _cache[1] || (_cache[1] = (filterEvent) => emits("filterInput", filterEvent)),
+                  onFilterChange: _cache[2] || (_cache[2] = (filterEvent) => emits("filterChange", filterEvent))
                 }, null, 8, ["modelValue", "canSaveFilters", "onResetFilters"])
               ], 512), [
                 [vShow, unref(isFilterVisible)]
@@ -101256,14 +101457,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           props.size ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
             createVNode(BmsPagination, {
               currentSize: unref(size),
-              "onUpdate:currentSize": _cache[1] || (_cache[1] = ($event) => isRef(size) ? size.value = $event : null),
+              "onUpdate:currentSize": _cache[3] || (_cache[3] = ($event) => isRef(size) ? size.value = $event : null),
               total: total.value,
               currentPage: props.initialPage === 1 ? unref(currentPage) - 1 : unref(currentPage),
               sizes: unref(paginationsOptions),
               pages: totalPages.value,
               onPrev: onPrevClick,
               onNext: onNextClick,
-              onGo: _cache[2] || (_cache[2] = ($event) => go($event))
+              onGo: _cache[4] || (_cache[4] = ($event) => go($event))
             }, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages"])
           ])) : createCommentVNode("", true)
         ]),
@@ -101282,7 +101483,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1a3ad3f2"]]);
+const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bb2d9aca"]]);
 
 const _hoisted_1$6 = { class: "filters-container" };
 const _hoisted_2$5 = {
@@ -101317,7 +101518,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     },
     "selectedItemsModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["deleteSavedFilter", "saveFilter"], ["update:selectedItems"]),
+  emits: /* @__PURE__ */ mergeModels(["deleteSavedFilter", "saveFilter", "filterInput", "filterChange"], ["update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     const route = useRoute();
     const slots = useSlots();
@@ -101351,7 +101552,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       isSavedFilterActive,
       resetFilters,
       selectSavedFilter,
-      resetAllFilters
+      resetAllFilters,
+      updateFiltersFromProps
     } = useSearch(props.persistent, props.filters, props.defaultFiltersOpened);
     const emits = __emit;
     const selectedItems = useModel(__props, "selectedItems");
@@ -101367,6 +101569,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       );
     };
     const isMounting = ref(true);
+    watch(
+      () => props.filters,
+      () => {
+        updateFiltersFromProps(props.filters);
+      },
+      { deep: true }
+    );
     watchEffect(
       async () => {
         isMounting.value = isPaginationMounting.value || isSortMounting.value || isSearchMounting.value;
@@ -101440,7 +101649,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(UiBmsTable, {
         selectedItems: selectedItems.value,
-        "onUpdate:selectedItems": _cache[4] || (_cache[4] = ($event) => selectedItems.value = $event),
+        "onUpdate:selectedItems": _cache[6] || (_cache[6] = ($event) => selectedItems.value = $event),
         loading: _ctx.loading,
         items: unref(currentItems),
         headers: _ctx.headers,
@@ -101465,7 +101674,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(filters) ? filters.value = $event : null),
                   canSaveFilters: _ctx.canSaveFilters,
                   onSaveFilter,
-                  onResetFilters: unref(resetFilters)
+                  onResetFilters: unref(resetFilters),
+                  onFilterInput: _cache[1] || (_cache[1] = (filterEvent) => emits("filterInput", filterEvent)),
+                  onFilterChange: _cache[2] || (_cache[2] = (filterEvent) => emits("filterChange", filterEvent))
                 }, null, 8, ["modelValue", "canSaveFilters", "onResetFilters"])
               ], 512), [
                 [vShow, unref(isFilterVisible)]
@@ -101504,7 +101715,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           !_ctx.disableSearch ? renderSlot(_ctx.$slots, "search", { key: 1 }, () => [
             createVNode(BmsSearch, {
               modelValue: unref(search),
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(search) ? search.value = $event : null),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(search) ? search.value = $event : null),
               class: "table-search"
             }, null, 8, ["modelValue"])
           ], true) : createCommentVNode("", true)
@@ -101521,14 +101732,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           props.size ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
             createVNode(BmsPagination, {
               currentSize: unref(size),
-              "onUpdate:currentSize": _cache[2] || (_cache[2] = ($event) => isRef(size) ? size.value = $event : null),
+              "onUpdate:currentSize": _cache[4] || (_cache[4] = ($event) => isRef(size) ? size.value = $event : null),
               total: unref(items).length,
               currentPage: unref(currentPage),
               sizes: unref(paginationsOptions),
               pages: unref(totalPages),
               onPrev: onPrevClick,
               onNext: onNextClick,
-              onGo: _cache[3] || (_cache[3] = ($event) => go($event))
+              onGo: _cache[5] || (_cache[5] = ($event) => go($event))
             }, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages"])
           ])) : createCommentVNode("", true)
         ]),
@@ -101547,7 +101758,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f2f86c8c"]]);
+const BmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-2f003e4e"]]);
 
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "BmsCocarde",
@@ -101605,7 +101816,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             class: "bms-notification__icon"
           })),
           createElementVNode("div", _hoisted_2$4, toDisplayString(_ctx.notification.text), 1),
-          createVNode(_sfc_main$1h, {
+          createVNode(_sfc_main$1i, {
             class: "bms-notification__close-button",
             onClick: closeNotification
           }, {
@@ -101782,7 +101993,7 @@ const _hoisted_5$1 = { class: "ui-debugger-line" };
 const _hoisted_6$1 = { class: "line-value" };
 const _hoisted_7$1 = { class: "ui-debugger-line" };
 const _hoisted_8$1 = { class: "ui-debugger-line" };
-const _hoisted_9$1 = { class: "line-value" };
+const _hoisted_9 = { class: "line-value" };
 const _hoisted_10 = { class: "ui-debugger-line" };
 const _hoisted_11 = ["href"];
 const _hoisted_12 = { class: "ui-debugger-line line-value" };
@@ -101846,7 +102057,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", null, [
                   createElementVNode("div", _hoisted_5$1, [
                     createElementVNode("span", _hoisted_6$1, toDisplayString(_ctx.problem.detail), 1),
-                    createVNode(unref(_sfc_main$1h), {
+                    createVNode(unref(_sfc_main$1i), {
                       class: "copyToClipboardButton",
                       onClick: _cache[1] || (_cache[1] = ($event) => onCopyToClipboard(_ctx.problem.detail))
                     }, {
@@ -101880,8 +102091,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 createElementVNode("div", null, [
                   createElementVNode("div", _hoisted_8$1, [
-                    createElementVNode("span", _hoisted_9$1, toDisplayString(_ctx.problem.correlationId), 1),
-                    createVNode(unref(_sfc_main$1h), {
+                    createElementVNode("span", _hoisted_9, toDisplayString(_ctx.problem.correlationId), 1),
+                    createVNode(unref(_sfc_main$1i), {
                       class: "copyToClipboardButton",
                       onClick: _cache[3] || (_cache[3] = ($event) => onCopyToClipboard(_ctx.problem.detail))
                     }, {
@@ -102091,7 +102302,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return isFeatureFlippingOn.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(_sfc_main$1i, {
+        createVNode(_sfc_main$1j, {
           onClick: _cache[0] || (_cache[0] = ($event) => emit("click")),
           mode: unref(StatusType).Danger
         }, {
@@ -102160,10 +102371,6 @@ const _hoisted_8 = {
   key: 0,
   class: "field__captions"
 };
-const _hoisted_9 = {
-  key: 1,
-  class: "field__errors"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FieldComponent",
   props: {
@@ -102253,25 +102460,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 2)
           ], 512)
         ]),
-        _ctx.captions?.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.captions, (caption) => {
+        _ctx.captions?.length || _ctx.errors?.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          _ctx.captions?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.captions, (caption) => {
             return openBlock(), createElementBlock("div", {
               key: getCaptionIdentifier(caption),
               class: "information field__caption"
             }, [
               createVNode(BmsCaption, { caption }, null, 8, ["caption"])
             ]);
-          }), 128))
-        ])) : createCommentVNode("", true),
-        _ctx.errors?.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(computedErrors.value, (error) => {
+          }), 128)) : createCommentVNode("", true),
+          _ctx.errors?.length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(computedErrors.value, (error) => {
             return openBlock(), createElementBlock("div", {
               key: error.label,
               class: "field__error"
             }, [
               createVNode(BmsCaption, { caption: error }, null, 8, ["caption"])
             ]);
-          }), 128))
+          }), 128)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
@@ -104377,8 +104582,8 @@ const routerHistoryPlugin = {
 
 const createBmsUi = () => ({
   install: (app) => {
-    app.component("BmsButton", _sfc_main$1i);
-    app.component("BmsIconButton", _sfc_main$1h);
+    app.component("BmsButton", _sfc_main$1j);
+    app.component("BmsIconButton", _sfc_main$1i);
     app.component("BmsAlert", BmsAlert);
     app.component("BmsBadge", BmsBadge);
     app.component("BmsCaption", BmsCaption);
@@ -104389,19 +104594,19 @@ const createBmsUi = () => ({
     app.component("BmsBetweenInput", BmsBetweenInput);
     app.component("BmsChip", BmsChip);
     app.component("BmsFilePicker", BmsFilePicker);
-    app.component("BmsInputBooleanCheckbox", _sfc_main$11);
+    app.component("BmsInputBooleanCheckbox", _sfc_main$12);
     app.component("BmsInputCheckboxGroup", BmsInputCheckboxGroup);
     app.component("BmsInputCheckboxCaption", BmsInputCheckboxCaption);
     app.component("BmsInputCheckboxCaptionGroup", BmsInputCheckboxCaptionGroup);
     app.component("BmsInputCode", BmsInputCode);
-    app.component("BmsInputDateTime", _sfc_main$X);
+    app.component("BmsInputDateTime", _sfc_main$Y);
     app.component("BmsInputFile", BmsInputFile);
-    app.component("BmsInputNumber", _sfc_main$V);
+    app.component("BmsInputNumber", _sfc_main$W);
     app.component("BmsInputRadio", BmsInputRadio);
     app.component("BmsInputRadioGroup", BmsInputRadioGroup);
     app.component("BmsInputRadioCaption", BmsInputRadioCaption);
     app.component("BmsInputRadioCaptionGroup", BmsInputRadioCaptionGroup);
-    app.component("BmsInputText", _sfc_main$Y);
+    app.component("BmsInputText", _sfc_main$Z);
     app.component("BmsInputToggle", BmsInputToggle);
     app.component("BmsMultiSelect", BmsMultiSelect);
     app.component("BmsSearch", BmsSearch);
@@ -104421,7 +104626,7 @@ const createBmsUi = () => ({
     app.component("BmsBackButton", BmsBackButton);
     app.component("BmsBreadcrumb", BmsBreadcrumb);
     app.component("BmsFixedMenu", BmsFixedMenu);
-    app.component("BmsLink", _sfc_main$1l);
+    app.component("BmsLink", _sfc_main$1m);
     app.component("BmsMenu", BmsMenu);
     app.component("BmsMenuNav", BmsMenuNav);
     app.component("BmsShortLinkMenu", BmsShortLinkMenu);
@@ -104438,5 +104643,5 @@ const createBmsUi = () => ({
   }
 });
 
-export { BMS_FORM_VALID_URL_REGEX, BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1i as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsFixedMenu, BmsForm, BmsHeader, BmsHeaderTitle, _sfc_main$1h as BmsIconButton, _sfc_main$11 as BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$X as BmsInputDateTime, BmsInputFile, _sfc_main$V as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$Y as BmsInputText, BmsInputToggle, _sfc_main$1l as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsMultiSelect, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$f as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerTable, BmsShortLinkMenu, BmsStep, BmsStepper, BmsTable, BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
+export { BMS_FORM_VALID_URL_REGEX, BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1j as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsFixedMenu, BmsForm, BmsHeader, BmsHeaderTitle, _sfc_main$1i as BmsIconButton, _sfc_main$12 as BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$Y as BmsInputDateTime, BmsInputFile, _sfc_main$W as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$Z as BmsInputText, BmsInputToggle, _sfc_main$1m as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsMultiSelect, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$f as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerTable, BmsShortLinkMenu, BmsStep, BmsStepper, BmsTable, BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
 //# sourceMappingURL=sipa-bms-ui.es.js.map