@ouestfrance/sipa-bms-ui 8.19.0 → 8.21.0

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

@@ -38015,6 +38015,58 @@
     };
   }
 
+  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 && vue.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() {
@@ -38893,7 +38945,8 @@
             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),
           vue.createElementVNode("span", _hoisted_4$c, [
             vue.renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
@@ -38903,7 +38956,7 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     __name: "RawAutocomplete",
@@ -38927,7 +38980,7 @@
       "modelValue": { required: true },
       "modelModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["addNewOption", "select"], ["update:modelValue"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["addNewOption", "select", "blur", "focus", "click", "input"], ["update:modelValue"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const modelValue = vue.useModel(__props, "modelValue");
@@ -38944,6 +38997,12 @@
       onClickOutside(rawInput, closeDatalist, {
         ignore: [".datalist-option", ".icon-toggle-button", ".icon-clear"]
       });
+      const onBlur = () => {
+        emits("blur");
+        closeDatalist();
+      };
+      onKeyUp("Escape", onBlur);
+      onKeyUp("Tab", onBlur);
       const classes = vue.computed(() => {
         return { "is-error": props.errors?.length, "is-disabled": props.disabled };
       });
@@ -38981,8 +39040,8 @@
           }
         }
       );
-      const onFocus = () => {
-        openDatalist();
+      const onClick = () => {
+        isDatalistOpen.value = !isDatalistOpen.value;
       };
       const onInput = () => {
         openDatalist();
@@ -39044,7 +39103,8 @@
               required: __props.required,
               small: __props.small,
               onInput,
-              onFocus
+              onClick,
+              onKeyup: vue.withKeys(openDatalist, ["down"])
             }, {
               "icon-start": vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
@@ -39077,7 +39137,7 @@
     }
   });
 
-  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"];
@@ -39441,6 +39501,8 @@
   const _sfc_main$18 = /* @__PURE__ */ vue.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 }
     },
@@ -39520,9 +39582,9 @@
           }, [
             vue.createElementVNode("label", _hoisted_2$x, [
               isDragOver.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createTextVNode("Déposer votre image ici")
+                vue.createTextVNode(vue.toDisplayString(__props.dragOverMessage), 1)
               ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                vue.createTextVNode("Glissez votre image ici ou cliquez pour parcourir")
+                vue.createTextVNode(vue.toDisplayString(__props.dragOffMessage), 1)
               ], 64)),
               vue.createElementVNode("input", {
                 "data-testid": "file-upload-input-file",
@@ -39553,7 +39615,7 @@
     }
   });
 
-  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 = {
@@ -68538,7 +68600,7 @@
       errors: {},
       captions: {},
       disabled: { type: Boolean, default: false },
-      small: { type: Boolean },
+      small: { type: Boolean, default: false },
       ellipsisLabel: { type: Boolean }
     },
     emits: ["update:modelValue", "blur", "focus"],
@@ -69407,26 +69469,37 @@
       "modelValue": { default: [] },
       "modelModifiers": {}
     }),
-    emits: ["update:modelValue"],
-    setup(__props) {
+    emits: /* @__PURE__ */ vue.mergeModels(["select", "input"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emits = __emit;
+      const modelValue = vue.useModel(__props, "modelValue");
       const inputElement = vue.ref(null);
       const isDatalistOpen = vue.ref(false);
+      const searching = vue.ref("");
       const closeDatalist = () => isDatalistOpen.value = false;
       const openDatalist = () => {
         if (!props.disabled) {
           isDatalistOpen.value = true;
         }
       };
-      const searching = vue.ref("");
-      const modelValue = vue.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();
@@ -69439,8 +69512,8 @@
           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);
@@ -69472,7 +69545,7 @@
           "model-value": modelValue.value,
           open: isDatalistOpen.value,
           onSelect,
-          onClick: setFocus
+          onClick: onSelectClick
         }), {
           input: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$H, [
@@ -69496,13 +69569,8 @@
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searching.value = $event),
                 class: "search",
                 disabled: __props.disabled,
-                onFocus: openDatalist,
-                onClick: openDatalist,
-                onKeyup: [
-                  vue.withKeys(openDatalist, ["down"]),
-                  vue.withKeys(onBackspace, ["backspace"])
-                ],
-                onInput: openDatalist
+                onInput,
+                onKeyup: vue.withKeys(openDatalist, ["down"])
               }, null, 40, _hoisted_2$s), [
                 [vue.vModelText, searching.value]
               ])
