@ouestfrance/sipa-bms-ui 8.21.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) {
@@ -38622,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())) {
@@ -38683,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",
@@ -38694,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) {
@@ -38740,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", {}, () => [
@@ -38748,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,
@@ -38764,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",
@@ -38873,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: {
@@ -38948,7 +39018,7 @@
             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);
@@ -39497,7 +39567,7 @@
   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: {
@@ -39598,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(() => [
@@ -68902,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"
@@ -69368,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"]))
             }, {
@@ -87141,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
@@ -87163,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
@@ -87180,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(() => [
@@ -87205,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 = {
@@ -90192,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,
@@ -90205,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,
@@ -90457,7 +90705,7 @@
                             ])
                           ], true)
                         ]),
-                        vue.createVNode(_sfc_main$1n, {
+                        vue.createVNode(_sfc_main$1o, {
                           disabled: !isModalClosable.value,
                           onClick: dismissModal,
                           "data-testid": "close-modal"
@@ -90483,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,
@@ -90759,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",
@@ -90771,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: "",
@@ -91066,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
@@ -91160,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" : ""}`)
@@ -91288,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"
@@ -91312,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",
@@ -91646,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"]))
@@ -91842,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)
@@ -91985,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)
                 }, {
@@ -92133,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
@@ -92143,7 +92391,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1n, {
+            vue.createVNode(_sfc_main$1o, {
               onClick: goToPrevious,
               disabled: __props.currentPage === 0
             }, {
@@ -92152,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
             }, {
@@ -92161,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
             }, {
@@ -96364,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",
@@ -98609,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",
@@ -98620,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
@@ -103273,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
             }, {
@@ -103514,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))
                       }, {
@@ -103549,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))
                       }, {
@@ -103759,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
           }, {
@@ -106056,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);
@@ -106103,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);
@@ -106127,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;
@@ -106140,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;
@@ -106157,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;