@ouestfrance/sipa-bms-ui 8.41.0 → 8.42.0

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

@@ -591,7 +591,7 @@
   width: 1em;
   height: 1em;
   display: block;
-}.bms-tooltip__text[data-v-d11085a5] {
+}.bms-tooltip__text[data-v-71bd64fd] {
   --bms-tooltip-background-color: var(--bms-white);
   --bms-tooltip-color: inherit;
   --bms-tooltip-margin: 4px;
@@ -610,10 +610,10 @@
   transform: var(--bms-tooltip-transform);
   overflow-wrap: break-word;
 }
-.bms-tooltip__text.floating-window__expand-btn__bms-tooltip[data-v-d11085a5] {
+.bms-tooltip__text.floating-window__expand-btn__bms-tooltip[data-v-71bd64fd], .bms-tooltip__text.bms-in-modal[data-v-71bd64fd] {
   z-index: calc(var(--bms-z-index-modal) + 1);
 }
-.bms-tooltip__text[data-v-d11085a5]::before {
+.bms-tooltip__text[data-v-71bd64fd]::before {
   content: "";
   position: absolute;
   right: var(--bms-tooltip-indicator-position-right);
@@ -625,56 +625,56 @@
   border-style: solid;
   border-color: var(--bms-tooltip-indicator-border);
 }
-.bms-tooltip__text--top[data-v-d11085a5], .bms-tooltip__text--bottom[data-v-d11085a5] {
+.bms-tooltip__text--top[data-v-71bd64fd], .bms-tooltip__text--bottom[data-v-71bd64fd] {
   --bms-tooltip-indicator-position-left: 50%;
   --bms-tooltip-indicator-position-right: initial;
 }
-.bms-tooltip__text--bottom[data-v-d11085a5] {
+.bms-tooltip__text--bottom[data-v-71bd64fd] {
   --bms-tooltip-indicator-position-top: initial;
   --bms-tooltip-indicator-position-bottom: 100%;
   --bms-tooltip-indicator-border: transparent transparent
     var(--bms-tooltip-background-color) transparent;
 }
-.bms-tooltip__text--top[data-v-d11085a5] {
+.bms-tooltip__text--top[data-v-71bd64fd] {
   --bms-tooltip-indicator-position-top: 100%;
   --bms-tooltip-indicator-position-bottom: initial;
   --bms-tooltip-indicator-border: var(--bms-tooltip-background-color)
     transparent transparent transparent;
 }
-.bms-tooltip__text--left[data-v-d11085a5], .bms-tooltip__text--right[data-v-d11085a5] {
+.bms-tooltip__text--left[data-v-71bd64fd], .bms-tooltip__text--right[data-v-71bd64fd] {
   --bms-tooltip-indicator-position-top: 50%;
   --bms-tooltip-indicator-position-bottom: initial;
 }
-.bms-tooltip__text--left[data-v-d11085a5] {
+.bms-tooltip__text--left[data-v-71bd64fd] {
   --bms-tooltip-indicator-position-right: initial;
   --bms-tooltip-indicator-position-left: 100%;
   --bms-tooltip-indicator-border: transparent transparent transparent
     var(--bms-tooltip-background-color);
 }
-.bms-tooltip__text--right[data-v-d11085a5] {
+.bms-tooltip__text--right[data-v-71bd64fd] {
   --bms-tooltip-indicator-position-right: 100%;
   --bms-tooltip-indicator-position-left: initial;
   --bms-tooltip-indicator-border: transparent
     var(--bms-tooltip-background-color) transparent transparent;
 }
-.tooltip-fade-enter-active[data-v-d11085a5] {
+.tooltip-fade-enter-active[data-v-71bd64fd] {
   transition: opacity 0.2s ease;
 }
-.tooltip-fade-enter-from[data-v-d11085a5] {
+.tooltip-fade-enter-from[data-v-71bd64fd] {
   opacity: 0;
 }
-.tooltip-fade-enter-to[data-v-d11085a5] {
+.tooltip-fade-enter-to[data-v-71bd64fd] {
   opacity: 1;
 }
-.tooltip-fade-leave-active[data-v-d11085a5] {
+.tooltip-fade-leave-active[data-v-71bd64fd] {
   transition: opacity 0.3s ease;
 }
-.tooltip-fade-leave-from[data-v-d11085a5] {
+.tooltip-fade-leave-from[data-v-71bd64fd] {
   opacity: 1;
 }
-.tooltip-fade-leave-to[data-v-d11085a5] {
+.tooltip-fade-leave-to[data-v-71bd64fd] {
   opacity: 0;
-}.bms-tooltip-anchor-wrapper[data-v-704269d2] {
+}.bms-tooltip-anchor-wrapper[data-v-e56e3ab4] {
   position: relative;
   display: inline-block;
   outline: none;
@@ -1881,7 +1881,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .priority[data-v-383b958c] {
   z-index: calc(var(--bms-z-index-modal) + 10);
-}.ui-modal[data-v-7d6b5522] {
+}.ui-modal[data-v-7797fd4d] {
   --modal-header-border-size: 1px;
   --modal-header-color: var(--bms-grey-10);
   position: fixed;
@@ -1894,23 +1894,23 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   justify-content: center;
   z-index: var(--bms-z-index-fixed);
 }
-.ui-modal.Default[data-v-7d6b5522] {
+.ui-modal.Default[data-v-7797fd4d] {
   --modal-header-border-size: 1px;
   --modal-header-color: var(--bms-grey-10);
 }
-.ui-modal.success[data-v-7d6b5522] {
+.ui-modal.success[data-v-7797fd4d] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-success-color);
 }
-.ui-modal.warning[data-v-7d6b5522] {
+.ui-modal.warning[data-v-7797fd4d] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-warning-color);
 }
-.ui-modal.danger[data-v-7d6b5522] {
+.ui-modal.danger[data-v-7797fd4d] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-danger-color);
 }
-.ui-modal__loader[data-v-7d6b5522] {
+.ui-modal__loader[data-v-7797fd4d] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1924,11 +1924,11 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background: var(--bms-white);
   z-index: calc(var(--bms-z-index-fixed) + 5);
 }
-.ui-modal__loader p[data-v-7d6b5522] {
+.ui-modal__loader p[data-v-7797fd4d] {
   margin: 0;
   font-size: 0.88em;
 }
-.ui-modal__title[data-v-7d6b5522] {
+.ui-modal__title[data-v-7797fd4d] {
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -1936,10 +1936,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   font-size: 1.5em;
   font-weight: bold;
 }
-.ui-modal__title .title-indicator[data-v-7d6b5522] {
+.ui-modal__title .title-indicator[data-v-7797fd4d] {
   color: var(--modal-header-color);
 }
-.ui-modal__inner[data-v-7d6b5522] {
+.ui-modal__inner[data-v-7797fd4d] {
   position: relative;
   pointer-events: all;
   background: var(--bms-white);
@@ -1948,52 +1948,52 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   padding: 1em;
   border-radius: var(--bms-border-radius-large);
 }
-.ui-modal__content[data-v-7d6b5522] {
+.ui-modal__content[data-v-7797fd4d] {
   margin-top: 1rem;
   max-height: 60vh;
   overflow: auto;
 }
-.ui-modal__header[data-v-7d6b5522], .ui-modal__footer[data-v-7d6b5522] {
+.ui-modal__header[data-v-7797fd4d], .ui-modal__footer[data-v-7797fd4d] {
   margin: -1em;
   position: sticky;
   background: var(--bms-white);
   z-index: var(--bms-z-index-fixed);
 }
-.ui-modal__header[data-v-7d6b5522] {
+.ui-modal__header[data-v-7797fd4d] {
   padding: 1em 1em 0.5em 1em;
   border-bottom: var(--modal-header-border-size) solid var(--modal-header-color);
   margin-bottom: 0;
   top: -1em;
   display: flex;
 }
-.ui-modal__header-inner[data-v-7d6b5522] {
+.ui-modal__header-inner[data-v-7797fd4d] {
   flex: 1 1 auto;
 }
-.ui-modal__footer[data-v-7d6b5522] {
+.ui-modal__footer[data-v-7797fd4d] {
   padding: 1em;
   margin-top: 0;
   bottom: -1em;
 }
-.ui-modal__buttons[data-v-7d6b5522] {
+.ui-modal__buttons[data-v-7797fd4d] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 1em;
 }
-.content-fade-enter-active[data-v-7d6b5522],
-.content-fade-leave-active[data-v-7d6b5522] {
+.content-fade-enter-active[data-v-7797fd4d],
+.content-fade-leave-active[data-v-7797fd4d] {
   transition: opacity 0.3s ease;
 }
-.content-fade-enter-from[data-v-7d6b5522],
-.content-fade-leave-to[data-v-7d6b5522] {
+.content-fade-enter-from[data-v-7797fd4d],
+.content-fade-leave-to[data-v-7797fd4d] {
   opacity: 0;
 }
-.content-fade-enter-active .ui-modal[data-v-7d6b5522],
-.content-fade-leave-active .ui-modal[data-v-7d6b5522] {
+.content-fade-enter-active .ui-modal[data-v-7797fd4d],
+.content-fade-leave-active .ui-modal[data-v-7797fd4d] {
   transition: transform 0.3s ease;
 }
-.content-fade-enter-from .ui-modal[data-v-7d6b5522],
-.content-fade-leave-to .ui-modal[data-v-7d6b5522] {
+.content-fade-enter-from .ui-modal[data-v-7797fd4d],
+.content-fade-leave-to .ui-modal[data-v-7797fd4d] {
   transform: scale(0.8);
 }.header[data-v-f83835f4] h1,
 .header[data-v-f83835f4] h2,
@@ -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;