@ouestfrance/sipa-bms-ui 8.19.0 → 8.21.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, useCssVars, createStaticVNode, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, toValue, onUnmounted, shallowRef, watchEffect, ref, Transition, withDirectives, normalizeStyle, vShow, Fragment, Teleport, createTextVNode, renderList, withModifiers, mergeModels, useModel, createSlots, useSlots, vModelCheckbox, toRaw, onBeforeUnmount, vModelRadio, withKeys, vModelText, reactive, useTemplateRef, isVNode, isRef, TransitionGroup, createApp } from 'vue';
+import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, useCssVars, createStaticVNode, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, toValue, onUnmounted, shallowRef, watchEffect, ref, Transition, withDirectives, normalizeStyle, vShow, Fragment, Teleport, createTextVNode, renderList, withModifiers, mergeModels, useModel, withKeys, createSlots, useSlots, vModelCheckbox, toRaw, onBeforeUnmount, vModelRadio, vModelText, reactive, useTemplateRef, isVNode, isRef, TransitionGroup, createApp } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 
 var CocardeBorder = /* @__PURE__ */ ((CocardeBorder2) => {
@@ -38012,6 +38012,58 @@ function useMutationObserver(target, callback, options = {}) {
   };
 }
 
+function createKeyPredicate(keyFilter) {
+  if (typeof keyFilter === "function")
+    return keyFilter;
+  else if (typeof keyFilter === "string")
+    return (event) => event.key === keyFilter;
+  else if (Array.isArray(keyFilter))
+    return (event) => keyFilter.includes(event.key);
+  return () => true;
+}
+function onKeyStroke(...args) {
+  let key;
+  let handler;
+  let options = {};
+  if (args.length === 3) {
+    key = args[0];
+    handler = args[1];
+    options = args[2];
+  } else if (args.length === 2) {
+    if (typeof args[1] === "object") {
+      key = true;
+      handler = args[0];
+      options = args[1];
+    } else {
+      key = args[0];
+      handler = args[1];
+    }
+  } else {
+    key = true;
+    handler = args[0];
+  }
+  const {
+    target = defaultWindow,
+    eventName = "keydown",
+    passive = false,
+    dedupe = false
+  } = options;
+  const predicate = createKeyPredicate(key);
+  const listener = (e) => {
+    if (e.repeat && toValue(dedupe))
+      return;
+    if (predicate(e))
+      handler(e);
+  };
+  return useEventListener(target, eventName, listener, passive);
+}
+function onKeyDown(key, handler, options = {}) {
+  return onKeyStroke(key, handler, { ...options, eventName: "keydown" });
+}
+function onKeyUp(key, handler, options = {}) {
+  return onKeyStroke(key, handler, { ...options, eventName: "keyup" });
+}
+
 const ssrWidthSymbol = Symbol("vueuse-ssr-width");
 // @__NO_SIDE_EFFECTS__
 function useSSRWidth() {
@@ -38890,7 +38942,8 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
           maxlength: __props.maxlength,
           onBlur: _cache[0] || (_cache[0] = ($event) => $emits("blur")),
           onInput,
-          onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus"))
+          onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus")),
+          onClick: _cache[2] || (_cache[2] = ($event) => $emits("click"))
         }, null, 40, _hoisted_3$j),
         createElementVNode("span", _hoisted_4$c, [
           renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
@@ -38900,7 +38953,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-4c74b915"]]);
+const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-d5f058e1"]]);
 
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "RawAutocomplete",
@@ -38924,7 +38977,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     "modelValue": { required: true },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["addNewOption", "select"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["addNewOption", "select", "blur", "focus", "click", "input"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
@@ -38941,6 +38994,12 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     onClickOutside(rawInput, closeDatalist, {
       ignore: [".datalist-option", ".icon-toggle-button", ".icon-clear"]
     });
+    const onBlur = () => {
+      emits("blur");
+      closeDatalist();
+    };
+    onKeyUp("Escape", onBlur);
+    onKeyUp("Tab", onBlur);
     const classes = computed(() => {
       return { "is-error": props.errors?.length, "is-disabled": props.disabled };
     });
@@ -38978,8 +39037,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
         }
       }
     );
-    const onFocus = () => {
-      openDatalist();
+    const onClick = () => {
+      isDatalistOpen.value = !isDatalistOpen.value;
     };
     const onInput = () => {
       openDatalist();
@@ -39041,7 +39100,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             required: __props.required,
             small: __props.small,
             onInput,
-            onFocus
+            onClick,
+            onKeyup: withKeys(openDatalist, ["down"])
           }, {
             "icon-start": withCtx(() => [
               renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
@@ -39074,7 +39134,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-15343285"]]);
+const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-46667c72"]]);
 
 const _hoisted_1$R = ["innerHTML"];
 const _hoisted_2$z = ["innerHTML"];
@@ -39438,6 +39498,8 @@ const _hoisted_4$b = { class: "file-upload__file-name" };
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "BmsFilePicker",
   props: {
+    dragOverMessage: { default: "Déposer votre image ici" },
+    dragOffMessage: { default: "Glissez votre image ici ou cliquez pour parcourir" },
     modelValue: {},
     limit: { default: 10 }
   },
@@ -39517,9 +39579,9 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("label", _hoisted_2$x, [
             isDragOver.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createTextVNode("Déposer votre image ici")
+              createTextVNode(toDisplayString(__props.dragOverMessage), 1)
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode("Glissez votre image ici ou cliquez pour parcourir")
+              createTextVNode(toDisplayString(__props.dragOffMessage), 1)
             ], 64)),
             createElementVNode("input", {
               "data-testid": "file-upload-input-file",
@@ -39550,7 +39612,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsFilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-c892a845"]]);
+const BmsFilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-4aaf4346"]]);
 
 const _hoisted_1$O = ["disabled", "name", "value"];
 const _hoisted_2$w = {
@@ -68535,7 +68597,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"],
@@ -69404,26 +69466,37 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     "modelValue": { default: [] },
     "modelModifiers": {}
   }),
-  emits: ["update:modelValue"],
-  setup(__props) {
+  emits: /* @__PURE__ */ mergeModels(["select", "input"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
     const inputElement = ref(null);
     const isDatalistOpen = ref(false);
+    const searching = ref("");
     const closeDatalist = () => isDatalistOpen.value = false;
     const openDatalist = () => {
       if (!props.disabled) {
         isDatalistOpen.value = true;
       }
     };
-    const searching = ref("");
-    const modelValue = useModel(__props, "modelValue");
-    onClickOutside(inputElement, closeDatalist, {
-      ignore: [".datalist-option", ".icon-toggle-button"]
-    });
     const onBackspace = () => {
       if (searching.value.length === 0 && modelValue.value && modelValue.value.length > 0)
         modelValue.value.splice(-1);
     };
+    onClickOutside(inputElement, closeDatalist, {
+      ignore: [".datalist-option", ".icon-toggle-button"]
+    });
+    onKeyUp("Escape", closeDatalist);
+    onKeyUp("Tab", closeDatalist);
+    onKeyDown("Backspace", onBackspace);
+    const onSelectClick = () => {
+      isDatalistOpen.value = !isDatalistOpen.value;
+    };
+    const onInput = (e) => {
+      emits("input", e);
+      openDatalist();
+    };
     const setFocus = () => {
       if (inputElement.value) {
         inputElement.value.focus();
@@ -69436,8 +69509,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         modelValue.value = (modelValue.value ?? []).concat(option.value);
       }
       searching.value = "";
+      emits("select", option);
       setFocus();
-      closeDatalist();
     };
     const removeOption = (value) => {
       modelValue.value = (modelValue.value ?? []).filter((o) => o !== value);
@@ -69469,7 +69542,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         "model-value": modelValue.value,
         open: isDatalistOpen.value,
         onSelect,
-        onClick: setFocus
+        onClick: onSelectClick
       }), {
         input: withCtx(() => [
           createElementVNode("div", _hoisted_1$H, [
@@ -69493,13 +69566,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searching.value = $event),
               class: "search",
               disabled: __props.disabled,
-              onFocus: openDatalist,
-              onClick: openDatalist,
-              onKeyup: [
-                withKeys(openDatalist, ["down"]),
-                withKeys(onBackspace, ["backspace"])
-              ],
-              onInput: openDatalist
+              onInput,
+              onKeyup: withKeys(openDatalist, ["down"])
             }, null, 40, _hoisted_2$s), [
               [vModelText, searching.value]
             ])
@@ -69512,12 +69580,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
                 key: 0,
-                class: "icon icon-toggle-button",
-                onClick: closeDatalist
+                class: "icon icon-toggle-button"
               })) : (openBlock(), createBlock(unref(ChevronDown), {
                 key: 1,
-                class: "icon icon-toggle-button",
-                onClick: openDatalist
+                class: "icon icon-toggle-button"
               }))
             ], 64))
           ])
