@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.
- package/dist/components/navigation/BmsTabs.vue.d.ts +6 -1
- package/dist/components/navigation/UiTab.vue.d.ts +5 -4
- package/dist/components/navigation/UiTabs.vue.d.ts +21 -0
- package/dist/helpers/tab.helper.d.ts +2 -0
- package/dist/models/tab.model.d.ts +5 -0
- package/dist/sipa-bms-ui.css +22 -15
- package/dist/sipa-bms-ui.es.js +275 -198
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +282 -205
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/layout/BmsFloatingWindow.vue +1 -0
- package/src/components/navigation/BmsTabs.stories.js +58 -4
- package/src/components/navigation/BmsTabs.vue +53 -33
- package/src/components/navigation/UiTab.stories.js +5 -5
- package/src/components/navigation/UiTab.vue +15 -20
- package/src/components/navigation/UiTabs.stories.js +34 -0
- package/src/components/navigation/UiTabs.vue +76 -0
- package/src/helpers/tab.helper.ts +3 -0
- package/src/models/tab.model.ts +6 -0
|
@@ -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, {}
|
|
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
|
-
|
|
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, {},
|
|
8
|
-
|
|
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
|
+
};
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2027
|
+
.tab.active[data-v-b6feec3b] {
|
|
2021
2028
|
--tab-border-color: var(--bms-main-100);
|
|
2022
2029
|
}
|
|
2023
|
-
.tab.disabled[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2048
|
+
.tabs-header .tabs-title h3[data-v-9f2a5368] {
|
|
2042
2049
|
margin: 0;
|
|
2043
2050
|
}
|
|
2044
|
-
.tabs-header
|
|
2051
|
+
.tabs-header span[data-v-9f2a5368] {
|
|
2045
2052
|
position: relative;
|
|
2046
2053
|
top: 1px;
|
|
2047
2054
|
}.ui-menu[data-v-a5b2b7f5] {
|