@@ -69515,12 +69583,10 @@
               })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                 isDatalistOpen.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), {
                   key: 0,
-                  class: "icon icon-toggle-button",
-                  onClick: closeDatalist
+                  class: "icon icon-toggle-button"
                 })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
                   key: 1,
-                  class: "icon icon-toggle-button",
-                  onClick: openDatalist
+                  class: "icon icon-toggle-button"
                 }))
               ], 64))
             ])
@@ -69543,7 +69609,7 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     __name: "BmsSearch",
@@ -86849,6 +86915,7 @@
     emits: /* @__PURE__ */ vue.mergeModels(["select"], ["update:modelValue"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emits = __emit;
       const modelValue = vue.useModel(__props, "modelValue");
       const inputElement = vue.ref(null);
       const isDatalistOpen = vue.ref(props.open);
@@ -86861,10 +86928,11 @@
           setFocus();
         }
       };
-      const emits = __emit;
       onClickOutside(inputElement, closeDatalist, {
         ignore: [".datalist-option", ".icon-toggle-button"]
       });
+      onKeyUp("Escape", closeDatalist);
+      onKeyUp("Tab", closeDatalist);
       const displayValue = vue.computed(() => {
         const option = props.options.find(
           (o) => _.isEqual(o.value, modelValue.value)
@@ -86883,6 +86951,12 @@
         setFocus();
         closeDatalist();
       };
+      const onSelectClick = () => {
+        isDatalistOpen.value = !isDatalistOpen.value;
+        if (isDatalistOpen) {
+          setFocus();
+        }
+      };
       __expose({
         setFocus
       });
@@ -86890,7 +86964,7 @@
         return vue.openBlock(), vue.createBlock(RawSelect, vue.mergeProps(_ctx.$props, {
           open: isDatalistOpen.value,
           onSelect,
-          onClick: setFocus
+          onClick: onSelectClick
         }), {
           input: vue.withCtx(() => [
             vue.createElementVNode("input", {
@@ -86903,19 +86977,15 @@
               placeholder: __props.placeholder,
               required: __props.required,
               disabled: __props.disabled,
-              onFocus: openDatalist,
-              onClick: openDatalist,
               onKeyup: vue.withKeys(openDatalist, ["down"])
             }, null, 40, _hoisted_1$G),
             vue.createElementVNode("span", _hoisted_2$r, [
               isDatalistOpen.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), {
                 key: 0,
-                class: "icon-toggle-button",
-                onClick: closeDatalist
+                class: "icon-toggle-button"
               })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), {
                 key: 1,
-                class: "icon-toggle-button",
-                onClick: openDatalist
+                class: "icon-toggle-button"
               }))
             ])
           ]),
@@ -86925,7 +86995,7 @@
     }
   });
 
-  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__ */ vue.defineComponent({
@@ -90517,7 +90587,6 @@
       vue.watch(
         () => props.collapsed,
         (val) => {
-          console.log("watch:collapsed", val);
           collapsedLocal.value = val ?? false;
         }
       );
@@ -90645,7 +90714,7 @@
             vue.renderSlot(_ctx.$slots, "first", {}, void 0, true)
           ], 8, _hoisted_1$v),
           vue.createElementVNode("div", {
-            class: "split-window__separator toto",
+            class: "split-window__separator",
             role: "separator",
             tabindex: "0",
             "aria-label": props.ariaLabel || "Séparateur de volet",
@@ -90656,7 +90725,9 @@
             "aria-controls": primaryId.value,
             onPointerdown: vue.withModifiers(onPointerDown, ["prevent", "stop"]),
             onKeydown: onKeyDown
-          }, null, 40, _hoisted_2$k),
+          }, [
+            vue.renderSlot(_ctx.$slots, "separator", {}, void 0, true)
+          ], 40, _hoisted_2$k),
           vue.createElementVNode("div", {
             class: "split-window__pane split-window__second-pane",
             id: __props.primary === "second" ? primaryId.value : void 0
@@ -90668,7 +90739,7 @@
     }
   });
 
-  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" };
@@ -98614,7 +98685,7 @@
     }
   });
 
-  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