@ouestfrance/sipa-bms-ui 8.20.0 → 8.22.0

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

@@ -332,7 +332,7 @@
 
   const _hoisted_1$$ = ["href", "target"];
   const _hoisted_2$G = ["href", "onClick", "target"];
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsLink",
     props: {
       to: {},
@@ -382,7 +382,7 @@
   });
 
   const _hoisted_1$_ = ["type"];
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     __name: "UiButtonLink",
     props: {
       type: {},
@@ -407,7 +407,7 @@
           type: __props.type
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$_)) : (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+        ], 10, _hoisted_1$_)) : (vue.openBlock(), vue.createBlock(_sfc_main$1s, {
           key: 1,
           to: __props.to,
           target: __props.target,
@@ -425,7 +425,7 @@
   const _hoisted_1$Z = { class: "start" };
   const _hoisted_2$F = { class: "content" };
   const _hoisted_3$m = { class: "end" };
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     __name: "UiButton",
     props: {
       type: { default: "button" },
@@ -438,7 +438,7 @@
     setup(__props) {
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1q, vue.normalizeProps(vue.guardReactiveProps(props)), {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1r, vue.normalizeProps(vue.guardReactiveProps(props)), {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", _hoisted_1$Z, [
               vue.renderSlot(_ctx.$slots, "start")
@@ -456,7 +456,7 @@
     }
   });
 
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsButton",
     props: {
       type: { default: "primary" },
@@ -480,7 +480,7 @@
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1p, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1q, {
           mode: uiMode.value,
           color: __props.mode,
           to: __props.to,
@@ -502,7 +502,7 @@
     }
   });
 
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsIconButton",
     props: {
       to: { default: null },
@@ -522,7 +522,7 @@
           direction: __props.tooltipDirection
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$1p, vue.mergeProps(_ctx.$attrs, {
+            vue.createVNode(_sfc_main$1q, vue.mergeProps(_ctx.$attrs, {
               icon: "",
               to: __props.to,
               target: __props.target,
@@ -37448,7 +37448,7 @@
   const _hoisted_1$Y = { class: "info-line" };
   const _hoisted_2$E = { class: "icon" };
   const _hoisted_3$l = { class: "message" };
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsAlert",
     props: {
       message: {},
@@ -37483,7 +37483,7 @@
               ], true)
             ]),
             vue.renderSlot(_ctx.$slots, "action", {}, void 0, true),
-            __props.dismissable ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+            __props.dismissable ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => emits("dismiss"))
             }, {
@@ -37507,13 +37507,13 @@
     return target;
   };
 
-  const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-26caccdd"]]);
+  const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__scopeId", "data-v-26caccdd"]]);
 
   const _hoisted_1$X = {
     key: 0,
     class: "ui-badge__container"
   };
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsBadge",
     props: {
       pending: { default: 0 },
@@ -37539,14 +37539,14 @@
     }
   });
 
-  const BmsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-8a6297ca"]]);
+  const BmsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-8a6297ca"]]);
 
   const _hoisted_1$W = {
     key: 0,
     class: "icon"
   };
   const _hoisted_2$D = ["innerHTML"];
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsCaption",
     props: {
       caption: {}
@@ -37589,7 +37589,7 @@
     }
   });
 
-  const BmsCaption = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-b08dd4e0"]]);
+  const BmsCaption = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-b08dd4e0"]]);
 
   const _hoisted_1$V = { class: "circular-progress" };
   const _hoisted_2$C = {
@@ -37597,9 +37597,9 @@
     viewBox: "0 0 100 100"
   };
   const _hoisted_3$k = { transform: "rotate(-90, 50, 50)" };
-  const _hoisted_4$d = ["stroke-dashoffset"];
-  const _hoisted_5$9 = { class: "percent" };
-  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$c = ["stroke-dashoffset"];
+  const _hoisted_5$8 = { class: "percent" };
+  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsCircularProgress",
     props: ["progress"],
     setup(__props) {
@@ -37625,16 +37625,79 @@
                 "stroke-linecap": "round",
                 "stroke-dashoffset": 283 - __props.progress * 283 / 100,
                 "stroke-dasharray": "283"
-              }, null, 8, _hoisted_4$d)
+              }, null, 8, _hoisted_4$c)
             ])
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_5$9, vue.toDisplayString(__props.progress) + "%", 1)
+          vue.createElementVNode("div", _hoisted_5$8, vue.toDisplayString(__props.progress) + "%", 1)
         ]);
       };
     }
   });
 
