@ouestfrance/sipa-bms-ui 8.38.2 → 8.39.0

package/dist/models/menu.model.d.ts

@@ -14,5 +14,6 @@ export interface MenuItem extends CommonMenuItem {
 export interface ParentMenuItem extends CommonMenuItem {
     items: MenuItem[];
     open?: boolean;
+    collapsible?: boolean;
 }
 export {};

package/dist/sipa-bms-ui.css

@@ -2234,7 +2234,7 @@ a svg[data-v-02d02028] {
   display: flex;
   align-items: center;
   gap: 4px;
-}nav[data-v-8b4752b4] {
+}nav[data-v-43dce565] {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
@@ -2242,61 +2242,63 @@ a svg[data-v-02d02028] {
   padding: 6rem 0 2rem;
   background-color: var(--bms-white);
 }
-nav ul[data-v-8b4752b4] {
+nav ul[data-v-43dce565] {
   margin: 0;
   padding: 0;
 }
-nav ul li[data-v-8b4752b4] {
+nav ul li[data-v-43dce565] {
   display: flex;
   align-items: center;
   list-style-type: none;
-  cursor: pointer;
   width: 100%;
 }
-nav ul li .parent-container[data-v-8b4752b4] {
+nav ul li .parent-container[data-v-43dce565] {
   width: 100%;
 }
-nav ul li .parent-container .parent-item[data-v-8b4752b4] {
+nav ul li .parent-container .parent-item[data-v-43dce565] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: var(--bms-grey-75);
   padding: 14px 8px;
 }
-nav ul li .parent-container .parent-item[data-v-8b4752b4] .internal-link {
+nav ul li .parent-container .parent-item[data-v-43dce565] .internal-link {
   color: inherit;
 }
-nav ul li .parent-container .parent-item__custom-icon[data-v-8b4752b4] {
+nav ul li .parent-container .parent-item__custom-icon[data-v-43dce565] {
   width: 1em;
   height: 1em;
 }
-nav ul li .parent-container .parent-item[data-v-8b4752b4]:hover {
+nav ul li .parent-container .parent-item.is-clickable[data-v-43dce565] {
+  cursor: pointer;
+}
+nav ul li .parent-container .parent-item.is-clickable[data-v-43dce565]:hover {
   color: var(--bms-main-100);
   text-decoration: none;
 }
-nav ul li .parent-container .parent-item .parent-label[data-v-8b4752b4] {
+nav ul li .parent-container .parent-item .parent-label[data-v-43dce565] {
   line-height: 16px;
   font-size: 14px;
   text-transform: uppercase;
 }
-nav .additional[data-v-8b4752b4] {
+nav .additional[data-v-43dce565] {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }
-.open-enter-active[data-v-8b4752b4] {
+.open-enter-active[data-v-43dce565] {
   transition: all 0.7s ease;
 }
-.open-leave-active[data-v-8b4752b4] {
+.open-leave-active[data-v-43dce565] {
   transition: all 0.25s linear;
 }
-.open-enter-from[data-v-8b4752b4],
-.open-leave-to[data-v-8b4752b4] {
+.open-enter-from[data-v-43dce565],
+.open-leave-to[data-v-43dce565] {
   max-height: 0;
   opacity: 0;
 }
-.open-enter-to[data-v-8b4752b4],
-.open-leave-from[data-v-8b4752b4] {
+.open-enter-to[data-v-43dce565],
+.open-leave-from[data-v-43dce565] {
   max-height: 500px;
   opacity: 1;
 }.menu__container[data-v-83979eb0] {

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

@@ -88610,8 +88610,8 @@ const _hoisted_5$7 = {
   key: 3,
   class: "field__input-icon field__input-icon--end"
 };
-const _hoisted_6$6 = { class: "icon-container" };
-const _hoisted_7$6 = { class: "combobox-option__check" };
+const _hoisted_6$7 = { class: "icon-container" };
+const _hoisted_7$7 = { class: "combobox-option__check" };
 const SELECT_ALL_VALUE = "__bms_select_all__";
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "BmsCombobox",
@@ -88954,7 +88954,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
                 ])) : createCommentVNode("", true)
               ], true),
-              createElementVNode("span", _hoisted_6$6, [
+              createElementVNode("span", _hoisted_6$7, [
                 canClear.value ? (openBlock(), createBlock(unref(X), {
                   key: 0,
                   class: "combobox-clear-icon icon-button",
@@ -88992,7 +88992,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                       "combobox-option--select-all": option.value === SELECT_ALL_VALUE
                     }])
                   }, [
-                    createElementVNode("div", _hoisted_7$6, [
+                    createElementVNode("div", _hoisted_7$7, [
                       isOptionSelected(option) ? (openBlock(), createBlock(unref(Check), {
                         key: 0,
                         size: 12
@@ -92524,11 +92524,11 @@ const _hoisted_5$6 = {
   key: 1,
   class: "bms-header__title__after-title"
 };
-const _hoisted_6$5 = {
+const _hoisted_6$6 = {
   key: 2,
   class: "bms-header__title__actions"
 };
-const _hoisted_7$5 = {
+const _hoisted_7$6 = {
   key: 0,
   class: "bms-header__subtitle"
 };
@@ -92562,11 +92562,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           _ctx.$slots.afterTitle ? (openBlock(), createElementBlock("span", _hoisted_5$6, [
             renderSlot(_ctx.$slots, "afterTitle", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.actions ? (openBlock(), createElementBlock("span", _hoisted_6$5, [
+          _ctx.$slots.actions ? (openBlock(), createElementBlock("span", _hoisted_6$6, [
             renderSlot(_ctx.$slots, "actions", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ]),
-        _ctx.$slots.subtitle ? (openBlock(), createElementBlock("span", _hoisted_7$5, [
+        _ctx.$slots.subtitle ? (openBlock(), createElementBlock("span", _hoisted_7$6, [
           renderSlot(_ctx.$slots, "subtitle", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
@@ -92601,8 +92601,8 @@ const _hoisted_2$l = { class: "ui-modal__header" };
 const _hoisted_3$c = { class: "ui-modal__header-inner" };
 const _hoisted_4$7 = { class: "ui-modal__title" };
 const _hoisted_5$5 = { class: "ui-modal__content" };
-const _hoisted_6$4 = { class: "ui-modal__footer" };
-const _hoisted_7$4 = { class: "ui-modal__buttons" };
+const _hoisted_6$5 = { class: "ui-modal__footer" };
+const _hoisted_7$5 = { class: "ui-modal__buttons" };
 const _hoisted_8$3 = {
   key: 0,
   class: "ui-modal__loader"
@@ -92764,11 +92764,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                         modalData: props.modelValue
                       }, void 0, true)
                     ]),
-                    createElementVNode("footer", _hoisted_6$4, [
+                    createElementVNode("footer", _hoisted_6$5, [
                       renderSlot(_ctx.$slots, "footer", {
                         modalData: props.modelValue
                       }, () => [
-                        createElementVNode("div", _hoisted_7$4, [
+                        createElementVNode("div", _hoisted_7$5, [
                           renderSlot(_ctx.$slots, "buttons", {
                             close: dismissModal,
                             modalData: props.modelValue
@@ -93089,11 +93089,11 @@ const _hoisted_2$i = { class: "stepper-header" };
 const _hoisted_3$a = ["onClick"];
 const _hoisted_4$6 = { key: 1 };
 const _hoisted_5$4 = ["onClick"];
-const _hoisted_6$3 = {
+const _hoisted_6$4 = {
   key: 0,
   class: "stepper-header--separator"
 };
-const _hoisted_7$3 = { class: "stepper-body" };
+const _hoisted_7$4 = { class: "stepper-body" };
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "BmsStepper",
   props: {
@@ -93156,11 +93156,11 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 onClick: ($event) => onStepClick(index)
               }, toDisplayString(step.stepLabel), 9, _hoisted_5$4),
-              index < steps.value.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_6$3)) : createCommentVNode("", true)
+              index < steps.value.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_6$4)) : createCommentVNode("", true)
             ], 2);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_7$3, [
+        createElementVNode("div", _hoisted_7$4, [
           currentStepObject.value ? (openBlock(), createBlock(resolveDynamicComponent(currentStepObject.value?.stepNode), { key: __props.currentStep })) : createCommentVNode("", true)
         ])
       ]);
@@ -93387,7 +93387,12 @@ const _hoisted_1$p = {
 const _hoisted_2$g = { class: "parent-label" };
 const _hoisted_3$9 = ["onClick"];
 const _hoisted_4$5 = { class: "parent-label" };
-const _hoisted_5$3 = { class: "additional" };
+const _hoisted_5$3 = {
+  key: 1,
+  class: "parent-item"
+};
+const _hoisted_6$3 = { class: "parent-label" };
+const _hoisted_7$3 = { class: "additional" };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "BmsMenuNav",
   props: {
@@ -93401,6 +93406,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const hasSubItems = (item) => {
       return item.hasOwnProperty("items");
     };
+    const isCollapsible = (item) => item.collapsible !== false;
     const currentItems = ref([]);
     const isLinkRecognized = (link) => {
       if (link.name) {
@@ -93426,6 +93432,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           return item;
         }
         const parentItem = item;
+        if (!isCollapsible(parentItem)) {
+          parentItem.open = true;
+          return parentItem;
+        }
         if (parentItem.open) {
           return parentItem;
         }
@@ -93454,7 +93464,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 item.link ? (openBlock(), createBlock(_sfc_main$1w, {
                   key: 0,
                   to: item.link,
-                  class: normalizeClass(`parent-item ${isItemActive(item) ? "active" : ""}`)
+                  class: normalizeClass(`parent-item is-clickable ${isItemActive(item) ? "active" : ""}`)
                 }, {
                   default: withCtx(() => [
                     createElementVNode("span", _hoisted_2$g, toDisplayString(item.label), 1),
@@ -93464,14 +93474,18 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                     })) : createCommentVNode("", true)
                   ]),
                   _: 2
-                }, 1032, ["to", "class"])) : (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: "parent-item",
-                  onClick: ($event) => toggleParentItem(item)
-                }, [
-                  createElementVNode("span", _hoisted_4$5, toDisplayString(item.label), 1),
-                  !item.open ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))
-                ], 8, _hoisted_3$9)),
+                }, 1032, ["to", "class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  isCollapsible(item) ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "parent-item is-clickable",
+                    onClick: ($event) => toggleParentItem(item)
+                  }, [
+                    createElementVNode("span", _hoisted_4$5, toDisplayString(item.label), 1),
+                    !item.open ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))
+                  ], 8, _hoisted_3$9)) : (openBlock(), createElementBlock("div", _hoisted_5$3, [
+                    createElementVNode("span", _hoisted_6$3, toDisplayString(item.label), 1)
+                  ]))
+                ], 64)),
                 createVNode(Transition, { name: "open" }, {
                   default: withCtx(() => [
                     withDirectives(createElementVNode("ul", null, [
@@ -93492,7 +93506,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                         ]);
                       }), 128))
                     ], 512), [
-                      [vShow, item.open]
+                      [
+                        vShow,
+                        !isCollapsible(item) || item.open
+                      ]
                     ])
                   ]),
                   _: 2
@@ -93511,7 +93528,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_5$3, [
+        createElementVNode("div", _hoisted_7$3, [
           renderSlot(_ctx.$slots, "additional", { closeMenu }, void 0, true)
         ])
       ]);
@@ -93519,7 +93536,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsMenuNav = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-8b4752b4"]]);
+const BmsMenuNav = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-43dce565"]]);
 
 const _hoisted_1$o = { class: "menu__container" };
 const _hoisted_2$f = { class: "menu__top" };