@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.
Files changed (35) hide show
  1. package/dist/components/layout/BmsFloatingWindow.vue.d.ts +19 -0
  2. package/dist/components/layout/BmsSplitWindow.vue.d.ts +35 -0
  3. package/dist/components/table/BmsTable.vue.d.ts +3 -1
  4. package/dist/components/table/UiBmsTable.vue.d.ts +1 -1
  5. package/dist/helpers/table.helper.d.ts +1 -0
  6. package/dist/index.d.ts +3 -1
  7. package/dist/mockServiceWorker.js +1 -1
  8. package/dist/models/table.model.d.ts +2 -1
  9. package/dist/sipa-bms-ui.css +168 -88
  10. package/dist/sipa-bms-ui.es.js +5086 -4115
  11. package/dist/sipa-bms-ui.es.js.map +1 -1
  12. package/dist/sipa-bms-ui.umd.js +5094 -4120
  13. package/dist/sipa-bms-ui.umd.js.map +1 -1
  14. package/package.json +19 -19
  15. package/src/components/form/BmsMultiSelect.vue +5 -1
  16. package/src/components/form/BmsServerAutocomplete.vue +13 -3
  17. package/src/components/layout/BmsFloatingWindow.stories.js +109 -0
  18. package/src/components/layout/BmsFloatingWindow.vue +83 -0
  19. package/src/components/layout/BmsModal.vue +1 -1
  20. package/src/components/layout/BmsSplitWindow.stories.js +155 -0
  21. package/src/components/layout/BmsSplitWindow.vue +290 -0
  22. package/src/components/table/BmsTable.stories.js +47 -0
  23. package/src/components/table/BmsTable.vue +22 -3
  24. package/src/components/table/UiBmsTable.spec.ts +47 -3
  25. package/src/components/table/UiBmsTable.stories.js +43 -0
  26. package/src/components/table/UiBmsTable.vue +51 -91
  27. package/src/components/table/UiBmsTableRow.vue +18 -3
  28. package/src/documentation/principles.mdx +73 -7
  29. package/src/helpers/table.helper.ts +19 -0
  30. package/src/index.ts +6 -0
  31. package/src/models/table.model.ts +1 -0
  32. package/src/showroom/pages/autocomplete.vue +2 -2
  33. package/src/showroom/pages/server-table.vue +2 -7
  34. package/src/showroom/pages/table.vue +3 -0
  35. 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;
@@ -1,7 +1,7 @@
1
1
  import { SelectMode, Sort, TableHeader } from '../../models';
2
2
  interface UiBmsTableProps {
3
3
  headers: TableHeader[];
4
- items: unknown[];
4
+ items: any[];
5
5
  mode?: 'normal' | 'dense';
6
6
  loading?: boolean;
7
7
  hasFilters?: boolean;
@@ -14,3 +14,4 @@ export declare const getFiltersAsQueryParams: (params: {
14
14
  sort?: Sort;
15
15
  }) => any;
16
16
  export declare const enforceActionsColumnHeader: (headers: TableHeader[]) => TableHeader[];
17
+ export declare const getHeaderClasses: (header: TableHeader, sort: Sort) => string[];
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.11.6'
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()
@@ -59,5 +59,6 @@ export interface SavedFilter {
59
59
  }
60
60
  export declare enum SelectMode {
61
61
  ALL = "all",
62
- DEFAULT = "default"
62
+ DEFAULT = "default",
63
+ SINGLE = "single"
63
64
  }
@@ -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-49acc0c6] {
646
+ }.icon[data-v-d94effd6] {
647
647
  height: 1em;
648
648
  width: 1em;
649
649
  }