-  const BmsCircularProgress = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-7869acfb"]]);
+  const BmsCircularProgress = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-7869acfb"]]);
+
+  const SCREEN_MARGIN = 10;
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+    __name: "BmsGhost",
+    props: /* @__PURE__ */ vue.mergeModels({
+      opacityWhenVisible: { default: 0.8 }
+    }, {
+      "modelValue": { type: Boolean, ...{
+        default: false
+      } },
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const visible = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const ghost = vue.ref(null);
+      const x = vue.ref(0);
+      const y = vue.ref(0);
+      vue.onBeforeMount(() => {
+        document.addEventListener("pointermove", onPointerMove);
+      });
+      vue.onBeforeUnmount(() => {
+        document.removeEventListener("pointermove", onPointerMove);
+      });
+      const onPointerMove = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        updateGhost(e.clientX, e.clientY);
+      };
+      const updateGhost = (posX, posY) => {
+        if (!ghost.value) return;
+        const rect = ghost.value.getBoundingClientRect();
+        const screenWidth = window.innerWidth;
+        const screenHeight = window.innerHeight;
+        x.value = Math.max(
+          Math.min(posX, screenWidth - rect.width - SCREEN_MARGIN),
+          SCREEN_MARGIN
+        );
+        y.value = Math.max(
+          Math.min(posY, screenHeight - rect.height - SCREEN_MARGIN),
+          SCREEN_MARGIN
+        );
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "ghost",
+          ref: ghost,
+          "aria-hidden": "true",
+          class: "bms-ghost",
+          style: vue.normalizeStyle({
+            "--ghost-x": `${x.value}px`,
+            "--ghost-y": `${y.value}px`,
+            opacity: visible.value ? props.opacityWhenVisible : 0
+          })
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+
+  const BmsGhost = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-205789ac"]]);
 
   const _hoisted_1$U = { class: "bms-loader" };
   function transformIntoPx(totransform) {
@@ -38015,6 +38078,58 @@
     };
   }
 
+  function createKeyPredicate(keyFilter) {
+    if (typeof keyFilter === "function")
+      return keyFilter;
+    else if (typeof keyFilter === "string")
+      return (event) => event.key === keyFilter;
+    else if (Array.isArray(keyFilter))
+      return (event) => keyFilter.includes(event.key);
+    return () => true;
+  }
+  function onKeyStroke(...args) {
+    let key;
+    let handler;
+    let options = {};
+    if (args.length === 3) {
+      key = args[0];
+      handler = args[1];
+      options = args[2];
+    } else if (args.length === 2) {
+      if (typeof args[1] === "object") {
+        key = true;
+        handler = args[0];
+        options = args[1];
+      } else {
+        key = args[0];
+        handler = args[1];
+      }
+    } else {
+      key = true;
+      handler = args[0];
+    }
+    const {
+      target = defaultWindow,
+      eventName = "keydown",
+      passive = false,
+      dedupe = false
+    } = options;
+    const predicate = createKeyPredicate(key);
+    const listener = (e) => {
+      if (e.repeat && vue.toValue(dedupe))
+        return;
+      if (predicate(e))
+        handler(e);
+    };
+    return useEventListener(target, eventName, listener, passive);
+  }
+  function onKeyDown(key, handler, options = {}) {
+    return onKeyStroke(key, handler, { ...options, eventName: "keydown" });
+  }
+  function onKeyUp(key, handler, options = {}) {
+    return onKeyStroke(key, handler, { ...options, eventName: "keyup" });
+  }
+
   const ssrWidthSymbol = Symbol("vueuse-ssr-width");
   // @__NO_SIDE_EFFECTS__
   function useSSRWidth() {
@@ -38570,10 +38685,11 @@
       const calculatedTooltipTransform = vue.ref("none");
       const windowSize = useWindowSize();
       const { getTooltipTranslatePosition } = useTooltipHelper();
+      const attrs = vue.useAttrs();
       const props = __props;
       const anchorElement = vue.ref(void 0);
       const classes = vue.computed(
-        () => `bms-tooltip__text bms-tooltip__text--${props.direction}`
+        () => `bms-tooltip__text bms-tooltip__text--${props.direction} ${attrs.class ? attrs.class : ""}`
       );
       const setTooltipPosition = async () => {
         if (props.visible && JSON.stringify(anchorElement.value) !== JSON.stringify(props.getAnchorElementValues())) {
@@ -38631,7 +38747,7 @@
     }
   });
 
-  const UiTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-bf923418"]]);
+  const UiTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-4ae8c6bb"]]);
 
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsTooltip",
@@ -38642,11 +38758,16 @@
       activated: { type: Boolean, default: true }
     },
     setup(__props, { expose: __expose }) {
+      const attrs = vue.useAttrs();
       const tooltip = vue.ref(null);
       const tooltipAnchor = vue.ref();
       const showToolTip = vue.ref(true);
       const { isOutside } = useMouseInElement(tooltipAnchor);
       const anchorVisibility = useElementVisibility(tooltipAnchor);
+      const classes = vue.computed(() => {
+        const parentClasses = attrs.class;
+        return parentClasses?.split(" ").map((cls) => `${cls}__bms-tooltip`).join(" ") ?? "";
+      });
       const isUnderOverlay = () => {
         const overlays = Array.from(document.getElementsByClassName("overlay"));
         if (overlays.length === 0) {
@@ -38688,7 +38809,8 @@
               key: 0,
               visible: showToolTip.value && __props.activated,
               direction: __props.direction,
-              getAnchorElementValues
+              getAnchorElementValues,
+              class: vue.normalizeClass(classes.value)
             }, {
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "tooltipText", {}, () => [
@@ -38696,7 +38818,7 @@
                 ], true)
               ]),
               _: 3
-            }, 8, ["visible", "direction"])) : vue.createCommentVNode("", true)
+            }, 8, ["visible", "direction", "class"])) : vue.createCommentVNode("", true)
           ])),
           __props.activated ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
@@ -38712,7 +38834,7 @@
     }
   });
 
