@ouestfrance/sipa-bms-ui 8.22.3 → 8.23.0

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

@@ -56,6 +56,12 @@
     SelectMode2["SINGLE"] = "single";
     return SelectMode2;
   })(SelectMode || {});
+  var TableMode = /* @__PURE__ */ ((TableMode2) => {
+    TableMode2["NORMAL"] = "normal";
+    TableMode2["DENSE"] = "dense";
+    TableMode2["SMALL"] = "small";
+    return TableMode2;
+  })(TableMode || {});
 
   var TooltipDirection = /* @__PURE__ */ ((TooltipDirection2) => {
     TooltipDirection2["Left"] = "left";
@@ -330,9 +336,9 @@
     return classes;
   };
 
-  const _hoisted_1$$ = ["href", "target"];
+  const _hoisted_1$10 = ["href", "target"];
   const _hoisted_2$G = ["href", "onClick", "target"];
-  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsLink",
     props: {
       to: {},
@@ -360,7 +366,7 @@
           target: __props.target
         }, _ctx.$attrs), [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 16, _hoisted_1$$)) : (vue.openBlock(), vue.createBlock(_component_router_link, {
+        ], 16, _hoisted_1$10)) : (vue.openBlock(), vue.createBlock(_component_router_link, {
           key: 1,
           custom: "",
           to: __props.to
@@ -381,8 +387,8 @@
     }
   });
 
-  const _hoisted_1$_ = ["type"];
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$$ = ["type"];
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "UiButtonLink",
     props: {
       type: {},
@@ -407,7 +413,7 @@
           type: __props.type
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$_)) : (vue.openBlock(), vue.createBlock(_sfc_main$1s, {
+        ], 10, _hoisted_1$$)) : (vue.openBlock(), vue.createBlock(_sfc_main$1t, {
           key: 1,
           to: __props.to,
           target: __props.target,
@@ -422,10 +428,10 @@
     }
   });
 