@@ -69540,7 +69606,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsMultiSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-b8b817ba"]]);
+const BmsMultiSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-970d00fe"]]);
 
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "BmsSearch",
@@ -86846,6 +86912,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["select"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const modelValue = useModel(__props, "modelValue");
     const inputElement = ref(null);
     const isDatalistOpen = ref(props.open);
@@ -86858,10 +86925,11 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         setFocus();
       }
     };
-    const emits = __emit;
     onClickOutside(inputElement, closeDatalist, {
       ignore: [".datalist-option", ".icon-toggle-button"]
     });
+    onKeyUp("Escape", closeDatalist);
+    onKeyUp("Tab", closeDatalist);
     const displayValue = computed(() => {
       const option = props.options.find(
         (o) => _.isEqual(o.value, modelValue.value)
@@ -86880,6 +86948,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       setFocus();
       closeDatalist();
     };
+    const onSelectClick = () => {
+      isDatalistOpen.value = !isDatalistOpen.value;
+      if (isDatalistOpen) {
+        setFocus();
+      }
+    };
     __expose({
       setFocus
     });
@@ -86887,7 +86961,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(RawSelect, mergeProps(_ctx.$props, {
         open: isDatalistOpen.value,
         onSelect,
-        onClick: setFocus
+        onClick: onSelectClick
       }), {
         input: withCtx(() => [
           createElementVNode("input", {
@@ -86900,19 +86974,15 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             placeholder: __props.placeholder,
             required: __props.required,
             disabled: __props.disabled,
-            onFocus: openDatalist,
-            onClick: openDatalist,
             onKeyup: withKeys(openDatalist, ["down"])
           }, null, 40, _hoisted_1$G),
           createElementVNode("span", _hoisted_2$r, [
             isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
               key: 0,
-              class: "icon-toggle-button",
-              onClick: closeDatalist
+              class: "icon-toggle-button"
             })) : (openBlock(), createBlock(unref(ChevronDown), {
               key: 1,
-              class: "icon-toggle-button",
-              onClick: openDatalist
+              class: "icon-toggle-button"
             }))
           ])
         ]),
@@ -86922,7 +86992,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-7aef9c6c"]]);
+const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-fa4e9db0"]]);
 
 const _hoisted_1$F = ["value", "required", "placeholder", "disabled"];
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
@@ -90514,7 +90584,6 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     watch(
       () => props.collapsed,
       (val) => {
-        console.log("watch:collapsed", val);
         collapsedLocal.value = val ?? false;
       }
     );
@@ -90642,7 +90711,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "first", {}, void 0, true)
         ], 8, _hoisted_1$v),
         createElementVNode("div", {
-          class: "split-window__separator toto",
+          class: "split-window__separator",
           role: "separator",
           tabindex: "0",
           "aria-label": props.ariaLabel || "Séparateur de volet",
@@ -90653,7 +90722,9 @@ 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__pane split-window__second-pane",
           id: __props.primary === "second" ? primaryId.value : void 0
@@ -90665,7 +90736,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-15128bb0"]]);
+const BmsSplitWindow = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4d48c930"]]);
 
 const _hoisted_1$u = { class: "step" };
 const _hoisted_2$j = { class: "step-buttons" };
@@ -98611,7 +98682,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-4a441463"]]);
+const BmsTableFilters = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-94b8e913"]]);
 
 /**
  * Create a bound version of a function with a specified `this` context