@ouestfrance/sipa-bms-ui 8.14.2 → 8.14.3

package/dist/sipa-bms-ui.css

@@ -524,7 +524,7 @@ ul li.small[data-v-ba5302fc] {
 }
 ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--bms-grey-10);
-}.input-wrapper[data-v-078d99d6] {
+}.input-wrapper[data-v-4c74b915] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -534,25 +534,25 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   padding: var(--field-padding);
   height: var(--field-height);
 }
-.input-wrapper[data-v-078d99d6]:hover {
+.input-wrapper[data-v-4c74b915]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.input-wrapper[data-v-078d99d6]:has(input:focus) {
+.input-wrapper[data-v-4c74b915]:has(input:focus) {
   box-shadow: 0 0 4px 4px var(--bms-main-25);
   --field-border-color: var(--field-border-color-active);
 }
-.input-wrapper.is-error[data-v-078d99d6] {
+.input-wrapper.is-error[data-v-4c74b915] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.input-wrapper.is-disabled[data-v-078d99d6] {
+.input-wrapper.is-disabled[data-v-4c74b915] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
 }
-.input-wrapper.is-disabled input[data-v-078d99d6] {
-  pointer-events: none;
+.input-wrapper.is-disabled input[data-v-4c74b915] {
+  cursor: text;
 }
-.input-wrapper .field__input-label[data-v-078d99d6] {
+.input-wrapper .field__input-label[data-v-4c74b915] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -560,24 +560,24 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.input-wrapper .field__input-icon[data-v-078d99d6] {
+.input-wrapper .field__input-icon[data-v-4c74b915] {
   display: flex;
 }
-.input-wrapper .field__input-icon--start[data-v-078d99d6] {
+.input-wrapper .field__input-icon--start[data-v-4c74b915] {
   margin-right: 0.5em;
 }
-.input-wrapper .field__input-icon--end[data-v-078d99d6] {
+.input-wrapper .field__input-icon--end[data-v-4c74b915] {
   margin-left: 0.5em;
 }
-.input-wrapper .field__input-icon[data-v-078d99d6] svg {
+.input-wrapper .field__input-icon[data-v-4c74b915] svg {
   width: 1em;
   height: 1em;
   display: block;
 }
-.input-wrapper .field__input-icon[data-v-078d99d6]:empty {
+.input-wrapper .field__input-icon[data-v-4c74b915]:empty {
   display: none;
 }
-.input-wrapper input[data-v-078d99d6] {
+.input-wrapper input[data-v-4c74b915] {
   outline: none;
   appearance: none;
   border: 0;
@@ -589,7 +589,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-eb4d55e4] {
+}.field__input .autocomplete-wrapper[data-v-15343285] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -598,22 +598,22 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-eb4d55e4]:hover {
+.field__input .autocomplete-wrapper[data-v-15343285]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-eb4d55e4]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-15343285]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-eb4d55e4] {
+.field__input .autocomplete-wrapper.is-error[data-v-15343285] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-eb4d55e4] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-15343285] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-eb4d55e4] {
+.field__input .autocomplete-wrapper input[data-v-15343285] {
   outline: none;
   appearance: none;
   border: 0;
@@ -626,7 +626,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-eb4d55e4] {
+.icon[data-v-15343285] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -858,29 +858,30 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
 }
 .input-checkbox-group-caption-wrapper.column[data-v-4183cc04] {
   flex-direction: column;
-}.code-mirror[data-v-b2a2a2fa] {
+}.code-mirror[data-v-0de8ac2e] {
   max-height: 50rem;
   width: 100%;
   overflow: auto;
   border-radius: 4px;
-}.file-upload[data-v-0c91cbf5] {
+}.file-upload[data-v-07e6912d] {
   --drop-color: var(--bms-grey-10);
   --drop-border: 1px dashed var(--bms-grey-50);
 }
-.file-upload[data-v-0c91cbf5] .field__wrapper {
+.file-upload[data-v-07e6912d] .field__wrapper {
   width: 100%;
   min-width: 0;
 }
-.file-upload .is-disabled[data-v-0c91cbf5] {
+.file-upload .is-disabled[data-v-07e6912d] {
   --drop-color: var(--bms-grey-25);
   --drop-border: 1px solid var(--bms-grey-25);
   color: var(--bms-grey-75);
+  pointer-events: none;
 }
-.file-upload .is-error[data-v-0c91cbf5] {
+.file-upload .is-error[data-v-07e6912d] {
   --drop-color: var(--bms-red-25);
   --drop-border: 1px solid var(--bms-red-100);
 }
-.file-upload__drop-area[data-v-0c91cbf5] {
+.file-upload__drop-area[data-v-07e6912d] {
   display: block;
   padding: calc(4 * var(--field-padding)) var(--field-padding);
   text-align: center;
@@ -889,15 +890,15 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   background: var(--drop-color);
   cursor: pointer;
 }
-.file-upload__drop-area[data-v-0c91cbf5]:active, .file-upload__drop-area__active[data-v-0c91cbf5] {
+.file-upload__drop-area[data-v-07e6912d]:active, .file-upload__drop-area__active[data-v-07e6912d] {
   --drop-color: transparent;
   --drop-border: 1px solid var(--bms-main-100);
 }
-.file-upload__drop-area[data-v-0c91cbf5]:hover, .file-upload__drop-area__hover[data-v-0c91cbf5] {
+.file-upload__drop-area[data-v-07e6912d]:hover, .file-upload__drop-area__hover[data-v-07e6912d] {
   --drop-color: var(--bms-main-10);
   --drop-border: 1px dashed var(--bms-grey-100);
 }
-.file-upload__drop-area input[type=file][data-v-0c91cbf5] {
+.file-upload__drop-area input[type=file][data-v-07e6912d] {
   opacity: 0;
   position: absolute;
   pointer-events: none;
@@ -905,18 +906,18 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   width: 0;
   height: 0;
 }
-.file-upload__drop-area.is-active[data-v-0c91cbf5] {
+.file-upload__drop-area.is-active[data-v-07e6912d] {
   --drop-color: var(--bms-main-25);
 }
-.file-upload__drop-area.wide[data-v-0c91cbf5] {
+.file-upload__drop-area.wide[data-v-07e6912d] {
   width: 100%;
 }
-.file-upload__file-list[data-v-0c91cbf5] {
+.file-upload__file-list[data-v-07e6912d] {
   display: flex;
   width: 100%;
   gap: 1em;
 }
-.file-upload__file[data-v-0c91cbf5] {
+.file-upload__file[data-v-07e6912d] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -927,21 +928,21 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   background: var(--bms-grey-10);
   position: relative;
 }
-.file-upload__file.wide[data-v-0c91cbf5] {
+.file-upload__file.wide[data-v-07e6912d] {
   width: 100%;
   height: 300px;
 }
-.file-upload__file-img[data-v-0c91cbf5] {
+.file-upload__file-img[data-v-07e6912d] {
   max-width: 100%;
   max-height: 100%;
 }
-.file-upload__file-name[data-v-0c91cbf5] {
+.file-upload__file-name[data-v-07e6912d] {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   flex: 1 1 auto;
 }
-.file-upload__file[data-v-0c91cbf5] .close-button {
+.file-upload__file[data-v-07e6912d] .close-button {
   position: absolute;
   top: 0;
   right: 0;
@@ -1229,20 +1230,20 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   margin: 0 1em 0 0.5em;
 }.clean-icon[data-v-66c267f2]:hover {
   cursor: pointer;
-}.field__input .icon-toggle-container[data-v-a6c01476] {
+}.field__input .icon-toggle-container[data-v-7aef9c6c] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.field__input .icon-toggle-container[data-v-a6c01476]:hover {
+.field__input .icon-toggle-container[data-v-7aef9c6c]:hover {
   cursor: pointer;
 }
-.field__input .icon-toggle-button[data-v-a6c01476] {
+.field__input .icon-toggle-button[data-v-7aef9c6c] {
   width: 1em;
   margin: 0 var(--field-padding);
   display: block;
 }
-.field__input input[data-v-a6c01476] {
+.field__input input[data-v-7aef9c6c] {
   border: none;
   background-color: transparent;
   caret-color: transparent;
@@ -1253,11 +1254,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   padding: 0;
   font: inherit;
   color: inherit;
-  height: 24px;
   line-height: 1;
   width: 100%;
   height: 100%;
-}.field__input textarea[data-v-b7e10b40] {
+}.field__input textarea[data-v-94de6dd9] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -1270,21 +1270,22 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   font: inherit;
   color: inherit;
 }
-.field__input textarea[data-v-b7e10b40]:hover {
+.field__input textarea[data-v-94de6dd9]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input textarea[data-v-b7e10b40]:active, .field__input textarea[data-v-b7e10b40]:focus {
+.field__input textarea[data-v-94de6dd9]:active, .field__input textarea[data-v-94de6dd9]:focus {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input textarea.is-error[data-v-b7e10b40] {
+.field__input textarea.is-error[data-v-94de6dd9] {
   --field-border-color: var(--bms-red-100);
   --textarea-background-color: var(--bms-red-25);
 }
-.field__input textarea.is-disabled[data-v-b7e10b40] {
+.field__input textarea.is-disabled[data-v-94de6dd9] {
   --field-border-color: var(--bms-grey-25);
   --textarea-background-color: var(--bms-grey-25);
+  cursor: text;
 }
-.field__input textarea.is-small[data-v-b7e10b40] {
+.field__input textarea.is-small[data-v-94de6dd9] {
   min-height: 56px;
 }.page[data-v-31057778] {
   margin: 0 auto;

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

@@ -38242,7 +38242,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-078d99d6"]]);
+const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-4c74b915"]]);
 
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "RawAutocomplete",
@@ -38335,10 +38335,12 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
       }
     };
     const clearInput = () => {
-      inputText.value = "";
-      modelValue.value = null;
-      setFocus();
-      closeDatalist();
+      if (!props.disabled) {
+        inputText.value = "";
+        modelValue.value = null;
+        setFocus();
+        closeDatalist();
+      }
     };
     __expose({
       setFocus
@@ -38414,7 +38416,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-eb4d55e4"]]);
+const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-15343285"]]);
 
 const _hoisted_1$P = ["innerHTML"];
 const _hoisted_2$w = ["innerHTML"];
@@ -67833,11 +67835,12 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             createVNode(unref(T), {
               modelValue: input.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+              disabled: __props.disabled,
               autofocus: true,
               "indent-with-tab": true,
               "tab-size": 4,
               extensions: extensions.value
-            }, null, 8, ["modelValue", "extensions"])
+            }, null, 8, ["modelValue", "disabled", "extensions"])
           ])
         ]),
         _: 1
@@ -67846,7 +67849,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputCode = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-b2a2a2fa"]]);
+const BmsInputCode = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-0de8ac2e"]]);
 
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "BmsInputText",
@@ -68188,7 +68191,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-0c91cbf5"]]);
+const BmsInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-07e6912d"]]);
 
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "BmsInputNumber",
@@ -86150,7 +86153,7 @@ function requireLodash () {
 var lodashExports = requireLodash();
 const _ = /*@__PURE__*/getDefaultExportFromCjs(lodashExports);
 
-const _hoisted_1$E = ["value", "placeholder", "required"];
+const _hoisted_1$E = ["value", "placeholder", "required", "disabled"];
 const _hoisted_2$p = { class: "icon-toggle-container" };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "BmsSelect",
@@ -86228,6 +86231,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
             value: displayValue.value,
             placeholder: __props.placeholder,
             required: __props.required,
+            disabled: __props.disabled,
             onFocus: openDatalist,
             onClick: openDatalist,
             onKeyup: withKeys(openDatalist, ["down"])
@@ -86250,7 +86254,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-a6c01476"]]);
+const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7aef9c6c"]]);
 
 const _hoisted_1$D = ["value", "required", "placeholder", "disabled"];
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
@@ -86318,7 +86322,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsTextArea = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-b7e10b40"]]);
+const BmsTextArea = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-94de6dd9"]]);
 
 const _hoisted_1$C = { class: "page__breadcrumb" };
 const _hoisted_2$o = { class: "page__header" };