@ouestfrance/sipa-bms-ui 8.15.1 → 8.17.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/layout/BmsFloatingWindow.vue.d.ts +19 -0
- package/dist/components/layout/BmsSplitWindow.vue.d.ts +35 -0
- package/dist/components/table/BmsTable.vue.d.ts +3 -1
- package/dist/components/table/UiBmsTable.vue.d.ts +1 -1
- package/dist/helpers/table.helper.d.ts +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/mockServiceWorker.js +1 -1
- package/dist/models/table.model.d.ts +2 -1
- package/dist/sipa-bms-ui.css +168 -88
- package/dist/sipa-bms-ui.es.js +5086 -4115
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +5094 -4120
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +19 -19
- package/src/components/form/BmsMultiSelect.vue +5 -1
- package/src/components/form/BmsServerAutocomplete.vue +13 -3
- package/src/components/layout/BmsFloatingWindow.stories.js +109 -0
- package/src/components/layout/BmsFloatingWindow.vue +83 -0
- package/src/components/layout/BmsModal.vue +1 -1
- package/src/components/layout/BmsSplitWindow.stories.js +155 -0
- package/src/components/layout/BmsSplitWindow.vue +290 -0
- package/src/components/table/BmsTable.stories.js +47 -0
- package/src/components/table/BmsTable.vue +22 -3
- package/src/components/table/UiBmsTable.spec.ts +47 -3
- package/src/components/table/UiBmsTable.stories.js +43 -0
- package/src/components/table/UiBmsTable.vue +51 -91
- package/src/components/table/UiBmsTableRow.vue +18 -3
- package/src/documentation/principles.mdx +73 -7
- package/src/helpers/table.helper.ts +19 -0
- package/src/index.ts +6 -0
- package/src/models/table.model.ts +1 -0
- package/src/showroom/pages/autocomplete.vue +2 -2
- package/src/showroom/pages/server-table.vue +2 -7
- package/src/showroom/pages/table.vue +3 -0
- package/src/showroom/server.js +19 -11
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
title: string;
|
|
3
|
+
};
|
|
4
|
+
type __VLS_PublicProps = {
|
|
5
|
+
modelValue?: boolean;
|
|
6
|
+
} & __VLS_Props;
|
|
7
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
"update:modelValue": (value: boolean) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
10
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
11
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
splitOrientation?: 'horizontal' | 'vertical';
|
|
3
|
+
min?: number;
|
|
4
|
+
max?: number;
|
|
5
|
+
primary?: 'first' | 'second';
|
|
6
|
+
collapsed?: boolean;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
}
|
|
9
|
+
type __VLS_Props = Props;
|
|
10
|
+
type __VLS_PublicProps = {
|
|
11
|
+
modelValue?: number;
|
|
12
|
+
} & __VLS_Props;
|
|
13
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
"update:collapsed": (...args: any[]) => void;
|
|
15
|
+
"update:modelValue": (value: number) => void;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
17
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
18
|
+
"onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
}>, {
|
|
20
|
+
primary: "first" | "second";
|
|
21
|
+
max: number;
|
|
22
|
+
min: number;
|
|
23
|
+
splitOrientation: "horizontal" | "vertical";
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
25
|
+
'split-window': HTMLDivElement;
|
|
26
|
+
}, HTMLDivElement>, {
|
|
27
|
+
first?(_: {}): any;
|
|
28
|
+
second?(_: {}): any;
|
|
29
|
+
}>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Filter, SavedFilter, Sort, TableHeader } from '../../models';
|
|
1
|
+
import { Filter, SavedFilter, SelectMode, Sort, TableHeader } from '../../models';
|
|
2
2
|
interface UiTableProps {
|
|
3
3
|
disableSearch?: boolean;
|
|
4
4
|
headers: TableHeader[];
|
|
@@ -15,6 +15,7 @@ interface UiTableProps {
|
|
|
15
15
|
defaultSort?: Sort;
|
|
16
16
|
selectable?: boolean;
|
|
17
17
|
selectableDisabled?: boolean;
|
|
18
|
+
selectMode?: SelectMode.DEFAULT | SelectMode.SINGLE;
|
|
18
19
|
}
|
|
19
20
|
type __VLS_Props = UiTableProps;
|
|
20
21
|
declare const __VLS_defaults: {
|
|
@@ -54,6 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
54
55
|
size: number;
|
|
55
56
|
filters: Filter[];
|
|
56
57
|
selectable: boolean;
|
|
58
|
+
selectMode: SelectMode.DEFAULT | SelectMode.SINGLE;
|
|
57
59
|
selectableDisabled: boolean;
|
|
58
60
|
pagination: number[];
|
|
59
61
|
canSaveFilters: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -33,12 +33,14 @@ import { default as BmsTag } from './components/form/BmsTag.vue';
|
|
|
33
33
|
import { default as BmsTextArea } from './components/form/BmsTextArea.vue';
|
|
34
34
|
import { default as BmsContentPageLayout } from './components/layout/BmsContentPageLayout.vue';
|
|
35
35
|
import { default as BmsCard } from './components/layout/BmsCard.vue';
|
|
36
|
+
import { default as BmsFloatingWindow } from './components/layout/BmsFloatingWindow.vue';
|
|
36
37
|
import { default as BmsForm } from './components/layout/BmsForm.vue';
|
|
37
38
|
import { default as BmsHeader } from './components/layout/BmsHeader.vue';
|
|
38
39
|
import { default as BmsHeaderTitle } from './components/layout/BmsHeaderTitle.vue';
|
|
39
40
|
import { default as BmsModal } from './components/layout/BmsModal.vue';
|
|
40
41
|
import { default as BmsOverlay } from './components/layout/BmsOverlay.vue';
|
|
41
42
|
import { default as BmsSection } from './components/layout/BmsSection.vue';
|
|
43
|
+
import { default as BmsSplitWindow } from './components/layout/BmsSplitWindow.vue';
|
|
42
44
|
import { default as BmsStep } from './components/layout/BmsStep.vue';
|
|
43
45
|
import { default as BmsStepper } from './components/layout/BmsStepper.vue';
|
|
44
46
|
import { default as BmsBackButton } from './components/navigation/BmsBackButton.vue';
|
|
@@ -72,4 +74,4 @@ export * from './plugins/confirm';
|
|
|
72
74
|
export * from './plugins/runtime-env';
|
|
73
75
|
export * from './plugins/router-history';
|
|
74
76
|
export * from './services';
|
|
75
|
-
export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsServerAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, BmsTag, BmsTextArea, BmsContentPageLayout, BmsCard, BmsForm, BmsHeader, BmsHeaderTitle, BmsModal, BmsOverlay, BmsSection, BmsStep, BmsStepper, BmsBackButton, BmsBreadcrumb, BmsFixedMenu, BmsLink, BmsMenu, BmsMenuNav, BmsShortLinkMenu, BmsTabs, BmsTenantSwitcher, BmsDraggableList, BmsEmptyScreen, BmsPagination, BmsServerTable, BmsTable, BmsCocarde, BmsProblem, BmsRelativeTime, };
|
|
77
|
+
export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsServerAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, 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, };
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* - Please do NOT modify this file.
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
-
const PACKAGE_VERSION = '2.
|
|
10
|
+
const PACKAGE_VERSION = '2.12.3'
|
|
11
11
|
const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
|
|
12
12
|
const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
|
|
13
13
|
const activeClientIds = new Set()
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -643,18 +643,18 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
643
643
|
}
|
|
644
644
|
.icon[data-v-43ad5137] svg * {
|
|
645
645
|
fill: currentColor !important;
|
|
646
|
-
}.icon[data-v-
|
|
646
|
+
}.icon[data-v-d94effd6] {
|
|
647
647
|
height: 1em;
|
|
648
648
|
width: 1em;
|
|
649
649
|
}
|
|
650
|
-
.icon.datalist-icon[data-v-
|
|
650
|
+
.icon.datalist-icon[data-v-d94effd6] {
|
|
651
651
|
margin: 0 0.5em;
|
|
652
652
|
}
|
|
653
|
-
.icon[data-v-
|
|
653
|
+
.icon[data-v-d94effd6] svg {
|
|
654
654
|
height: 100%;
|
|
655
655
|
width: 100%;
|
|
656
656
|
}
|
|
657
|
-
.icon[data-v-
|
|
657
|
+
.icon[data-v-d94effd6] svg * {
|
|
658
658
|
fill: currentColor !important;
|
|
659
659
|
}.field-between__separator[data-v-f25b520b] {
|
|
660
660
|
margin-left: 10px;
|
|
@@ -1202,28 +1202,30 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1202
1202
|
--field-border-color: var(--bms-grey-25);
|
|
1203
1203
|
--input-background-color: var(--bms-grey-25);
|
|
1204
1204
|
pointer-events: none;
|
|
1205
|
-
}.tags[data-v-
|
|
1205
|
+
}.tags[data-v-b8b817ba] {
|
|
1206
1206
|
display: flex;
|
|
1207
1207
|
gap: 0.5em;
|
|
1208
1208
|
padding: var(--field-margin);
|
|
1209
1209
|
flex-wrap: wrap;
|
|
1210
1210
|
width: 100%;
|
|
1211
1211
|
}
|
|
1212
|
-
.tags .search[data-v-
|
|
1212
|
+
.tags .search[data-v-b8b817ba] {
|
|
1213
1213
|
outline: none;
|
|
1214
1214
|
border: none;
|
|
1215
1215
|
background-color: transparent;
|
|
1216
1216
|
flex-grow: 1;
|
|
1217
|
+
flex-basis: 40px;
|
|
1218
|
+
width: 100%;
|
|
1217
1219
|
}
|
|
1218
|
-
.icon-container[data-v-
|
|
1220
|
+
.icon-container[data-v-b8b817ba] {
|
|
1219
1221
|
height: 100%;
|
|
1220
1222
|
display: flex;
|
|
1221
1223
|
align-items: center;
|
|
1222
1224
|
}
|
|
1223
|
-
.icon-container[data-v-
|
|
1225
|
+
.icon-container[data-v-b8b817ba]:hover {
|
|
1224
1226
|
cursor: pointer;
|
|
1225
1227
|
}
|
|
1226
|
-
.icon-container .icon[data-v-
|
|
1228
|
+
.icon-container .icon[data-v-b8b817ba] {
|
|
1227
1229
|
display: block;
|
|
1228
1230
|
width: 1em;
|
|
1229
1231
|
height: 1em;
|
|
@@ -1413,6 +1415,51 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1413
1415
|
position: absolute;
|
|
1414
1416
|
border-radius: 50%;
|
|
1415
1417
|
filter: blur(10px);
|
|
1418
|
+
}.floating-window-wrapper[data-v-9bfb3c86] {
|
|
1419
|
+
--breakpoint: 900px;
|
|
1420
|
+
container-name: floating-window;
|
|
1421
|
+
container-type: inline-size;
|
|
1422
|
+
width: 100%;
|
|
1423
|
+
height: 100%;
|
|
1424
|
+
position: absolute;
|
|
1425
|
+
top: 0;
|
|
1426
|
+
left: 0;
|
|
1427
|
+
display: flex;
|
|
1428
|
+
justify-content: center;
|
|
1429
|
+
align-items: center;
|
|
1430
|
+
pointer-events: none;
|
|
1431
|
+
}
|
|
1432
|
+
.floating-window-wrapper .floating-window[data-v-9bfb3c86] {
|
|
1433
|
+
background-color: var(--bms-white);
|
|
1434
|
+
height: 100%;
|
|
1435
|
+
width: 100%;
|
|
1436
|
+
border-radius: var(--bms-border-radius-large);
|
|
1437
|
+
border: 1px solid var(--bms-grey-10);
|
|
1438
|
+
pointer-events: all;
|
|
1439
|
+
display: grid;
|
|
1440
|
+
grid-template-rows: auto 1fr;
|
|
1441
|
+
box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
|
|
1442
|
+
}
|
|
1443
|
+
.floating-window-wrapper .floating-window__header[data-v-9bfb3c86] {
|
|
1444
|
+
display: flex;
|
|
1445
|
+
justify-content: space-between;
|
|
1446
|
+
align-items: center;
|
|
1447
|
+
border-bottom: 1px solid var(--bms-grey-10);
|
|
1448
|
+
padding: 1em;
|
|
1449
|
+
}
|
|
1450
|
+
.floating-window-wrapper .floating-window__header h2[data-v-9bfb3c86] {
|
|
1451
|
+
margin: 0;
|
|
1452
|
+
}
|
|
1453
|
+
.floating-window-wrapper .floating-window__content[data-v-9bfb3c86] {
|
|
1454
|
+
overflow-y: auto;
|
|
1455
|
+
height: auto;
|
|
1456
|
+
scrollbar-width: thin;
|
|
1457
|
+
}
|
|
1458
|
+
@container floating-window (min-width:900px) {
|
|
1459
|
+
.floating-window[data-v-9bfb3c86] {
|
|
1460
|
+
max-height: 300px;
|
|
1461
|
+
max-width: 80%;
|
|
1462
|
+
}
|
|
1416
1463
|
}.form-section[data-v-b5bab57e] {
|
|
1417
1464
|
display: flex;
|
|
1418
1465
|
flex-direction: column;
|
|
@@ -1476,7 +1523,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1476
1523
|
}
|
|
1477
1524
|
.priority[data-v-383b958c] {
|
|
1478
1525
|
z-index: calc(var(--bms-z-index-modal) + 10);
|
|
1479
|
-
}.ui-modal[data-v-
|
|
1526
|
+
}.ui-modal[data-v-769d070b] {
|
|
1480
1527
|
--modal-header-border-size: 1px;
|
|
1481
1528
|
--modal-header-color: var(--bms-grey-10);
|
|
1482
1529
|
position: fixed;
|
|
@@ -1487,25 +1534,25 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1487
1534
|
display: flex;
|
|
1488
1535
|
align-items: center;
|
|
1489
1536
|
justify-content: center;
|
|
1490
|
-
z-index:
|
|
1537
|
+
z-index: var(--bms-z-index-fixed);
|
|
1491
1538
|
}
|
|
1492
|
-
.ui-modal.Default[data-v-
|
|
1539
|
+
.ui-modal.Default[data-v-769d070b] {
|
|
1493
1540
|
--modal-header-border-size: 1px;
|
|
1494
1541
|
--modal-header-color: var(--bms-grey-10);
|
|
1495
1542
|
}
|
|
1496
|
-
.ui-modal.success[data-v-
|
|
1543
|
+
.ui-modal.success[data-v-769d070b] {
|
|
1497
1544
|
--modal-header-border-size: 4px;
|
|
1498
1545
|
--modal-header-color: var(--bms-success-color);
|
|
1499
1546
|
}
|
|
1500
|
-
.ui-modal.warning[data-v-
|
|
1547
|
+
.ui-modal.warning[data-v-769d070b] {
|
|
1501
1548
|
--modal-header-border-size: 4px;
|
|
1502
1549
|
--modal-header-color: var(--bms-warning-color);
|
|
1503
1550
|
}
|
|
1504
|
-
.ui-modal.danger[data-v-
|
|
1551
|
+
.ui-modal.danger[data-v-769d070b] {
|
|
1505
1552
|
--modal-header-border-size: 4px;
|
|
1506
1553
|
--modal-header-color: var(--bms-danger-color);
|
|
1507
1554
|
}
|
|
1508
|
-
.ui-modal__loader[data-v-
|
|
1555
|
+
.ui-modal__loader[data-v-769d070b] {
|
|
1509
1556
|
position: absolute;
|
|
1510
1557
|
top: 0;
|
|
1511
1558
|
left: 0;
|
|
@@ -1519,11 +1566,11 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1519
1566
|
background: var(--bms-white);
|
|
1520
1567
|
z-index: calc(var(--bms-z-index-fixed) + 5);
|
|
1521
1568
|
}
|
|
1522
|
-
.ui-modal__loader p[data-v-
|
|
1569
|
+
.ui-modal__loader p[data-v-769d070b] {
|
|
1523
1570
|
margin: 0;
|
|
1524
1571
|
font-size: 0.88em;
|
|
1525
1572
|
}
|
|
1526
|
-
.ui-modal__title[data-v-
|
|
1573
|
+
.ui-modal__title[data-v-769d070b] {
|
|
1527
1574
|
display: flex;
|
|
1528
1575
|
align-items: center;
|
|
1529
1576
|
gap: 1rem;
|
|
@@ -1531,10 +1578,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1531
1578
|
font-size: 1.5em;
|
|
1532
1579
|
font-weight: bold;
|
|
1533
1580
|
}
|
|
1534
|
-
.ui-modal__title .title-indicator[data-v-
|
|
1581
|
+
.ui-modal__title .title-indicator[data-v-769d070b] {
|
|
1535
1582
|
color: var(--modal-header-color);
|
|
1536
1583
|
}
|
|
1537
|
-
.ui-modal__inner[data-v-
|
|
1584
|
+
.ui-modal__inner[data-v-769d070b] {
|
|
1538
1585
|
position: relative;
|
|
1539
1586
|
pointer-events: all;
|
|
1540
1587
|
background: var(--bms-white);
|
|
@@ -1545,50 +1592,50 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1545
1592
|
padding: 1em;
|
|
1546
1593
|
border-radius: var(--bms-border-radius-large);
|
|
1547
1594
|
}
|
|
1548
|
-
.ui-modal__content[data-v-
|
|
1595
|
+
.ui-modal__content[data-v-769d070b] {
|
|
1549
1596
|
margin-top: 1rem;
|
|
1550
1597
|
}
|
|
1551
|
-
.ui-modal__header[data-v-
|
|
1598
|
+
.ui-modal__header[data-v-769d070b], .ui-modal__footer[data-v-769d070b] {
|
|
1552
1599
|
margin: -1em;
|
|
1553
1600
|
position: sticky;
|
|
1554
1601
|
background: var(--bms-white);
|
|
1555
1602
|
z-index: var(--bms-z-index-fixed);
|
|
1556
1603
|
}
|
|
1557
|
-
.ui-modal__header[data-v-
|
|
1604
|
+
.ui-modal__header[data-v-769d070b] {
|
|
1558
1605
|
padding: 1em 1em 0.5em 1em;
|
|
1559
1606
|
border-bottom: var(--modal-header-border-size) solid var(--modal-header-color);
|
|
1560
1607
|
margin-bottom: 0;
|
|
1561
1608
|
top: -1em;
|
|
1562
1609
|
display: flex;
|
|
1563
1610
|
}
|
|
1564
|
-
.ui-modal__header-inner[data-v-
|
|
1611
|
+
.ui-modal__header-inner[data-v-769d070b] {
|
|
1565
1612
|
flex: 1 1 auto;
|
|
1566
1613
|
}
|
|
1567
|
-
.ui-modal__footer[data-v-
|
|
1614
|
+
.ui-modal__footer[data-v-769d070b] {
|
|
1568
1615
|
padding: 1em;
|
|
1569
1616
|
margin-top: 0;
|
|
1570
1617
|
bottom: -1em;
|
|
1571
1618
|
}
|
|
1572
|
-
.ui-modal__buttons[data-v-
|
|
1619
|
+
.ui-modal__buttons[data-v-769d070b] {
|
|
1573
1620
|
display: flex;
|
|
1574
1621
|
align-items: center;
|
|
1575
1622
|
justify-content: flex-end;
|
|
1576
1623
|
gap: 1em;
|
|
1577
1624
|
}
|
|
1578
|
-
.content-fade-enter-active[data-v-
|
|
1579
|
-
.content-fade-leave-active[data-v-
|
|
1625
|
+
.content-fade-enter-active[data-v-769d070b],
|
|
1626
|
+
.content-fade-leave-active[data-v-769d070b] {
|
|
1580
1627
|
transition: opacity 0.3s ease;
|
|
1581
1628
|
}
|
|
1582
|
-
.content-fade-enter-from[data-v-
|
|
1583
|
-
.content-fade-leave-to[data-v-
|
|
1629
|
+
.content-fade-enter-from[data-v-769d070b],
|
|
1630
|
+
.content-fade-leave-to[data-v-769d070b] {
|
|
1584
1631
|
opacity: 0;
|
|
1585
1632
|
}
|
|
1586
|
-
.content-fade-enter-active .ui-modal[data-v-
|
|
1587
|
-
.content-fade-leave-active .ui-modal[data-v-
|
|
1633
|
+
.content-fade-enter-active .ui-modal[data-v-769d070b],
|
|
1634
|
+
.content-fade-leave-active .ui-modal[data-v-769d070b] {
|
|
1588
1635
|
transition: transform 0.3s ease;
|
|
1589
1636
|
}
|
|
1590
|
-
.content-fade-enter-from .ui-modal[data-v-
|
|
1591
|
-
.content-fade-leave-to .ui-modal[data-v-
|
|
1637
|
+
.content-fade-enter-from .ui-modal[data-v-769d070b],
|
|
1638
|
+
.content-fade-leave-to .ui-modal[data-v-769d070b] {
|
|
1592
1639
|
transform: scale(0.8);
|
|
1593
1640
|
}.header[data-v-2e9192be] h1,
|
|
1594
1641
|
.header[data-v-2e9192be] h2,
|
|
@@ -1607,6 +1654,45 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1607
1654
|
background-color: var(--bms-white);
|
|
1608
1655
|
border-radius: var(--bms-border-radius-large);
|
|
1609
1656
|
padding: 1em 2em 1em 2em;
|
|
1657
|
+
}.split-window[data-v-61513081] {
|
|
1658
|
+
display: grid;
|
|
1659
|
+
width: 100%;
|
|
1660
|
+
height: 100%;
|
|
1661
|
+
}
|
|
1662
|
+
.split-window__separator[data-v-61513081] {
|
|
1663
|
+
position: relative;
|
|
1664
|
+
z-index: 2;
|
|
1665
|
+
}
|
|
1666
|
+
.split-window__separator[data-v-61513081]:before {
|
|
1667
|
+
content: "";
|
|
1668
|
+
position: absolute;
|
|
1669
|
+
top: 0;
|
|
1670
|
+
left: 0;
|
|
1671
|
+
}
|
|
1672
|
+
.split-window__separator[data-v-61513081]:focus-within:before {
|
|
1673
|
+
outline: 2px solid black;
|
|
1674
|
+
}
|
|
1675
|
+
.split-window--vertical .split-window__separator[data-v-61513081] {
|
|
1676
|
+
height: 100%;
|
|
1677
|
+
width: 0;
|
|
1678
|
+
}
|
|
1679
|
+
.split-window--vertical .split-window__separator[data-v-61513081]:before {
|
|
1680
|
+
content: "";
|
|
1681
|
+
width: 8px;
|
|
1682
|
+
height: 100%;
|
|
1683
|
+
transform: translate(-50%, 0);
|
|
1684
|
+
cursor: col-resize;
|
|
1685
|
+
}
|
|
1686
|
+
.split-window--horizontal .split-window__separator[data-v-61513081] {
|
|
1687
|
+
height: 0;
|
|
1688
|
+
width: 100%;
|
|
1689
|
+
}
|
|
1690
|
+
.split-window--horizontal .split-window__separator[data-v-61513081]:before {
|
|
1691
|
+
content: "";
|
|
1692
|
+
width: 100%;
|
|
1693
|
+
height: 8px;
|
|
1694
|
+
transform: translate(0, -50%);
|
|
1695
|
+
cursor: row-resize;
|
|
1610
1696
|
}.step-buttons[data-v-fcce71d1] {
|
|
1611
1697
|
padding-top: 2em;
|
|
1612
1698
|
display: flex;
|
|
@@ -2157,47 +2243,47 @@ nav .additional[data-v-8b4752b4] {
|
|
|
2157
2243
|
.bms-pagination__select[data-v-e10f3b80] .field__wrapper {
|
|
2158
2244
|
min-width: 10em;
|
|
2159
2245
|
width: 10em;
|
|
2160
|
-
}.bms-table__row[data-v-
|
|
2246
|
+
}.bms-table__row[data-v-2ab3888f] {
|
|
2161
2247
|
--table-cell-padding: 1em;
|
|
2162
2248
|
background-color: rgb(255, 255, 255);
|
|
2163
2249
|
}
|
|
2164
|
-
.bms-table__row td[data-v-
|
|
2250
|
+
.bms-table__row td[data-v-2ab3888f] {
|
|
2165
2251
|
padding: var(--table-cell-padding);
|
|
2166
2252
|
background-color: rgb(255, 255, 255);
|
|
2167
2253
|
}
|
|
2168
|
-
.bms-table__row--dense[data-v-
|
|
2254
|
+
.bms-table__row--dense[data-v-2ab3888f] {
|
|
2169
2255
|
--table-cell-padding: 0.5em 1em;
|
|
2170
2256
|
}
|
|
2171
|
-
.bms-table__row--selected[data-v-
|
|
2257
|
+
.bms-table__row--selected[data-v-2ab3888f] td {
|
|
2172
2258
|
background-color: var(--bms-main-10);
|
|
2173
2259
|
}
|
|
2174
|
-
.bms-table__row--disabled td[data-v-
|
|
2260
|
+
.bms-table__row--disabled td[data-v-2ab3888f] {
|
|
2175
2261
|
color: var(--bms-grey-50);
|
|
2176
2262
|
}
|
|
2177
|
-
.bms-table__row__cell__checkbox[data-v-
|
|
2263
|
+
.bms-table__row__cell__checkbox[data-v-2ab3888f] {
|
|
2178
2264
|
width: 4em;
|
|
2179
2265
|
}
|
|
2180
|
-
.bms-table__row__cell--action[data-v-
|
|
2266
|
+
.bms-table__row__cell--action[data-v-2ab3888f] {
|
|
2181
2267
|
display: flex;
|
|
2182
2268
|
justify-content: end;
|
|
2183
2269
|
}
|
|
2184
|
-
.bms-table__row__cell--empty[data-v-
|
|
2270
|
+
.bms-table__row__cell--empty[data-v-2ab3888f] {
|
|
2185
2271
|
height: 360px;
|
|
2186
2272
|
}
|
|
2187
|
-
.bms-table__row__cell--child-element[data-v-
|
|
2273
|
+
.bms-table__row__cell--child-element[data-v-2ab3888f] {
|
|
2188
2274
|
display: inline-flex;
|
|
2189
2275
|
align-items: flex-end;
|
|
2190
2276
|
}
|
|
2191
|
-
.bms-table__row__cell--child-element__icon[data-v-
|
|
2277
|
+
.bms-table__row__cell--child-element__icon[data-v-2ab3888f] {
|
|
2192
2278
|
display: flex;
|
|
2193
2279
|
margin-right: 1em;
|
|
2194
|
-
}.bms-table[data-v-
|
|
2280
|
+
}.bms-table[data-v-45f34152] {
|
|
2195
2281
|
--table-cell-padding: 1em;
|
|
2196
2282
|
--table-cell-radius: var(--bms-border-radius-large);
|
|
2197
2283
|
--dynamic-border-height: 2px;
|
|
2198
2284
|
--table-border: 1px solid var(--bms-grey-10);
|
|
2199
2285
|
}
|
|
2200
|
-
.bms-table__loader[data-v-
|
|
2286
|
+
.bms-table__loader[data-v-45f34152] {
|
|
2201
2287
|
position: absolute;
|
|
2202
2288
|
background: rgba(255, 255, 255, 0.72);
|
|
2203
2289
|
inset: 0;
|
|
@@ -2207,110 +2293,110 @@ nav .additional[data-v-8b4752b4] {
|
|
|
2207
2293
|
font-size: 3em;
|
|
2208
2294
|
z-index: 10;
|
|
2209
2295
|
}
|
|
2210
|
-
.bms-table__actions[data-v-
|
|
2296
|
+
.bms-table__actions[data-v-45f34152] {
|
|
2211
2297
|
display: flex;
|
|
2212
2298
|
align-items: center;
|
|
2213
2299
|
justify-content: space-between;
|
|
2214
2300
|
margin-bottom: 16px;
|
|
2215
2301
|
}
|
|
2216
|
-
.bms-table__actions__saved-filters[data-v-
|
|
2302
|
+
.bms-table__actions__saved-filters[data-v-45f34152] {
|
|
2217
2303
|
display: flex;
|
|
2218
2304
|
align-items: center;
|
|
2219
2305
|
flex-wrap: wrap;
|
|
2220
2306
|
gap: 1em;
|
|
2221
2307
|
}
|
|
2222
|
-
.bms-table__actions__search[data-v-
|
|
2308
|
+
.bms-table__actions__search[data-v-45f34152] {
|
|
2223
2309
|
display: flex;
|
|
2224
2310
|
align-items: center;
|
|
2225
2311
|
gap: 1em;
|
|
2226
2312
|
}
|
|
2227
|
-
.bms-table__actions__custom[data-v-
|
|
2313
|
+
.bms-table__actions__custom[data-v-45f34152] {
|
|
2228
2314
|
display: flex;
|
|
2229
2315
|
gap: 1em;
|
|
2230
2316
|
}
|
|
2231
|
-
.bms-table__actions__custom[data-v-
|
|
2317
|
+
.bms-table__actions__custom[data-v-45f34152]:empty {
|
|
2232
2318
|
display: none;
|
|
2233
2319
|
}
|
|
2234
|
-
.bms-table__selected[data-v-
|
|
2320
|
+
.bms-table__selected[data-v-45f34152] {
|
|
2235
2321
|
margin-bottom: 1em;
|
|
2236
2322
|
}
|
|
2237
|
-
.bms-table__selected .select-mode-all[data-v-
|
|
2323
|
+
.bms-table__selected .select-mode-all[data-v-45f34152] {
|
|
2238
2324
|
cursor: pointer;
|
|
2239
2325
|
color: var(--bms-main-100);
|
|
2240
2326
|
}
|
|
2241
|
-
.bms-table__cell__checkbox[data-v-
|
|
2327
|
+
.bms-table__cell__checkbox[data-v-45f34152] {
|
|
2242
2328
|
width: 4em;
|
|
2243
2329
|
}
|
|
2244
|
-
.bms-table__cell--action[data-v-
|
|
2330
|
+
.bms-table__cell--action[data-v-45f34152] {
|
|
2245
2331
|
display: flex;
|
|
2246
2332
|
justify-content: end;
|
|
2247
2333
|
}
|
|
2248
|
-
.bms-table__cell--empty[data-v-
|
|
2334
|
+
.bms-table__cell--empty[data-v-45f34152] {
|
|
2249
2335
|
height: 360px;
|
|
2250
2336
|
}
|
|
2251
|
-
.bms-table__table[data-v-
|
|
2337
|
+
.bms-table__table[data-v-45f34152] {
|
|
2252
2338
|
width: 100%;
|
|
2253
2339
|
border-spacing: 0 var(--dynamic-border-height);
|
|
2254
2340
|
border-radius: var(--bms-border-radius-large);
|
|
2255
2341
|
border: var(--table-border);
|
|
2256
2342
|
position: relative;
|
|
2257
2343
|
}
|
|
2258
|
-
.bms-table__table-wrapper[data-v-
|
|
2344
|
+
.bms-table__table-wrapper[data-v-45f34152] {
|
|
2259
2345
|
position: relative;
|
|
2260
2346
|
}
|
|
2261
|
-
.bms-table__table thead[data-v-
|
|
2347
|
+
.bms-table__table thead[data-v-45f34152] {
|
|
2262
2348
|
position: sticky;
|
|
2263
2349
|
z-index: 2;
|
|
2264
2350
|
top: var(--header-height, 0);
|
|
2265
2351
|
}
|
|
2266
|
-
.bms-table__table--dense[data-v-
|
|
2352
|
+
.bms-table__table--dense[data-v-45f34152] {
|
|
2267
2353
|
--table-cell-padding: 0.5em 1em;
|
|
2268
2354
|
}
|
|
2269
|
-
.bms-table__table[data-v-
|
|
2355
|
+
.bms-table__table[data-v-45f34152] tr td {
|
|
2270
2356
|
padding: var(--table-cell-padding);
|
|
2271
2357
|
}
|
|
2272
|
-
.bms-table__table th[data-v-
|
|
2358
|
+
.bms-table__table th[data-v-45f34152] {
|
|
2273
2359
|
--header-content-sort-icon-color: var(--bms-grey-25);
|
|
2274
2360
|
--header-content-justify: start;
|
|
2275
2361
|
width: var(--table-cell-width, auto);
|
|
2276
2362
|
padding: var(--table-cell-padding);
|
|
2277
2363
|
}
|
|
2278
|
-
.bms-table__table th.sortable[data-v-
|
|
2364
|
+
.bms-table__table th.sortable[data-v-45f34152]:hover {
|
|
2279
2365
|
--header-content-sort-icon-color: var(--bms-grey-100);
|
|
2280
2366
|
cursor: pointer;
|
|
2281
2367
|
}
|
|
2282
|
-
.bms-table__table th.u-text-align-start[data-v-
|
|
2368
|
+
.bms-table__table th.u-text-align-start[data-v-45f34152] {
|
|
2283
2369
|
--header-content-justify: start;
|
|
2284
2370
|
}
|
|
2285
|
-
.bms-table__table th.u-text-align-center[data-v-
|
|
2371
|
+
.bms-table__table th.u-text-align-center[data-v-45f34152] {
|
|
2286
2372
|
--header-content-justify: center;
|
|
2287
2373
|
}
|
|
2288
|
-
.bms-table__table th.u-text-align-end[data-v-
|
|
2374
|
+
.bms-table__table th.u-text-align-end[data-v-45f34152] {
|
|
2289
2375
|
--header-content-justify: end;
|
|
2290
2376
|
}
|
|
2291
|
-
.bms-table__table th.sorted[data-v-
|
|
2377
|
+
.bms-table__table th.sorted[data-v-45f34152] {
|
|
2292
2378
|
--header-content-sort-icon-color: var(--bms-grey-100);
|
|
2293
2379
|
}
|
|
2294
|
-
.bms-table__table th .header-content[data-v-
|
|
2380
|
+
.bms-table__table th .header-content[data-v-45f34152] {
|
|
2295
2381
|
display: flex;
|
|
2296
2382
|
align-items: center;
|
|
2297
2383
|
justify-content: var(--header-content-justify);
|
|
2298
2384
|
gap: 0.5em;
|
|
2299
2385
|
}
|
|
2300
|
-
.bms-table__table th .header-content-sort[data-v-
|
|
2386
|
+
.bms-table__table th .header-content-sort[data-v-45f34152] {
|
|
2301
2387
|
color: var(--header-content-sort-icon-color);
|
|
2302
2388
|
}
|
|
2303
|
-
.bms-table__footer[data-v-
|
|
2389
|
+
.bms-table__footer[data-v-45f34152] {
|
|
2304
2390
|
padding-top: 16px;
|
|
2305
2391
|
}
|
|
2306
|
-
.bms-table .blob[data-v-
|
|
2392
|
+
.bms-table .blob[data-v-45f34152] {
|
|
2307
2393
|
visibility: hidden;
|
|
2308
2394
|
--table-blob-height: 80px;
|
|
2309
2395
|
}
|
|
2310
|
-
.bms-table .blob.dense[data-v-
|
|
2396
|
+
.bms-table .blob.dense[data-v-45f34152] {
|
|
2311
2397
|
--table-blob-height: 50px;
|
|
2312
2398
|
}
|
|
2313
|
-
.bms-table .blob[data-v-
|
|
2399
|
+
.bms-table .blob[data-v-45f34152] {
|
|
2314
2400
|
width: 200px;
|
|
2315
2401
|
height: var(--table-blob-height);
|
|
2316
2402
|
background-color: var(--bms-main-50);
|
|
@@ -2319,35 +2405,29 @@ nav .additional[data-v-8b4752b4] {
|
|
|
2319
2405
|
z-index: -5;
|
|
2320
2406
|
filter: blur(20px);
|
|
2321
2407
|
}
|
|
2322
|
-
[data-v-
|
|
2408
|
+
[data-v-45f34152] table {
|
|
2323
2409
|
padding: 0 var(--dynamic-border-height);
|
|
2324
2410
|
}
|
|
2325
|
-
[data-v-
|
|
2411
|
+
[data-v-45f34152] table th:first-child {
|
|
2326
2412
|
border-top-left-radius: var(--table-cell-radius);
|
|
2327
2413
|
}
|
|
2328
|
-
[data-v-
|
|
2329
|
-
border-top-left-radius: 0;
|
|
2330
|
-
}
|
|
2331
|
-
[data-v-9cbfc981] table .stuck th:last-child {
|
|
2332
|
-
border-top-right-radius: 0;
|
|
2333
|
-
}
|
|
2334
|
-
[data-v-9cbfc981] table th:last-child {
|
|
2414
|
+
[data-v-45f34152] table th:last-child {
|
|
2335
2415
|
border-top-right-radius: var(--table-cell-radius);
|
|
2336
2416
|
}
|
|
2337
|
-
[data-v-
|
|
2417
|
+
[data-v-45f34152] table tr:last-child td:first-child {
|
|
2338
2418
|
border-bottom-left-radius: var(--table-cell-radius);
|
|
2339
2419
|
}
|
|
2340
|
-
[data-v-
|
|
2420
|
+
[data-v-45f34152] table tr:last-child td:last-child {
|
|
2341
2421
|
border-bottom-right-radius: var(--table-cell-radius);
|
|
2342
2422
|
}
|
|
2343
|
-
[data-v-
|
|
2423
|
+
[data-v-45f34152] table th {
|
|
2344
2424
|
background-color: rgb(255, 255, 255);
|
|
2345
2425
|
}
|
|
2346
|
-
[data-v-
|
|
2426
|
+
[data-v-45f34152] table tbody {
|
|
2347
2427
|
overflow: hidden;
|
|
2348
2428
|
background: white;
|
|
2349
2429
|
}
|
|
2350
|
-
[data-v-
|
|
2430
|
+
[data-v-45f34152] table tbody tr {
|
|
2351
2431
|
position: relative;
|
|
2352
2432
|
}.filter-button-container[data-v-6047ada7] {
|
|
2353
2433
|
position: relative;
|
|
@@ -2422,7 +2502,7 @@ nav .additional[data-v-8b4752b4] {
|
|
|
2422
2502
|
padding-right: 32px;
|
|
2423
2503
|
}.table-search[data-v-c27df335] {
|
|
2424
2504
|
width: 260px;
|
|
2425
|
-
}.table-search[data-v-
|
|
2505
|
+
}.table-search[data-v-704a7453] {
|
|
2426
2506
|
width: 260px;
|
|
2427
2507
|
}.cocarde[data-v-d1c7b421] {
|
|
2428
2508
|
display: flex;
|