@ouestfrance/sipa-bms-ui 8.18.0 → 8.19.0

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

@@ -90517,6 +90517,7 @@
       vue.watch(
         () => props.collapsed,
         (val) => {
+          console.log("watch:collapsed", val);
           collapsedLocal.value = val ?? false;
         }
       );
@@ -90562,7 +90563,9 @@
       });
       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;
       }
@@ -90586,14 +90589,14 @@
         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);
@@ -90602,13 +90605,13 @@
             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;
@@ -90629,17 +90632,20 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref: "split-window",
-          class: vue.normalizeClass(["split-window", `split-window--${__props.splitOrientation}`]),
+          class: vue.normalizeClass(["split-window", [
+            `split-window--${__props.splitOrientation}`,
+            { "split-window--dragging": isDragging.value }
+          ]]),
           style: vue.normalizeStyle(gridStyle.value)
         }, [
           vue.createElementVNode("div", {
-            class: "split-window__first-pane",
+            class: "split-window__pane split-window__first-pane",
             id: __props.primary === "first" ? primaryId.value : void 0
           }, [
             vue.renderSlot(_ctx.$slots, "first", {}, void 0, true)
           ], 8, _hoisted_1$v),
           vue.createElementVNode("div", {
-            class: "split-window__separator",
+            class: "split-window__separator toto",
             role: "separator",
             tabindex: "0",
             "aria-label": props.ariaLabel || "Séparateur de volet",
@@ -90652,7 +90658,7 @@
             onKeydown: onKeyDown
           }, null, 40, _hoisted_2$k),
           vue.createElementVNode("div", {
-            class: "split-window__second-pane",
+            class: "split-window__pane split-window__second-pane",
             id: __props.primary === "second" ? primaryId.value : void 0
           }, [
             vue.renderSlot(_ctx.$slots, "second", {}, void 0, true)
@@ -90662,7 +90668,7 @@
     }
   });
 
-  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" };