@ouestfrance/sipa-bms-ui 8.3.0 → 8.4.0

package/dist/components/layout/BmsCard.vue.d.ts

@@ -1,6 +1,8 @@
 import { StatusType } from '../../models';
+import { RouteLocationRaw } from 'vue-router';
 type __VLS_Props = {
     animated?: boolean;
+    to?: RouteLocationRaw;
     type?: StatusType;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
@@ -10,6 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     blob: HTMLDivElement;
     mainComponent: HTMLDivElement;
 }, HTMLDivElement>, {
+    default?(_: {}): any;
     default?(_: {}): any;
     action?(_: {}): any;
 }>;

package/dist/components/navigation/BmsFixedMenu.vue.d.ts

@@ -0,0 +1,17 @@
+import { RouteLocationNormalizedLoaded } from 'vue-router';
+import { MenuItem, ParentMenuItem } from '../../models';
+interface Props {
+    items: (MenuItem | ParentMenuItem)[];
+    activeLink: RouteLocationNormalizedLoaded;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    top?(_: {}): any;
+    additional?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -42,6 +42,7 @@ import { default as BmsStep } from './components/layout/BmsStep.vue';
 import { default as BmsStepper } from './components/layout/BmsStepper.vue';
 import { default as BmsBackButton } from './components/navigation/BmsBackButton.vue';
 import { default as BmsBreadcrumb } from './components/navigation/BmsBreadcrumb.vue';
+import { default as BmsFixedMenu } from './components/navigation/BmsFixedMenu.vue';
 import { default as BmsLink } from './components/navigation/BmsLink.vue';
 import { default as BmsMenu } from './components/navigation/BmsMenu.vue';
 import { default as BmsMenuNav } from './components/navigation/BmsMenuNav.vue';
@@ -70,4 +71,4 @@ export * from './plugins/confirm';
 export * from './plugins/runtime-env';
 export * from './plugins/router-history';
 export * from './services';
-export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, BmsTag, BmsTextArea, BmsContentPageLayout, BmsCard, BmsForm, BmsHeader, BmsHeaderTitle, BmsModal, BmsOverlay, BmsSection, BmsStep, BmsStepper, BmsBackButton, BmsBreadcrumb, BmsLink, BmsMenu, BmsMenuNav, BmsShortLinkMenu, BmsTabs, BmsTenantSwitcher, BmsDraggableList, BmsEmptyScreen, BmsPagination, BmsServerTable, BmsTable, BmsCocarde, BmsProblem, BmsRelativeTime, };
+export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, BmsTag, BmsTextArea, BmsContentPageLayout, BmsCard, BmsForm, BmsHeader, BmsHeaderTitle, BmsModal, BmsOverlay, BmsSection, BmsStep, BmsStepper, BmsBackButton, BmsBreadcrumb, BmsFixedMenu, BmsLink, BmsMenu, BmsMenuNav, BmsShortLinkMenu, BmsTabs, BmsTenantSwitcher, BmsDraggableList, BmsEmptyScreen, BmsPagination, BmsServerTable, BmsTable, BmsCocarde, BmsProblem, BmsRelativeTime, };

package/dist/sipa-bms-ui.css

