@ouestfrance/sipa-bms-ui 8.18.0 → 8.19.0

package/dist/sipa-bms-ui.css

@@ -1655,45 +1655,59 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background-color: var(--bms-white);
   border-radius: var(--bms-border-radius-large);
   padding: 1em 2em 1em 2em;
-}.split-window[data-v-61513081] {
+}.split-window[data-v-15128bb0] {
   display: grid;
   width: 100%;
   height: 100%;
+  overflow: hidden;
 }
-.split-window__separator[data-v-61513081] {
+.split-window__pane[data-v-15128bb0] {
+  display: flex;
+  max-height: 100%;
+  overflow: hidden;
+}
+.split-window__separator[data-v-15128bb0] {
   position: relative;
-  z-index: 2;
+  z-index: var(--bms-z-index-fixed);
 }
-.split-window__separator[data-v-61513081]:before {
+.split-window__separator[data-v-15128bb0]:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
 }
-.split-window__separator[data-v-61513081]:focus-within:before {
+.split-window__separator[data-v-15128bb0]:focus-within:before {
   outline: 2px solid black;
 }
-.split-window--vertical .split-window__separator[data-v-61513081] {
+.split-window--vertical .split-window__separator[data-v-15128bb0] {
   height: 100%;
   width: 0;
 }
-.split-window--vertical .split-window__separator[data-v-61513081]:before {
+.split-window--vertical .split-window__separator[data-v-15128bb0]:before {
   content: "";
   width: 8px;
   height: 100%;
   transform: translate(-50%, 0);
   cursor: col-resize;
 }
-.split-window--horizontal .split-window__separator[data-v-61513081] {
+.split-window--horizontal .split-window__separator[data-v-15128bb0] {
   height: 0;
   width: 100%;
 }
-.split-window--horizontal .split-window__separator[data-v-61513081]:before {
+.split-window--horizontal .split-window__separator[data-v-15128bb0]:before {
   content: "";
   width: 100%;
   height: 8px;
   transform: translate(0, -50%);
   cursor: row-resize;
+}
+.split-window--dragging .split-window__separator[data-v-15128bb0]:before {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: unset;
 }.step-buttons[data-v-fcce71d1] {
   padding-top: 2em;
   display: flex;

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

@@ -90514,6 +90514,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     watch(
       () => props.collapsed,
       (val) => {
+        console.log("watch:collapsed", val);
         collapsedLocal.value = val ?? false;
       }
     );
@@ -90559,7 +90560,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     function onPointerDown(evt) {
       isDragging.value = true;
-      setCollapsed(false);
+      if (collapsedLocal.value) {
+        setCollapsed(false);
+      }
       startSplit.value = clampSplit.value;
       startPosition.value = props.splitOrientation === "vertical" ? evt.clientX : evt.clientY;
     }
@@ -90583,14 +90586,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       switch (evt.key) {
         case "ArrowLeft":
         case "ArrowUp":
-          if (collapsedLocal.value === true) {
+          if (collapsedLocal.value) {
             setCollapsed(false);
           }
           split.value = Math.max(min.value, clampSplit.value - 1);
           break;
         case "ArrowRight":
         case "ArrowDown":
-          if (collapsedLocal.value === true) {
+          if (collapsedLocal.value) {
             setCollapsed(false);
           }
           split.value = Math.min(max.value, clampSplit.value + 1);
@@ -90599,13 +90602,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           setCollapsed(!collapsedLocal.value);
           break;
         case "Home":
-          if (collapsedLocal.value === true) {
+          if (collapsedLocal.value) {
             setCollapsed(false);
           }
           split.value = props.primary === "first" ? min.value : max.value;
           break;
         case "End":
-          if (collapsedLocal.value === true) {
+          if (collapsedLocal.value) {
             setCollapsed(false);
           }
           split.value = props.primary === "first" ? max.value : min.value;
@@ -90626,17 +90629,20 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref: "split-window",
-        class: normalizeClass(["split-window", `split-window--${__props.splitOrientation}`]),
+        class: normalizeClass(["split-window", [
+          `split-window--${__props.splitOrientation}`,
+          { "split-window--dragging": isDragging.value }
+        ]]),
         style: normalizeStyle(gridStyle.value)
       }, [
         createElementVNode("div", {
-          class: "split-window__first-pane",
+          class: "split-window__pane split-window__first-pane",
           id: __props.primary === "first" ? primaryId.value : void 0
         }, [
           renderSlot(_ctx.$slots, "first", {}, void 0, true)
         ], 8, _hoisted_1$v),
         createElementVNode("div", {
-          class: "split-window__separator",
+          class: "split-window__separator toto",
           role: "separator",
           tabindex: "0",
           "aria-label": props.ariaLabel || "Séparateur de volet",
@@ -90649,7 +90655,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           onKeydown: onKeyDown
         }, null, 40, _hoisted_2$k),
         createElementVNode("div", {
-          class: "split-window__second-pane",
+          class: "split-window__pane split-window__second-pane",
           id: __props.primary === "second" ? primaryId.value : void 0
         }, [
           renderSlot(_ctx.$slots, "second", {}, void 0, true)
@@ -90659,7 +90665,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-61513081"]]);
+const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-15128bb0"]]);
 
 const _hoisted_1$u = { class: "step" };
 const _hoisted_2$j = { class: "step-buttons" };