@ouestfrance/sipa-bms-ui 8.6.0 → 8.8.0

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

@@ -313,8 +313,8 @@
   };
 
   const _hoisted_1$X = ["href", "target"];
-  const _hoisted_2$B = ["href", "onClick", "target"];
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_2$C = ["href", "onClick", "target"];
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsLink",
     props: {
       to: {},
@@ -355,7 +355,7 @@
               target: _ctx.target
             }, _ctx.$attrs), [
               vue.renderSlot(_ctx.$slots, "default")
-            ], 16, _hoisted_2$B)
+            ], 16, _hoisted_2$C)
           ]),
           _: 3
         }, 8, ["to"]));
@@ -364,7 +364,7 @@
   });
 
   const _hoisted_1$W = ["type"];
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "UiButtonLink",
     props: {
       type: {},
@@ -388,7 +388,7 @@
           type: _ctx.type
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$W)) : (vue.openBlock(), vue.createBlock(_sfc_main$1l, {
+        ], 10, _hoisted_1$W)) : (vue.openBlock(), vue.createBlock(_sfc_main$1m, {
           key: 1,
           to: _ctx.to,
           target: _ctx.target,
@@ -404,9 +404,9 @@
   });
 
   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__ */ vue.defineComponent({
+  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "UiButton",
     props: {
       type: { default: "button" },
@@ -418,12 +418,12 @@
     setup(__props) {
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1k, vue.normalizeProps(vue.guardReactiveProps(props)), {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1l, vue.normalizeProps(vue.guardReactiveProps(props)), {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", _hoisted_1$V, [
               vue.renderSlot(_ctx.$slots, "start")
             ]),
-            vue.createElementVNode("span", _hoisted_2$A, [
+            vue.createElementVNode("span", _hoisted_2$B, [
               vue.renderSlot(_ctx.$slots, "default")
             ]),
             vue.createElementVNode("span", _hoisted_3$j, [
@@ -436,7 +436,7 @@
     }
   });
 
-  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsButton",
     props: {
       type: { default: "primary" },
@@ -459,7 +459,7 @@
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1j, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1k, {
           mode: uiMode.value,
           color: _ctx.mode,
           to: _ctx.to,
@@ -480,7 +480,7 @@
     }
   });
 
-  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsIconButton",
     props: {
       to: { default: null },
@@ -499,7 +499,7 @@
           direction: _ctx.tooltipDirection
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$1j, vue.mergeProps(_ctx.$attrs, {
+            vue.createVNode(_sfc_main$1k, vue.mergeProps(_ctx.$attrs, {
               icon: "",
               to: _ctx.to,
               target: _ctx.target,
@@ -36723,9 +36723,9 @@
   }, 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__ */ vue.defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsAlert",
     props: {
       message: {},
@@ -36751,7 +36751,7 @@
           class: vue.normalizeClass(["alert", `alert-${props.type}`])
         }, [
           vue.createElementVNode("div", _hoisted_1$U, [
-            vue.createElementVNode("span", _hoisted_2$z, [
+            vue.createElementVNode("span", _hoisted_2$A, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(alertIcon.value), { size: 20 }))
             ]),
             vue.createElementVNode("span", _hoisted_3$i, [
@@ -36760,7 +36760,7 @@
               ], true)
             ]),
             vue.renderSlot(_ctx.$slots, "action", {}, void 0, true),
-            _ctx.dismissable ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+            _ctx.dismissable ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => emits("dismiss"))
             }, {
@@ -36784,13 +36784,13 @@
     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__ */ vue.defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsBadge",
     props: {
       pending: { default: 0 },
@@ -36816,14 +36816,14 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _hoisted_2$z = ["innerHTML"];
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsCaption",
     props: {
       caption: {}
@@ -36860,29 +36860,29 @@
           vue.createElementVNode("span", {
             class: "label",
             innerHTML: vue.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__ */ vue.defineComponent({
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsCircularProgress",
     props: ["progress"],
     setup(__props) {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
-          __props.progress ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$x, [
+          __props.progress ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$y, [
             vue.createElementVNode("g", _hoisted_3$h, [
               _cache[0] || (_cache[0] = vue.createElementVNode("circle", {
                 opacity: ".08",
@@ -36911,13 +36911,13 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsLoader",
     props: {
       size: { default: "inherit" }
@@ -36938,7 +36938,7 @@
     }
   });
 
-  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 (vue.getCurrentScope()) {
@@ -37772,7 +37772,7 @@
     };
   };
 
-  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     __name: "UiTooltip",
     props: {
       visible: { type: Boolean, default: true },
@@ -37848,9 +37848,9 @@
     }
   });
 
-  const UiTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-e8f6f5f1"]]);
+  const UiTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-44def116"]]);
 
-  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsTooltip",
     props: {
       tooltipText: { default: "" },
@@ -37929,10 +37929,14 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _hoisted_1$P = {
+    class: "options-list",
+    "data-testid": "select-options"
+  };
+  const _hoisted_2$x = ["data-testid", "onClick"];
+  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     __name: "FieldDatalist",
     props: {
       options: {},
@@ -37941,7 +37945,7 @@
       newOption: { default: "" },
       small: { type: Boolean, default: false }
     },
-    emits: ["select", "addNewOption"],
+    emits: ["select", "addNewOption", "blur"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const currentSelectedItemIndex = vue.ref(-1);
@@ -37950,11 +37954,17 @@
         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;
           }
@@ -37983,6 +37993,9 @@
           currentSelectedItemIndex.value = -1;
         }
       };
+      const keyEscape = () => {
+        $emits("blur");
+      };
       const onClick = (option) => {
         $emits("select", option);
       };
@@ -37990,55 +38003,52 @@
         () => props.canAddNewOption && props.newOption && !props.options.find((o) => o.value === props.newOption)
       );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("ul", {
-          class: "options-list",
-          "data-testid": "select-options",
-          onKeydown: [
-            vue.withKeys(keyUp, ["up"]),
-            vue.withKeys(keyDown, ["down"]),
-            vue.withKeys(keyEnter, ["enter"])
-          ]
-        }, [
+        return vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$P, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: index,
               "data-testid": option.value,
               class: vue.normalizeClass({
+                "datalist-option": true,
                 selected: index === currentSelectedItemIndex.value,
                 small: _ctx.small
               }),
-              onClick: vue.withModifiers(($event) => onClick(option), ["prevent"])
+              onClick: vue.withModifiers(($event) => onClick(option), ["stop"])
             }, [
               vue.renderSlot(_ctx.$slots, "option", { option }, () => [
                 vue.createTextVNode(vue.toDisplayString(option.label === null ? "N/A" : option.label), 1)
               ], true)
-            ], 10, _hoisted_1$P);
+            ], 10, _hoisted_2$x);
           }), 128)),
           displayNewOption.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 0,
-            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => $emits("addNewOption", _ctx.newOption), ["prevent"]))
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => $emits("addNewOption", _ctx.newOption), ["stop"]))
           }, [
             vue.renderSlot(_ctx.$slots, "new-option", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.newOption) + " (nouvelle option) ", 1)
             ], true)
           ])) : vue.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__ */ vue.defineComponent({
+  const _sfc_main$19 = /* @__PURE__ */ vue.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 },
@@ -38049,25 +38059,14 @@
       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 = vue.ref(null);
       const $emits = __emit;
-      vue.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({
@@ -38103,13 +38102,13 @@
             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] = vue.withKeys(($event) => $emits("keyUp"), ["up"])),
-              _cache[2] || (_cache[2] = vue.withKeys(($event) => $emits("keyDown"), ["down"])),
-              _cache[3] || (_cache[3] = vue.withKeys(($event) => $emits("keyEnter"), ["enter"]))
-            ]
+            onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus"))
           }, null, 40, _hoisted_3$g),
           vue.createElementVNode("span", _hoisted_4$b, [
             vue.renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
@@ -38119,9 +38118,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     __name: "RawAutocomplete",
     props: /* @__PURE__ */ vue.mergeModels({
       options: {},
@@ -38145,14 +38144,19 @@
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const modelValue = vue.useModel(__props, "modelValue");
+      const rawInput = vue.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 = vue.ref(
         getValidOptionByValue(modelValue.value)?.label ?? ""
       );
-      const showDataList = vue.ref(props.open);
-      const autocompleteInput = vue.ref(null);
+      const isDatalistOpen = vue.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 = vue.computed(() => {
         return { "is-error": props.errors?.length, "is-disabled": props.disabled };
       });
@@ -38160,11 +38164,13 @@
         () => 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);
@@ -38188,25 +38194,25 @@
           }
         }
       );