-  const BmsTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-b033f8af"]]);
+  const BmsTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-5c0e03ac"]]);
 
   const _hoisted_1$T = {
     class: "options-list",
@@ -38821,7 +38943,7 @@
   const _hoisted_1$S = { class: "field__input-label" };
   const _hoisted_2$A = { class: "field__input-icon field__input-icon--start" };
   const _hoisted_3$j = ["type", "value", "placeholder", "required", "disabled", "max", "min", "minlength", "maxlength"];
-  const _hoisted_4$c = { class: "field__input-icon field__input-icon--end" };
+  const _hoisted_4$b = { class: "field__input-icon field__input-icon--end" };
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     __name: "RawInputText",
     props: {
@@ -38893,9 +39015,10 @@
             maxlength: __props.maxlength,
             onBlur: _cache[0] || (_cache[0] = ($event) => $emits("blur")),
             onInput,
-            onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus"))
+            onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus")),
+            onClick: _cache[2] || (_cache[2] = ($event) => $emits("click"))
           }, null, 40, _hoisted_3$j),
-          vue.createElementVNode("span", _hoisted_4$c, [
+          vue.createElementVNode("span", _hoisted_4$b, [
             vue.renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
           ])
         ], 2);
@@ -38903,7 +39026,7 @@
     }
   });
 
-  const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-4c74b915"]]);
+  const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-d5f058e1"]]);
 
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     __name: "RawAutocomplete",
@@ -38927,7 +39050,7 @@
       "modelValue": { required: true },
       "modelModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["addNewOption", "select"], ["update:modelValue"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["addNewOption", "select", "blur", "focus", "click", "input"], ["update:modelValue"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const modelValue = vue.useModel(__props, "modelValue");
@@ -38944,6 +39067,12 @@
       onClickOutside(rawInput, closeDatalist, {
         ignore: [".datalist-option", ".icon-toggle-button", ".icon-clear"]
       });
+      const onBlur = () => {
+        emits("blur");
+        closeDatalist();
+      };
+      onKeyUp("Escape", onBlur);
+      onKeyUp("Tab", onBlur);
       const classes = vue.computed(() => {
         return { "is-error": props.errors?.length, "is-disabled": props.disabled };
       });
@@ -38981,8 +39110,8 @@
           }
         }
       );
-      const onFocus = () => {
-        openDatalist();
+      const onClick = () => {
+        isDatalistOpen.value = !isDatalistOpen.value;
       };
       const onInput = () => {
         openDatalist();
@@ -39044,7 +39173,8 @@
               required: __props.required,
               small: __props.small,
               onInput,
-              onFocus
+              onClick,
+              onKeyup: vue.withKeys(openDatalist, ["down"])
             }, {
               "icon-start": vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
@@ -39077,7 +39207,7 @@
     }
   });
 
-  const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-15343285"]]);
+  const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-46667c72"]]);
 
   const _hoisted_1$R = ["innerHTML"];
   const _hoisted_2$z = ["innerHTML"];
@@ -39437,10 +39567,12 @@
   const _hoisted_1$P = { class: "file-upload" };
   const _hoisted_2$x = { class: "file-upload__label" };
   const _hoisted_3$i = { key: 1 };
-  const _hoisted_4$b = { class: "file-upload__file-name" };
+  const _hoisted_4$a = { class: "file-upload__file-name" };
   const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsFilePicker",
     props: {
+      dragOverMessage: { default: "Déposer votre image ici" },
+      dragOffMessage: { default: "Glissez votre image ici ou cliquez pour parcourir" },
       modelValue: {},
       limit: { default: 10 }
     },
