@ouestfrance/sipa-bms-ui 8.41.1 → 8.42.1

package/dist/components/layout/BmsSlidingPanelShell.vue.d.ts

@@ -3,12 +3,14 @@ type __VLS_Props = {
     collapsed?: boolean;
     showFloatingPanel?: boolean;
     panelWidth?: string;
+    mode?: 'overlay' | 'push';
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:showFloatingPanel": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:showFloatingPanel"?: ((value: boolean) => any) | undefined;
 }>, {
+    mode: "push" | "overlay";
     align: "left" | "right";
     collapsed: boolean;
     showFloatingPanel: boolean;
@@ -16,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
     floating?(_: {}): any;
+    floating?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/sipa-bms-ui.css

@@ -2041,18 +2041,18 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 .bms-side-panel--right[data-v-97f7f97d] > * {
   flex: 1 1 auto;
   min-height: 0;
-}.bms-sliding-panel-shell[data-v-94197de5] {
+}.bms-sliding-panel-shell[data-v-c553bc07] {
   position: relative;
   display: flex;
   height: 100%;
   min-height: 0;
   overflow: visible;
 }
-.bms-sliding-panel-shell[data-v-94197de5] .bms-side-panel {
+.bms-sliding-panel-shell--overlay[data-v-c553bc07] .bms-side-panel {
   position: relative;
   z-index: 2;
 }
-.bms-sliding-panel-shell__drawer[data-v-94197de5] {
+.bms-sliding-panel-shell--overlay .bms-sliding-panel-shell__drawer[data-v-c553bc07] {
   position: absolute;
   top: 0;
   width: var(--bms-panel-width);
@@ -2061,26 +2061,50 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   z-index: 1;
   overflow-y: auto;
 }
-.bms-sliding-panel-shell--left .bms-sliding-panel-shell__drawer[data-v-94197de5] {
+.bms-sliding-panel-shell--overlay.bms-sliding-panel-shell--left .bms-sliding-panel-shell__drawer[data-v-c553bc07] {
   left: var(--bms-panel-width);
   border-right: 1px solid var(--bms-border-color);
 }
-.bms-sliding-panel-shell--right .bms-sliding-panel-shell__drawer[data-v-94197de5] {
+.bms-sliding-panel-shell--overlay.bms-sliding-panel-shell--right .bms-sliding-panel-shell__drawer[data-v-c553bc07] {
   right: var(--bms-panel-width);
   border-left: 1px solid var(--bms-border-color);
 }
-.bms-slide-left-enter-active[data-v-94197de5],
-.bms-slide-left-leave-active[data-v-94197de5],
-.bms-slide-right-enter-active[data-v-94197de5],
-.bms-slide-right-leave-active[data-v-94197de5] {
+.bms-sliding-panel-shell__push-wrapper[data-v-c553bc07] {
+  width: 0;
+  overflow: hidden;
+  flex-shrink: 0;
+  transition: width 200ms ease;
+}
+.bms-sliding-panel-shell__push-wrapper--open[data-v-c553bc07] {
+  width: var(--bms-panel-width);
+}
+.bms-sliding-panel-shell--push.bms-sliding-panel-shell--right .bms-sliding-panel-shell__push-wrapper[data-v-c553bc07] {
+  order: -1;
+}
+.bms-sliding-panel-shell--push .bms-sliding-panel-shell__drawer[data-v-c553bc07] {
+  width: var(--bms-panel-width);
+  height: 100%;
+  background: var(--bms-white);
+  overflow-y: auto;
+}
+.bms-sliding-panel-shell--push.bms-sliding-panel-shell--left .bms-sliding-panel-shell__drawer[data-v-c553bc07] {
+  border-right: 1px solid var(--bms-border-color);
+}
+.bms-sliding-panel-shell--push.bms-sliding-panel-shell--right .bms-sliding-panel-shell__drawer[data-v-c553bc07] {
+  border-left: 1px solid var(--bms-border-color);
+}
+.bms-slide-left-enter-active[data-v-c553bc07],
+.bms-slide-left-leave-active[data-v-c553bc07],
+.bms-slide-right-enter-active[data-v-c553bc07],
+.bms-slide-right-leave-active[data-v-c553bc07] {
   transition: transform 200ms ease;
 }
-.bms-slide-left-enter-from[data-v-94197de5],
-.bms-slide-left-leave-to[data-v-94197de5] {
+.bms-slide-left-enter-from[data-v-c553bc07],
+.bms-slide-left-leave-to[data-v-c553bc07] {
   transform: translateX(-100%);
 }
-.bms-slide-right-enter-from[data-v-94197de5],
-.bms-slide-right-leave-to[data-v-94197de5] {
+.bms-slide-right-enter-from[data-v-c553bc07],
+.bms-slide-right-leave-to[data-v-c553bc07] {
   transform: translateX(100%);
 }.split-window[data-v-b6e704f4] {
   display: grid;
@@ -2140,14 +2164,14 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   display: flex;
   justify-content: flex-end;
   gap: 1em;
-}.stepper-header[data-v-aef55cda] {
+}.stepper-header[data-v-0428024f] {
   display: flex;
   justify-content: center;
   align-items: center;
   top: 0;
   padding: 2em 0;
 }
-.stepper-header[data-v-aef55cda]::before {
+.stepper-header[data-v-0428024f]::before {
   content: "";
   display: block;
   width: 80%;
@@ -2161,7 +2185,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   opacity: 0;
   transition: opacity 0.2s linear;
 }
-.stepper-header[data-v-aef55cda]::after {
+.stepper-header[data-v-0428024f]::after {
   content: "";
   display: block;
   position: absolute;
@@ -2172,49 +2196,51 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background: transparent;
   z-index: -1;
 }
-.stepper-header--step[data-v-aef55cda] {
+.stepper-header--step[data-v-0428024f] {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 10px;
 }
-.stepper-header--step[data-v-aef55cda]:first-child {
+.stepper-header--step[data-v-0428024f]:first-child {
   margin: 0 10px 0 0;
 }
-.stepper-header--step[data-v-aef55cda]:last-child {
+.stepper-header--step[data-v-0428024f]:last-child {
   margin: 0;
 }
-.stepper-header--step.clickable:hover div[data-v-aef55cda] {
+.stepper-header--step.clickable:hover div[data-v-0428024f] {
   cursor: pointer;
 }
-.stepper-header--indicator[data-v-aef55cda] {
+.stepper-header--indicator[data-v-0428024f] {
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--bms-main-50);
-  color: var(--bms-font-color);
+  background-color: light-dark(var(--bms-main-50), var(--bms-main-140));
+  color: light-dark(var(--bms-font-color), var(--bms-main-10));
   border-radius: 50%;
   font-weight: bold;
   margin-right: 10px;
 }
-.stepper-header--indicator.active[data-v-aef55cda] {
+.stepper-header--indicator.active[data-v-0428024f] {
   border: none;
   background-color: var(--bms-main-100);
   color: var(--bms-white);
 }
-.stepper-header--indicator.complete[data-v-aef55cda] {
+.stepper-header--indicator.complete[data-v-0428024f] {
   border: none;
   background-color: var(--bms-success-color);
   color: var(--bms-white);
   font-size: 20px;
 }
-.stepper-header--separator[data-v-aef55cda] {
+.stepper-header--separator[data-v-0428024f] {
   width: 30px;
   margin-left: 10px;
+  border: 0;
+  border-top: 1px solid light-dark(var(--bms-grey-25), var(--bms-grey-100));
 }
-.stepper-body[data-v-aef55cda] {
+.stepper-body[data-v-0428024f] {
   margin: 10px 10px 0 10px;
 }a[data-v-02d02028] {
   cursor: pointer;

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

@@ -354,7 +354,7 @@ var getHeaderClasses = (header, sort) => {
 //#endregion
 //#region src/components/navigation/BmsLink.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$67 = ["href", "target"];
-var _hoisted_2$43 = [
+var _hoisted_2$44 = [
 	"href",
 	"onClick",
 	"target"
@@ -396,7 +396,7 @@ var BmsLink_default = /* @__PURE__ */ defineComponent({
 					onClick: navigate,
 					class: computedClasses.value,
 					target: __props.target
-				}, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$43)]),
+				}, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$44)]),
 				_: 3
 			}, 8, ["to"]));
 		};
@@ -449,7 +449,7 @@ var UiButtonLink_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/button/UiButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$65 = { class: "start" };
-var _hoisted_2$42 = { class: "content" };
+var _hoisted_2$43 = { class: "content" };
 var _hoisted_3$25 = { class: "end" };
 //#endregion
 //#region src/components/button/UiButton.vue
@@ -475,7 +475,7 @@ var UiButton_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(UiButtonLink_default, normalizeProps(guardReactiveProps(props)), {
 				default: withCtx(() => [
 					createElementVNode("span", _hoisted_1$65, [renderSlot(_ctx.$slots, "start")]),
-					createElementVNode("span", _hoisted_2$42, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_2$43, [renderSlot(_ctx.$slots, "default")]),
 					createElementVNode("span", _hoisted_3$25, [renderSlot(_ctx.$slots, "end")])
 				]),
 				_: 3
@@ -54527,7 +54527,7 @@ var lucide_vue_next_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 //#region src/components/feedback/BmsAlert.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$63 = { class: "info-line" };
-var _hoisted_2$41 = { class: "icon" };
+var _hoisted_2$42 = { class: "icon" };
 var _hoisted_3$24 = { class: "message" };
 //#endregion
 //#region src/components/feedback/BmsAlert.vue
@@ -54558,7 +54558,7 @@ var BmsAlert_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["alert", `alert-${props.type} ${props.small ? "alert--small" : ""}`]) }, [createElementVNode("div", _hoisted_1$63, [
-				createElementVNode("span", _hoisted_2$41, [(openBlock(), createBlock(resolveDynamicComponent(alertIcon.value), { size: 20 }))]),
+				createElementVNode("span", _hoisted_2$42, [(openBlock(), createBlock(resolveDynamicComponent(alertIcon.value), { size: 20 }))]),
 				createElementVNode("span", _hoisted_3$24, [renderSlot(_ctx.$slots, "message", {}, () => [createElementVNode("strong", null, toDisplayString(__props.message), 1)], true)]),
 				renderSlot(_ctx.$slots, "action", {}, void 0, true),
 				__props.dismissable ? (openBlock(), createBlock(BmsIconButton_default, {
@@ -54608,7 +54608,7 @@ var _hoisted_1$61 = {
 	key: 0,
 	class: "icon"
 };
-var _hoisted_2$40 = ["innerHTML"];
+var _hoisted_2$41 = ["innerHTML"];
 //#endregion
 //#region src/components/feedback/BmsCaption.vue
 var BmsCaption_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -54633,14 +54633,14 @@ var BmsCaption_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["caption", `caption-${computedCaption.value.mode}`]) }, [computedCaption.value.mode != unref(StatusType).Default ? (openBlock(), createElementBlock("span", _hoisted_1$61, [createVNode(unref(alertIcon), { size: 13 })])) : createCommentVNode("", true), createElementVNode("span", {
 				class: "label",
 				innerHTML: unref(sanitizeHtml)(computedCaption.value.label)
-			}, null, 8, _hoisted_2$40)], 2);
+			}, null, 8, _hoisted_2$41)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-b08dd4e0"]]);
 //#endregion
 //#region src/components/feedback/BmsCircularProgress.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$60 = { class: "circular-progress" };
-var _hoisted_2$39 = {
+var _hoisted_2$40 = {
 	key: 0,
 	viewBox: "0 0 100 100"
 };
@@ -54654,7 +54654,7 @@ var BmsCircularProgress_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 	props: ["progress"],
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$60, [__props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$39, [createElementVNode("g", _hoisted_3$23, [_cache[0] || (_cache[0] = createElementVNode("circle", {
+			return openBlock(), createElementBlock("div", _hoisted_1$60, [__props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$40, [createElementVNode("g", _hoisted_3$23, [_cache[0] || (_cache[0] = createElementVNode("circle", {
 				opacity: ".08",
 				r: "45",
 				cx: "50",
@@ -54736,7 +54736,7 @@ var _hoisted_1$59 = {
 	viewBox: "0 0 38 38",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-var _hoisted_2$38 = ["id"];
+var _hoisted_2$39 = ["id"];
 var _hoisted_3$22 = {
 	fill: "none",
 	"fill-rule": "evenodd"
@@ -54783,7 +54783,7 @@ var BmsLoader_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 					"stop-color": "currentColor",
 					offset: "100%"
 				}, null, -1)
-			])], 8, _hoisted_2$38)]), createElementVNode("g", _hoisted_3$22, [createElementVNode("g", _hoisted_4$13, [createElementVNode("path", {
+			])], 8, _hoisted_2$39)]), createElementVNode("g", _hoisted_3$22, [createElementVNode("g", _hoisted_4$13, [createElementVNode("path", {
 				d: "M36 18c0-9.94-8.06-18-18-18",
 				id: "Oval-2",
 				stroke: `url(#${unref(gradientId)})`,
@@ -55749,7 +55749,7 @@ var FieldDatalist_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 //#endregion
 //#region src/components/form/RawInputText.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$57 = { class: "field__input-label" };
-var _hoisted_2$37 = { class: "field__input-icon field__input-icon--start" };
+var _hoisted_2$38 = { class: "field__input-icon field__input-icon--start" };
 var _hoisted_3$21 = [
 	"type",
 	"value",
@@ -55833,7 +55833,7 @@ var RawInputText_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(["input-wrapper", classes.value]) }, [
 				createElementVNode("template", _hoisted_1$57, [renderSlot(_ctx.$slots, "label", {}, void 0, true)]),
-				createElementVNode("span", _hoisted_2$37, [renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_2$38, [renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)]),
 				createElementVNode("input", {
 					ref_key: "input",
 					ref: input,
@@ -56041,7 +56041,7 @@ var RawAutocomplete_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 //#endregion
 //#region src/components/form/BmsAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$56 = ["innerHTML"];
-var _hoisted_2$36 = ["innerHTML"];
+var _hoisted_2$37 = ["innerHTML"];
 //#endregion
 //#region src/components/form/BmsAutocomplete.vue
 var BmsAutocomplete_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -56116,7 +56116,7 @@ var BmsAutocomplete_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 					key: 0,
 					class: "icon datalist-icon",
 					innerHTML: option.icon
-				}, null, 8, _hoisted_2$36)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
+				}, null, 8, _hoisted_2$37)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
 					key: 1,
 					class: "icon datalist-icon"
 				}))], 64)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(option.label), 1)]),
@@ -56151,7 +56151,7 @@ var BmsAutocomplete_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 //#endregion
 //#region src/components/form/BmsServerAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$55 = ["innerHTML"];
-var _hoisted_2$35 = ["innerHTML"];
+var _hoisted_2$36 = ["innerHTML"];
 //#endregion
 //#region src/components/form/BmsServerAutocomplete.vue
 var BmsServerAutocomplete_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -56249,7 +56249,7 @@ var BmsServerAutocomplete_default = /* @__PURE__ */ _plugin_vue_export_helper_de
 					key: 0,
 					class: "icon datalist-icon",
 					innerHTML: option.icon
-				}, null, 8, _hoisted_2$35)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
+				}, null, 8, _hoisted_2$36)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
 					key: 1,
 					class: "icon datalist-icon"
 				}))], 64)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(option.label), 1)]),
@@ -56397,7 +56397,7 @@ var BmsChip_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 //#endregion
 //#region src/components/form/BmsFilePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$54 = { class: "file-upload" };
-var _hoisted_2$34 = { class: "file-upload__label" };
+var _hoisted_2$35 = { class: "file-upload__label" };
 var _hoisted_3$20 = { key: 1 };
 var _hoisted_4$11 = { class: "file-upload__file-name" };
 //#endregion
@@ -56473,7 +56473,7 @@ var BmsFilePicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 				"data-testid": "file-upload-drop-area",
 				onDrop: _cache[1] || (_cache[1] = withModifiers(($event) => onDropFile($event), ["prevent"])),
 				onDragover: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"]))
-			}, [createElementVNode("label", _hoisted_2$34, [isDragOver.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.dragOverMessage), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.dragOffMessage), 1)], 64)), createElementVNode("input", {
+			}, [createElementVNode("label", _hoisted_2$35, [isDragOver.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.dragOverMessage), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.dragOffMessage), 1)], 64)), createElementVNode("input", {
 				"data-testid": "file-upload-input-file",
 				type: "file",
 				onChange: _cache[0] || (_cache[0] = ($event) => onSelectFile($event))
@@ -56496,7 +56496,7 @@ var _hoisted_1$53 = [
 	"name",
 	"value"
 ];
-var _hoisted_2$33 = {
+var _hoisted_2$34 = {
 	key: 0,
 	class: "input-checkbox-info"
 };
@@ -56543,7 +56543,7 @@ var UiBmsInputCheckbox_default = /* @__PURE__ */ _plugin_vue_export_helper_defau
 				name: __props.name,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
 				value: __props.value
-			}, null, 8, _hoisted_1$53), [[vModelCheckbox, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$33, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
+			}, null, 8, _hoisted_1$53), [[vModelCheckbox, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$34, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
 		};
 	}
 }), [["__scopeId", "data-v-e1d94c62"]]);
