@ouestfrance/sipa-bms-ui 8.17.0 → 8.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,11 @@ import { Tab } from '../../models/tab.model';
2
2
  type __VLS_Props = {
3
3
  title: string;
4
4
  tabs: Tab[];
5
+ initialTabId?: string;
5
6
  };
6
- 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>;
7
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
8
+ click: (tab: Tab) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
10
+ onClick?: ((tab: Tab) => any) | undefined;
11
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
7
12
  export default _default;
@@ -1,11 +1,12 @@
1
1
  import { Tab } from '../../models/tab.model';
2
- import { RouteLocation } from 'vue-router';
3
2
  type __VLS_Props = {
4
- currentRoute: RouteLocation;
3
+ selectedTabId: string | null;
5
4
  tab: Tab;
6
5
  };
7
- 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>, {
8
- default?(_: {}): any;
6
+ 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>, {
7
+ router?(_: {
8
+ tab: Tab;
9
+ }): any;
9
10
  }>;
10
11
  export default _default;
11
12
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -0,0 +1,21 @@
1
+ import { Tab } from '../../models/tab.model';
2
+ type __VLS_Props = {
3
+ title: string;
4
+ tabs: Tab[];
5
+ initialTabId?: string | null;
6
+ };
7
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
8
+ click: (value: any) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
10
+ onClick?: ((value: any) => any) | undefined;
11
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
12
+ router?(_: {
13
+ tab: Tab;
14
+ }): any;
15
+ }>;
16
+ export default _default;
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1,2 @@
1
+ import { Tab } from '../models';
2
+ export declare const getTabId: (tab: Tab) => string;
@@ -1,7 +1,12 @@
1
1
  export interface Tab {
2
2
  routePath?: string;
3
3
  routeName?: string;
4
+ id?: string;
4
5
  name: string;
5
6
  disabled?: boolean;
6
7
  error?: boolean;
7
8
  }
9
+ export interface RouteTab extends Tab {
10
+ routePath?: string;
11
+ routeName?: string;
12
+ }
@@ -1415,7 +1415,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1415
1415
  position: absolute;
1416
1416
  border-radius: 50%;
1417
1417
  filter: blur(10px);
1418
- }.floating-window-wrapper[data-v-9bfb3c86] {
1418
+ }.floating-window-wrapper[data-v-fdb4e567] {
1419
1419
  --breakpoint: 900px;
1420
1420
  container-name: floating-window;
1421
1421
  container-type: inline-size;
@@ -1429,7 +1429,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1429
1429
  align-items: center;
1430
1430
  pointer-events: none;
1431
1431
  }
1432
- .floating-window-wrapper .floating-window[data-v-9bfb3c86] {
1432
+ .floating-window-wrapper .floating-window[data-v-fdb4e567] {
1433
1433
  background-color: var(--bms-white);
1434
1434
  height: 100%;
1435
1435
  width: 100%;
@@ -1439,24 +1439,25 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1439
1439
  display: grid;
1440
1440
  grid-template-rows: auto 1fr;
1441
1441
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
1442
+ z-index: var(--bms-z-index-modal);
1442
1443
  }
1443
- .floating-window-wrapper .floating-window__header[data-v-9bfb3c86] {
1444
+ .floating-window-wrapper .floating-window__header[data-v-fdb4e567] {
1444
1445
  display: flex;
1445
1446
  justify-content: space-between;
1446
1447
  align-items: center;
1447
1448
  border-bottom: 1px solid var(--bms-grey-10);
1448
1449
  padding: 1em;
1449
1450
  }
1450
- .floating-window-wrapper .floating-window__header h2[data-v-9bfb3c86] {
1451
+ .floating-window-wrapper .floating-window__header h2[data-v-fdb4e567] {
1451
1452
  margin: 0;
1452
1453
  }
1453
- .floating-window-wrapper .floating-window__content[data-v-9bfb3c86] {
1454
+ .floating-window-wrapper .floating-window__content[data-v-fdb4e567] {
1454
1455
  overflow-y: auto;
1455
1456
  height: auto;
1456
1457
  scrollbar-width: thin;
1457
1458
  }
1458
1459
  @container floating-window (min-width:900px) {
1459
- .floating-window[data-v-9bfb3c86] {
1460
+ .floating-window[data-v-fdb4e567] {
1460
1461
  max-height: 300px;
1461
1462
  max-width: 80%;
1462
1463
  }
@@ -2006,42 +2007,48 @@ nav .additional[data-v-8b4752b4] {
2006
2007
  .menu-slide-left-fade-enter-from .menu__container[data-v-02719cac],
2007
2008
  .menu-slide-left-fade-leave-to .menu__container[data-v-02719cac] {
2008
2009
  transform: translate3d(-10%, 0, 0);
2009
- }.tab[data-v-d2f6b84b] {
2010
+ }.tab[data-v-b6feec3b] {
2010
2011
  --tab-border-color: transparent;
2011
2012
  --tab-color: var(--bms-font-color);
2012
2013
  color: var(--tab-color);
2013
2014
  text-decoration: none;
2014
2015
  border-bottom: 4px solid var(--tab-border-color);
2015
2016
  padding: 0 8px 16px 8px;
2017
+ cursor: pointer;
2018
+ }
2019
+ .tab[data-v-b6feec3b] a {
2020
+ color: var(--tab-color);
2021
+ text-decoration: none;
2016
2022
  }
2017
- .tab[data-v-d2f6b84b]:hover, .tab__hover[data-v-d2f6b84b] {
2023
+ .tab[data-v-b6feec3b]:hover, .tab__hover[data-v-b6feec3b] {
2018
2024
  --tab-border-color: var(--bms-main-50);
2025
+ text-decoration: none;
2019
2026
  }
2020
- .tab.active[data-v-d2f6b84b] {
2027
+ .tab.active[data-v-b6feec3b] {
2021
2028
  --tab-border-color: var(--bms-main-100);
2022
2029
  }
2023
- .tab.disabled[data-v-d2f6b84b] {
2030
+ .tab.disabled[data-v-b6feec3b] {
2024
2031
  --tab-border-color: var(transparent);
2025
2032
  --tab-color: var(--bms-grey-50);
2026
2033
  pointer-events: none;
2027
2034
  }
2028
- .tab.error[data-v-d2f6b84b] {
2035
+ .tab.error[data-v-b6feec3b] {
2029
2036
  --tab-border-color: var(--bms-danger-color);
2030
2037
  --tab-color: var(--bms-danger-color);
2031
- }.tabs-header[data-v-f862fbda] {
2038
+ }.tabs-header[data-v-9f2a5368] {
2032
2039
  display: flex;
2033
2040
  align-items: center;
2034
2041
  border-bottom: 1px solid var(--bms-grey-25);
2035
2042
  box-sizing: border-box;
2036
2043
  }
2037
- .tabs-header .tabs-title[data-v-f862fbda] {
2044
+ .tabs-header .tabs-title[data-v-9f2a5368] {
2038
2045
  margin-right: auto;
2039
2046
  margin-bottom: 16px;
2040
2047
  }
2041
- .tabs-header .tabs-title h3[data-v-f862fbda] {
2048
+ .tabs-header .tabs-title h3[data-v-9f2a5368] {
2042
2049
  margin: 0;
2043
2050
  }
2044
- .tabs-header a[data-v-f862fbda] {
2051
+ .tabs-header span[data-v-9f2a5368] {
2045
2052
  position: relative;
2046
2053
  top: 1px;
2047
2054
  }.ui-menu[data-v-a5b2b7f5] {