@@ -39520,9 +39652,9 @@
           }, [
             vue.createElementVNode("label", _hoisted_2$x, [
               isDragOver.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createTextVNode("Déposer votre image ici")
+                vue.createTextVNode(vue.toDisplayString(__props.dragOverMessage), 1)
               ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                vue.createTextVNode("Glissez votre image ici ou cliquez pour parcourir")
+                vue.createTextVNode(vue.toDisplayString(__props.dragOffMessage), 1)
               ], 64)),
               vue.createElementVNode("input", {
                 "data-testid": "file-upload-input-file",
@@ -39536,8 +39668,8 @@
                 key: file.name,
                 class: "file-upload__file"
               }, [
-                vue.createElementVNode("span", _hoisted_4$b, vue.toDisplayString(file.name), 1),
-                vue.createVNode(vue.unref(_sfc_main$1n), {
+                vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(file.name), 1),
+                vue.createVNode(vue.unref(_sfc_main$1o), {
                   onClick: ($event) => onDeleteFile(file)
                 }, {
                   default: vue.withCtx(() => [
@@ -39553,7 +39685,7 @@
     }
   });
 
-  const BmsFilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-c892a845"]]);
+  const BmsFilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-4aaf4346"]]);
 
   const _hoisted_1$O = ["disabled", "name", "value"];
   const _hoisted_2$w = {
@@ -68840,7 +68972,7 @@
                     src: getImageSrc(file),
                     class: "file-upload__file-img"
                   }, null, 8, _hoisted_2$v)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, vue.toDisplayString(file.name), 1)),
-                  vue.createVNode(_sfc_main$1n, {
+                  vue.createVNode(_sfc_main$1o, {
                     mode: vue.unref(StatusType).Danger,
                     onClick: vue.withModifiers(($event) => onDeleteFile(file), ["prevent"]),
                     class: "close-button"
@@ -69306,7 +69438,7 @@
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           vue.createElementVNode("span", _hoisted_1$I, [
-            __props.canBeDismissed ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1n), {
+            __props.canBeDismissed ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1o), {
               key: 0,
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("dismiss"), ["stop"]))
             }, {
@@ -69407,26 +69539,37 @@
       "modelValue": { default: [] },
       "modelModifiers": {}
     }),
-    emits: ["update:modelValue"],
-    setup(__props) {
+    emits: /* @__PURE__ */ vue.mergeModels(["select", "input"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emits = __emit;
+      const modelValue = vue.useModel(__props, "modelValue");
       const inputElement = vue.ref(null);
       const isDatalistOpen = vue.ref(false);
+      const searching = vue.ref("");
       const closeDatalist = () => isDatalistOpen.value = false;
       const openDatalist = () => {
         if (!props.disabled) {
           isDatalistOpen.value = true;
         }
       };
-      const searching = vue.ref("");
-      const modelValue = vue.useModel(__props, "modelValue");
-      onClickOutside(inputElement, closeDatalist, {
-        ignore: [".datalist-option", ".icon-toggle-button"]
-      });
       const onBackspace = () => {
         if (searching.value.length === 0 && modelValue.value && modelValue.value.length > 0)
           modelValue.value.splice(-1);
       };
+      onClickOutside(inputElement, closeDatalist, {
+        ignore: [".datalist-option", ".icon-toggle-button"]
+      });
+      onKeyUp("Escape", closeDatalist);
+      onKeyUp("Tab", closeDatalist);
+      onKeyDown("Backspace", onBackspace);
+      const onSelectClick = () => {
+        isDatalistOpen.value = !isDatalistOpen.value;
+      };
+      const onInput = (e) => {
+        emits("input", e);
+        openDatalist();
+      };
       const setFocus = () => {
         if (inputElement.value) {
           inputElement.value.focus();
@@ -69439,8 +69582,8 @@
           modelValue.value = (modelValue.value ?? []).concat(option.value);
         }
         searching.value = "";
+        emits("select", option);
         setFocus();
-        closeDatalist();
       };
       const removeOption = (value) => {
         modelValue.value = (modelValue.value ?? []).filter((o) => o !== value);
@@ -69472,7 +69615,7 @@
           "model-value": modelValue.value,
           open: isDatalistOpen.value,
           onSelect,
-          onClick: setFocus
+          onClick: onSelectClick
         }), {
           input: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$H, [
@@ -69496,13 +69639,8 @@
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searching.value = $event),
                 class: "search",
                 disabled: __props.disabled,
-                onFocus: openDatalist,
-                onClick: openDatalist,
-                onKeyup: [
-                  vue.withKeys(openDatalist, ["down"]),
-                  vue.withKeys(onBackspace, ["backspace"])
-                ],
-                onInput: openDatalist
+                onInput,
+                onKeyup: vue.withKeys(openDatalist, ["down"])
               }, null, 40, _hoisted_2$s), [
                 [vue.vModelText, searching.value]
               ])
@@ -69515,12 +69653,10 @@
               })) : (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
+                  class: "icon icon-toggle-button"
                 })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
                   key: 1,
-                  class: "icon icon-toggle-button",
-                  onClick: openDatalist
+                  class: "icon icon-toggle-button"
                 }))
               ], 64))
             ])
@@ -69543,7 +69679,7 @@
     }
   });
 
-  const BmsMultiSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-b8b817ba"]]);
+  const BmsMultiSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-970d00fe"]]);
 
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsSearch",
@@ -86849,6 +86985,7 @@
     emits: /* @__PURE__ */ vue.mergeModels(["select"], ["update:modelValue"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emits = __emit;
       const modelValue = vue.useModel(__props, "modelValue");
       const inputElement = vue.ref(null);
       const isDatalistOpen = vue.ref(props.open);
@@ -86861,10 +86998,11 @@
           setFocus();
         }
       };
-      const emits = __emit;
       onClickOutside(inputElement, closeDatalist, {
         ignore: [".datalist-option", ".icon-toggle-button"]
       });
+      onKeyUp("Escape", closeDatalist);
+      onKeyUp("Tab", closeDatalist);
       const displayValue = vue.computed(() => {
         const option = props.options.find(
           (o) => _.isEqual(o.value, modelValue.value)
@@ -86883,6 +87021,12 @@
         setFocus();
         closeDatalist();
       };
+      const onSelectClick = () => {
+        isDatalistOpen.value = !isDatalistOpen.value;
+        if (isDatalistOpen) {
+          setFocus();
+        }
+      };
       __expose({
         setFocus
       });
@@ -86890,7 +87034,7 @@
         return vue.openBlock(), vue.createBlock(RawSelect, vue.mergeProps(_ctx.$props, {
           open: isDatalistOpen.value,
           onSelect,
-          onClick: setFocus
+          onClick: onSelectClick
         }), {
           input: vue.withCtx(() => [
             vue.createElementVNode("input", {
@@ -86903,19 +87047,15 @@
               placeholder: __props.placeholder,
               required: __props.required,
               disabled: __props.disabled,
-              onFocus: openDatalist,
-              onClick: openDatalist,
               onKeyup: vue.withKeys(openDatalist, ["down"])
             }, null, 40, _hoisted_1$G),
             vue.createElementVNode("span", _hoisted_2$r, [
               isDatalistOpen.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), {
                 key: 0,
-                class: "icon-toggle-button",
-                onClick: closeDatalist
+                class: "icon-toggle-button"
               })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
                 key: 1,
-                class: "icon-toggle-button",
-                onClick: openDatalist
+                class: "icon-toggle-button"
               }))
             ])
           ]),
@@ -86925,7 +87065,7 @@
     }
   });
 
