@ouestfrance/sipa-bms-ui 8.21.0 → 8.22.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, useCssVars, createStaticVNode, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, toValue, onUnmounted, shallowRef, watchEffect, ref, Transition, withDirectives, normalizeStyle, vShow, Fragment, Teleport, createTextVNode, renderList, withModifiers, mergeModels, useModel, withKeys, createSlots, useSlots, vModelCheckbox, toRaw, onBeforeUnmount, vModelRadio, vModelText, reactive, useTemplateRef, isVNode, isRef, TransitionGroup, createApp } from 'vue';
+import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, mergeModels, useModel, ref, onBeforeMount, onBeforeUnmount, normalizeStyle, useCssVars, createStaticVNode, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, toValue, onUnmounted, shallowRef, watchEffect, Transition, withDirectives, vShow, Fragment, Teleport, createTextVNode, renderList, withModifiers, withKeys, createSlots, useSlots, vModelCheckbox, toRaw, vModelRadio, vModelText, reactive, useTemplateRef, isVNode, isRef, TransitionGroup, createApp } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 
 var CocardeBorder = /* @__PURE__ */ ((CocardeBorder2) => {
@@ -329,7 +329,7 @@ const getHeaderClasses = (header, sort) => {
 
 const _hoisted_1$$ = ["href", "target"];
 const _hoisted_2$G = ["href", "onClick", "target"];
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "BmsLink",
   props: {
     to: {},
@@ -379,7 +379,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$_ = ["type"];
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "UiButtonLink",
   props: {
     type: {},
@@ -404,7 +404,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
         type: __props.type
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$_)) : (openBlock(), createBlock(_sfc_main$1r, {
+      ], 10, _hoisted_1$_)) : (openBlock(), createBlock(_sfc_main$1s, {
         key: 1,
         to: __props.to,
         target: __props.target,
@@ -422,7 +422,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 const _hoisted_1$Z = { class: "start" };
 const _hoisted_2$F = { class: "content" };
 const _hoisted_3$m = { class: "end" };
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "UiButton",
   props: {
     type: { default: "button" },
@@ -435,7 +435,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1q, normalizeProps(guardReactiveProps(props)), {
+      return openBlock(), createBlock(_sfc_main$1r, normalizeProps(guardReactiveProps(props)), {
         default: withCtx(() => [
           createElementVNode("span", _hoisted_1$Z, [
             renderSlot(_ctx.$slots, "start")
@@ -453,7 +453,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "BmsButton",
   props: {
     type: { default: "primary" },
@@ -477,7 +477,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1p, {
+      return openBlock(), createBlock(_sfc_main$1q, {
         mode: uiMode.value,
         color: __props.mode,
         to: __props.to,
@@ -499,7 +499,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "BmsIconButton",
   props: {
     to: { default: null },
@@ -519,7 +519,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
         direction: __props.tooltipDirection
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$1p, mergeProps(_ctx.$attrs, {
+          createVNode(_sfc_main$1q, mergeProps(_ctx.$attrs, {
             icon: "",
             to: __props.to,
             target: __props.target,
@@ -37445,7 +37445,7 @@ const lucideIcons = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePropert
 const _hoisted_1$Y = { class: "info-line" };
 const _hoisted_2$E = { class: "icon" };
 const _hoisted_3$l = { class: "message" };
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "BmsAlert",
   props: {
     message: {},
@@ -37480,7 +37480,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             ], true)
           ]),
           renderSlot(_ctx.$slots, "action", {}, void 0, true),
-          __props.dismissable ? (openBlock(), createBlock(_sfc_main$1n, {
+          __props.dismissable ? (openBlock(), createBlock(_sfc_main$1o, {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => emits("dismiss"))
           }, {
@@ -37504,13 +37504,13 @@ const _export_sfc = (sfc, props) => {
   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__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "BmsBadge",
   props: {
     pending: { default: 0 },
@@ -37536,14 +37536,14 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "BmsCaption",
   props: {
     caption: {}
@@ -37586,7 +37586,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = {
@@ -37594,9 +37594,9 @@ const _hoisted_2$C = {
   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__ */ defineComponent({
+const _hoisted_4$c = ["stroke-dashoffset"];
+const _hoisted_5$8 = { class: "percent" };
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "BmsCircularProgress",
   props: ["progress"],
   setup(__props) {
@@ -37622,16 +37622,79 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
               "stroke-linecap": "round",
               "stroke-dashoffset": 283 - __props.progress * 283 / 100,
               "stroke-dasharray": "283"
-            }, null, 8, _hoisted_4$d)
+            }, null, 8, _hoisted_4$c)
           ])
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5$9, toDisplayString(__props.progress) + "%", 1)
+        createElementVNode("div", _hoisted_5$8, 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__ */ defineComponent({
+  __name: "BmsGhost",
+  props: /* @__PURE__ */ mergeModels({
+    opacityWhenVisible: { default: 0.8 }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const visible = useModel(__props, "modelValue");
+    const props = __props;
+    const ghost = ref(null);
+    const x = ref(0);
+    const y = ref(0);
+    onBeforeMount(() => {
+      document.addEventListener("pointermove", onPointerMove);
+    });
+    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 openBlock(), createElementBlock("div", {
+        ref_key: "ghost",
+        ref: ghost,
+        "aria-hidden": "true",
+        class: "bms-ghost",
+        style: normalizeStyle({
+          "--ghost-x": `${x.value}px`,
+          "--ghost-y": `${y.value}px`,
+          opacity: visible.value ? props.opacityWhenVisible : 0
+        })
+      }, [
+        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) {
@@ -38619,10 +38682,11 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     const calculatedTooltipTransform = ref("none");
     const windowSize = useWindowSize();
     const { getTooltipTranslatePosition } = useTooltipHelper();
+    const attrs = useAttrs();
     const props = __props;
     const anchorElement = ref(void 0);
     const classes = 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())) {
@@ -38680,7 +38744,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
   __name: "BmsTooltip",
@@ -38691,11 +38755,16 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     activated: { type: Boolean, default: true }
   },
   setup(__props, { expose: __expose }) {
+    const attrs = useAttrs();
     const tooltip = ref(null);
     const tooltipAnchor = ref();
     const showToolTip = ref(true);
     const { isOutside } = useMouseInElement(tooltipAnchor);
     const anchorVisibility = useElementVisibility(tooltipAnchor);
+    const classes = 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) {
@@ -38737,7 +38806,8 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
             key: 0,
             visible: showToolTip.value && __props.activated,
             direction: __props.direction,
-            getAnchorElementValues
+            getAnchorElementValues,
+            class: normalizeClass(classes.value)
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "tooltipText", {}, () => [
@@ -38745,7 +38815,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
               ], true)
             ]),
             _: 3
-          }, 8, ["visible", "direction"])) : createCommentVNode("", true)
+          }, 8, ["visible", "direction", "class"])) : createCommentVNode("", true)
         ])),
         __props.activated ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -38761,7 +38831,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 
-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",
@@ -38870,7 +38940,7 @@ const FieldDatalist = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "
 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__ */ defineComponent({
   __name: "RawInputText",
   props: {
@@ -38945,7 +39015,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
           onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus")),
           onClick: _cache[2] || (_cache[2] = ($event) => $emits("click"))
         }, null, 40, _hoisted_3$j),
-        createElementVNode("span", _hoisted_4$c, [
+        createElementVNode("span", _hoisted_4$b, [
           renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
         ])
       ], 2);
@@ -39494,7 +39564,7 @@ const BmsChip = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v
 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__ */ defineComponent({
   __name: "BmsFilePicker",
   props: {
@@ -39595,8 +39665,8 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
               key: file.name,
               class: "file-upload__file"
             }, [
-              createElementVNode("span", _hoisted_4$b, toDisplayString(file.name), 1),
-              createVNode(unref(_sfc_main$1n), {
+              createElementVNode("span", _hoisted_4$a, toDisplayString(file.name), 1),
+              createVNode(unref(_sfc_main$1o), {
                 onClick: ($event) => onDeleteFile(file)
               }, {
                 default: withCtx(() => [
@@ -68899,7 +68969,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                   src: getImageSrc(file),
                   class: "file-upload__file-img"
                 }, null, 8, _hoisted_2$v)) : (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(file.name), 1)),
-                createVNode(_sfc_main$1n, {
+                createVNode(_sfc_main$1o, {
                   mode: unref(StatusType).Danger,
                   onClick: withModifiers(($event) => onDeleteFile(file), ["prevent"]),
                   class: "close-button"
@@ -69365,7 +69435,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         createElementVNode("span", _hoisted_1$I, [
-          __props.canBeDismissed ? (openBlock(), createBlock(unref(_sfc_main$1n), {
+          __props.canBeDismissed ? (openBlock(), createBlock(unref(_sfc_main$1o), {
             key: 0,
             onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("dismiss"), ["stop"]))
           }, {
@@ -87138,7 +87208,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["card__body", { animated: __props.animated, hasAction: !!_ctx.$slots.action }])
         }, [
           createElementVNode("div", _hoisted_1$D, [
-            __props.to ? (openBlock(), createBlock(_sfc_main$1r, {
+            __props.to ? (openBlock(), createBlock(_sfc_main$1s, {
               key: 0,
               class: "card__body__content__link",
               to: __props.to
@@ -87160,15 +87230,20 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 
 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__ */ defineComponent({
   __name: "BmsFloatingWindow",
   props: /* @__PURE__ */ 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
@@ -87177,23 +87252,196 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const props = __props;
     const open = useModel(__props, "modelValue");
+    const wrapperRef = ref(null);
+    const windowRef = ref(null);
+    const position = ref(null);
+    const computedSize = ref(null);
+    const isDragging = ref(false);
+    const dragOffset = ref({ x: 0, y: 0 });
+    const isExpanded = ref(false);
+    const positionBeforeExpand = ref(null);
+    const expandedStyle = 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();
+      }
+    }
+    onMounted(() => {
+      if (open.value) {
+        initPosition();
+      }
+    });
+    watch(open, (newVal) => {
+      if (newVal) {
+        requestAnimationFrame(initPosition);
+      }
+    });
+    const windowStyle = 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 openBlock(), createElementBlock("div", _hoisted_1$C, [
-        withDirectives(createElementVNode("div", _hoisted_2$o, [
-          createElementVNode("div", _hoisted_3$f, [
-            createElementVNode("h2", null, toDisplayString(__props.title), 1),
-            createElementVNode("div", _hoisted_4$a, [
-              createVNode(_sfc_main$1n, {
-                "tooltip-text": "Maximiser la fenêtre",
-                disabled: ""
+      return openBlock(), createElementBlock("div", {
+        ref_key: "wrapperRef",
+        ref: wrapperRef,
+        class: "floating-window-wrapper"
+      }, [
+        isDragging.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "floating-window__drag-overlay",
+          onMousemove: onDrag,
+          onMouseup: onDragEnd
+        }, null, 32)) : createCommentVNode("", true),
+        withDirectives(createElementVNode("div", {
+          ref_key: "windowRef",
+          ref: windowRef,
+          class: normalizeClass(["floating-window", {
+            "floating-window--expanded": isExpanded.value,
+            "floating-window--dragging": isDragging.value
+          }]),
+          style: normalizeStyle(windowStyle.value)
+        }, [
+          createElementVNode("div", {
+            class: "floating-window__header",
+            onMousedown: onDragStart
+          }, [
+            createElementVNode("h3", _hoisted_1$C, toDisplayString(__props.title), 1),
+            createElementVNode("div", _hoisted_2$o, [
+              __props.expandable ? (openBlock(), createBlock(_sfc_main$1o, {
+                key: 0,
+                class: 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: withModifiers(toggleExpand, ["prevent", "stop"])
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(Maximize2))
+                  isExpanded.value ? (openBlock(), createBlock(unref(Minimize2), { key: 0 })) : (openBlock(), createBlock(unref(Maximize2), { key: 1 }))
                 ]),
                 _: 1
-              }),
-              createVNode(_sfc_main$1n, {
+              }, 8, ["class", "tooltip-text"])) : createCommentVNode("", true),
+              createVNode(_sfc_main$1o, {
                 onClick: _cache[0] || (_cache[0] = withModifiers(($event) => open.value = false, ["prevent", "stop"]))
               }, {
                 default: withCtx(() => [
@@ -87202,19 +87450,19 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ])
-          ]),
-          createElementVNode("div", _hoisted_5$8, [
+          ], 32),
+          createElementVNode("div", _hoisted_3$f, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
-        ], 512), [
+        ], 6), [
           [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 = {
@@ -90189,7 +90437,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(["bms-short-link-menu", { "bms-short-link-menu__outline": __props.outline }])
       }, [
-        !!__props.helpLink ? (openBlock(), createBlock(_sfc_main$1n, {
+        !!__props.helpLink ? (openBlock(), createBlock(_sfc_main$1o, {
           key: 0,
           "tooltip-text": "Voir la documentation",
           to: __props.helpLink,
@@ -90202,7 +90450,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["to"])) : createCommentVNode("", true),
-        !!__props.activityLink ? (openBlock(), createBlock(_sfc_main$1n, {
+        !!__props.activityLink ? (openBlock(), createBlock(_sfc_main$1o, {
           key: 1,
           "tooltip-text": "Voir l'activité",
           to: __props.activityLink,
@@ -90454,7 +90702,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                           ])
                         ], true)
                       ]),
-                      createVNode(_sfc_main$1n, {
+                      createVNode(_sfc_main$1o, {
                         disabled: !isModalClosable.value,
                         onClick: dismissModal,
                         "data-testid": "close-modal"
@@ -90480,7 +90728,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                             modalData: props.modelValue
                           }, () => [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(buttons.value, (button) => {
-                              return openBlock(), createBlock(_sfc_main$1o, {
+                              return openBlock(), createBlock(_sfc_main$1p, {
                                 key: button.label + button.role,
                                 type: button.role === "cancel" ? "secondary" : "primary",
                                 disabled: !isModalClosable.value || button.disabled,
@@ -90756,7 +91004,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         renderSlot(_ctx.$slots, "actions", {}, () => [
           createElementVNode("div", _hoisted_2$j, [
-            __props.previousLabel ? (openBlock(), createBlock(_sfc_main$1o, {
+            __props.previousLabel ? (openBlock(), createBlock(_sfc_main$1p, {
               key: 0,
               "data-test": "previous-button",
               name: "previous",
@@ -90768,7 +91016,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            __props.nextLabel ? (openBlock(), createBlock(_sfc_main$1o, {
+            __props.nextLabel ? (openBlock(), createBlock(_sfc_main$1p, {
               key: 1,
               "data-test": "next-button",
               class: "",
@@ -91063,7 +91311,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return classes2;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1r, {
+      return openBlock(), createBlock(_sfc_main$1s, {
         to: __props.item.link,
         target: __props.target,
         classes: classes.value
@@ -91157,7 +91405,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               key: item.label
             }, [
               hasSubItems(item) ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
-                item.link ? (openBlock(), createBlock(_sfc_main$1r, {
+                item.link ? (openBlock(), createBlock(_sfc_main$1s, {
                   key: 0,
                   to: item.link,
                   class: normalizeClass(`parent-item ${isItemActive(item) ? "active" : ""}`)
@@ -91285,7 +91533,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const toggleMenu = (newMenuState = true) => isMenuOpen.value = newMenuState;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        createVNode(unref(_sfc_main$1n), {
+        createVNode(unref(_sfc_main$1o), {
           onClick: _cache[0] || (_cache[0] = ($event) => toggleMenu(!isMenuOpen.value)),
           "data-testid": "openMenu",
           "aria-label": "Ouvrir le menu"
@@ -91309,7 +91557,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                     ref: menu,
                     class: normalizeClass(["menu__container", { "is-show": isMenuOpen.value }])
                   }, [
-                    createVNode(unref(_sfc_main$1n), {
+                    createVNode(unref(_sfc_main$1o), {
                       class: "menu__close",
                       onClick: _cache[1] || (_cache[1] = ($event) => toggleMenu(false)),
                       "data-testid": "closeMenu",
@@ -91643,7 +91891,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           createTextVNode(" " + toDisplayString(__props.tenant.label), 1),
           createElementVNode("em", null, "- " + toDisplayString(__props.tenant.information), 1)
         ], 8, _hoisted_1$k),
-        __props.tenant.isFavorite ? (openBlock(), createBlock(_sfc_main$1n, {
+        __props.tenant.isFavorite ? (openBlock(), createBlock(_sfc_main$1o, {
           key: 0,
           class: "remove-tenant-button",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("removeFavorite"), ["stop"]))
@@ -91839,7 +92087,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         __props.currentTenant && __props.tenants.length === 1 ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
           createVNode(_sfc_main$n, { tenant: __props.currentTenant }, null, 8, ["tenant"]),
           createElementVNode("span", null, toDisplayString(__props.currentTenant.label), 1)
-        ])) : __props.tenants.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$1o), {
+        ])) : __props.tenants.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$1p), {
           key: 1,
           type: "tertiary",
           onClick: _cache[0] || (_cache[0] = ($event) => showTenantSwitcher.value = !showTenantSwitcher.value)
@@ -91982,7 +92230,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 onMouseup: _cache[1] || (_cache[1] = () => gripped.value = false)
               }),
               renderSlot(_ctx.$slots, "default", { row: item }, void 0, true),
-              createVNode(unref(_sfc_main$1n), {
+              createVNode(unref(_sfc_main$1o), {
                 mode: unref(StatusType).Danger,
                 onClick: ($event) => onRemove(item)
               }, {
@@ -92130,7 +92378,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           ], true)
         ]),
         createElementVNode("div", _hoisted_3$6, [
-          createVNode(_sfc_main$1n, {
+          createVNode(_sfc_main$1o, {
             color: "neutral",
             onClick: goToFirst,
             disabled: __props.currentPage === 0
@@ -92140,7 +92388,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"]),
-          createVNode(_sfc_main$1n, {
+          createVNode(_sfc_main$1o, {
             onClick: goToPrevious,
             disabled: __props.currentPage === 0
           }, {
@@ -92149,7 +92397,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"]),
-          createVNode(_sfc_main$1n, {
+          createVNode(_sfc_main$1o, {
             onClick: goToNext,
             disabled: __props.currentPage === __props.pages - 1 || __props.pages === 0
           }, {
@@ -92158,7 +92406,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"]),
-          createVNode(_sfc_main$1n, {
+          createVNode(_sfc_main$1o, {
             onClick: goToLast,
             disabled: __props.currentPage === __props.pages - 1 || __props.pages === 0 || __props.total === Infinity
           }, {
@@ -96361,7 +96609,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", _hoisted_1$a, [
-        createVNode(_sfc_main$1p, {
+        createVNode(_sfc_main$1q, {
           class: "filter-button",
           color: __props.isFilterVisible ? unref(StatusType).Default : unref(StatusType).Information,
           mode: __props.isFilterVisible ? "fill" : "ghost",
@@ -98606,7 +98854,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             _cache[2] || (_cache[2] = createTextVNode(" Recherche avancée ", -1))
           ]),
           createElementVNode("span", _hoisted_4$3, [
-            __props.canSaveFilters ? (openBlock(), createBlock(_sfc_main$1n, {
+            __props.canSaveFilters ? (openBlock(), createBlock(_sfc_main$1o, {
               key: 0,
               class: "save",
               tooltipText: "Sauvegarder le filtre",
@@ -98617,7 +98865,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createVNode(_sfc_main$1n, {
+            createVNode(_sfc_main$1o, {
               class: "reset",
               tooltipText: "Vider les champs",
               onClick: reset
@@ -103270,7 +103518,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             class: "bms-notification__icon"
           })),
           createElementVNode("div", _hoisted_2$4, toDisplayString(__props.notification.text), 1),
-          createVNode(_sfc_main$1n, {
+          createVNode(_sfc_main$1o, {
             class: "bms-notification__close-button",
             onClick: closeNotification
           }, {
@@ -103511,7 +103759,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", null, [
                   createElementVNode("div", _hoisted_5$1, [
                     createElementVNode("span", _hoisted_6$1, toDisplayString(__props.problem.detail), 1),
-                    createVNode(unref(_sfc_main$1n), {
+                    createVNode(unref(_sfc_main$1o), {
                       class: "copyToClipboardButton",
                       onClick: _cache[1] || (_cache[1] = ($event) => onCopyToClipboard(__props.problem.detail))
                     }, {
@@ -103546,7 +103794,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", null, [
                   createElementVNode("div", _hoisted_8$1, [
                     createElementVNode("span", _hoisted_9, toDisplayString(__props.problem.correlationId), 1),
-                    createVNode(unref(_sfc_main$1n), {
+                    createVNode(unref(_sfc_main$1o), {
                       class: "copyToClipboardButton",
                       onClick: _cache[3] || (_cache[3] = ($event) => onCopyToClipboard(__props.problem.detail))
                     }, {
@@ -103756,7 +104004,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return isFeatureFlippingOn.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createVNode(_sfc_main$1o, {
+        createVNode(_sfc_main$1p, {
           onClick: _cache[0] || (_cache[0] = ($event) => emit("click")),
           mode: unref(StatusType).Danger
         }, {
@@ -106053,12 +106301,13 @@ const routerHistoryPlugin = {
 
 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);
@@ -106100,7 +106349,7 @@ const createBmsUi = () => ({
     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);
@@ -106117,5 +106366,5 @@ const createBmsUi = () => ({
   }
 });
 
-export { BMS_FORM_VALID_URL_REGEX, BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1o as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsFixedMenu, BmsFloatingWindow, BmsForm, BmsHeader, BmsHeaderTitle, _sfc_main$1n as BmsIconButton, _sfc_main$16 as BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$10 as BmsInputDateTime, BmsInputFile, _sfc_main$_ as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$11 as BmsInputText, BmsInputToggle, _sfc_main$1r as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsMultiSelect, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$g as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerAutocomplete, BmsServerTable, BmsShortLinkMenu, BmsSplitWindow, BmsStep, BmsStepper, BmsTable, _sfc_main$p as BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getHeaderClasses, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
+export { BMS_FORM_VALID_URL_REGEX, BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1p as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsFixedMenu, BmsFloatingWindow, BmsForm, BmsGhost, BmsHeader, BmsHeaderTitle, _sfc_main$1o as BmsIconButton, _sfc_main$16 as BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$10 as BmsInputDateTime, BmsInputFile, _sfc_main$_ as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$11 as BmsInputText, BmsInputToggle, _sfc_main$1s as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsMultiSelect, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$g as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerAutocomplete, BmsServerTable, BmsShortLinkMenu, BmsSplitWindow, BmsStep, BmsStepper, BmsTable, _sfc_main$p as BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getHeaderClasses, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
 //# sourceMappingURL=sipa-bms-ui.es.js.map