@ouestfrance/sipa-bms-ui 8.39.0 → 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/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%;