@ouestfrance/sipa-bms-ui 8.38.2 → 8.40.0

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    align: 'left' | 'right';
+    collapsed?: boolean;
+    width?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    width: string;
+    collapsed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    align?: 'left' | 'right';
+    collapsed?: boolean;
+    showFloatingPanel?: boolean;
+    panelWidth?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "left" | "right";
+    collapsed: boolean;
+    showFloatingPanel: boolean;
+    panelWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+    floating?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

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

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

@@ -2012,6 +2012,76 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background-color: var(--bms-white);
   border-radius: var(--bms-border-radius-large);
   padding: 1em 2em 1em 2em;
+}.bms-side-panel[data-v-97f7f97d] {
+  background: var(--bms-white);
+  max-height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.bms-side-panel--left[data-v-97f7f97d] {
+  border-right: 1px solid var(--bms-border-color);
+  height: 100%;
+  width: var(--bms-side-panel-width);
+  min-width: 0;
+  opacity: 1;
+  transition: width 500ms, opacity 500ms;
+}
+.bms-side-panel--left.bms-side-panel--collapsed[data-v-97f7f97d] {
+  width: 0;
+  opacity: 0;
+}
+.bms-side-panel--right[data-v-97f7f97d] {
+  border-left: 1px solid var(--bms-border-color);
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.bms-side-panel--right[data-v-97f7f97d] > * {
+  flex: 1 1 auto;
+  min-height: 0;
+}.bms-sliding-panel-shell[data-v-01e7a741] {
+  position: relative;
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  overflow: visible;
+}
+.bms-sliding-panel-shell[data-v-01e7a741] .bms-side-panel {
+  position: relative;
+  z-index: 2;
+}
+.bms-sliding-panel-shell__drawer[data-v-01e7a741] {
+  position: absolute;
+  top: 0;
+  width: var(--bms-panel-width);
+  height: 100%;
+  background: var(--bms-white);
+  z-index: 1;
+  overflow-y: auto;
+}
+.bms-sliding-panel-shell--left .bms-sliding-panel-shell__drawer[data-v-01e7a741] {
+  left: var(--bms-panel-width);
+  border-right: 1px solid var(--bms-border-color);
+}
+.bms-sliding-panel-shell--right .bms-sliding-panel-shell__drawer[data-v-01e7a741] {
+  right: var(--bms-panel-width);
+  border-left: 1px solid var(--bms-border-color);
+}
+.bms-slide-left-enter-active[data-v-01e7a741],
+.bms-slide-left-leave-active[data-v-01e7a741],
+.bms-slide-right-enter-active[data-v-01e7a741],
+.bms-slide-right-leave-active[data-v-01e7a741] {
+  transition: transform 200ms ease;
+}
+.bms-slide-left-enter-from[data-v-01e7a741],
+.bms-slide-left-leave-to[data-v-01e7a741] {
+  transform: translateX(-100%);
+}
+.bms-slide-right-enter-from[data-v-01e7a741],
+.bms-slide-right-leave-to[data-v-01e7a741] {
+  transform: translateX(100%);
 }.split-window[data-v-b6e704f4] {
   display: grid;
   width: 100%;
@@ -2234,7 +2304,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 +2312,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] {