@ouestfrance/sipa-bms-ui 8.38.0 → 8.38.2

package/dist/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.13.2'
+const PACKAGE_VERSION = '2.13.4'
 const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/dist/sipa-bms-ui.css

@@ -2617,38 +2617,38 @@ nav .additional[data-v-8b4752b4] {
 .bms-pagination__select[data-v-86561b3b] .field__wrapper {
   min-width: 10em;
   width: 10em;
-}.bms-table__row[data-v-c01ccc48] {
+}.bms-table__row[data-v-a290e24c] {
   --table-cell-padding: 1em;
   background-color: var(--bms-white);
 }
-.bms-table__row td[data-v-c01ccc48] {
+.bms-table__row td[data-v-a290e24c] {
   padding: var(--table-cell-padding);
   background-color: var(--bms-white);
 }
-.bms-table__row--dense[data-v-c01ccc48] {
+.bms-table__row--dense[data-v-a290e24c] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__row--selected[data-v-c01ccc48] td {
-  background-color: light-dark(var(--bms-main-10), var(--bms-grey-25));
+.bms-table__row--selected[data-v-a290e24c] td {
+  background-color: light-dark(var(--bms-main-10), color-mix(in srgb, var(--bms-main-100) 32%, var(--bms-white)));
 }
-.bms-table__row--disabled td[data-v-c01ccc48] {
+.bms-table__row--disabled td[data-v-a290e24c] {
   color: var(--bms-grey-50);
 }
-.bms-table__row__cell__checkbox[data-v-c01ccc48] {
+.bms-table__row__cell__checkbox[data-v-a290e24c] {
   width: 4em;
 }
-.bms-table__row__cell--action[data-v-c01ccc48] {
+.bms-table__row__cell--action[data-v-a290e24c] {
   display: flex;
   justify-content: end;
 }
-.bms-table__row__cell--empty[data-v-c01ccc48] {
+.bms-table__row__cell--empty[data-v-a290e24c] {
   height: 360px;
 }
-.bms-table__row__cell--child-element[data-v-c01ccc48] {
+.bms-table__row__cell--child-element[data-v-a290e24c] {
   display: inline-flex;
   align-items: flex-end;
 }
-.bms-table__row__cell--child-element__icon[data-v-c01ccc48] {
+.bms-table__row__cell--child-element__icon[data-v-a290e24c] {
   display: flex;
   margin-right: 1em;
 }.bms-table[data-v-2b029949] {
@@ -3314,6 +3314,7 @@ section {
   --field-padding: 1em;
   --field-margin: 0.5em 0;
   --field-label-font-weight: bold;
+  --field-datalist-bottom: calc(var(--field-height) + 1em);
 }
 .field__errors {
   font-size: 14px;
@@ -3391,7 +3392,7 @@ section {
   overflow-y: auto;
 }
 .field__datalist.top {
-  bottom: 60px;
+  bottom: var(--field-datalist-bottom);
 }
 .field__input {
   display: flex;

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

@@ -98305,7 +98305,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const UiBmsTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-c01ccc48"]]);
+const UiBmsTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a290e24c"]]);
 
 const _hoisted_1$b = { class: "bms-table" };
 const _hoisted_2$9 = { class: "bms-table__actions__saved-filters" };
@@ -106597,7 +106597,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const datalist = ref(null);
     const { y } = useElementBounding(datalist);
     const parentElement = ref(null);
-    const { height: windowHeight } = useWindowSize();
+    function getScrollParentBottom(element) {
+      if (!element || element === document.documentElement || element === document.body) {
+        return window.innerHeight;
+      }
+      const { overflow, overflowY } = window.getComputedStyle(element);
+      if (/(auto|scroll|hidden)/.test(overflow + overflowY)) {
+        return element.getBoundingClientRect().bottom;
+      }
+      return getScrollParentBottom(element.parentElement);
+    }
     const classes = computed(() => {
       return {
         field: true,
@@ -106630,7 +106639,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!datalist.value) {
         return false;
       }
-      return y.value + (datalistHeight.value ?? 0) > windowHeight.value;
+      const containerBottom = getScrollParentBottom(datalist.value.parentElement);
+      return y.value + (datalistHeight.value ?? 0) > containerBottom;
     });
     const getCaptionIdentifier = (caption) => {
       return convertStringToCaption(caption).label;