+      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
@@ -38217,13 +38223,14 @@
           datalist: vue.withCtx(() => [
             vue.withDirectives(vue.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: vue.withCtx(({ option }) => [
                 vue.renderSlot(_ctx.$slots, "option", { option }, () => [
@@ -38232,13 +38239,13 @@
               ]),
               _: 3
             }, 8, ["is-input-focused", "can-add-new-option", "new-option", "options", "small"]), [
-              [vue.vShow, showDataList.value]
+              [vue.vShow, isDatalistOpen.value]
             ])
           ]),
           default: vue.withCtx(() => [
             vue.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: vue.unref(InputType).TEXT,
@@ -38247,26 +38254,29 @@
               placeholder: _ctx.placeholder,
               required: _ctx.required,
               small: _ctx.small,
-              onInput
+              onInput,
+              onFocus
             }, {
               "icon-start": vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
               ]),
               "icon-end": vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "icon-end", {}, () => [
-                  inputText.value.length ? (vue.openBlock(), vue.createElementBlock("span", {
+                  inputText.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(X), {
                     key: 0,
                     class: "icon",
-                    onClick: clearInput
-                  }, [
-                    vue.createVNode(vue.unref(X))
-                  ])) : (vue.openBlock(), vue.createElementBlock("span", {
-                    key: 1,
-                    class: "icon",
-                    onClick: vue.withModifiers(toggleList, ["stop"])
-                  }, [
-                    !showDataList.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), { key: 1 }))
-                  ]))
+                    onClick: vue.withModifiers(clearInput, ["stop"])
+                  })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    isDatalistOpen.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), {
+                      key: 0,
+                      class: "icon",
+                      onClick: closeDatalist
+                    })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
+                      key: 1,
+                      class: "icon",
+                      onClick: openDatalist
+                    }))
+                  ], 64))
                 ], true)
               ]),
               _: 3