@@ -83837,7 +83837,7 @@ var BmsInputDateTime_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/form/BmsInputFile.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$51 = ["accept"];
-var _hoisted_2$32 = ["src"];
+var _hoisted_2$33 = ["src"];
 var _hoisted_3$19 = {
 	key: 1,
 	class: "file-upload__file-name"
@@ -83977,7 +83977,7 @@ var BmsInputFile_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 						key: 0,
 						src: getImageSrc(file),
 						class: "file-upload__file-img"
-					}, null, 8, _hoisted_2$32)) : (openBlock(), createElementBlock("span", _hoisted_3$19, toDisplayString(file.name), 1)), createVNode(BmsIconButton_default, {
+					}, null, 8, _hoisted_2$33)) : (openBlock(), createElementBlock("span", _hoisted_3$19, toDisplayString(file.name), 1)), createVNode(BmsIconButton_default, {
 						mode: unref(StatusType).Danger,
 						onClick: withModifiers(($event) => onDeleteFile(file), ["prevent"]),
 						class: "close-button"
@@ -84082,7 +84082,7 @@ var _hoisted_1$50 = [
 	"disabled",
 	"required"
 ];
-var _hoisted_2$31 = {
+var _hoisted_2$32 = {
 	key: 0,
 	class: "input-radio-info"
 };
@@ -84130,7 +84130,7 @@ var BmsInputRadio_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 				name: __props.name,
 				disabled: __props.disabled,
 				required: __props.required
-			}, null, 8, _hoisted_1$50), [[vModelRadio, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$31, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
+			}, null, 8, _hoisted_1$50), [[vModelRadio, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$32, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
 		};
 	}
 }), [["__scopeId", "data-v-c0c9efa3"]]);
