@ouestfrance/sipa-bms-ui 8.17.0 → 8.19.0

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

@@ -2,6 +2,11 @@ import { Tab } from '../../models/tab.model';
 type __VLS_Props = {
     title: string;
     tabs: Tab[];
+    initialTabId?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (tab: Tab) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((tab: Tab) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,11 +1,12 @@
 import { Tab } from '../../models/tab.model';
-import { RouteLocation } from 'vue-router';
 type __VLS_Props = {
-    currentRoute: RouteLocation;
+    selectedTabId: string | null;
     tab: Tab;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>, {
+    router?(_: {
+        tab: Tab;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,21 @@
+import { Tab } from '../../models/tab.model';
+type __VLS_Props = {
+    title: string;
+    tabs: Tab[];
+    initialTabId?: string | null;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    router?(_: {
+        tab: Tab;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/helpers/tab.helper.d.ts

@@ -0,0 +1,2 @@
+import { Tab } from '../models';
+export declare const getTabId: (tab: Tab) => string;

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

@@ -1,7 +1,12 @@
 export interface Tab {
     routePath?: string;
     routeName?: string;
+    id?: string;
     name: string;
     disabled?: boolean;
     error?: boolean;
 }
+export interface RouteTab extends Tab {
+    routePath?: string;
+    routeName?: string;
+}

package/dist/sipa-bms-ui.css

@@ -1415,7 +1415,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
-}.floating-window-wrapper[data-v-9bfb3c86] {
+}.floating-window-wrapper[data-v-fdb4e567] {
   --breakpoint: 900px;
   container-name: floating-window;
   container-type: inline-size;
@@ -1429,7 +1429,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   pointer-events: none;
 }
-.floating-window-wrapper .floating-window[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window[data-v-fdb4e567] {
   background-color: var(--bms-white);
   height: 100%;
   width: 100%;
@@ -1439,24 +1439,25 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   display: grid;
   grid-template-rows: auto 1fr;
   box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
+  z-index: var(--bms-z-index-modal);
 }
-.floating-window-wrapper .floating-window__header[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window__header[data-v-fdb4e567] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--bms-grey-10);
   padding: 1em;
 }
-.floating-window-wrapper .floating-window__header h2[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window__header h2[data-v-fdb4e567] {
   margin: 0;
 }
-.floating-window-wrapper .floating-window__content[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window__content[data-v-fdb4e567] {
   overflow-y: auto;
   height: auto;
   scrollbar-width: thin;
 }
 @container floating-window (min-width:900px) {
-.floating-window[data-v-9bfb3c86] {
+.floating-window[data-v-fdb4e567] {
     max-height: 300px;
     max-width: 80%;
 }
@@ -1654,45 +1655,59 @@ 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;
-}.split-window[data-v-61513081] {
+}.split-window[data-v-15128bb0] {
   display: grid;
   width: 100%;
   height: 100%;
+  overflow: hidden;
+}
+.split-window__pane[data-v-15128bb0] {
+  display: flex;
+  max-height: 100%;
+  overflow: hidden;
 }
-.split-window__separator[data-v-61513081] {
+.split-window__separator[data-v-15128bb0] {
   position: relative;
-  z-index: 2;
+  z-index: var(--bms-z-index-fixed);
 }
-.split-window__separator[data-v-61513081]:before {
+.split-window__separator[data-v-15128bb0]:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
 }
-.split-window__separator[data-v-61513081]:focus-within:before {
+.split-window__separator[data-v-15128bb0]:focus-within:before {
   outline: 2px solid black;
 }
-.split-window--vertical .split-window__separator[data-v-61513081] {
+.split-window--vertical .split-window__separator[data-v-15128bb0] {
   height: 100%;
   width: 0;
 }
-.split-window--vertical .split-window__separator[data-v-61513081]:before {
+.split-window--vertical .split-window__separator[data-v-15128bb0]:before {
   content: "";
   width: 8px;
   height: 100%;
   transform: translate(-50%, 0);
   cursor: col-resize;
 }
-.split-window--horizontal .split-window__separator[data-v-61513081] {
+.split-window--horizontal .split-window__separator[data-v-15128bb0] {
   height: 0;
   width: 100%;
 }
-.split-window--horizontal .split-window__separator[data-v-61513081]:before {
+.split-window--horizontal .split-window__separator[data-v-15128bb0]:before {
   content: "";
   width: 100%;
   height: 8px;
   transform: translate(0, -50%);
   cursor: row-resize;
+}
+.split-window--dragging .split-window__separator[data-v-15128bb0]:before {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: unset;
 }.step-buttons[data-v-fcce71d1] {
   padding-top: 2em;
   display: flex;
@@ -2006,42 +2021,48 @@ nav .additional[data-v-8b4752b4] {
 .menu-slide-left-fade-enter-from .menu__container[data-v-02719cac],
 .menu-slide-left-fade-leave-to .menu__container[data-v-02719cac] {
   transform: translate3d(-10%, 0, 0);
-}.tab[data-v-d2f6b84b] {
+}.tab[data-v-b6feec3b] {
   --tab-border-color: transparent;
   --tab-color: var(--bms-font-color);
   color: var(--tab-color);
   text-decoration: none;
   border-bottom: 4px solid var(--tab-border-color);
   padding: 0 8px 16px 8px;
+  cursor: pointer;
 }
-.tab[data-v-d2f6b84b]:hover, .tab__hover[data-v-d2f6b84b] {
+.tab[data-v-b6feec3b] a {
+  color: var(--tab-color);
+  text-decoration: none;
+}
+.tab[data-v-b6feec3b]:hover, .tab__hover[data-v-b6feec3b] {
   --tab-border-color: var(--bms-main-50);
+  text-decoration: none;
 }
-.tab.active[data-v-d2f6b84b] {
+.tab.active[data-v-b6feec3b] {
   --tab-border-color: var(--bms-main-100);
 }
-.tab.disabled[data-v-d2f6b84b] {
+.tab.disabled[data-v-b6feec3b] {
   --tab-border-color: var(transparent);
   --tab-color: var(--bms-grey-50);
   pointer-events: none;
 }
-.tab.error[data-v-d2f6b84b] {
+.tab.error[data-v-b6feec3b] {
   --tab-border-color: var(--bms-danger-color);
   --tab-color: var(--bms-danger-color);
-}.tabs-header[data-v-f862fbda] {
+}.tabs-header[data-v-9f2a5368] {
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--bms-grey-25);
   box-sizing: border-box;
 }
-.tabs-header .tabs-title[data-v-f862fbda] {
+.tabs-header .tabs-title[data-v-9f2a5368] {
   margin-right: auto;
   margin-bottom: 16px;
 }
-.tabs-header .tabs-title h3[data-v-f862fbda] {
+.tabs-header .tabs-title h3[data-v-9f2a5368] {
   margin: 0;
 }
-.tabs-header a[data-v-f862fbda] {
+.tabs-header span[data-v-9f2a5368] {
   position: relative;
   top: 1px;
 }.ui-menu[data-v-a5b2b7f5] {