-  const _hoisted_1$Z = { class: "start" };
+  const _hoisted_1$_ = { class: "start" };
   const _hoisted_2$F = { class: "content" };
   const _hoisted_3$m = { class: "end" };
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     __name: "UiButton",
     props: {
       type: { default: "button" },
@@ -438,9 +444,9 @@
     setup(__props) {
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1r, vue.normalizeProps(vue.guardReactiveProps(props)), {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1s, vue.normalizeProps(vue.guardReactiveProps(props)), {
           default: vue.withCtx(() => [
-            vue.createElementVNode("span", _hoisted_1$Z, [
+            vue.createElementVNode("span", _hoisted_1$_, [
               vue.renderSlot(_ctx.$slots, "start")
             ]),
             vue.createElementVNode("span", _hoisted_2$F, [
@@ -456,7 +462,7 @@
     }
   });
 
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsButton",
     props: {
       type: { default: "primary" },
@@ -480,7 +486,7 @@
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1q, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1r, {
           mode: uiMode.value,
           color: __props.mode,
           to: __props.to,
@@ -502,7 +508,7 @@
     }
   });
 
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsIconButton",
     props: {
       to: { default: null },
@@ -522,7 +528,7 @@
           direction: __props.tooltipDirection
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$1q, vue.mergeProps(_ctx.$attrs, {
+            vue.createVNode(_sfc_main$1r, vue.mergeProps(_ctx.$attrs, {
               icon: "",
               to: __props.to,
               target: __props.target,
@@ -541,6 +547,47 @@
     }
   });
 
+  const _hoisted_1$Z = ["disabled"];
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+    __name: "BmsToggleIcon",
+    props: {
+      modelValue: { type: Boolean, default: false },
+      disabled: { type: Boolean, default: false },
+      small: { type: Boolean, default: false }
+    },
+    emits: ["update:modelValue", "click"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const handleClick = (event) => {
+        if (!props.disabled) {
+          const newValue = !props.modelValue;
+          emit("update:modelValue", newValue);
+          emit("click", event);
+        }
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("button", {
+          class: vue.normalizeClass(["toggle-icon", { active: __props.modelValue, disabled: __props.disabled, small: __props.small }]),
+          disabled: __props.disabled,
+          onClick: handleClick
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 10, _hoisted_1$Z);
+      };
+    }
+  });
+
+  const _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+
+  const BmsToggleIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-1070e8e1"]]);
+
   /**
    * @license lucide-vue-next v0.562.0 - ISC
    *
@@ -37943,7 +37990,7 @@
               ], true)
             ]),
             vue.renderSlot(_ctx.$slots, "action", {}, void 0, true),
-            __props.dismissable ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
+            __props.dismissable ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => emits("dismiss"))
             }, {
@@ -37959,14 +38006,6 @@
     }
   });
 
-  const _export_sfc = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-      target[key] = val;
-    }
-    return target;
-  };
-
   const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__scopeId", "data-v-26caccdd"]]);
 
   const _hoisted_1$X = {
@@ -38057,8 +38096,8 @@
     viewBox: "0 0 100 100"
   };
   const _hoisted_3$k = { transform: "rotate(-90, 50, 50)" };
-  const _hoisted_4$c = ["stroke-dashoffset"];
-  const _hoisted_5$8 = { class: "percent" };
+  const _hoisted_4$b = ["stroke-dashoffset"];
+  const _hoisted_5$7 = { class: "percent" };
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsCircularProgress",
     props: ["progress"],
@@ -38085,10 +38124,10 @@
                 "stroke-linecap": "round",
                 "stroke-dashoffset": 283 - __props.progress * 283 / 100,
                 "stroke-dasharray": "283"
-              }, null, 8, _hoisted_4$c)
+              }, null, 8, _hoisted_4$b)
             ])
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_5$8, vue.toDisplayString(__props.progress) + "%", 1)
+          vue.createElementVNode("div", _hoisted_5$7, vue.toDisplayString(__props.progress) + "%", 1)
         ]);
       };
     }
@@ -39403,7 +39442,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$b = { class: "field__input-icon field__input-icon--end" };
+  const _hoisted_4$a = { class: "field__input-icon field__input-icon--end" };
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     __name: "RawInputText",
     props: {
@@ -39478,7 +39517,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$b, [
+          vue.createElementVNode("span", _hoisted_4$a, [
             vue.renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
           ])
         ], 2);
@@ -40029,7 +40068,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$a = { class: "file-upload__file-name" };
+  const _hoisted_4$9 = { class: "file-upload__file-name" };
   const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsFilePicker",
     props: {
@@ -40130,8 +40169,8 @@
                 key: file.name,
                 class: "file-upload__file"
               }, [
-                vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(file.name), 1),
-                vue.createVNode(vue.unref(_sfc_main$1o), {
+                vue.createElementVNode("span", _hoisted_4$9, vue.toDisplayString(file.name), 1),
+                vue.createVNode(vue.unref(_sfc_main$1p), {
                   onClick: ($event) => onDeleteFile(file)
                 }, {
                   default: vue.withCtx(() => [
@@ -69154,7 +69193,8 @@
       const checkLimit = () => {
         internalErrors.value = [];
         internalCaptions.value = [];
-        if (props.inputType === InputType.TEXT && typeof props.modelValue === "string") {
+        const hasValue = props.modelValue !== null && props.modelValue !== void 0;
+        if (hasValue && props.inputType === InputType.TEXT && typeof props.modelValue === "string") {
           if (props.minlength !== void 0 && props.modelValue.length < props.minlength) {
             internalErrors.value = [
               "Longueur inférieur au minimum autorisé (min:" + props.minlength + ")"
@@ -69434,7 +69474,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$1o, {
+                  vue.createVNode(_sfc_main$1p, {
                     mode: vue.unref(StatusType).Danger,
                     onClick: vue.withModifiers(($event) => onDeleteFile(file), ["prevent"]),
                     class: "close-button"
@@ -69492,7 +69532,8 @@
       });
       const checkLimit = () => {
         internalErrors.value = [];
-        if (props.min !== void 0 && props.modelValue < props.min) {
+        const hasValue = props.modelValue !== null && props.modelValue !== void 0;
+        if (hasValue && props.min !== void 0 && props.modelValue < props.min) {
           internalErrors.value = [
             "Valeur inférieure au minimum autorisé (min : " + props.min + ")"
           ];
@@ -69900,7 +69941,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$1o), {
+            __props.canBeDismissed ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1p), {
               key: 0,
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("dismiss"), ["stop"]))
             }, {
@@ -87677,7 +87718,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$1s, {
+              __props.to ? (vue.openBlock(), vue.createBlock(_sfc_main$1t, {
                 key: 0,
                 class: "card__body__content__link",
                 to: __props.to
@@ -87765,10 +87806,20 @@
           position.value = computeInitialPosition();
         }
       }
+      const resizeCallack = useDebounceFn(() => {
+        expandedStyle.value = computeExpandedStyle();
+      }, 100);
       vue.onMounted(() => {
         if (open.value) {
           initPosition();
         }
+        if (props.expandTarget) {
+          const targetEl = document.querySelector(props.expandTarget);
+          if (targetEl) {
+            const resizeObserver = new ResizeObserver(resizeCallack);
+            resizeObserver.observe(targetEl);
+          }
+        }
       });
       vue.watch(open, (newVal) => {
         if (newVal) {
@@ -87899,7 +87950,7 @@
             }, [
               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, {
+                __props.expandable ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
                   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",
@@ -87910,7 +87961,7 @@
                   ]),
                   _: 1
                 }, 8, ["class", "tooltip-text"])) : vue.createCommentVNode("", true),
-                vue.createVNode(_sfc_main$1o, {
+                vue.createVNode(_sfc_main$1p, {
                   onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => open.value = false, ["prevent", "stop"]))
                 }, {
                   default: vue.withCtx(() => [
@@ -87931,7 +87982,7 @@
     }
   });
 
-  const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-3023af4c"]]);
+  const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-ad6f9b71"]]);
 
   const _hoisted_1$B = { class: "form-section" };
   const _hoisted_2$n = {
@@ -90906,7 +90957,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$1o, {
+          !!__props.helpLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
             key: 0,
             "tooltip-text": "Voir la documentation",
             to: __props.helpLink,
@@ -90919,7 +90970,7 @@
             ]),
             _: 3
           }, 8, ["to"])) : vue.createCommentVNode("", true),
-          !!__props.activityLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
+          !!__props.activityLink ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
             key: 1,
             "tooltip-text": "Voir l'activité",
             to: __props.activityLink,
@@ -90942,8 +90993,8 @@
   const _hoisted_1$y = { class: "bms-header" };
   const _hoisted_2$m = { class: "bms-header__title" };
   const _hoisted_3$d = { class: "bms-header__title__label" };
-  const _hoisted_4$9 = { key: 0 };
-  const _hoisted_5$7 = {
+  const _hoisted_4$8 = { key: 0 };
+  const _hoisted_5$6 = {
     key: 1,
     class: "bms-header__title__after-title"
   };
@@ -90973,7 +91024,7 @@
           vue.createElementVNode("span", _hoisted_2$m, [
             vue.renderSlot(_ctx.$slots, "logo", {}, void 0, true),
             vue.createElementVNode("span", _hoisted_3$d, [
-              __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
+              __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$8, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("h1", null, vue.toDisplayString(__props.title), 1)
             ]),
             showHelperLink.value ? (vue.openBlock(), vue.createBlock(BmsShortLinkMenu, {
@@ -90982,7 +91033,7 @@
               "help-link": __props.documentationUrl ?? null,
               "activity-link": __props.activityUrl ?? null
             }, null, 8, ["help-link", "activity-link"])) : vue.createCommentVNode("", true),
-            _ctx.$slots.afterTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [
+            _ctx.$slots.afterTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, [
               vue.renderSlot(_ctx.$slots, "afterTitle", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, [
@@ -91022,8 +91073,8 @@
   const _hoisted_1$x = ["data-testid"];
   const _hoisted_2$l = { class: "ui-modal__header" };
   const _hoisted_3$c = { class: "ui-modal__header-inner" };
-  const _hoisted_4$8 = { class: "ui-modal__title" };
-  const _hoisted_5$6 = { class: "ui-modal__content" };
+  const _hoisted_4$7 = { class: "ui-modal__title" };
+  const _hoisted_5$5 = { class: "ui-modal__content" };
   const _hoisted_6$4 = { class: "ui-modal__footer" };
   const _hoisted_7$4 = { class: "ui-modal__buttons" };
   const _hoisted_8$3 = {
@@ -91157,7 +91208,7 @@
                       vue.createElementVNode("header", _hoisted_2$l, [
                         vue.createElementVNode("div", _hoisted_3$c, [
                           vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                            vue.createElementVNode("h1", _hoisted_4$8, [
+                            vue.createElementVNode("h1", _hoisted_4$7, [
                               props.type !== vue.unref(StatusType).Default ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(titleComponent.value), {
                                 key: 0,
                                 class: "title-indicator",
@@ -91171,7 +91222,7 @@
                             ])
                           ], true)
                         ]),
-                        vue.createVNode(_sfc_main$1o, {
+                        vue.createVNode(_sfc_main$1p, {
                           disabled: !isModalClosable.value,
                           onClick: dismissModal,
                           "data-testid": "close-modal"
@@ -91182,7 +91233,7 @@
                           _: 1
                         }, 8, ["disabled"])
                       ]),
-                      vue.createElementVNode("main", _hoisted_5$6, [
+                      vue.createElementVNode("main", _hoisted_5$5, [
                         vue.renderSlot(_ctx.$slots, "default", {
                           modalData: props.modelValue
                         }, void 0, true)
@@ -91197,7 +91248,7 @@
                               modalData: props.modelValue
                             }, () => [
                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(buttons.value, (button) => {
-                                return vue.openBlock(), vue.createBlock(_sfc_main$1p, {
+                                return vue.openBlock(), vue.createBlock(_sfc_main$1q, {
                                   key: button.label + button.role,
                                   type: button.role === "cancel" ? "secondary" : "primary",
                                   disabled: !isModalClosable.value || button.disabled,
@@ -91453,7 +91504,7 @@
     }
   });
 
-  const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4d48c930"]]);
+  const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-b6e704f4"]]);
 
   const _hoisted_1$u = { class: "step" };
   const _hoisted_2$j = { class: "step-buttons" };
@@ -91473,7 +91524,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$1p, {
+              __props.previousLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1q, {
                 key: 0,
                 "data-test": "previous-button",
                 name: "previous",
@@ -91485,7 +91536,7 @@
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              __props.nextLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
+              __props.nextLabel ? (vue.openBlock(), vue.createBlock(_sfc_main$1q, {
                 key: 1,
                 "data-test": "next-button",
                 class: "",
@@ -91510,8 +91561,8 @@
   const _hoisted_1$t = { class: "stepper" };
   const _hoisted_2$i = { class: "stepper-header" };
   const _hoisted_3$a = ["onClick"];
-  const _hoisted_4$7 = { key: 1 };
-  const _hoisted_5$5 = ["onClick"];
+  const _hoisted_4$6 = { key: 1 };
+  const _hoisted_5$4 = ["onClick"];
   const _hoisted_6$3 = {
     key: 0,
     class: "stepper-header--separator"
@@ -91574,11 +91625,11 @@
                   class: vue.normalizeClass(["stepper-header--indicator", stepIndicator(step, index)]),
                   onClick: ($event) => onStepClick(index)
                 }, [
-                  step.stepComplete ? (vue.openBlock(), vue.createBlock(vue.unref(Check), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$7, vue.toDisplayString(index + 1), 1))
+                  step.stepComplete ? (vue.openBlock(), vue.createBlock(vue.unref(Check), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$6, vue.toDisplayString(index + 1), 1))
                 ], 10, _hoisted_3$a),
                 vue.createElementVNode("div", {
                   onClick: ($event) => onStepClick(index)
-                }, vue.toDisplayString(step.stepLabel), 9, _hoisted_5$5),
+                }, vue.toDisplayString(step.stepLabel), 9, _hoisted_5$4),
                 index < steps.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_6$3)) : vue.createCommentVNode("", true)
               ], 2);
             }), 128))
@@ -91780,7 +91831,7 @@
         return classes2;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1s, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1t, {
           to: __props.item.link,
           target: __props.target,
           classes: classes.value
@@ -91809,8 +91860,8 @@
   };
   const _hoisted_2$g = { class: "parent-label" };
   const _hoisted_3$9 = ["onClick"];
-  const _hoisted_4$6 = { class: "parent-label" };
-  const _hoisted_5$4 = { class: "additional" };
+  const _hoisted_4$5 = { class: "parent-label" };
+  const _hoisted_5$3 = { class: "additional" };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsMenuNav",
     props: {
@@ -91874,7 +91925,7 @@
                 key: item.label
               }, [
                 hasSubItems(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
-                  item.link ? (vue.openBlock(), vue.createBlock(_sfc_main$1s, {
+                  item.link ? (vue.openBlock(), vue.createBlock(_sfc_main$1t, {
                     key: 0,
                     to: item.link,
                     class: vue.normalizeClass(`parent-item ${isItemActive(item) ? "active" : ""}`)
@@ -91892,7 +91943,7 @@
                     class: "parent-item",
                     onClick: ($event) => toggleParentItem(item)
                   }, [
-                    vue.createElementVNode("span", _hoisted_4$6, vue.toDisplayString(item.label), 1),
+                    vue.createElementVNode("span", _hoisted_4$5, vue.toDisplayString(item.label), 1),
                     !item.open ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), { key: 1 }))
                   ], 8, _hoisted_3$9)),
                   vue.createVNode(vue.Transition, { name: "open" }, {
@@ -91934,7 +91985,7 @@
               ]);
             }), 128))
           ]),
-          vue.createElementVNode("div", _hoisted_5$4, [
+          vue.createElementVNode("div", _hoisted_5$3, [
             vue.renderSlot(_ctx.$slots, "additional", { closeMenu }, void 0, true)
           ])
         ]);
@@ -92002,7 +92053,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$1o), {
+          vue.createVNode(vue.unref(_sfc_main$1p), {
             onClick: _cache[0] || (_cache[0] = ($event) => toggleMenu(!isMenuOpen.value)),
             "data-testid": "openMenu",
             "aria-label": "Ouvrir le menu"
@@ -92026,7 +92077,7 @@
                       ref: menu,
                       class: vue.normalizeClass(["menu__container", { "is-show": isMenuOpen.value }])
                     }, [
-                      vue.createVNode(vue.unref(_sfc_main$1o), {
+                      vue.createVNode(vue.unref(_sfc_main$1p), {
                         class: "menu__close",
                         onClick: _cache[1] || (_cache[1] = ($event) => toggleMenu(false)),
                         "data-testid": "closeMenu",
@@ -92360,7 +92411,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$1o, {
+          __props.tenant.isFavorite ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
             key: 0,
             class: "remove-tenant-button",
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("removeFavorite"), ["stop"]))
@@ -92556,7 +92607,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$1p), {
+          ])) : __props.tenants.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1q), {
             key: 1,
             type: "tertiary",
             onClick: _cache[0] || (_cache[0] = ($event) => showTenantSwitcher.value = !showTenantSwitcher.value)
@@ -92699,7 +92750,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$1o), {
+                vue.createVNode(vue.unref(_sfc_main$1p), {
                   mode: vue.unref(StatusType).Danger,
                   onClick: ($event) => onRemove(item)
                 }, {
@@ -92738,7 +92789,7 @@
   const _hoisted_1$f = { class: "empty-screen" };
   const _hoisted_2$c = { class: "empty-screen__img" };
   const _hoisted_3$7 = { class: "empty-screen__title" };
-  const _hoisted_4$5 = {
+  const _hoisted_4$4 = {
     key: 0,
     class: "empty-screen__description"
   };
@@ -92756,7 +92807,7 @@
             vue.createVNode(vue.unref(Empty))
           ]),
           vue.createElementVNode("h1", _hoisted_3$7, vue.toDisplayString(props.title), 1),
-          props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$5, vue.toDisplayString(props.description), 1)) : vue.createCommentVNode("", true)
+          props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$4, vue.toDisplayString(props.description), 1)) : vue.createCommentVNode("", true)
         ]);
       };
     }
@@ -92775,7 +92826,8 @@
       total: {},
       currentPage: {},
       pages: {},
-      selectLabel: { default: "Éléments par page :" }
+      selectLabel: { default: "Éléments par page :" },
+      small: { type: Boolean, default: false }
     },
     emits: ["update:currentSize", "next", "prev", "go"],
     setup(__props, { emit: __emit }) {
@@ -92829,8 +92881,9 @@
             vue.createVNode(vue.unref(BmsSelect), {
               modelValue: size.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => size.value = $event),
+              small: __props.small,
               options: __props.sizes.map((size2) => ({ label: size2.toString(), value: size2 }))
-            }, null, 8, ["modelValue", "options"])
+            }, null, 8, ["modelValue", "small", "options"])
           ]),
           vue.createElementVNode("div", _hoisted_2$b, [
             vue.renderSlot(_ctx.$slots, "default", {
@@ -92847,7 +92900,7 @@
             ], true)
           ]),
           vue.createElementVNode("div", _hoisted_3$6, [
-            vue.createVNode(_sfc_main$1o, {
+            vue.createVNode(_sfc_main$1p, {
               color: "neutral",
               onClick: goToFirst,
               disabled: __props.currentPage === 0
@@ -92857,7 +92910,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1o, {
+            vue.createVNode(_sfc_main$1p, {
               onClick: goToPrevious,
               disabled: __props.currentPage === 0
             }, {
@@ -92866,7 +92919,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1o, {
+            vue.createVNode(_sfc_main$1p, {
               onClick: goToNext,
               disabled: __props.currentPage === __props.pages - 1 || __props.pages === 0
             }, {
@@ -92875,7 +92928,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(_sfc_main$1o, {
+            vue.createVNode(_sfc_main$1p, {
               onClick: goToLast,
               disabled: __props.currentPage === __props.pages - 1 || __props.pages === 0 || __props.total === Infinity
             }, {
@@ -92890,7 +92943,7 @@
     }
   });
 
-  const BmsPagination = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-e10f3b80"]]);
+  const BmsPagination = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-86561b3b"]]);
 
   /**
    * Removes all key-value entries from the list cache.
@@ -96713,41 +96766,40 @@
   const UiBmsTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-2ab3888f"]]);
 
   const _hoisted_1$b = { class: "bms-table" };
-  const _hoisted_2$9 = { class: "bms-table__actions" };
-  const _hoisted_3$4 = { class: "bms-table__actions__saved-filters" };
-  const _hoisted_4$4 = { class: "bms-table__actions__custom" };
-  const _hoisted_5$3 = { class: "bms-table__actions__search" };
-  const _hoisted_6$2 = {
+  const _hoisted_2$9 = { class: "bms-table__actions__saved-filters" };
+  const _hoisted_3$4 = { class: "bms-table__actions__custom" };
+  const _hoisted_4$3 = { class: "bms-table__actions__search" };
+  const _hoisted_5$2 = {
     key: 0,
     class: "bms-table__filters"
   };
+  const _hoisted_6$2 = { key: 1 };
   const _hoisted_7$2 = { key: 1 };
-  const _hoisted_8$2 = { key: 1 };
-  const _hoisted_9$1 = { class: "bms-table__table-wrapper" };
-  const _hoisted_10$1 = {
+  const _hoisted_8$2 = { class: "bms-table__table-wrapper" };
+  const _hoisted_9$1 = {
     key: 0,
     class: "bms-table__loader"
   };
-  const _hoisted_11$1 = {
+  const _hoisted_10$1 = {
     ref: "thead",
     class: "bms-table__header"
   };
-  const _hoisted_12$1 = { class: "bms-table__headers bms-table__row" };
-  const _hoisted_13$1 = { key: 0 };
-  const _hoisted_14$1 = ["onClick"];
-  const _hoisted_15$1 = { class: "header-content" };
-  const _hoisted_16$1 = { class: "bms-table__body" };
-  const _hoisted_17 = {
+  const _hoisted_11$1 = { class: "bms-table__headers bms-table__row" };
+  const _hoisted_12$1 = { key: 0 };
+  const _hoisted_13$1 = ["onClick"];
+  const _hoisted_14$1 = { class: "header-content" };
+  const _hoisted_15$1 = { class: "bms-table__body" };
+  const _hoisted_16$1 = {
     key: 1,
     class: "bms-table__row"
   };
-  const _hoisted_18 = ["colspan"];
+  const _hoisted_17 = ["colspan"];
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     __name: "UiBmsTable",
     props: /* @__PURE__ */ vue.mergeModels({
       headers: {},
       items: {},
-      mode: { default: "normal" },
+      mode: { default: TableMode.NORMAL },
       loading: { type: Boolean },
       hasFilters: { type: Boolean, default: false },
       sort: { default: () => ({
@@ -96884,18 +96936,20 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-          vue.createElementVNode("div", _hoisted_2$9, [
-            vue.createElementVNode("div", _hoisted_3$4, [
-              vue.createElementVNode("div", _hoisted_4$4, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["bms-table__actions", { "bms-table__actions--small": __props.mode === vue.unref(TableMode).SMALL }])
+          }, [
+            vue.createElementVNode("div", _hoisted_2$9, [
+              vue.createElementVNode("div", _hoisted_3$4, [
                 vue.renderSlot(_ctx.$slots, "custom-actions", {}, void 0, true)
               ]),
               vue.renderSlot(_ctx.$slots, "saved-filters", {}, void 0, true)
             ]),
-            vue.createElementVNode("div", _hoisted_5$3, [
+            vue.createElementVNode("div", _hoisted_4$3, [
               vue.renderSlot(_ctx.$slots, "search", {}, void 0, true)
             ])
-          ]),
-          __props.hasFilters ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+          ], 2),
+          __props.hasFilters ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
             vue.renderSlot(_ctx.$slots, "filters", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
           __props.selectMode === vue.unref(SelectMode).ALL || selectedItems.value.length > 0 && __props.selectMode !== vue.unref(SelectMode).SINGLE ? (vue.openBlock(), vue.createBlock(BmsAlert, {
@@ -96907,11 +96961,11 @@
             message: vue.withCtx(() => [
               __props.selectMode === vue.unref(SelectMode).ALL || selectedItems.value.length === __props.totalSize ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                 vue.createTextVNode(" Vous avez sélectionné la totalité des " + vue.toDisplayString(__props.totalSize) + " éléments. ", 1)
-              ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, [
+              ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$2, [
                 selectedItems.value.length === 1 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   _cache[1] || (_cache[1] = vue.createElementVNode("strong", null, "1", -1)),
                   _cache[2] || (_cache[2] = vue.createTextVNode(" élément du tableau est sélectionné. ", -1))
-                ], 64)) : (vue.openBlock(), vue.createElementBlock("strong", _hoisted_8$2, vue.toDisplayString(selectedItems.value.length) + " éléments du tableau sont sélectionnés. ", 1)),
+                ], 64)) : (vue.openBlock(), vue.createElementBlock("strong", _hoisted_7$2, vue.toDisplayString(selectedItems.value.length) + " éléments du tableau sont sélectionnés. ", 1)),
                 __props.totalSize < __props.maxSelectedSize ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 2,
                   class: "select-mode-all",
@@ -96925,10 +96979,10 @@
             _: 3
           }, 8, ["type"])) : vue.createCommentVNode("", true),
           _cache[4] || (_cache[4] = vue.createElementVNode("div", { class: "selected-wrapper" }, null, -1)),
-          vue.createElementVNode("div", _hoisted_9$1, [
+          vue.createElementVNode("div", _hoisted_8$2, [
             vue.createVNode(vue.Transition, { name: "fade" }, {
               default: vue.withCtx(() => [
-                __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
+                __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
                   vue.createVNode(BmsLoader)
                 ])) : vue.createCommentVNode("", true)
               ]),
@@ -96946,9 +97000,9 @@
               ref_key: "mainComponent",
               ref: mainComponent
             }, [
-              vue.createElementVNode("thead", _hoisted_11$1, [
-                vue.createElementVNode("tr", _hoisted_12$1, [
-                  __props.selectable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_13$1, [
+              vue.createElementVNode("thead", _hoisted_10$1, [
+                vue.createElementVNode("tr", _hoisted_11$1, [
+                  __props.selectable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_12$1, [
                     __props.selectMode !== vue.unref(SelectMode).SINGLE ? (vue.openBlock(), vue.createBlock(UiBmsInputCheckbox, {
                       key: 0,
                       name: "select-all",
@@ -96969,7 +97023,7 @@
                       key: header.label,
                       onClick: ($event) => emits("clickHeader", header)
                     }, [
-                      vue.createElementVNode("span", _hoisted_15$1, [
+                      vue.createElementVNode("span", _hoisted_14$1, [
                         vue.createTextVNode(vue.toDisplayString(header.label) + " ", 1),
                         header.sortable ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getSortComponent(header)), {
                           key: 0,
@@ -96977,11 +97031,11 @@
                           class: "header-content-sort"
                         })) : vue.createCommentVNode("", true)
                       ])
-                    ], 14, _hoisted_14$1);
+                    ], 14, _hoisted_13$1);
                   }), 128))
                 ])
               ], 512),
-              vue.createElementVNode("tbody", _hoisted_16$1, [
+              vue.createElementVNode("tbody", _hoisted_15$1, [
                 __props.items.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.items, (item) => {
                   return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: item }, [
                     vue.createVNode(UiBmsTableRow, {
@@ -96991,7 +97045,7 @@
                       headers: filteredHeaders.value,
                       "select-mode": __props.selectMode,
                       "selectable-disabled": __props.selectableDisabled,
-                      dense: __props.mode === "dense",
+                      dense: __props.mode === vue.unref(TableMode).DENSE || __props.mode === vue.unref(TableMode).SMALL,
                       onSelect: onItemSelect
                     }, vue.createSlots({
                       default: vue.withCtx(({ row }) => [
@@ -97030,7 +97084,7 @@
                       ]), 1032, ["item", "selected-items", "selectable", "headers", "select-mode", "selectable-disabled"])
                     ], true) : vue.createCommentVNode("", true)
                   ], 64);
-                }), 128)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_17, [
+                }), 128)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_16$1, [
                   vue.createElementVNode("td", {
                     colspan: __props.selectable ? filteredHeaders.value.length + 1 : filteredHeaders.value.length,
                     class: "bms-table__cell bms-table__cell--empty"
@@ -97038,7 +97092,7 @@
                     !props.loading ? vue.renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
                       _cache[3] || (_cache[3] = vue.createTextVNode("Aucune donnée", -1))
                     ], true) : vue.createCommentVNode("", true)
-                  ], 8, _hoisted_18)
+                  ], 8, _hoisted_17)
                 ]))
               ])
             ], 2)) : vue.createCommentVNode("", true),
@@ -97056,7 +97110,7 @@
     }
   });
 
-  const UiBmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-c7d4abaf"]]);
+  const UiBmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-fb70a13c"]]);
 
   const _hoisted_1$a = { class: "filter-button-container" };
   const _hoisted_2$8 = {
@@ -97067,7 +97121,8 @@
     __name: "UiFilterButton",
     props: {
       isFilterVisible: { type: Boolean, default: false },
-      activeFiltersNb: { default: 0 }
+      activeFiltersNb: { default: 0 },
+      small: { type: Boolean, default: false }
     },
     emits: ["toggleFilters"],
     setup(__props, { emit: __emit }) {
@@ -97078,17 +97133,18 @@
       );
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, [
-          vue.createVNode(_sfc_main$1q, {
+          vue.createVNode(_sfc_main$1r, {
             class: "filter-button",
             color: __props.isFilterVisible ? vue.unref(StatusType).Default : vue.unref(StatusType).Information,
             mode: __props.isFilterVisible ? "fill" : "ghost",
+            small: __props.small,
             onClick: _cache[0] || (_cache[0] = ($event) => $emits("toggleFilters"))
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(Funnel))
             ]),
             _: 1
-          }, 8, ["color", "mode"]),
+          }, 8, ["color", "mode", "small"]),
           vue.createVNode(vue.Transition, { name: "indicator-scale" }, {
             default: vue.withCtx(() => [
               showIndicator.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$8, vue.toDisplayString(__props.activeFiltersNb), 1)) : vue.createCommentVNode("", true)
@@ -97100,7 +97156,7 @@
     }
   });
 