-  const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-7aef9c6c"]]);
+  const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-fa4e9db0"]]);
 
   const _hoisted_1$F = ["value", "required", "placeholder", "disabled"];
   const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
@@ -87071,7 +87211,7 @@
             class: vue.normalizeClass(["card__body", { animated: __props.animated, hasAction: !!_ctx.$slots.action }])
           }, [
             vue.createElementVNode("div", _hoisted_1$D, [
-              __props.to ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+              __props.to ? (vue.openBlock(), vue.createBlock(_sfc_main$1s, {
                 key: 0,
                 class: "card__body__content__link",
                 to: __props.to
@@ -87093,15 +87233,20 @@
 
   const BmsCard = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-cff3f84d"]]);
 
-  const _hoisted_1$C = { class: "floating-window-wrapper" };
-  const _hoisted_2$o = { class: "floating-window" };
-  const _hoisted_3$f = { class: "floating-window__header" };
-  const _hoisted_4$a = { class: "floating-window__header__buttons" };
-  const _hoisted_5$8 = { class: "floating-window__content" };
+  const _hoisted_1$C = { class: "floating-window__header__title" };
+  const _hoisted_2$o = { class: "floating-window__header__buttons" };
+  const _hoisted_3$f = { class: "floating-window__content" };
   const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsFloatingWindow",
     props: /* @__PURE__ */ vue.mergeModels({
-      title: {}
+      title: {},
+      defaultPlacement: { default: "center" },
+      expandable: { type: Boolean, default: false },
+      expandedWidth: { default: "100%" },
+      expandedHeight: { default: "100%" },
+      expandTarget: { default: void 0 },
+      width: { default: "50%" },
+      height: { default: "40%" }
     }, {
       "modelValue": { type: Boolean, ...{
         default: false
@@ -87110,23 +87255,196 @@
     }),
     emits: ["update:modelValue"],
     setup(__props) {
+      const props = __props;
       const open = vue.useModel(__props, "modelValue");
+      const wrapperRef = vue.ref(null);
+      const windowRef = vue.ref(null);
+      const position = vue.ref(null);
+      const computedSize = vue.ref(null);
+      const isDragging = vue.ref(false);
+      const dragOffset = vue.ref({ x: 0, y: 0 });
+      const isExpanded = vue.ref(false);
+      const positionBeforeExpand = vue.ref(null);
+      const expandedStyle = vue.ref(null);
+      function computeInitialPosition() {
+        if (!wrapperRef.value || !windowRef.value) return null;
+        const wrapperRect = wrapperRef.value.getBoundingClientRect();
+        const windowRect = windowRef.value.getBoundingClientRect();
+        const padding = 16;
+        switch (props.defaultPlacement) {
+          case "top-left":
+            return { x: wrapperRect.left + padding, y: wrapperRect.top + padding };
+          case "top-right":
+            return {
+              x: wrapperRect.right - windowRect.width - padding,
+              y: wrapperRect.top + padding
+            };
+          case "bottom-left":
+            return {
+              x: wrapperRect.left + padding,
+              y: wrapperRect.bottom - windowRect.height - padding
+            };
+          case "bottom-right":
+            return {
+              x: wrapperRect.right - windowRect.width - padding,
+              y: wrapperRect.bottom - windowRect.height - padding
+            };
+          case "center":
+          default:
+            return null;
+        }
+      }
+      function initPosition() {
+        if (props.defaultPlacement !== "center" && !position.value) {
+          position.value = computeInitialPosition();
+        }
+      }
+      vue.onMounted(() => {
+        if (open.value) {
+          initPosition();
+        }
+      });
+      vue.watch(open, (newVal) => {
+        if (newVal) {
+          requestAnimationFrame(initPosition);
+        }
+      });
+      const windowStyle = vue.computed(() => {
+        if (isExpanded.value && expandedStyle.value) {
+          return expandedStyle.value;
+        }
+        const sizeStyle = {};
+        if (computedSize.value) {
+          sizeStyle.width = `${computedSize.value.width}px`;
+          sizeStyle.height = `${computedSize.value.height}px`;
+        } else {
+          if (props.width) {
+            sizeStyle.width = props.width;
+          }
+          if (props.height) {
+            sizeStyle.height = props.height;
+          }
+        }
+        if (!position.value) {
+          return sizeStyle;
+        }
+        return {
+          position: "absolute",
+          left: `${position.value.x}px`,
+          top: `${position.value.y}px`,
+          ...sizeStyle
+        };
+      });
+      function computeExpandedStyle() {
+        if (props.expandTarget) {
+          const targetEl = document.querySelector(props.expandTarget);
+          if (targetEl) {
+            const targetRect = targetEl.getBoundingClientRect();
+            return {
+              position: "fixed",
+              left: `${targetRect.left}px`,
+              top: `${targetRect.top}px`,
+              width: props.expandedWidth === "100%" ? `${targetRect.width}px` : props.expandedWidth,
+              height: props.expandedHeight === "100%" ? `${targetRect.height}px` : props.expandedHeight,
+              maxWidth: "none",
+              maxHeight: "none"
+            };
+          }
+        }
+        return {
+          position: "absolute",
+          width: props.expandedWidth,
+          height: props.expandedHeight,
+          maxWidth: "none",
+          maxHeight: "none"
+        };
+      }
+      function toggleExpand() {
+        if (isExpanded.value) {
+          expandedStyle.value = null;
+          position.value = positionBeforeExpand.value;
+          isExpanded.value = false;
+        } else {
+          positionBeforeExpand.value = position.value;
+          expandedStyle.value = computeExpandedStyle();
+          isExpanded.value = true;
+        }
+      }
+      function onDragStart(event) {
+        if (event.target.closest(".floating-window__header__buttons")) {
+          return;
+        }
+        if (isExpanded.value) {
+          return;
+        }
+        isDragging.value = true;
+        if (windowRef.value) {
+          const rect = windowRef.value.getBoundingClientRect();
+          dragOffset.value = {
+            x: event.clientX - rect.left,
+            y: event.clientY - rect.top
+          };
+          if (!computedSize.value) {
+            computedSize.value = { width: rect.width, height: rect.height };
+          }
+          if (!position.value) {
+            position.value = { x: rect.left, y: rect.top };
+          }
+        }
+        document.addEventListener("mousemove", onDrag);
+        document.addEventListener("mouseup", onDragEnd);
+      }
+      function onDrag(event) {
+        if (!isDragging.value) return;
+        position.value = {
+          x: event.clientX - dragOffset.value.x,
+          y: event.clientY - dragOffset.value.y
+        };
+      }
+      function onDragEnd() {
+        isDragging.value = false;
+        document.removeEventListener("mousemove", onDrag);
+        document.removeEventListener("mouseup", onDragEnd);
+      }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
-          vue.withDirectives(vue.createElementVNode("div", _hoisted_2$o, [
-            vue.createElementVNode("div", _hoisted_3$f, [
-              vue.createElementVNode("h2", null, vue.toDisplayString(__props.title), 1),
-              vue.createElementVNode("div", _hoisted_4$a, [
-                vue.createVNode(_sfc_main$1n, {
-                  "tooltip-text": "Maximiser la fenêtre",
-                  disabled: ""
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: "floating-window-wrapper"
+        }, [
+          isDragging.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "floating-window__drag-overlay",
+            onMousemove: onDrag,
+            onMouseup: onDragEnd
+          }, null, 32)) : vue.createCommentVNode("", true),
+          vue.withDirectives(vue.createElementVNode("div", {
+            ref_key: "windowRef",
+            ref: windowRef,
+            class: vue.normalizeClass(["floating-window", {
+              "floating-window--expanded": isExpanded.value,
+              "floating-window--dragging": isDragging.value
+            }]),
+            style: vue.normalizeStyle(windowStyle.value)
+          }, [
+            vue.createElementVNode("div", {
+              class: "floating-window__header",
+              onMousedown: onDragStart
+            }, [
+              vue.createElementVNode("h3", _hoisted_1$C, vue.toDisplayString(__props.title), 1),
+              vue.createElementVNode("div", _hoisted_2$o, [
+                __props.expandable ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
+                  key: 0,
+                  class: vue.normalizeClass(["floating-window__expand-btn", { "floating-window__expand-btn--expanded": isExpanded.value }]),
+                  "tooltip-text": isExpanded.value ? "Réduire la fenêtre" : "Maximiser la fenêtre",
+                  onClick: vue.withModifiers(toggleExpand, ["prevent", "stop"])
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(Maximize2))
+                    isExpanded.value ? (vue.openBlock(), vue.createBlock(vue.unref(Minimize2), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(Maximize2), { key: 1 }))
                   ]),
                   _: 1
-                }),
-                vue.createVNode(_sfc_main$1n, {
+                }, 8, ["class", "tooltip-text"])) : vue.createCommentVNode("", true),
+                vue.createVNode(_sfc_main$1o, {
                   onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => open.value = false, ["prevent", "stop"]))
                 }, {
                   default: vue.withCtx(() => [
@@ -87135,19 +87453,19 @@
                   _: 1
                 })
               ])
-            ]),
-            vue.createElementVNode("div", _hoisted_5$8, [
+            ], 32),
+            vue.createElementVNode("div", _hoisted_3$f, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])
-          ], 512), [
+          ], 6), [
             [vue.vShow, open.value]
           ])
-        ]);
+        ], 512);
       };
     }
   });
 