@@ -38278,11 +38288,11 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsAutocomplete",
     props: /* @__PURE__ */ vue.mergeModels({
       options: {},
@@ -38304,7 +38314,7 @@
       },
       "modelModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["addNewOption", "select"], ["update:modelValue"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["addNewOption", "select", "input"], ["update:modelValue"]),
     setup(__props, { emit: __emit }) {
       const props = __props;
       const modelValue = vue.useModel(__props, "modelValue");
@@ -38336,7 +38346,8 @@
           "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))
         }, vue.createSlots({
           option: vue.withCtx(({ option }) => [
             option.icon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -38369,9 +38380,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsBetweenInput",
     props: {
       inputType: { default: InputType.NUMBER },
@@ -38468,9 +38479,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsChip",
     props: {
       color: { default: ChipColor.Grey }
@@ -38493,13 +38504,13 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsFilePicker",
     props: {
       modelValue: {},
@@ -38598,7 +38609,7 @@
                 class: "file-upload__file"
               }, [
                 vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(file.name), 1),
-                vue.createVNode(vue.unref(_sfc_main$1h), {
+                vue.createVNode(vue.unref(_sfc_main$1i), {
                   onClick: ($event) => onDeleteFile(file)
                 }, {
                   default: vue.withCtx(() => [
@@ -38614,14 +38625,14 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     __name: "UiBmsInputCheckbox",
     props: {
       modelValue: { default: false },
@@ -38671,9 +38682,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputBooleanCheckbox",
     props: {
       modelValue: {},
@@ -38792,7 +38803,7 @@
       return _v4(options, buf, offset);
   }
 
-  const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputCheckboxGroup",
     props: {
       values: {},
@@ -38861,9 +38872,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputCheckboxCaption",
     props: {
       modelValue: {},
@@ -38939,9 +38950,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputCheckboxCaptionGroup",
     props: {
       options: { default: () => [] },
@@ -38996,7 +39007,7 @@
     }
   });
 
-  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.
@@ -67532,7 +67543,7 @@
   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=vue.defineComponent({name:"VueCodemirror",props:Object.assign({},w),emits:Object.assign({},F),setup:function(t,s){var f=vue.shallowRef(),d=vue.shallowRef(),C=vue.shallowRef(),D=Object.assign(Object.assign({},h),vue.inject(y,{})),U=vue.computed((function(){var e={};return Object.keys(vue.toRaw(t)).forEach((function(n){var o;"modelValue"!==n&&(e[n]=null!==(o=t[n])&&void 0!==o?o:D[n]);})),e}));return vue.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);vue.watch((function(){return t.modelValue}),(function(e){e!==n.getDoc()&&n.setDoc(e);})),vue.watch((function(){return t.extensions}),(function(e){return n.reExtensions(e||[])}),{immediate:true}),vue.watch((function(){return U.value.disabled}),(function(e){return n.toggleDisabled(e)}),{immediate:true}),vue.watch((function(){return U.value.indentWithTab}),(function(e){return n.toggleIndentWithTab(e)}),{immediate:true}),vue.watch((function(){return U.value.tabSize}),(function(e){return n.setTabSize(e)}),{immediate:true}),vue.watch((function(){return U.value.phrases}),(function(e){return n.setPhrases(e||{})}),{immediate:true}),vue.watch((function(){return U.value.placeholder}),(function(e){return n.setPlaceholder(e)}),{immediate:true}),vue.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});})),vue.onBeforeUnmount((function(){U.value.autoDestroy&&C.value&&function(e){e.destroy();}(C.value);})),function(){return vue.h("div",{class:"v-codemirror",style:{display:"contents"},ref:f})}}}),T=P;
 
   const _hoisted_1$K = { class: "code-mirror" };
-  const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputCode",
     props: /* @__PURE__ */ vue.mergeModels({
       type: {},
@@ -67582,14 +67593,18 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputText",
     props: {
       inputType: { default: InputType.TEXT },
       modelValue: {},
       placeholder: {},
+      min: {},
+      max: {},
+      minlength: {},
+      maxlength: {},
       label: { default: "" },
       required: { type: Boolean, default: false },
       optional: { type: Boolean },
@@ -67599,11 +67614,47 @@
       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 = vue.ref(null);
+      const internalErrors = vue.ref([]);
+      const computedErrors = vue.computed(() => {
+        return props.errors ? internalErrors.value.concat(props.errors) : internalErrors.value;
+      });
+      const internalCaptions = vue.ref([]);
+      const computedCaptions = vue.computed(() => {
+        return props.captions ? internalCaptions.value.concat(props.captions) : internalCaptions.value;
+      });
+      vue.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();
@@ -67612,28 +67663,35 @@
       __expose({
         setFocus
       });
-      const onInput = (e) => {
-        if (!props.disabled)
-          $emits("update:modelValue", (e?.target).value);
-      };
+      vue.watch(
+        () => props.modelValue,
+        () => checkLimit()
+      );
       return (_ctx, _cache) => {
         const _component_field = vue.resolveComponent("field");
-        return vue.openBlock(), vue.createBlock(_component_field, vue.normalizeProps(vue.guardReactiveProps(_ctx.$props)), {
+        return vue.openBlock(), vue.createBlock(_component_field, vue.mergeProps(_ctx.$props, {
+          captions: computedCaptions.value,
+          errors: computedErrors.value
+        }), {
           default: vue.withCtx(() => [
             vue.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": vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "icon-start")
@@ -67642,15 +67700,15 @@
                 vue.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__ */ vue.defineComponent({
+  const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputDateTime",
     props: {
       modelValue: {},
@@ -67676,7 +67734,7 @@
         if (!props.disabled && value) $emits("update:modelValue", value);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$Z, {
           modelValue: _ctx.modelValue,
           label: _ctx.label,
           required: _ctx.required,
@@ -67699,7 +67757,7 @@
     key: 1,
     class: "file-upload__file-name"
   };
-  const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputFile",
     props: {
       modelValue: {},
@@ -67853,7 +67911,7 @@
                     src: getImageSrc(file),
                     class: "file-upload__file-img"
                   }, null, 8, _hoisted_2$s)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(file.name), 1)),
-                  vue.createVNode(_sfc_main$1h, {
+                  vue.createVNode(_sfc_main$1i, {
                     mode: vue.unref(StatusType).Danger,
                     onClick: vue.withModifiers(($event) => onDeleteFile(file), ["prevent"]),
                     class: "close-button"
@@ -67873,9 +67931,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputNumber",
     props: {
       modelValue: {},
@@ -67894,6 +67952,13 @@
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const input = vue.ref(null);
+      const internalErrors = vue.ref([]);
+      const computedErrors = vue.computed(() => {
+        return props.errors ? internalErrors.value.concat(props.errors) : internalErrors.value;
+      });
+      vue.onMounted(() => {
+        checkLimit();
+      });
       const $emits = __emit;
       const onInput = (e) => {
         if (!props.disabled)
@@ -67902,6 +67967,19 @@
       vue.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();
@@ -67910,8 +67988,12 @@
       __expose({
         setFocus
       });
+      vue.watch(
+        () => props.modelValue,
+        () => checkLimit()
+      );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$Z, {
           modelValue: _ctx.modelValue,
           label: _ctx.label,
           required: _ctx.required,
@@ -67920,10 +68002,12 @@
           helperText: _ctx.helperText,
           placeholder: _ctx.placeholder,
           captions: _ctx.captions,
-          errors: _ctx.errors,
+          errors: computedErrors.value,
           inputType: vue.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"]);
       };
     }
   });
@@ -67933,7 +68017,7 @@
     key: 0,
     class: "input-radio-info"
   };
-  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputRadio",
     props: {
       modelValue: {},
@@ -67984,9 +68068,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputRadioGroup",
     props: {
       values: { default: () => [] },
@@ -68055,9 +68139,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputRadioCaption",
     props: {
       modelValue: {},
@@ -68119,9 +68203,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputRadioCaptionGroup",
     props: {
       options: { default: () => [] },
@@ -68179,10 +68263,10 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     __name: "UiBmsSwitch",
     props: {
       disabled: { type: Boolean, default: false },
@@ -68219,10 +68303,10 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsInputToggle",
     props: {
       name: {},
@@ -68263,7 +68347,302 @@
     }
   });
 
-  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__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["tag", { active: _ctx.active, disabled: _ctx.disabled, small: _ctx.small }]),
+          onClick: _cache[1] || (_cache[1] = ($event) => emits("click"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          vue.createElementVNode("span", _hoisted_1$F, [
+            _ctx.canBeDismissed ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1i), {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("dismiss"), ["stop"]))
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+                  vue.createVNode(vue.unref(X))
+                ], true)
+              ]),
+              _: 3
+            })) : vue.createCommentVNode("", true)
+          ])
+        ], 2);
+      };
+    }
+  });
+
+  const BmsTag = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-e2517fee"]]);
+
+  const _sfc_main$O = /* @__PURE__ */ vue.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 = vue.computed(() => {
+        return { "is-error": props.errors?.length, "is-disabled": props.disabled };
+      });
+      const selectItem = (option) => {
+        emits("select", option);
+      };
+      return (_ctx, _cache) => {
+        const _component_field = vue.resolveComponent("field");
+        return vue.openBlock(), vue.createBlock(_component_field, vue.normalizeProps(vue.guardReactiveProps(_ctx.$props)), {
+          datalist: vue.withCtx(() => [
+            vue.withDirectives(vue.createVNode(FieldDatalist, {
+              options: _ctx.options,
+              "is-input-focused": _ctx.open,
+              small: _ctx.small,
+              onSelect: selectItem
+            }, {
+              option: vue.withCtx(({ option }) => [
+                vue.renderSlot(_ctx.$slots, "option", { option }, void 0, true)
+              ]),
+              _: 3
+            }, 8, ["options", "is-input-focused", "small"]), [
+              [vue.vShow, _ctx.open]
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(["select-wrapper", classes.value])
+            }, [
+              vue.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__ */ vue.defineComponent({
+    __name: "BmsMultiSelect",
+    props: /* @__PURE__ */ vue.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 = vue.useTemplateRef("inputElement");
+      const isDatalistOpen = vue.ref(false);
+      const closeDatalist = () => isDatalistOpen.value = false;
+      const openDatalist = () => isDatalistOpen.value = true;
+      const searching = vue.ref("");
+      const modelValue = vue.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 = vue.computed(
+        () => props.options.filter((o) => searchString(o.label, searching.value)).filter(
+          (o) => !modelValue.value.find((option) => option.value === o.value)
+        )
+      );
+      const displayValues = vue.computed(
+        () => modelValue.value.filter(
+          (o) => props.options.find((option) => option.value === o.value)
+        )
+      );
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(RawSelect, vue.mergeProps(_ctx.$props, {
+          options: displayedOptions.value,
+          "model-value": modelValue.value,
+          open: isDatalistOpen.value,
+          onSelect
+        }), {
+          input: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1$E, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (tag) => {
+                return vue.openBlock(), vue.createBlock(BmsTag, {
+                  small: _ctx.small,
+                  active: "",
+                  onDismiss: ($event) => removeOption(tag.value)
+                }, {
+                  default: vue.withCtx(() => [
+                    tag?.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tag.icon), { key: 0 })) : vue.createCommentVNode("", true),
+                    vue.createTextVNode(" " + vue.toDisplayString(tag.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["small", "onDismiss"]);
+              }), 256)),
+              vue.withDirectives(vue.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: [
+                  vue.withKeys(openDatalist, ["down"]),
+                  vue.withKeys(onBackspace, ["backspace"])
+                ],
+                onInput: openDatalist
+              }, null, 544), [
+                [vue.vModelText, searching.value]
+              ])
+            ]),
+            vue.createElementVNode("span", _hoisted_2$q, [
+              modelValue.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(X), {
+                key: 0,
+                class: "icon icon-clear",
+                onClick: vue.withModifiers(clearInput, ["stop"])
+              })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                isDatalistOpen.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), {
+                  key: 0,
+                  class: "icon icon-toggle-button",
+                  onClick: closeDatalist
+                })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
+                  key: 1,
+                  class: "icon icon-toggle-button",
+                  onClick: openDatalist
+                }))
+              ], 64))
+            ])
+          ]),
+          option: vue.withCtx(({ option }) => [
+            vue.createVNode(BmsTag, {
+              active: "",
+              "can-be-dismissed": false
+            }, {
+              default: vue.withCtx(() => [
+                option?.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon), { key: 0 })) : vue.createCommentVNode("", true),
+                vue.createTextVNode(" " + vue.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__ */ vue.defineComponent({
+    __name: "BmsSearch",
+    props: {
+      modelValue: {},
+      placeholder: { default: "Rechercher..." },
+      disabled: { type: Boolean },
+      errors: {}
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const input = vue.ref(null);
+      const props = __props;
+      const emit = __emit;
+      const search = vue.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 vue.openBlock(), vue.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
+        }, vue.createSlots({
+          "icon-start": vue.withCtx(() => [
+            vue.createVNode(vue.unref(Search))
+          ]),
+          _: 2
+        }, [
+          search.value && !_ctx.disabled ? {
+            name: "icon-end",
+            fn: vue.withCtx(() => [
+              vue.createVNode(vue.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 : {};
 
@@ -85483,14 +85862,15 @@
   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__ */ vue.defineComponent({
+  const _hoisted_1$D = ["value", "placeholder", "required"];
+  const _hoisted_2$p = { class: "icon-toggle-container" };
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsSelect",
     props: /* @__PURE__ */ vue.mergeModels({
       options: {},
       optional: { type: Boolean },
       placeholder: {},
+      open: { type: Boolean, default: false },
       label: { default: "" },
       required: { type: Boolean, default: false },
       helperText: {},
@@ -85500,29 +85880,24 @@
       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__ */ vue.mergeModels(["select"], ["update:modelValue"]),
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const modelValue = vue.useModel(__props, "modelValue");
-      const open = vue.useModel(__props, "open");
-      const selectInput = vue.ref(null);
-      const selectWrapper = vue.ref(null);
-      const classes = vue.computed(() => {
-        return { "is-error": props.errors?.length, "is-disabled": props.disabled };
-      });
-      vue.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 = vue.useTemplateRef("inputElement");
+      const isDatalistOpen = vue.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 = vue.computed(() => {
         const option = props.options.find(
@@ -85531,277 +85906,59 @@
         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 = vue.resolveComponent("field");
-        return vue.openBlock(), vue.createBlock(_component_field, vue.normalizeProps(vue.guardReactiveProps(_ctx.$props)), {
-          datalist: vue.withCtx(() => [
-            vue.withDirectives(vue.createVNode(FieldDatalist, {
-              options: _ctx.options,
-              "is-input-focused": open.value,
-              small: _ctx.small,
-              onSelect: _cache[0] || (_cache[0] = (option) => selectItem(option))
-            }, {
-              option: vue.withCtx(({ option }) => [
-                vue.renderSlot(_ctx.$slots, "option", { option }, void 0, true)
-              ]),
-              _: 3
-            }, 8, ["options", "is-input-focused", "small"]), [
-              [vue.vShow, open.value]
-            ])
-          ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(["select-wrapper", classes.value]),
-              ref_key: "selectWrapper",
-              ref: selectWrapper
-            }, [
-              vue.renderSlot(_ctx.$slots, "input", {}, () => [
-                vue.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),
-                vue.createElementVNode("span", _hoisted_2$q, [
-                  vue.createVNode(vue.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__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["tag", { active: _ctx.active, disabled: _ctx.disabled, small: _ctx.small }]),
-          onClick: _cache[1] || (_cache[1] = ($event) => emits("click"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          vue.createElementVNode("span", _hoisted_1$E, [
-            _ctx.canBeDismissed ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1h), {
-              key: 0,
-              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("dismiss"), ["stop"]))
-            }, {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
-                  vue.createVNode(vue.unref(X))
-                ], true)
-              ]),
-              _: 3
-            })) : vue.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__ */ vue.defineComponent({
-    __name: "BmsMultiSelect",
-    props: /* @__PURE__ */ vue.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 = vue.ref("");
-      const modelValue = vue.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 = vue.computed(
-        () => props.options.filter((o) => searchString(o.label, searching.value)).filter(
-          (o) => !modelValue.value.find((option) => option.value === o.value)
-        )
-      );
-      const displayValues = vue.computed(
-        () => modelValue.value.filter(
-          (o) => props.options.find((option) => option.value === o.value)
-        )
-      );
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(BmsSelect, vue.mergeProps(_ctx.$props, {
-          options: displayedOptions.value,
-          "model-value": modelValue.value,
-          "onUpdate:modelValue": onSelect
+        return vue.openBlock(), vue.createBlock(RawSelect, vue.mergeProps(_ctx.$props, {
+          open: isDatalistOpen.value,
+          onSelect,
+          onClick: setFocus
         }), {
           input: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$D, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (tag) => {
-                return vue.openBlock(), vue.createBlock(BmsTag, {
-                  small: _ctx.small,
-                  active: "",
-                  onDismiss: ($event) => removeOption(tag.value)
-                }, {
-                  default: vue.withCtx(() => [
-                    tag?.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tag.icon), { key: 0 })) : vue.createCommentVNode("", true),
-                    vue.createTextVNode(" " + vue.toDisplayString(tag.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["small", "onDismiss"]);
-              }), 256)),
-              vue.withDirectives(vue.createElementVNode("input", {
-                type: "text",
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searching.value = $event),
-                class: "search"
-              }, null, 512), [
-                [vue.vModelText, searching.value]
-              ])
-            ]),
+            vue.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: vue.withKeys(openDatalist, ["down"])
+            }, null, 40, _hoisted_1$D),
             vue.createElementVNode("span", _hoisted_2$p, [
-              modelValue.value.length === 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
+              isDatalistOpen.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), {
                 key: 0,
-                class: "icon-button"
-              })) : (vue.openBlock(), vue.createBlock(vue.unref(X), {
+                class: "icon-toggle-button",
+                onClick: closeDatalist
+              })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
                 key: 1,
-                class: "icon-button",
-                onClick: reset
+                class: "icon-toggle-button",
+                onClick: openDatalist
               }))
             ])
           ]),
-          option: vue.withCtx(({ option }) => [
-            vue.createVNode(BmsTag, {
-              active: "",
-              "can-be-dismissed": false
-            }, {
-              default: vue.withCtx(() => [
-                option?.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon), { key: 0 })) : vue.createCommentVNode("", true),
-                vue.createTextVNode(" " + vue.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__ */ vue.defineComponent({
-    __name: "BmsSearch",
-    props: {
-      modelValue: {},
-      placeholder: { default: "Rechercher..." },
-      disabled: { type: Boolean },
-      errors: {}
-    },
-    emits: ["update:modelValue"],
-    setup(__props, { expose: __expose, emit: __emit }) {
-      const input = vue.ref(null);
-      const props = __props;
-      const emit = __emit;
-      const search = vue.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 vue.openBlock(), vue.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
-        }, vue.createSlots({
-          "icon-start": vue.withCtx(() => [
-            vue.createVNode(vue.unref(Search))
-          ]),
-          _: 2
-        }, [
-          search.value && !_ctx.disabled ? {
-            name: "icon-end",
-            fn: vue.withCtx(() => [
-              vue.createVNode(vue.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__ */ vue.defineComponent({
@@ -85944,7 +86101,7 @@
             class: vue.normalizeClass(["card__body", { animated: _ctx.animated, hasAction: !!_ctx.$slots.action }])
           }, [
             vue.createElementVNode("div", _hoisted_1$A, [
-              _ctx.to ? (vue.openBlock(), vue.createBlock(_sfc_main$1l, {
+              _ctx.to ? (vue.openBlock(), vue.createBlock(_sfc_main$1m, {
                 key: 0,
                 class: "card__body__content__link",
                 to: _ctx.to
@@ -88939,7 +89096,7 @@
           key: 0,
           class: vue.normalizeClass(["bms-short-link-menu", { "bms-short-link-menu__outline": _ctx.outline }])
         }, [
-          !!_ctx.helpLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+          !!_ctx.helpLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
             key: 0,
             "tooltip-text": "Voir la documentation",
             to: _ctx.helpLink,
@@ -88952,7 +89109,7 @@
             ]),
             _: 3
           }, 8, ["to"])) : vue.createCommentVNode("", true),
-          !!_ctx.activityLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+          !!_ctx.activityLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
             key: 1,
             "tooltip-text": "Voir l'activité",
             to: _ctx.activityLink,
@@ -89050,7 +89207,7 @@
     }
   });
 
-  const BmsOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-5004909e"]]);
+  const BmsOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-383b958c"]]);
 
   const _hoisted_1$v = ["data-testid"];
   const _hoisted_2$k = { class: "ui-modal__header" };
@@ -89063,7 +89220,7 @@
     key: 0,
     class: "ui-modal__loader"
   };
-  const _hoisted_9$3 = { key: 0 };
+  const _hoisted_9$2 = { key: 0 };
   const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsModal",
     props: {
@@ -89204,7 +89361,7 @@
                             ])
                           ], true)
                         ]),
-                        vue.createVNode(_sfc_main$1h, {
+                        vue.createVNode(_sfc_main$1i, {
                           disabled: !isModalClosable.value,
                           onClick: dismissModal,
                           "data-testid": "close-modal"
@@ -89230,7 +89387,7 @@
                               modalData: props.modelValue
                             }, () => [
                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(buttons.value, (button) => {
-                                return vue.openBlock(), vue.createBlock(_sfc_main$1i, {
+                                return vue.openBlock(), vue.createBlock(_sfc_main$1j, {
                                   key: button.label + button.role,
                                   type: button.role === "cancel" ? "secondary" : "primary",
                                   disabled: !isModalClosable.value || button.disabled,
@@ -89252,7 +89409,7 @@
                         default: vue.withCtx(() => [
                           _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$3, [
                             vue.createVNode(BmsLoader, { size: 64 }),
-                            _ctx.loadingText ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$3, vue.toDisplayString(_ctx.loadingText), 1)) : vue.createCommentVNode("", true)
+                            _ctx.loadingText ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$2, vue.toDisplayString(_ctx.loadingText), 1)) : vue.createCommentVNode("", true)
                           ])) : vue.createCommentVNode("", true)
                         ]),
                         _: 1
@@ -89312,7 +89469,7 @@
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           vue.renderSlot(_ctx.$slots, "actions", {}, () => [
             vue.createElementVNode("div", _hoisted_2$j, [
-              _ctx.previousLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
+              _ctx.previousLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1j, {
                 key: 0,
                 "data-test": "previous-button",
                 name: "previous",
@@ -89324,7 +89481,7 @@
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              _ctx.nextLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
+              _ctx.nextLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1j, {
                 key: 1,
                 "data-test": "next-button",
                 class: "",
@@ -89619,7 +89776,7 @@
         return classes2;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1l, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1m, {
           to: _ctx.item.link,
           target: _ctx.target,
           classes: classes.value
@@ -89709,7 +89866,7 @@
                 key: item.label
               }, [
                 hasSubItems(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
-                  item.link ? (vue.openBlock(), vue.createBlock(_sfc_main$1l, {
+                  item.link ? (vue.openBlock(), vue.createBlock(_sfc_main$1m, {
                     key: 0,
                     to: item.link,
                     class: vue.normalizeClass(`parent-item ${isItemActive(item) ? "active" : ""}`)
@@ -89824,7 +89981,7 @@
       const toggleMenu = (newMenuState = true) => isMenuOpen.value = newMenuState;
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
-          vue.createVNode(vue.unref(_sfc_main$1h), {
+          vue.createVNode(vue.unref(_sfc_main$1i), {
             onClick: _cache[0] || (_cache[0] = ($event) => toggleMenu(!isMenuOpen.value)),
             "data-testid": "openMenu",
             "aria-label": "Ouvrir le menu"
@@ -89848,7 +90005,7 @@
                       ref: menu,
                       class: vue.normalizeClass(["menu__container", { "is-show": isMenuOpen.value }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$1h), {
+                      vue.createVNode(vue.unref(_sfc_main$1i), {
                         class: "menu__close",
                         onClick: _cache[1] || (_cache[1] = ($event) => toggleMenu(false)),
                         "data-testid": "closeMenu",
@@ -89888,7 +90045,7 @@
     }
   });
 
-  const BmsMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-79a67d3d"]]);
+  const BmsMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-02719cac"]]);
 
   const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "UiTab",
@@ -90041,7 +90198,7 @@
     }
   });
 
-  const UiPopoverMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-9504df98"]]);
+  const UiPopoverMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-a5b2b7f5"]]);
 
   const getInitials = (name) => {
     if (name.length === 0) return "";
@@ -90105,7 +90262,7 @@
             vue.createTextVNode(" " + vue.toDisplayString(_ctx.tenant.label), 1),
             vue.createElementVNode("em", null, "- " + vue.toDisplayString(_ctx.tenant.information), 1)
           ], 8, _hoisted_1$j),
-          _ctx.tenant.isFavorite ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+          _ctx.tenant.isFavorite ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
             key: 0,
             class: "remove-tenant-button",
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("removeFavorite"), ["stop"]))
@@ -90185,7 +90342,7 @@
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("div", _hoisted_1$i, [
-                  vue.createVNode(vue.unref(_sfc_main$Y), {
+                  vue.createVNode(vue.unref(_sfc_main$Z), {
                     ref_key: "searchRef",
                     ref: searchRef,
                     modelValue: search.value,
@@ -90301,7 +90458,7 @@
           _ctx.currentTenant && _ctx.tenants.length === 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
             vue.createVNode(_sfc_main$m, { tenant: _ctx.currentTenant }, null, 8, ["tenant"]),
             vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentTenant.label), 1)
-          ])) : _ctx.tenants.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1i), {
+          ])) : _ctx.tenants.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1j), {
             key: 1,
             type: "tertiary",
             onClick: _cache[0] || (_cache[0] = ($event) => showTenantSwitcher.value = !showTenantSwitcher.value)
@@ -90444,7 +90601,7 @@
                   onMouseup: _cache[1] || (_cache[1] = () => gripped.value = false)
                 }),
                 vue.renderSlot(_ctx.$slots, "default", { row: item }, void 0, true),
-                vue.createVNode(vue.unref(_sfc_main$1h), {
+                vue.createVNode(vue.unref(_sfc_main$1i), {
                   mode: vue.unref(StatusType).Danger,
                   onClick: ($event) => onRemove(item)
                 }, {
@@ -90592,7 +90749,7 @@
             ], true)
           ]),
           vue.createElementVNode("div", _hoisted_3$6, [
-            vue.createVNode(_sfc_main$1h, {
+            vue.createVNode(_sfc_main$1i, {
               color: "neutral",
               onClick: goToFirst,
               disabled: _ctx.currentPage === 0
@@ -90602,7 +90759,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1h, {
+            vue.createVNode(_sfc_main$1i, {
               onClick: goToPrevious,
               disabled: _ctx.currentPage === 0
             }, {
@@ -90611,7 +90768,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1h, {
+            vue.createVNode(_sfc_main$1i, {
               onClick: goToNext,
               disabled: _ctx.currentPage === _ctx.pages - 1 || _ctx.pages === 0
             }, {
@@ -90620,7 +90777,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1h, {
+            vue.createVNode(_sfc_main$1i, {
               onClick: goToLast,
               disabled: _ctx.currentPage === _ctx.pages - 1 || _ctx.pages === 0 || _ctx.total === Infinity
             }, {
@@ -94457,7 +94614,7 @@
   };
   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"
@@ -94684,7 +94841,7 @@
             _: 3
           }, 8, ["type"])) : vue.createCommentVNode("", true),
           _cache[4] || (_cache[4] = vue.createElementVNode("div", { class: "selected-wrapper" }, null, -1)),
-          vue.createElementVNode("div", _hoisted_9$2, [
+          vue.createElementVNode("div", _hoisted_9$1, [
             vue.createVNode(vue.Transition, { name: "fade" }, {
               default: vue.withCtx(() => [
                 _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
@@ -94839,7 +94996,7 @@
       );
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$9, [
-          vue.createVNode(_sfc_main$1j, {
+          vue.createVNode(_sfc_main$1k, {
             class: "filter-button",
             color: _ctx.isFilterVisible ? vue.unref(StatusType).Default : vue.unref(StatusType).Information,
             mode: _ctx.isFilterVisible ? "fill" : "ghost",
@@ -96391,16 +96548,19 @@
         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) => {
@@ -96417,6 +96577,27 @@
         });
       }
     };
+    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,
@@ -96429,7 +96610,8 @@
       isSavedFilterActive,
       resetFilters,
       selectSavedFilter,
-      resetAllFilters
+      resetAllFilters,
+      updateFiltersFromProps
     };
   };
   const reflectFiltersToPath = (filters) => {
@@ -96933,7 +97115,7 @@
       modelValue: {},
       canSaveFilters: { type: Boolean, default: false }
     },
-    emits: ["update:modelValue", "saveFilter", "resetFilters"],
+    emits: ["update:modelValue", "saveFilter", "resetFilters", "filterInput", "filterChange"],
     setup(__props, { emit: __emit }) {
       const route = vueRouter.useRoute();
       const props = __props;
@@ -96943,22 +97125,25 @@
       const nameInput = vue.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);
       };
@@ -96967,9 +97152,9 @@
           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":
@@ -97054,7 +97239,7 @@
               _cache[2] || (_cache[2] = vue.createTextVNode(" Recherche avancée ", -1))
             ]),
             vue.createElementVNode("span", _hoisted_4$3, [
-              _ctx.canSaveFilters ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+              _ctx.canSaveFilters ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
                 key: 0,
                 class: "save",
                 tooltipText: "Sauvegarder le filtre",
@@ -97065,7 +97250,7 @@
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              vue.createVNode(_sfc_main$1h, {
+              vue.createVNode(_sfc_main$1i, {
                 class: "reset",
                 tooltipText: "Vider les champs",
                 onClick: reset
@@ -97094,8 +97279,13 @@
                   "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))
           ]),
@@ -97108,7 +97298,7 @@
           }, {
             default: vue.withCtx(() => [
               _cache[3] || (_cache[3] = vue.createElementVNode("div", null, " Vous pouvez sauvegarder votre recherche pour la retrouver plus facilement. ", -1)),
-              vue.createVNode(vue.unref(_sfc_main$Y), {
+              vue.createVNode(vue.unref(_sfc_main$Z), {
                 ref_key: "nameInput",
                 ref: nameInput,
                 label: "Nom de la sauvegarde",
@@ -97124,7 +97314,7 @@
     }
   });
 
-  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() {
@@ -101035,7 +101225,7 @@
       },
       "selectedItemsModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["deleteSavedFilter", "saveFilter", "update:selectMode"], ["update:selectedItems"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["deleteSavedFilter", "saveFilter", "update:selectMode", "filterInput", "filterChange"], ["update:selectedItems"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const {
@@ -101068,7 +101258,8 @@
         toggleFilters,
         isSavedFilterActive,
         resetFilters,
-        selectSavedFilter
+        selectSavedFilter,
+        updateFiltersFromProps
       } = useSearch(props.persistent, props.filters, props.defaultFiltersOpened);
       const emits = __emit;
       const loading = vue.ref(false);
@@ -101099,6 +101290,14 @@
           fetchData();
         }
       });
+      vue.watch(
+        () => props.filters,
+        () => {
+          updateFiltersFromProps(props.filters);
+          reflectFiltersToPath(filters.value);
+        },
+        { deep: true }
+      );
       vue.watch(
         [() => filters.value, () => sort.value, size, search],
         () => {
@@ -101179,9 +101378,9 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.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: vue.unref(items),
           headers: _ctx.headers,
@@ -101205,7 +101404,9 @@
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(filters) ? filters.value = $event : null),
                     canSaveFilters: _ctx.canSaveFilters,
                     onSaveFilter,
-                    onResetFilters: vue.unref(resetFilters)
+                    onResetFilters: vue.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), [
                   [vue.vShow, vue.unref(isFilterVisible)]
@@ -101259,14 +101460,14 @@
             props.size ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
               vue.createVNode(BmsPagination, {
                 currentSize: vue.unref(size),
-                "onUpdate:currentSize": _cache[1] || (_cache[1] = ($event) => vue.isRef(size) ? size.value = $event : null),
+                "onUpdate:currentSize": _cache[3] || (_cache[3] = ($event) => vue.isRef(size) ? size.value = $event : null),
                 total: total.value,
                 currentPage: props.initialPage === 1 ? vue.unref(currentPage) - 1 : vue.unref(currentPage),
                 sizes: vue.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"])
             ])) : vue.createCommentVNode("", true)
           ]),
@@ -101285,7 +101486,7 @@
     }
   });
 
-  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 = {
@@ -101320,7 +101521,7 @@
       },
       "selectedItemsModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["deleteSavedFilter", "saveFilter"], ["update:selectedItems"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["deleteSavedFilter", "saveFilter", "filterInput", "filterChange"], ["update:selectedItems"]),
     setup(__props, { emit: __emit }) {
       const route = vueRouter.useRoute();
       const slots = vue.useSlots();
@@ -101354,7 +101555,8 @@
         isSavedFilterActive,
         resetFilters,
         selectSavedFilter,
-        resetAllFilters
+        resetAllFilters,
+        updateFiltersFromProps
       } = useSearch(props.persistent, props.filters, props.defaultFiltersOpened);
       const emits = __emit;
       const selectedItems = vue.useModel(__props, "selectedItems");
@@ -101370,6 +101572,13 @@
         );
       };
       const isMounting = vue.ref(true);
+      vue.watch(
+        () => props.filters,
+        () => {
+          updateFiltersFromProps(props.filters);
+        },
+        { deep: true }
+      );
       vue.watchEffect(
         async () => {
           isMounting.value = isPaginationMounting.value || isSortMounting.value || isSearchMounting.value;
@@ -101443,7 +101652,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.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: vue.unref(currentItems),
           headers: _ctx.headers,
@@ -101468,7 +101677,9 @@
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(filters) ? filters.value = $event : null),
                     canSaveFilters: _ctx.canSaveFilters,
                     onSaveFilter,
-                    onResetFilters: vue.unref(resetFilters)
+                    onResetFilters: vue.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), [
                   [vue.vShow, vue.unref(isFilterVisible)]
@@ -101507,7 +101718,7 @@
             !_ctx.disableSearch ? vue.renderSlot(_ctx.$slots, "search", { key: 1 }, () => [
               vue.createVNode(BmsSearch, {
                 modelValue: vue.unref(search),
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(search) ? search.value = $event : null),
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(search) ? search.value = $event : null),
                 class: "table-search"
               }, null, 8, ["modelValue"])
             ], true) : vue.createCommentVNode("", true)
@@ -101524,14 +101735,14 @@
             props.size ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
               vue.createVNode(BmsPagination, {
                 currentSize: vue.unref(size),
-                "onUpdate:currentSize": _cache[2] || (_cache[2] = ($event) => vue.isRef(size) ? size.value = $event : null),
+                "onUpdate:currentSize": _cache[4] || (_cache[4] = ($event) => vue.isRef(size) ? size.value = $event : null),
                 total: vue.unref(items).length,
                 currentPage: vue.unref(currentPage),
                 sizes: vue.unref(paginationsOptions),
                 pages: vue.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"])
             ])) : vue.createCommentVNode("", true)
           ]),
@@ -101550,7 +101761,7 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     __name: "BmsCocarde",
@@ -101608,7 +101819,7 @@
               class: "bms-notification__icon"
             })),
             vue.createElementVNode("div", _hoisted_2$4, vue.toDisplayString(_ctx.notification.text), 1),
-            vue.createVNode(_sfc_main$1h, {
+            vue.createVNode(_sfc_main$1i, {
               class: "bms-notification__close-button",
               onClick: closeNotification
             }, {
@@ -101704,7 +101915,7 @@
     }
   });
 
-  const NotificationWidget = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-bbd8ca27"]]);
+  const NotificationWidget = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b20e6fa0"]]);
 
   const BmsNotificationsInstance = Symbol();
   const notifications = {
@@ -101785,7 +101996,7 @@
   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" };
@@ -101849,7 +102060,7 @@
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_5$1, [
                       vue.createElementVNode("span", _hoisted_6$1, vue.toDisplayString(_ctx.problem.detail), 1),
-                      vue.createVNode(vue.unref(_sfc_main$1h), {
+                      vue.createVNode(vue.unref(_sfc_main$1i), {
                         class: "copyToClipboardButton",
                         onClick: _cache[1] || (_cache[1] = ($event) => onCopyToClipboard(_ctx.problem.detail))
                       }, {
@@ -101883,8 +102094,8 @@
                   ]),
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_8$1, [
-                      vue.createElementVNode("span", _hoisted_9$1, vue.toDisplayString(_ctx.problem.correlationId), 1),
-                      vue.createVNode(vue.unref(_sfc_main$1h), {
+                      vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(_ctx.problem.correlationId), 1),
+                      vue.createVNode(vue.unref(_sfc_main$1i), {
                         class: "copyToClipboardButton",
                         onClick: _cache[3] || (_cache[3] = ($event) => onCopyToClipboard(_ctx.problem.detail))
                       }, {
@@ -102094,7 +102305,7 @@
       );
       return (_ctx, _cache) => {
         return isFeatureFlippingOn.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-          vue.createVNode(_sfc_main$1i, {
+          vue.createVNode(_sfc_main$1j, {
             onClick: _cache[0] || (_cache[0] = ($event) => emit("click")),
             mode: vue.unref(StatusType).Danger
           }, {
@@ -102163,10 +102374,6 @@
     key: 0,
     class: "field__captions"
   };
-  const _hoisted_9 = {
-    key: 1,
-    class: "field__errors"
-  };
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __name: "FieldComponent",
     props: {
@@ -102256,25 +102463,23 @@
               ], 2)
             ], 512)
           ]),
-          _ctx.captions?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.captions, (caption) => {
+          _ctx.captions?.length || _ctx.errors?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+            _ctx.captions?.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.captions, (caption) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: getCaptionIdentifier(caption),
                 class: "information field__caption"
               }, [
                 vue.createVNode(BmsCaption, { caption }, null, 8, ["caption"])
               ]);
-            }), 128))
-          ])) : vue.createCommentVNode("", true),
-          _ctx.errors?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedErrors.value, (error) => {
+            }), 128)) : vue.createCommentVNode("", true),
+            _ctx.errors?.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(computedErrors.value, (error) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: error.label,
                 class: "field__error"
               }, [
                 vue.createVNode(BmsCaption, { caption: error }, null, 8, ["caption"])
               ]);
-            }), 128))
+            }), 128)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
@@ -104380,8 +104585,8 @@
 
   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);
@@ -104392,19 +104597,19 @@
       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);
@@ -104424,7 +104629,7 @@
       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);
@@ -104448,7 +104653,7 @@
   exports.BmsBadge = BmsBadge;
   exports.BmsBetweenInput = BmsBetweenInput;
   exports.BmsBreadcrumb = BmsBreadcrumb;
-  exports.BmsButton = _sfc_main$1i;
+  exports.BmsButton = _sfc_main$1j;
   exports.BmsCaption = BmsCaption;
   exports.BmsCard = BmsCard;
   exports.BmsChip = BmsChip;
@@ -104462,22 +104667,22 @@
   exports.BmsForm = BmsForm;
   exports.BmsHeader = BmsHeader;
   exports.BmsHeaderTitle = BmsHeaderTitle;
-  exports.BmsIconButton = _sfc_main$1h;
-  exports.BmsInputBooleanCheckbox = _sfc_main$11;
+  exports.BmsIconButton = _sfc_main$1i;
+  exports.BmsInputBooleanCheckbox = _sfc_main$12;
   exports.BmsInputCheckboxCaption = BmsInputCheckboxCaption;
   exports.BmsInputCheckboxCaptionGroup = BmsInputCheckboxCaptionGroup;
   exports.BmsInputCheckboxGroup = BmsInputCheckboxGroup;
   exports.BmsInputCode = BmsInputCode;
-  exports.BmsInputDateTime = _sfc_main$X;
+  exports.BmsInputDateTime = _sfc_main$Y;
   exports.BmsInputFile = BmsInputFile;
-  exports.BmsInputNumber = _sfc_main$V;
+  exports.BmsInputNumber = _sfc_main$W;
   exports.BmsInputRadio = BmsInputRadio;
   exports.BmsInputRadioCaption = BmsInputRadioCaption;
   exports.BmsInputRadioCaptionGroup = BmsInputRadioCaptionGroup;
   exports.BmsInputRadioGroup = BmsInputRadioGroup;
-  exports.BmsInputText = _sfc_main$Y;
+  exports.BmsInputText = _sfc_main$Z;
   exports.BmsInputToggle = BmsInputToggle;
-  exports.BmsLink = _sfc_main$1l;
+  exports.BmsLink = _sfc_main$1m;
   exports.BmsLoader = BmsLoader;
   exports.BmsMenu = BmsMenu;
   exports.BmsMenuNav = BmsMenuNav;