-  const UiFilterButton = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6047ada7"]]);
+  const UiFilterButton = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-36a9eb9a"]]);
 
   const LOCAL_STORAGE_USER_PREF_KEY = "userPref";
   const useUserPref = () => {
@@ -99186,16 +99242,15 @@
   var debounceExports = requireDebounce();
   const _debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
 
-  const _hoisted_1$9 = { class: "filters" };
-  const _hoisted_2$7 = { class: "filters__header" };
-  const _hoisted_3$3 = { class: "filters__header-title" };
-  const _hoisted_4$3 = { class: "input action" };
-  const _hoisted_5$2 = { class: "filters__inputs" };
+  const _hoisted_1$9 = { class: "filters__header" };
+  const _hoisted_2$7 = { class: "filters__header-title" };
+  const _hoisted_3$3 = { class: "input action" };
   const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsTableFilters",
     props: {
       modelValue: {},
-      canSaveFilters: { type: Boolean, default: false }
+      canSaveFilters: { type: Boolean, default: false },
+      small: { type: Boolean, default: false }
     },
     emits: ["update:modelValue", "saveFilter", "resetFilters", "filterInput", "filterChange"],
     setup(__props, { emit: __emit }) {
@@ -99316,14 +99371,16 @@
         }
       );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
-          vue.createElementVNode("div", _hoisted_2$7, [
-            vue.createElementVNode("div", _hoisted_3$3, [
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["filters", { "filters--small": __props.small }])
+        }, [
+          vue.createElementVNode("div", _hoisted_1$9, [
+            vue.createElementVNode("div", _hoisted_2$7, [
               vue.createVNode(vue.unref(Funnel)),
               _cache[2] || (_cache[2] = vue.createTextVNode(" Recherche avancée ", -1))
             ]),
-            vue.createElementVNode("span", _hoisted_4$3, [
-              __props.canSaveFilters ? (vue.openBlock(), vue.createBlock(_sfc_main$1o, {
+            vue.createElementVNode("span", _hoisted_3$3, [
+              __props.canSaveFilters ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
                 key: 0,
                 class: "save",
                 tooltipText: "Sauvegarder le filtre",
@@ -99334,7 +99391,7 @@
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              vue.createVNode(_sfc_main$1o, {
+              vue.createVNode(_sfc_main$1p, {
                 class: "reset",
                 tooltipText: "Vider les champs",
                 onClick: reset
@@ -99346,7 +99403,9 @@
               })
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_5$2, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["filters__inputs", { "filters__inputs--small": __props.small }])
+          }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue, (filter) => {
               return vue.openBlock(), vue.createElementBlock("span", {
                 class: vue.normalizeClass(["input", {
@@ -99355,6 +99414,7 @@
                 key: filter.key
               }, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFilterComponent(filter.type)), {
+                  small: __props.small,
                   label: filter.label,
                   inputType: filter.inputType,
                   modelValue: transformValueForComponent(filter?.value, filter.type),
@@ -99370,10 +99430,10 @@
                     value: e.target.value,
                     e
                   })
-                }, null, 40, ["label", "inputType", "modelValue", "onUpdate:modelValue", "onUpdate:valueFrom", "onUpdate:valueTo", "valueFrom", "valueTo", "autocompleteRequest", "options", "onInput"]))
+                }, null, 40, ["small", "label", "inputType", "modelValue", "onUpdate:modelValue", "onUpdate:valueFrom", "onUpdate:valueTo", "valueFrom", "valueTo", "autocompleteRequest", "options", "onInput"]))
               ], 2);
             }), 128))
-          ]),
+          ], 2),
           vue.createVNode(vue.unref(BmsModal), {
             modelValue: savedModalOpened.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => savedModalOpened.value = $event),
@@ -99394,12 +99454,12 @@
             ]),
             _: 1
           }, 8, ["modelValue"])