@@ -84382,7 +84382,7 @@ var UiBmsSwitch_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 //#endregion
 //#region src/components/form/BmsInputToggle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$48 = ["title"];
-var _hoisted_2$30 = { class: "input-toggle__label-group" };
+var _hoisted_2$31 = { class: "input-toggle__label-group" };
 var _hoisted_3$18 = { class: "input-switch-info" };
 var _hoisted_4$10 = { class: "field__label-helper--icon" };
 //#endregion
@@ -84425,7 +84425,7 @@ var BmsInputToggle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 						overflow: __props.ellipsisLabel
 					}]),
 					title: __props.ellipsisLabel ? __props.label : void 0
-				}, [createElementVNode("span", _hoisted_2$30, [createElementVNode("span", _hoisted_3$18, toDisplayString(__props.label), 1), __props.helperText ? (openBlock(), createBlock(unref(BmsTooltip_default), {
+				}, [createElementVNode("span", _hoisted_2$31, [createElementVNode("span", _hoisted_3$18, toDisplayString(__props.label), 1), __props.helperText ? (openBlock(), createBlock(unref(BmsTooltip_default), {
 					key: 0,
 					tooltipText: __props.helperText
 				}, {
@@ -84562,7 +84562,7 @@ var RawSelect_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 //#endregion
 //#region src/components/form/BmsMultiSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$46 = { class: "tags" };
-var _hoisted_2$29 = ["disabled"];
+var _hoisted_2$30 = ["disabled"];
 var _hoisted_3$17 = { class: "icon-container" };
 //#endregion
 //#region src/components/form/BmsMultiSelect.vue
@@ -84674,7 +84674,7 @@ var BmsMultiSelect_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 					disabled: __props.disabled,
 					onInput,
 					onKeyup: withKeys(openDatalist, ["down"])
-				}, null, 40, _hoisted_2$29), [[vModelText, searching.value]])]), createElementVNode("span", _hoisted_3$17, [modelValue.value && modelValue.value?.length ? (openBlock(), createBlock(unref(X), {
+				}, null, 40, _hoisted_2$30), [[vModelText, searching.value]])]), createElementVNode("span", _hoisted_3$17, [modelValue.value && modelValue.value?.length ? (openBlock(), createBlock(unref(X), {
 					key: 0,
 					class: "icon icon-clear",
 					onClick: withModifiers(clearInput, ["stop"])
@@ -99303,7 +99303,7 @@ var _hoisted_1$45 = [
 	"required",
 	"disabled"
 ];
-var _hoisted_2$28 = { class: "icon-toggle-container" };
+var _hoisted_2$29 = { class: "icon-toggle-container" };
 //#endregion
 //#region src/components/form/BmsSelect.vue
 var BmsSelect_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -99395,7 +99395,7 @@ var BmsSelect_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 					required: __props.required,
 					disabled: __props.disabled,
 					onKeyup: withKeys(openDatalist, ["down"])
-				}, null, 40, _hoisted_1$45), createElementVNode("span", _hoisted_2$28, [isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
+				}, null, 40, _hoisted_1$45), createElementVNode("span", _hoisted_2$29, [isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
 					key: 0,
 					class: "icon-toggle-button"
 				})) : (openBlock(), createBlock(unref(ChevronDown), {
@@ -99432,7 +99432,7 @@ var UiSelectIcon_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/form/BmsCombobox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$43 = { class: "select-wrapper" };
-var _hoisted_2$27 = {
+var _hoisted_2$28 = {
 	key: 0,
 	class: "select-input__tags"
 };
@@ -99694,7 +99694,7 @@ var BmsCombobox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 					ref_key: "selectElement",
 					ref: selectElement
 				}, [
-					__props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$27, [renderSlot(_ctx.$slots, "selected-items", {
+					__props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$28, [renderSlot(_ctx.$slots, "selected-items", {
 						selectedItems: selectedItems.value,
 						dismiss: (value) => onRemoveOption(value)
 					}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedItems.value, (tag) => {
@@ -99937,7 +99937,7 @@ var BmsInputTime_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/layout/BmsContentPageLayout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$41 = { class: "page__breadcrumb" };
-var _hoisted_2$26 = { class: "page__header" };
+var _hoisted_2$27 = { class: "page__header" };
 //#endregion
 //#region src/components/layout/BmsContentPageLayout.vue
 var BmsContentPageLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -99950,7 +99950,7 @@ var BmsContentPageLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 			return openBlock(), createElementBlock("div", { class: normalizeClass(wrapperClasses.value) }, [
 				createElementVNode("div", _hoisted_1$41, [renderSlot(_ctx.$slots, "breadcrumb", {}, void 0, true)]),
 				renderSlot(_ctx.$slots, "tabs", {}, void 0, true),
-				createElementVNode("div", _hoisted_2$26, [renderSlot(_ctx.$slots, "header", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_2$27, [renderSlot(_ctx.$slots, "header", {}, void 0, true)]),
 				createElementVNode("main", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
 			], 2);
 		};
@@ -99959,7 +99959,7 @@ var BmsContentPageLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 //#endregion
 //#region src/components/layout/BmsCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$40 = { class: "card__body__content" };
-var _hoisted_2$25 = {
+var _hoisted_2$26 = {
 	key: 0,
 	class: "card__body__action"
 };
@@ -100010,14 +100010,14 @@ var BmsCard_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 8, ["to"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)]), !!_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_2$25, [renderSlot(_ctx.$slots, "action", {}, void 0, true)])) : createCommentVNode("", true)], 2)], 2);
+			}, 8, ["to"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)]), !!_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_2$26, [renderSlot(_ctx.$slots, "action", {}, void 0, true)])) : createCommentVNode("", true)], 2)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-64676bba"]]);
 //#endregion
 //#region src/components/layout/BmsFloatingWindow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$39 = { class: "floating-window__header__title" };
-var _hoisted_2$24 = { class: "floating-window__header__buttons" };
+var _hoisted_2$25 = { class: "floating-window__header__buttons" };
 var _hoisted_3$15 = { class: "floating-window__content" };
 //#endregion
 //#region src/components/layout/BmsFloatingWindow.vue
@@ -100217,7 +100217,7 @@ var BmsFloatingWindow_default = /* @__PURE__ */ _plugin_vue_export_helper_defaul
 			}, [createElementVNode("div", {
 				class: "floating-window__header",
 				onMousedown: onDragStart
-			}, [createElementVNode("h3", _hoisted_1$39, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_2$24, [
+			}, [createElementVNode("h3", _hoisted_1$39, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_2$25, [
 				renderSlot(_ctx.$slots, "action", {}, void 0, true),
 				__props.expandable ? (openBlock(), createBlock(BmsIconButton_default, {
 					key: 0,
@@ -100239,7 +100239,7 @@ var BmsFloatingWindow_default = /* @__PURE__ */ _plugin_vue_export_helper_defaul
 //#endregion
 //#region src/components/layout/BmsForm.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$38 = { class: "form-section" };
-var _hoisted_2$23 = {
+var _hoisted_2$24 = {
 	key: 0,
 	style: "border"
 };
@@ -100258,7 +100258,7 @@ var BmsForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$38, [(openBlock(), createElementBlock(Fragment, null, renderList(slots, (_, name) => {
-				return openBlock(), createElementBlock(Fragment, null, [!slotIsAction(name) ? (openBlock(), createElementBlock("section", _hoisted_2$23, [renderSlot(_ctx.$slots, name, {}, void 0, true)])) : createCommentVNode("", true)], 64);
+				return openBlock(), createElementBlock(Fragment, null, [!slotIsAction(name) ? (openBlock(), createElementBlock("section", _hoisted_2$24, [renderSlot(_ctx.$slots, name, {}, void 0, true)])) : createCommentVNode("", true)], 64);
 			}), 64)), createElementVNode("div", _hoisted_3$14, [hasSlotActions.value ? renderSlot(_ctx.$slots, "actions", { key: 0 }, void 0, true) : createCommentVNode("", true)])]);
 		};
 	}
@@ -102871,7 +102871,7 @@ var BmsShortLinkMenu_default = /* @__PURE__ */ _plugin_vue_export_helper_default
 //#endregion
 //#region src/components/layout/BmsHeaderTitle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$35 = { class: "bms-header" };
-var _hoisted_2$22 = { class: "bms-header__title" };
+var _hoisted_2$23 = { class: "bms-header__title" };
 var _hoisted_3$13 = { class: "bms-header__title__label" };
 var _hoisted_4$8 = { key: 0 };
 var _hoisted_5$6 = {
@@ -102902,7 +102902,7 @@ var BmsHeaderTitle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 			return props.documentationUrl || props.activityUrl;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("span", _hoisted_2$22, [
+			return openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("span", _hoisted_2$23, [
 				renderSlot(_ctx.$slots, "logo", {}, void 0, true),
 				createElementVNode("span", _hoisted_3$13, [__props.label ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(__props.label), 1)) : createCommentVNode("", true), createElementVNode("h1", null, toDisplayString(__props.title), 1)]),
 				showHelperLink.value ? (openBlock(), createBlock(BmsShortLinkMenu_default, {
@@ -102937,7 +102937,7 @@ var BmsOverlay_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 //#endregion
 //#region src/components/layout/BmsModal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$34 = ["data-testid"];
-var _hoisted_2$21 = { class: "ui-modal__header" };
+var _hoisted_2$22 = { class: "ui-modal__header" };
 var _hoisted_3$12 = { class: "ui-modal__header-inner" };
 var _hoisted_4$7 = { class: "ui-modal__title" };
 var _hoisted_5$5 = { class: "ui-modal__content" };
@@ -103070,7 +103070,7 @@ var BmsModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 						ref_key: "innerModal",
 						ref: innerModal
 					}, [
-						createElementVNode("header", _hoisted_2$21, [createElementVNode("div", _hoisted_3$12, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("h1", _hoisted_4$7, [props.type !== unref(StatusType).Default ? (openBlock(), createBlock(resolveDynamicComponent(titleComponent.value), {
+						createElementVNode("header", _hoisted_2$22, [createElementVNode("div", _hoisted_3$12, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("h1", _hoisted_4$7, [props.type !== unref(StatusType).Default ? (openBlock(), createBlock(resolveDynamicComponent(titleComponent.value), {
 							key: 0,
 							class: "title-indicator",
 							size: 20
@@ -103162,6 +103162,7 @@ var _hoisted_1$32 = {
 	key: 0,
 	class: "bms-sliding-panel-shell__drawer"
 };
+var _hoisted_2$21 = { class: "bms-sliding-panel-shell__drawer" };
 //#endregion
 //#region src/components/layout/BmsSlidingPanelShell.vue
 var BmsSlidingPanelShell_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -103176,7 +103177,8 @@ var BmsSlidingPanelShell_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 			type: Boolean,
 			default: false
 		},
-		panelWidth: { default: "300px" }
+		panelWidth: { default: "300px" },
+		mode: { default: "overlay" }
 	},
 	emits: ["update:showFloatingPanel"],
 	setup(__props, { emit: __emit }) {
@@ -103187,7 +103189,7 @@ var BmsSlidingPanelShell_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(["bms-sliding-panel-shell", `bms-sliding-panel-shell--${__props.align}`]),
+				class: normalizeClass(["bms-sliding-panel-shell", [`bms-sliding-panel-shell--${__props.align}`, `bms-sliding-panel-shell--${__props.mode}`]]),
 				style: normalizeStyle({ "--bms-panel-width": __props.panelWidth })
 			}, [createVNode(BmsSidePanel_default, {
 				align: __props.align,
@@ -103200,13 +103202,19 @@ var BmsSlidingPanelShell_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 				"align",
 				"collapsed",
 				"width"
-			]), createVNode(Transition, { name: `bms-slide-${__props.align}` }, {
+			]), __props.mode === "overlay" ? (openBlock(), createBlock(Transition, {
+				key: 0,
+				name: `bms-slide-${__props.align}`
+			}, {
 				default: withCtx(() => [__props.showFloatingPanel ? (openBlock(), createElementBlock("div", _hoisted_1$32, [renderSlot(_ctx.$slots, "floating", {}, void 0, true)])) : createCommentVNode("", true)]),
 				_: 3
-			}, 8, ["name"])], 6);
+			}, 8, ["name"])) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(["bms-sliding-panel-shell__push-wrapper", { "bms-sliding-panel-shell__push-wrapper--open": __props.showFloatingPanel }])
+			}, [createElementVNode("div", _hoisted_2$21, [renderSlot(_ctx.$slots, "floating", {}, void 0, true)])], 2))], 6);
 		};
 	}
-}), [["__scopeId", "data-v-94197de5"]]);
+}), [["__scopeId", "data-v-c553bc07"]]);
 //#endregion
 //#region src/components/layout/BmsSplitWindow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = ["id"];
@@ -103483,7 +103491,7 @@ var BmsStepper_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			}), 128))]), createElementVNode("div", _hoisted_7$4, [currentStepObject.value ? (openBlock(), createBlock(resolveDynamicComponent(currentStepObject.value?.stepNode), { key: __props.currentStep })) : createCommentVNode("", true)])]);
 		};
 	}
-}), [["__scopeId", "data-v-aef55cda"]]);
+}), [["__scopeId", "data-v-0428024f"]]);
 //#endregion
 //#region src/plugins/router-history/router-history.composable.ts
 var historyRoutes = ref([]);