@@ -582,7 +582,7 @@ ul li[data-v-4f63af62]:hover, ul li.selected[data-v-4f63af62] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-143805f2] {
+}.field__input .autocomplete-wrapper[data-v-a3c538be] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -591,22 +591,22 @@ ul li[data-v-4f63af62]:hover, ul li.selected[data-v-4f63af62] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-143805f2]:hover {
+.field__input .autocomplete-wrapper[data-v-a3c538be]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-143805f2]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-a3c538be]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-143805f2] {
+.field__input .autocomplete-wrapper.is-error[data-v-a3c538be] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-143805f2] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-a3c538be] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-143805f2] {
+.field__input .autocomplete-wrapper input[data-v-a3c538be] {
   outline: none;
   appearance: none;
   border: 0;
@@ -619,7 +619,7 @@ ul li[data-v-4f63af62]:hover, ul li.selected[data-v-4f63af62] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-143805f2] {
+.icon[data-v-a3c538be] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -1312,7 +1312,7 @@ input[type=radio][data-v-cb26402d]:checked::before {
 }
 .page[data-v-31057778] .header .actions .add-button {
   text-align: end;
-}.card[data-v-4c43a2ad] {
+}.card[data-v-cff3f84d] {
   --summary-card-background-color: rgba(255, 255, 255, 0.5);
   --summary-card-color: var(--bms-font-color);
   --card-margin: 2px;
@@ -1322,28 +1322,28 @@ input[type=radio][data-v-cb26402d]:checked::before {
   overflow: hidden;
   --card-content-border-radius: var(--bms-border-radius-large);
 }
-.card.card--information[data-v-4c43a2ad] {
+.card.card--information[data-v-cff3f84d] {
   --summary-card-color: white;
   --summary-card-background-color: var(--bms-main-100);
 }
-.card.card--success[data-v-4c43a2ad] {
+.card.card--success[data-v-cff3f84d] {
   --summary-card-color: white;
   --summary-card-background-color: var(--bms-success-color);
 }
-.card.card--warning[data-v-4c43a2ad] {
+.card.card--warning[data-v-cff3f84d] {
   --summary-card-color: white;
   --summary-card-background-color: var(--bms-warning-color);
 }
-.card.card--danger[data-v-4c43a2ad] {
+.card.card--danger[data-v-cff3f84d] {
   --summary-card-color: white;
   --summary-card-background-color: var(--bms-danger-color);
 }
-.card .hasAction[data-v-4c43a2ad] {
+.card .hasAction[data-v-cff3f84d] {
   --card-content-border-radius: var(--bms-border-radius-large)
     var(--bms-border-radius-large) 0 0;
   cursor: pointer;
 }
-.card__body[data-v-4c43a2ad] {
+.card__body[data-v-cff3f84d] {
   position: relative;
   min-height: 50px;
   min-width: 50px;
@@ -1354,14 +1354,18 @@ input[type=radio][data-v-cb26402d]:checked::before {
   justify-content: space-between;
   flex-direction: column;
 }
-.card__body__content[data-v-4c43a2ad] {
+.card__body__content[data-v-cff3f84d] {
   height: 100%;
   border-radius: var(--card-content-border-radius);
   background-color: var(--summary-card-background-color);
   backdrop-filter: blur(40px);
   color: var(--summary-card-color);
 }
-.card__body__action[data-v-4c43a2ad] {
+.card__body__content__link[data-v-cff3f84d] {
+  color: var(--summary-card-color);
+  text-decoration: none;
+}
+.card__body__action[data-v-cff3f84d] {
   border-top: 1px solid var(--bms-grey-10);
   border-radius: 0 0 var(--bms-border-radius-large) var(--bms-border-radius-large);
   background-color: var(--bms-white);
@@ -1369,7 +1373,7 @@ input[type=radio][data-v-cb26402d]:checked::before {
   padding: 0.5em;
   cursor: pointer;
 }
-.card .blob[data-v-4c43a2ad] {
+.card .blob[data-v-cff3f84d] {
   transform: translate(10px, 10px);
   width: 60%;
   height: 60%;
@@ -1739,7 +1743,7 @@ a svg[data-v-02d02028] {
 .menu__link .label {
   padding: 16px 16px 16px 0;
   line-height: 16px;
-}nav[data-v-f1abaa99] {
+}nav[data-v-731a6d8c] {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
@@ -1747,63 +1751,90 @@ a svg[data-v-02d02028] {
   padding: 6rem 0 2rem;
   background-color: var(--bms-white);
 }
-nav ul[data-v-f1abaa99] {
+nav ul[data-v-731a6d8c] {
   margin: 0;
   padding: 0;
 }
-nav ul li[data-v-f1abaa99] {
+nav ul li[data-v-731a6d8c] {
   display: flex;
   align-items: center;
   list-style-type: none;
   cursor: pointer;
   width: 100%;
 }
-nav ul li .parent-container[data-v-f1abaa99] {
+nav ul li .parent-container[data-v-731a6d8c] {
   width: 100%;
 }
-nav ul li .parent-container .parent-item[data-v-f1abaa99] {
+nav ul li .parent-container .parent-item[data-v-731a6d8c] {
   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-f1abaa99] .internal-link {
+nav ul li .parent-container .parent-item[data-v-731a6d8c] .internal-link {
   color: inherit;
 }
-nav ul li .parent-container .parent-item__custom-icon[data-v-f1abaa99] {
+nav ul li .parent-container .parent-item__custom-icon[data-v-731a6d8c] {
   width: 1em;
   height: 1em;
 }
-nav ul li .parent-container .parent-item[data-v-f1abaa99]:hover {
+nav ul li .parent-container .parent-item[data-v-731a6d8c]:hover {
   color: var(--bms-main-100);
   text-decoration: none;
 }
-nav ul li .parent-container .parent-item .parent-label[data-v-f1abaa99] {
+nav ul li .parent-container .parent-item .parent-label[data-v-731a6d8c] {
   line-height: 16px;
   font-size: 14px;
   text-transform: uppercase;
 }
-nav .additional[data-v-f1abaa99] {
+nav .additional[data-v-731a6d8c] {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }
-.open-enter-active[data-v-f1abaa99] {
+.open-enter-active[data-v-731a6d8c] {
   transition: all 0.7s ease;
 }
-.open-leave-active[data-v-f1abaa99] {
+.open-leave-active[data-v-731a6d8c] {
   transition: all 0.25s linear;
 }
-.open-enter-from[data-v-f1abaa99],
-.open-leave-to[data-v-f1abaa99] {
+.open-enter-from[data-v-731a6d8c],
+.open-leave-to[data-v-731a6d8c] {
   max-height: 0;
   opacity: 0;
 }
-.open-enter-to[data-v-f1abaa99],
-.open-leave-from[data-v-f1abaa99] {
+.open-enter-to[data-v-731a6d8c],
+.open-leave-from[data-v-731a6d8c] {
   max-height: 500px;
   opacity: 1;
+}.menu__container[data-v-701e04d9] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  background: var(--bms-white);
+  border-right: 1px solid var(--bms-grey-10);
+  padding: 0;
+}
+.menu__container nav[data-v-701e04d9] {
+  scrollbar-width: none;
+  padding: 0;
+  overflow-x: hidden;
+  max-width: calc(var(--bms-menu-width) + 5px);
+}
+.menu__container nav[data-v-701e04d9] ul li {
+  width: var(--bms-menu-width);
+}
+.menu__top[data-v-701e04d9] {
+  margin: 0.5em;
+}
+.menu__copyright[data-v-701e04d9] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 80px;
+  overflow-x: hidden;
 }.menu__container[data-v-79a67d3d] {
   --menu-margin: 1.5rem;
   position: fixed;
@@ -2093,40 +2124,39 @@ nav .additional[data-v-f1abaa99] {
 .bms-pagination__select[data-v-e10f3b80] .field__wrapper {
   min-width: 10em;
   width: 10em;
-}.bms-table__row[data-v-a12b08b2] {
+}.bms-table__row[data-v-bfdc6655] {
   --table-cell-padding: 1em;
   background-color: rgb(255, 255, 255);
 }
-.bms-table__row td[data-v-a12b08b2] {
+.bms-table__row td[data-v-bfdc6655] {
   padding: var(--table-cell-padding);
   background-color: rgb(255, 255, 255);
 }
-.bms-table__row--dense[data-v-a12b08b2] {
+.bms-table__row--dense[data-v-bfdc6655] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__row--selected[data-v-a12b08b2] td {
+.bms-table__row--selected[data-v-bfdc6655] td {
   background-color: var(--bms-main-10);
 }
-.bms-table__row--disabled td[data-v-a12b08b2] {
+.bms-table__row--disabled td[data-v-bfdc6655] {
   color: var(--bms-grey-50);
 }
-.bms-table__row__cell__checkbox[data-v-a12b08b2] {
+.bms-table__row__cell__checkbox[data-v-bfdc6655] {
   width: 4em;
 }
-.bms-table__row__cell--action[data-v-a12b08b2] {
+.bms-table__row__cell--action[data-v-bfdc6655] {
   display: flex;
   justify-content: end;
 }
-.bms-table__row__cell--empty[data-v-a12b08b2] {
+.bms-table__row__cell--empty[data-v-bfdc6655] {
   height: 360px;
 }
-.bms-table__row__cell--child-element[data-v-a12b08b2] {
+.bms-table__row__cell--child-element[data-v-bfdc6655] {
   display: inline-flex;
   align-items: flex-end;
 }
-.bms-table__row__cell--child-element__icon[data-v-a12b08b2] {
+.bms-table__row__cell--child-element__icon[data-v-bfdc6655] {
   display: flex;
-  min-width: 1em;
   margin-right: 1em;
 }.bms-table[data-v-9cbfc981] {
   --table-cell-padding: 1em;