-        ]);
+        ], 2);
       };
     }
   });
 
-  const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-94b8e913"]]);
+  const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-04b66f64"]]);
 
   /**
    * Create a bound version of a function with a specified `this` context
@@ -103325,7 +103385,7 @@
       headers: {},
       filters: { default: () => [] },
       url: {},
-      mode: { default: "normal" },
+      mode: { default: TableMode.NORMAL },
       persistent: { type: Boolean, default: true },
       pagination: { default: () => [25, 50, 100] },
       size: { default: 25 },
@@ -103533,6 +103593,7 @@
         selectedItems.value = [];
       };
       const onSelectAll = () => emits("update:selectMode", SelectMode.ALL);
+      const isTableSmall = vue.computed(() => props.mode === TableMode.SMALL);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(UiBmsTable, {
           selectedItems: selectedItems.value,
@@ -103564,11 +103625,12 @@
                     modelValue: vue.unref(filters),
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(filters) ? filters.value = $event : null),
                     canSaveFilters: __props.canSaveFilters,
+                    small: __props.mode == "small",
                     onSaveFilter,
                     onResetFilters: vue.unref(resetFilters),
                     onFilterInput: _cache[1] || (_cache[1] = (filterEvent) => emits("filterInput", filterEvent)),
                     onFilterChange: _cache[2] || (_cache[2] = (filterEvent) => emits("filterChange", filterEvent))
-                  }, null, 8, ["modelValue", "canSaveFilters", "onResetFilters"])
+                  }, null, 8, ["modelValue", "canSaveFilters", "small", "onResetFilters"])
                 ], 512), [
                   [vue.vShow, vue.unref(isFilterVisible)]
                 ])
@@ -103597,16 +103659,18 @@
           search: vue.withCtx(() => [
             vue.unref(filters).length > 0 ? (vue.openBlock(), vue.createBlock(UiFilterButton, {
               key: 0,
+              small: isTableSmall.value,
               activeFiltersNb: vue.unref(numberOfActiveFilters),
               isFilterVisible: vue.unref(isFilterVisible),
               onToggleFilters: vue.unref(toggleFilters)
-            }, null, 8, ["activeFiltersNb", "isFilterVisible", "onToggleFilters"])) : vue.createCommentVNode("", true),
+            }, null, 8, ["small", "activeFiltersNb", "isFilterVisible", "onToggleFilters"])) : vue.createCommentVNode("", true),
             !__props.disableSearch ? vue.renderSlot(_ctx.$slots, "search", { key: 1 }, () => [
               vue.createVNode(BmsSearch, {
                 modelValue: vue.unref(search),
                 class: "table-search",
+                small: isTableSmall.value,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => search.value = $event)
-              }, null, 8, ["modelValue"])
+              }, null, 8, ["modelValue", "small"])
             ], true) : vue.createCommentVNode("", true)
           ]),
           empty: vue.withCtx(() => [
@@ -103626,10 +103690,11 @@
                 currentPage: props.initialPage === 1 ? vue.unref(currentPage) - 1 : vue.unref(currentPage),
                 sizes: vue.unref(paginationsOptions),
                 pages: totalPages.value,
+                small: isTableSmall.value,
                 onPrev: onPrevClick,
                 onNext: onNextClick,
                 onGo: _cache[5] || (_cache[5] = ($event) => go($event))
-              }, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages"])
+              }, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages", "small"])
             ])) : vue.createCommentVNode("", true)
           ]),
           _: 2
@@ -103647,7 +103712,7 @@
     }
   });
 
-  const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c27df335"]]);
+  const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6c7e0faf"]]);
 
   const _hoisted_1$7 = { class: "filters-container" };
   const _hoisted_2$5 = {
@@ -103663,7 +103728,7 @@
       savedFilters: { default: () => [] },
       canSaveFilters: { type: Boolean, default: false },
       items: {},
-      mode: { default: "normal" },
+      mode: { default: TableMode.NORMAL },
       persistent: { type: Boolean, default: true },
       pagination: { default: () => [25, 50, 100] },
       size: { default: 25 },
@@ -103816,6 +103881,7 @@
         selectedItems.value = elementsAndChildElements.value;
       };
       const totalSize = vue.computed(() => elementsAndChildElements.value.length);
+      const isTableSmall = vue.computed(() => props.mode === TableMode.SMALL);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(UiBmsTable, {
           selectedItems: selectedItems.value,
@@ -103843,12 +103909,13 @@
                   vue.createVNode(BmsTableFilters, {
                     modelValue: vue.unref(filters),
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(filters) ? filters.value = $event : null),
+                    small: isTableSmall.value,
                     canSaveFilters: __props.canSaveFilters,
                     onSaveFilter,
                     onResetFilters: vue.unref(resetFilters),
                     onFilterInput: _cache[1] || (_cache[1] = (filterEvent) => emits("filterInput", filterEvent)),
                     onFilterChange: _cache[2] || (_cache[2] = (filterEvent) => emits("filterChange", filterEvent))
-                  }, null, 8, ["modelValue", "canSaveFilters", "onResetFilters"])
+                  }, null, 8, ["modelValue", "small", "canSaveFilters", "onResetFilters"])
                 ], 512), [
                   [vue.vShow, vue.unref(isFilterVisible)]
                 ])
@@ -103881,14 +103948,16 @@
               key: 0,
               activeFiltersNb: vue.unref(numberOfActiveFilters),
               isFilterVisible: vue.unref(isFilterVisible),
-              onToggleFilters: vue.unref(toggleFilters)
-            }, null, 8, ["activeFiltersNb", "isFilterVisible", "onToggleFilters"])) : vue.createCommentVNode("", true),
+              onToggleFilters: vue.unref(toggleFilters),
+              small: isTableSmall.value
+            }, null, 8, ["activeFiltersNb", "isFilterVisible", "onToggleFilters", "small"])) : vue.createCommentVNode("", true),
             !__props.disableSearch ? vue.renderSlot(_ctx.$slots, "search", { key: 1 }, () => [
               vue.createVNode(BmsSearch, {
                 modelValue: vue.unref(search),
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(search) ? search.value = $event : null),
-                class: "table-search"
-              }, null, 8, ["modelValue"])
+                class: "table-search",
+                small: isTableSmall.value
+              }, null, 8, ["modelValue", "small"])
             ], true) : vue.createCommentVNode("", true)
           ]),
           empty: vue.withCtx(() => [
@@ -103908,10 +103977,11 @@
                 currentPage: vue.unref(currentPage),
                 sizes: vue.unref(paginationsOptions),
                 pages: vue.unref(totalPages),
+                small: isTableSmall.value,
                 onPrev: onPrevClick,
                 onNext: onNextClick,
                 onGo: _cache[5] || (_cache[5] = ($event) => go($event))
-              }, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages"])
+              }, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages", "small"])
             ])) : vue.createCommentVNode("", true)
           ]),
           _: 2
@@ -103929,7 +103999,7 @@
     }
   });
 
-  const BmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-704a7453"]]);
+  const BmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-d0834859"]]);
 
   const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     __name: "BmsCocarde",
@@ -103987,7 +104057,7 @@
               class: "bms-notification__icon"
             })),
             vue.createElementVNode("div", _hoisted_2$4, vue.toDisplayString(__props.notification.text), 1),
-            vue.createVNode(_sfc_main$1o, {
+            vue.createVNode(_sfc_main$1p, {
               class: "bms-notification__close-button",
               onClick: closeNotification
             }, {
@@ -104228,7 +104298,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$1o), {
+                      vue.createVNode(vue.unref(_sfc_main$1p), {
                         class: "copyToClipboardButton",
                         onClick: _cache[1] || (_cache[1] = ($event) => onCopyToClipboard(__props.problem.detail))
                       }, {
@@ -104263,7 +104333,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$1o), {
+                      vue.createVNode(vue.unref(_sfc_main$1p), {
                         class: "copyToClipboardButton",
                         onClick: _cache[3] || (_cache[3] = ($event) => onCopyToClipboard(__props.problem.detail))
                       }, {
@@ -104473,7 +104543,7 @@
       );
       return (_ctx, _cache) => {
         return isFeatureFlippingOn.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-          vue.createVNode(_sfc_main$1p, {
+          vue.createVNode(_sfc_main$1q, {
             onClick: _cache[0] || (_cache[0] = ($event) => emit("click")),
             mode: vue.unref(StatusType).Danger
           }, {
@@ -106770,8 +106840,9 @@
 
   const createBmsUi = () => ({
     install: (app) => {
-      app.component("BmsButton", _sfc_main$1p);
-      app.component("BmsIconButton", _sfc_main$1o);
+      app.component("BmsButton", _sfc_main$1q);
+      app.component("BmsIconButton", _sfc_main$1p);
+      app.component("BmsToggleIcon", BmsToggleIcon);
       app.component("BmsAlert", BmsAlert);
       app.component("BmsBadge", BmsBadge);
       app.component("BmsCaption", BmsCaption);
@@ -106818,7 +106889,7 @@
       app.component("BmsBackButton", BmsBackButton);
       app.component("BmsBreadcrumb", BmsBreadcrumb);
       app.component("BmsFixedMenu", BmsFixedMenu);
-      app.component("BmsLink", _sfc_main$1s);
+      app.component("BmsLink", _sfc_main$1t);
       app.component("BmsMenu", BmsMenu);
       app.component("BmsMenuNav", BmsMenuNav);
       app.component("BmsShortLinkMenu", BmsShortLinkMenu);
@@ -106842,7 +106913,7 @@
   exports.BmsBadge = BmsBadge;
   exports.BmsBetweenInput = BmsBetweenInput;
   exports.BmsBreadcrumb = BmsBreadcrumb;
-  exports.BmsButton = _sfc_main$1p;
+  exports.BmsButton = _sfc_main$1q;
   exports.BmsCaption = BmsCaption;
   exports.BmsCard = BmsCard;
   exports.BmsChip = BmsChip;
@@ -106858,7 +106929,7 @@
   exports.BmsGhost = BmsGhost;
   exports.BmsHeader = BmsHeader;
   exports.BmsHeaderTitle = BmsHeaderTitle;
-  exports.BmsIconButton = _sfc_main$1o;
+  exports.BmsIconButton = _sfc_main$1p;
   exports.BmsInputBooleanCheckbox = _sfc_main$16;
   exports.BmsInputCheckboxCaption = BmsInputCheckboxCaption;
   exports.BmsInputCheckboxCaptionGroup = BmsInputCheckboxCaptionGroup;
@@ -106873,7 +106944,7 @@
   exports.BmsInputRadioGroup = BmsInputRadioGroup;
   exports.BmsInputText = _sfc_main$11;
   exports.BmsInputToggle = BmsInputToggle;
-  exports.BmsLink = _sfc_main$1s;
+  exports.BmsLink = _sfc_main$1t;
   exports.BmsLoader = BmsLoader;
   exports.BmsMenu = BmsMenu;
   exports.BmsMenuNav = BmsMenuNav;
@@ -106898,6 +106969,7 @@
   exports.BmsTag = BmsTag;
   exports.BmsTenantSwitcher = BmsTenantSwitcher;
   exports.BmsTextArea = BmsTextArea;
+  exports.BmsToggleIcon = BmsToggleIcon;
   exports.BmsTooltip = BmsTooltip;
   exports.ChipColor = ChipColor;
   exports.CocardeBorder = CocardeBorder;
@@ -106909,6 +106981,7 @@
   exports.SelectMode = SelectMode;
   exports.SortValue = SortValue;
   exports.StatusType = StatusType;
+  exports.TableMode = TableMode;
   exports.TooltipDirection = TooltipDirection;
   exports.confirmPlugin = confirmPlugin;
   exports.convertStringToCaption = convertStringToCaption;