@ouestfrance/sipa-bms-ui 8.18.0 → 8.20.0

package/dist/components/form/BmsInputText.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     label: string;
+    small: boolean;
     required: boolean;
     disabled: boolean;
     inputType: InputType;

package/dist/components/form/BmsSearch.vue.d.ts

@@ -165,6 +165,7 @@ declare const _default: import('vue').DefineComponent<Props, {
             "update:modelValue": (value: string) => any;
         }, string, {
             label: string;
+            small: boolean;
             required: boolean;
             disabled: boolean;
             inputType: import('../..').InputType;
@@ -190,6 +191,7 @@ declare const _default: import('vue').DefineComponent<Props, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
         label: string;
+        small: boolean;
         required: boolean;
         disabled: boolean;
         inputType: import('../..').InputType;
@@ -197,7 +199,7 @@ declare const _default: import('vue').DefineComponent<Props, {
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "setFocus" | ("label" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
+    }>, "setFocus" | ("label" | "small" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
         setFocus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

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

@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     'split-window': HTMLDivElement;
 }, HTMLDivElement>, {
     first?(_: {}): any;
+    separator?(_: {}): any;
     second?(_: {}): any;
 }>;
 export default _default;

package/dist/components/navigation/UiTenantSwitcher.vue.d.ts

@@ -166,6 +166,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             "update:modelValue": (value: string) => any;
         }, string, {
             label: string;
+            small: boolean;
             required: boolean;
             disabled: boolean;
             inputType: import('../../models').InputType;
@@ -191,6 +192,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
         label: string;
+        small: boolean;
         required: boolean;
         disabled: boolean;
         inputType: import('../../models').InputType;
@@ -198,7 +200,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "setFocus" | ("label" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
+    }>, "setFocus" | ("label" | "small" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
         setFocus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

package/dist/components/table/BmsTableFilters.vue.d.ts

@@ -184,6 +184,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             "update:modelValue": (value: string) => any;
         }, string, {
             label: string;
+            small: boolean;
             required: boolean;
             disabled: boolean;
             inputType: import('../../models').InputType;
@@ -209,6 +210,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
         label: string;
+        small: boolean;
         required: boolean;
         disabled: boolean;
         inputType: import('../../models').InputType;
@@ -216,7 +218,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "setFocus" | ("label" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
+    }>, "setFocus" | ("label" | "small" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
         setFocus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

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-0aa0f55f] {
   display: grid;
   width: 100%;
   height: 100%;
+  overflow: hidden;
 }
-.split-window__separator[data-v-61513081] {
+.split-window__pane[data-v-0aa0f55f] {
+  display: flex;
+  max-height: 100%;
+  overflow: hidden;
+}
+.split-window__separator[data-v-0aa0f55f] {
   position: relative;
-  z-index: 2;
+  z-index: var(--bms-z-index-fixed);
 }
-.split-window__separator[data-v-61513081]:before {
+.split-window__separator[data-v-0aa0f55f]:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
 }
-.split-window__separator[data-v-61513081]:focus-within:before {
+.split-window__separator[data-v-0aa0f55f]:focus-within:before {
   outline: 2px solid black;
 }
-.split-window--vertical .split-window__separator[data-v-61513081] {
+.split-window--vertical .split-window__separator[data-v-0aa0f55f] {
   height: 100%;
   width: 0;
 }
-.split-window--vertical .split-window__separator[data-v-61513081]:before {
+.split-window--vertical .split-window__separator[data-v-0aa0f55f]: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-0aa0f55f] {
   height: 0;
   width: 100%;
 }
-.split-window--horizontal .split-window__separator[data-v-61513081]:before {
+.split-window--horizontal .split-window__separator[data-v-0aa0f55f]:before {
   content: "";
   width: 100%;
   height: 8px;
   transform: translate(0, -50%);
   cursor: row-resize;
+}
+.split-window--dragging .split-window__separator[data-v-0aa0f55f]: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

@@ -68535,7 +68535,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     errors: {},
     captions: {},
     disabled: { type: Boolean, default: false },
-    small: { type: Boolean },
+    small: { type: Boolean, default: false },
     ellipsisLabel: { type: Boolean }
   },
   emits: ["update:modelValue", "blur", "focus"],
@@ -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,11 +90629,14 @@ 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)
@@ -90647,9 +90653,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           "aria-controls": primaryId.value,
           onPointerdown: withModifiers(onPointerDown, ["prevent", "stop"]),
           onKeydown: onKeyDown
-        }, null, 40, _hoisted_2$k),
+        }, [
+          renderSlot(_ctx.$slots, "separator", {}, void 0, true)
+        ], 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 +90667,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-0aa0f55f"]]);
 
 const _hoisted_1$u = { class: "step" };
 const _hoisted_2$j = { class: "step-buttons" };