-  const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-fdb4e567"]]);
+  const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-3023af4c"]]);
 
   const _hoisted_1$B = { class: "form-section" };
   const _hoisted_2$n = {
@@ -90122,7 +90440,7 @@
           key: 0,
           class: vue.normalizeClass(["bms-short-link-menu", { "bms-short-link-menu__outline": __props.outline }])
         }, [
-          !!__props.helpLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+          !!__props.helpLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
             key: 0,
             "tooltip-text": "Voir la documentation",
             to: __props.helpLink,
@@ -90135,7 +90453,7 @@
             ]),
             _: 3
           }, 8, ["to"])) : vue.createCommentVNode("", true),
-          !!__props.activityLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+          !!__props.activityLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
             key: 1,
             "tooltip-text": "Voir l'activité",
             to: __props.activityLink,
@@ -90387,7 +90705,7 @@
                             ])
                           ], true)
                         ]),
-                        vue.createVNode(_sfc_main$1n, {
+                        vue.createVNode(_sfc_main$1o, {
                           disabled: !isModalClosable.value,
                           onClick: dismissModal,
                           "data-testid": "close-modal"
@@ -90413,7 +90731,7 @@
                               modalData: props.modelValue
                             }, () => [
                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(buttons.value, (button) => {
-                                return vue.openBlock(), vue.createBlock(_sfc_main$1o, {
+                                return vue.openBlock(), vue.createBlock(_sfc_main$1p, {
                                   key: button.label + button.role,
                                   type: button.role === "cancel" ? "secondary" : "primary",
                                   disabled: !isModalClosable.value || button.disabled,
@@ -90517,7 +90835,6 @@
       vue.watch(
         () => props.collapsed,
         (val) => {
-          console.log("watch:collapsed", val);
           collapsedLocal.value = val ?? false;
         }
       );
@@ -90670,7 +90987,7 @@
     }
   });
 
-  const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-0aa0f55f"]]);
+  const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4d48c930"]]);
 
   const _hoisted_1$u = { class: "step" };
   const _hoisted_2$j = { class: "step-buttons" };
@@ -90690,7 +91007,7 @@
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           vue.renderSlot(_ctx.$slots, "actions", {}, () => [
             vue.createElementVNode("div", _hoisted_2$j, [
-              __props.previousLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
+              __props.previousLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
                 key: 0,
                 "data-test": "previous-button",
                 name: "previous",
@@ -90702,7 +91019,7 @@
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              __props.nextLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
+              __props.nextLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
                 key: 1,
                 "data-test": "next-button",
                 class: "",
@@ -90997,7 +91314,7 @@
         return classes2;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1s, {
           to: __props.item.link,
           target: __props.target,
           classes: classes.value
@@ -91091,7 +91408,7 @@
                 key: item.label
               }, [
                 hasSubItems(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
-                  item.link ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+                  item.link ? (vue.openBlock(), vue.createBlock(_sfc_main$1s, {
                     key: 0,
                     to: item.link,
                     class: vue.normalizeClass(`parent-item ${isItemActive(item) ? "active" : ""}`)
@@ -91219,7 +91536,7 @@
       const toggleMenu = (newMenuState = true) => isMenuOpen.value = newMenuState;
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
-          vue.createVNode(vue.unref(_sfc_main$1n), {
+          vue.createVNode(vue.unref(_sfc_main$1o), {
             onClick: _cache[0] || (_cache[0] = ($event) => toggleMenu(!isMenuOpen.value)),
             "data-testid": "openMenu",
             "aria-label": "Ouvrir le menu"
@@ -91243,7 +91560,7 @@
                       ref: menu,
                       class: vue.normalizeClass(["menu__container", { "is-show": isMenuOpen.value }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$1n), {
+                      vue.createVNode(vue.unref(_sfc_main$1o), {
                         class: "menu__close",
                         onClick: _cache[1] || (_cache[1] = ($event) => toggleMenu(false)),
                         "data-testid": "closeMenu",
@@ -91577,7 +91894,7 @@
             vue.createTextVNode(" " + vue.toDisplayString(__props.tenant.label), 1),
             vue.createElementVNode("em", null, "- " + vue.toDisplayString(__props.tenant.information), 1)
           ], 8, _hoisted_1$k),
-          __props.tenant.isFavorite ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+          __props.tenant.isFavorite ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
             key: 0,
             class: "remove-tenant-button",
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("removeFavorite"), ["stop"]))
@@ -91773,7 +92090,7 @@
           __props.currentTenant && __props.tenants.length === 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
             vue.createVNode(_sfc_main$n, { tenant: __props.currentTenant }, null, 8, ["tenant"]),
             vue.createElementVNode("span", null, vue.toDisplayString(__props.currentTenant.label), 1)
-          ])) : __props.tenants.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1o), {
+          ])) : __props.tenants.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1p), {
             key: 1,
             type: "tertiary",
             onClick: _cache[0] || (_cache[0] = ($event) => showTenantSwitcher.value = !showTenantSwitcher.value)
@@ -91916,7 +92233,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$1n), {
+                vue.createVNode(vue.unref(_sfc_main$1o), {
                   mode: vue.unref(StatusType).Danger,
                   onClick: ($event) => onRemove(item)
                 }, {
@@ -92064,7 +92381,7 @@
             ], true)
           ]),
           vue.createElementVNode("div", _hoisted_3$6, [
-            vue.createVNode(_sfc_main$1n, {
+            vue.createVNode(_sfc_main$1o, {
               color: "neutral",
               onClick: goToFirst,
               disabled: __props.currentPage === 0
@@ -92074,7 +92391,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1n, {
+            vue.createVNode(_sfc_main$1o, {
               onClick: goToPrevious,
               disabled: __props.currentPage === 0
             }, {
@@ -92083,7 +92400,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1n, {
+            vue.createVNode(_sfc_main$1o, {
               onClick: goToNext,
               disabled: __props.currentPage === __props.pages - 1 || __props.pages === 0
             }, {
@@ -92092,7 +92409,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1n, {
+            vue.createVNode(_sfc_main$1o, {
               onClick: goToLast,
               disabled: __props.currentPage === __props.pages - 1 || __props.pages === 0 || __props.total === Infinity
             }, {
@@ -96295,7 +96612,7 @@
       );
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, [
-          vue.createVNode(_sfc_main$1p, {
+          vue.createVNode(_sfc_main$1q, {
             class: "filter-button",
             color: __props.isFilterVisible ? vue.unref(StatusType).Default : vue.unref(StatusType).Information,
             mode: __props.isFilterVisible ? "fill" : "ghost",
@@ -98540,7 +98857,7 @@
               _cache[2] || (_cache[2] = vue.createTextVNode(" Recherche avancée ", -1))
             ]),
             vue.createElementVNode("span", _hoisted_4$3, [
-              __props.canSaveFilters ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+              __props.canSaveFilters ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
                 key: 0,
                 class: "save",
                 tooltipText: "Sauvegarder le filtre",
@@ -98551,7 +98868,7 @@
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              vue.createVNode(_sfc_main$1n, {
+              vue.createVNode(_sfc_main$1o, {
                 class: "reset",
                 tooltipText: "Vider les champs",
                 onClick: reset
@@ -98616,7 +98933,7 @@
     }
   });
 
-  const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-4a441463"]]);
+  const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-94b8e913"]]);
 
   /**
    * Create a bound version of a function with a specified `this` context
@@ -103204,7 +103521,7 @@
               class: "bms-notification__icon"
             })),
             vue.createElementVNode("div", _hoisted_2$4, vue.toDisplayString(__props.notification.text), 1),
-            vue.createVNode(_sfc_main$1n, {
+            vue.createVNode(_sfc_main$1o, {
               class: "bms-notification__close-button",
               onClick: closeNotification
             }, {
@@ -103445,7 +103762,7 @@
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_5$1, [
                       vue.createElementVNode("span", _hoisted_6$1, vue.toDisplayString(__props.problem.detail), 1),
-                      vue.createVNode(vue.unref(_sfc_main$1n), {
+                      vue.createVNode(vue.unref(_sfc_main$1o), {
                         class: "copyToClipboardButton",
                         onClick: _cache[1] || (_cache[1] = ($event) => onCopyToClipboard(__props.problem.detail))
                       }, {
@@ -103480,7 +103797,7 @@
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_8$1, [
                       vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(__props.problem.correlationId), 1),
-                      vue.createVNode(vue.unref(_sfc_main$1n), {
+                      vue.createVNode(vue.unref(_sfc_main$1o), {
                         class: "copyToClipboardButton",
                         onClick: _cache[3] || (_cache[3] = ($event) => onCopyToClipboard(__props.problem.detail))
                       }, {
@@ -103690,7 +104007,7 @@
       );
       return (_ctx, _cache) => {
         return isFeatureFlippingOn.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-          vue.createVNode(_sfc_main$1o, {
+          vue.createVNode(_sfc_main$1p, {
             onClick: _cache[0] || (_cache[0] = ($event) => emit("click")),
             mode: vue.unref(StatusType).Danger
           }, {
@@ -105987,12 +106304,13 @@
 
   const createBmsUi = () => ({
     install: (app) => {
-      app.component("BmsButton", _sfc_main$1o);
-      app.component("BmsIconButton", _sfc_main$1n);
+      app.component("BmsButton", _sfc_main$1p);
+      app.component("BmsIconButton", _sfc_main$1o);
       app.component("BmsAlert", BmsAlert);
       app.component("BmsBadge", BmsBadge);
       app.component("BmsCaption", BmsCaption);
       app.component("BmsCircularProgress", BmsCircularProgress);
+      app.component("BmsGhost", BmsGhost);
       app.component("BmsLoader", BmsLoader);
       app.component("BmsTooltip", BmsTooltip);
       app.component("BmsAutocomplete", BmsAutocomplete);
@@ -106034,7 +106352,7 @@
       app.component("BmsBackButton", BmsBackButton);
       app.component("BmsBreadcrumb", BmsBreadcrumb);
       app.component("BmsFixedMenu", BmsFixedMenu);
-      app.component("BmsLink", _sfc_main$1r);
+      app.component("BmsLink", _sfc_main$1s);
       app.component("BmsMenu", BmsMenu);
       app.component("BmsMenuNav", BmsMenuNav);
       app.component("BmsShortLinkMenu", BmsShortLinkMenu);
@@ -106058,7 +106376,7 @@
   exports.BmsBadge = BmsBadge;
   exports.BmsBetweenInput = BmsBetweenInput;
   exports.BmsBreadcrumb = BmsBreadcrumb;
-  exports.BmsButton = _sfc_main$1o;
+  exports.BmsButton = _sfc_main$1p;
   exports.BmsCaption = BmsCaption;
   exports.BmsCard = BmsCard;
   exports.BmsChip = BmsChip;
@@ -106071,9 +106389,10 @@
   exports.BmsFixedMenu = BmsFixedMenu;
   exports.BmsFloatingWindow = BmsFloatingWindow;
   exports.BmsForm = BmsForm;
+  exports.BmsGhost = BmsGhost;
   exports.BmsHeader = BmsHeader;
   exports.BmsHeaderTitle = BmsHeaderTitle;
-  exports.BmsIconButton = _sfc_main$1n;
+  exports.BmsIconButton = _sfc_main$1o;
   exports.BmsInputBooleanCheckbox = _sfc_main$16;
   exports.BmsInputCheckboxCaption = BmsInputCheckboxCaption;
   exports.BmsInputCheckboxCaptionGroup = BmsInputCheckboxCaptionGroup;
@@ -106088,7 +106407,7 @@
   exports.BmsInputRadioGroup = BmsInputRadioGroup;
   exports.BmsInputText = _sfc_main$11;
   exports.BmsInputToggle = BmsInputToggle;
-  exports.BmsLink = _sfc_main$1r;
+  exports.BmsLink = _sfc_main$1s;
   exports.BmsLoader = BmsLoader;
   exports.BmsMenu = BmsMenu;
   exports.BmsMenuNav = BmsMenuNav;