650
- .icon.datalist-icon[data-v-49acc0c6] {
650
+ .icon.datalist-icon[data-v-d94effd6] {
651
651
  margin: 0 0.5em;
652
652
  }
653
- .icon[data-v-49acc0c6] svg {
653
+ .icon[data-v-d94effd6] svg {
654
654
  height: 100%;
655
655
  width: 100%;
656
656
  }
657
- .icon[data-v-49acc0c6] svg * {
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-584dc93e] {
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-584dc93e] {
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-584dc93e] {
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-584dc93e]:hover {
1225
+ .icon-container[data-v-b8b817ba]:hover {
1224
1226
  cursor: pointer;
1225
1227
  }
1226
- .icon-container .icon[data-v-584dc93e] {
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-c222186a] {
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: 10;
1537
+ z-index: var(--bms-z-index-fixed);
1491
1538
  }
1492
- .ui-modal.Default[data-v-c222186a] {
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-c222186a] {
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-c222186a] {
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-c222186a] {
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-c222186a] {
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-c222186a] {
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-c222186a] {
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-c222186a] {
1581
+ .ui-modal__title .title-indicator[data-v-769d070b] {
1535
1582
  color: var(--modal-header-color);
1536
1583
  }
1537
- .ui-modal__inner[data-v-c222186a] {
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-c222186a] {
1595
+ .ui-modal__content[data-v-769d070b] {
1549
1596
  margin-top: 1rem;
1550
1597
  }
1551
- .ui-modal__header[data-v-c222186a], .ui-modal__footer[data-v-c222186a] {
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-c222186a] {
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-c222186a] {
1611
+ .ui-modal__header-inner[data-v-769d070b] {
1565
1612
  flex: 1 1 auto;
1566
1613
  }
1567
- .ui-modal__footer[data-v-c222186a] {
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-c222186a] {
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-c222186a],
1579
- .content-fade-leave-active[data-v-c222186a] {
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-c222186a],
1583
- .content-fade-leave-to[data-v-c222186a] {
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-c222186a],
1587
- .content-fade-leave-active .ui-modal[data-v-c222186a] {
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-c222186a],
1591
- .content-fade-leave-to .ui-modal[data-v-c222186a] {
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-c6304837] {
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-c6304837] {
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-c6304837] {
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-c6304837] td {
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-c6304837] {
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-c6304837] {
2263
+ .bms-table__row__cell__checkbox[data-v-2ab3888f] {
2178
2264
  width: 4em;
2179
2265
  }
2180
- .bms-table__row__cell--action[data-v-c6304837] {
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-c6304837] {
2270
+ .bms-table__row__cell--empty[data-v-2ab3888f] {
2185
2271
  height: 360px;
2186
2272
  }
2187
- .bms-table__row__cell--child-element[data-v-c6304837] {
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-c6304837] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981]:empty {
2317
+ .bms-table__actions__custom[data-v-45f34152]:empty {
2232
2318
  display: none;
2233
2319
  }
2234
- .bms-table__selected[data-v-9cbfc981] {
2320
+ .bms-table__selected[data-v-45f34152] {
2235
2321
  margin-bottom: 1em;
2236
2322
  }
2237
- .bms-table__selected .select-mode-all[data-v-9cbfc981] {
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-9cbfc981] {
2327
+ .bms-table__cell__checkbox[data-v-45f34152] {
2242
2328
  width: 4em;
2243
2329
  }
2244
- .bms-table__cell--action[data-v-9cbfc981] {
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-9cbfc981] {
2334
+ .bms-table__cell--empty[data-v-45f34152] {
2249
2335
  height: 360px;
2250
2336
  }
2251
- .bms-table__table[data-v-9cbfc981] {
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-9cbfc981] {
2344
+ .bms-table__table-wrapper[data-v-45f34152] {
2259
2345
  position: relative;
2260
2346
  }
2261
- .bms-table__table thead[data-v-9cbfc981] {
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-9cbfc981] {
2352
+ .bms-table__table--dense[data-v-45f34152] {
2267
2353
  --table-cell-padding: 0.5em 1em;
2268
2354
  }
2269
- .bms-table__table[data-v-9cbfc981] tr td {
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-9cbfc981] {
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-9cbfc981]:hover {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
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-9cbfc981] {
2389
+ .bms-table__footer[data-v-45f34152] {
2304
2390
  padding-top: 16px;
2305
2391
  }
2306
- .bms-table .blob[data-v-9cbfc981] {
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-9cbfc981] {
2396
+ .bms-table .blob.dense[data-v-45f34152] {
2311
2397
  --table-blob-height: 50px;
2312
2398
  }
2313
- .bms-table .blob[data-v-9cbfc981] {
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-9cbfc981] table {
2408
+ [data-v-45f34152] table {
2323
2409
  padding: 0 var(--dynamic-border-height);
2324
2410
  }
2325
- [data-v-9cbfc981] table th:first-child {
2411
+ [data-v-45f34152] table th:first-child {
2326
2412
  border-top-left-radius: var(--table-cell-radius);
2327
2413
  }
2328
- [data-v-9cbfc981] table .stuck th:first-child {
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-9cbfc981] table tr:last-child td:first-child {
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-9cbfc981] table tr:last-child td:last-child {
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-9cbfc981] table th {
2423
+ [data-v-45f34152] table th {
2344
2424
  background-color: rgb(255, 255, 255);
2345
2425
  }
2346
- [data-v-9cbfc981] table tbody {
2426
+ [data-v-45f34152] table tbody {
2347
2427
  overflow: hidden;
2348
2428
  background: white;
2349
2429
  }
2350
- [data-v-9cbfc981] table tbody tr {
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-2f003e4e] {
2505
+ }.table-search[data-v-704a7453] {
2426
2506
  width: 260px;
2427
2507
  }.cocarde[data-v-d1c7b421] {
2428
2508
  display: flex;