@ouestfrance/sipa-bms-ui 8.26.2 → 8.28.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.
@@ -3,7 +3,7 @@ import { StatusType } from '../../models/status-type.model';
3
3
  interface Props {
4
4
  type?: 'primary' | 'secondary' | 'tertiary';
5
5
  to?: RouteLocationRaw | null;
6
- mode?: StatusType.Danger | StatusType.Default;
6
+ mode?: StatusType;
7
7
  submit?: boolean;
8
8
  small?: boolean;
9
9
  }
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
11
11
  submit: boolean;
12
12
  to: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
13
13
  type: "primary" | "secondary" | "tertiary";
14
- mode: StatusType.Danger | StatusType.Default;
14
+ mode: StatusType;
15
15
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
16
16
  start?(_: {}): any;
17
17
  default?(_: {}): any;
@@ -14,6 +14,7 @@ export interface SelectProps extends FieldComponentProps {
14
14
  type __VLS_Props = SelectProps;
15
15
  type __VLS_PublicProps = {
16
16
  modelValue?: any | any[] | null;
17
+ 'searching'?: string;
17
18
  } & __VLS_Props;
18
19
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {
19
20
  setFocus: () => void;
@@ -21,10 +22,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
21
22
  select: (option: InputOption) => any;
22
23
  "update:modelValue": (value: any) => any;
23
24
  addNewOption: (newOption: any) => any;
25
+ "update:searching": (value: string) => any;
24
26
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
25
27
  onSelect?: ((option: InputOption) => any) | undefined;
26
28
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
27
29
  onAddNewOption?: ((newOption: any) => any) | undefined;
30
+ "onUpdate:searching"?: ((value: string) => any) | undefined;
28
31
  }>, {
29
32
  autocomplete: boolean;
30
33
  small: boolean;
@@ -38,8 +41,20 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
38
41
  selectElement: HTMLDivElement;
39
42
  inputElement: HTMLInputElement;
40
43
  }, HTMLDivElement>, {
44
+ 'selected-items'?(_: {
45
+ selectedItems: InputOption[];
46
+ dismiss: (value: string) => void;
47
+ }): any;
48
+ 'selected-item'?(_: {
49
+ selectedItem: InputOption;
50
+ }): any;
51
+ 'input-element'?(_: {
52
+ searching: string;
53
+ onOpenDatalist: () => void;
54
+ }): any;
41
55
  option?(_: {
42
56
  option: InputOption;
57
+ isSelected: boolean;
43
58
  }): any;
44
59
  'new-option'?(_: {
45
60
  newOption: string;
@@ -5,6 +5,7 @@ export interface Props {
5
5
  canAddNewOption?: boolean;
6
6
  newOption?: string;
7
7
  small?: boolean;
8
+ size?: number;
8
9
  }
9
10
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
10
11
  select: (option: any) => any;
@@ -16,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
16
17
  onAddNewOption?: ((option: string) => any) | undefined;
17
18
  }>, {
18
19
  small: boolean;
20
+ size: number;
19
21
  canAddNewOption: boolean;
20
22
  newOption: string;
21
23
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -578,7 +578,7 @@
578
578
  position: relative;
579
579
  display: inline-block;
580
580
  outline: none;
581
- }ul[data-v-5ec9b35c] {
581
+ }ul[data-v-89161e62] {
582
582
  border-style: none;
583
583
  border-radius: 0 0 4px 4px;
584
584
  text-decoration: none;
@@ -588,18 +588,18 @@
588
588
  --field-padding: 0.4em;
589
589
  --field-height: 4rem;
590
590
  }
591
- ul li[data-v-5ec9b35c]:first-of-type {
591
+ ul li[data-v-89161e62]:first-of-type {
592
592
  border-top: 1px solid var(--bms-grey-10);
593
593
  }
594
- ul li[data-v-5ec9b35c]:first-child {
594
+ ul li[data-v-89161e62]:first-child {
595
595
  border-top-left-radius: var(--bms-border-radius);
596
596
  border-top-right-radius: var(--bms-border-radius);
597
597
  }
598
- ul li[data-v-5ec9b35c]:last-child {
598
+ ul li[data-v-89161e62]:last-child {
599
599
  border-bottom-left-radius: var(--bms-border-radius);
600
600
  border-bottom-right-radius: var(--bms-border-radius);
601
601
  }
602
- ul li[data-v-5ec9b35c] {
602
+ ul li[data-v-89161e62] {
603
603
  display: flex;
604
604
  align-items: center;
605
605
  cursor: pointer;
@@ -608,12 +608,14 @@ ul li[data-v-5ec9b35c] {
608
608
  border-top: none;
609
609
  background-color: var(--bms-white);
610
610
  min-height: var(--field-height);
611
+ word-break: break-word;
612
+ line-break: anywhere;
611
613
  }
612
- ul li.small[data-v-5ec9b35c] {
614
+ ul li.small[data-v-89161e62] {
613
615
  --field-padding: 0.2em 0.4em;
614
616
  --field-height: 2rem;
615
617
  }
616
- ul li[data-v-5ec9b35c]:hover, ul li.selected[data-v-5ec9b35c] {
618
+ ul li[data-v-89161e62]:hover, ul li.selected[data-v-89161e62] {
617
619
  background-color: var(--bms-grey-10);
618
620
  }.input-wrapper[data-v-47a0ec36] {
619
621
  display: flex;
@@ -1167,7 +1169,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1167
1169
  .switch-wrapper.disabled[data-v-6de1a5c6] {
1168
1170
  --switch-background-color: var(--bms-grey-25);
1169
1171
  --switch-color: var(--bms-grey-50);
1170
- }.input-toggle[data-v-5f354760] {
1172
+ }.input-toggle[data-v-ff0d1a1d] {
1171
1173
  --label-color: var(--bms-grey-100);
1172
1174
  --cursor: pointer;
1173
1175
  font-weight: var(--field-label-font-weight);
@@ -1175,28 +1177,36 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1175
1177
  align-items: center;
1176
1178
  gap: 0.5em;
1177
1179
  }
1178
- .input-toggle.overflow[data-v-5f354760] {
1180
+ .input-toggle__label-group[data-v-ff0d1a1d] {
1181
+ display: flex;
1182
+ align-items: center;
1183
+ }
1184
+ .input-toggle.overflow[data-v-ff0d1a1d] {
1179
1185
  width: 100%;
1180
1186
  }
1181
- .input-toggle.overflow .input-switch-info[data-v-5f354760] {
1187
+ .input-toggle.overflow .input-toggle__label-group[data-v-ff0d1a1d] {
1188
+ flex: 1;
1189
+ min-width: 0;
1190
+ }
1191
+ .input-toggle.overflow .input-switch-info[data-v-ff0d1a1d] {
1182
1192
  width: 100%;
1183
1193
  white-space: nowrap;
1184
1194
  overflow: hidden;
1185
1195
  word-break: break-all;
1186
1196
  text-overflow: ellipsis;
1187
1197
  }
1188
- .input-toggle .input-switch-info[data-v-5f354760] {
1198
+ .input-toggle .input-switch-info[data-v-ff0d1a1d] {
1189
1199
  color: var(--label-color);
1190
1200
  transition: 0.2s;
1191
1201
  }
1192
- .input-toggle.isOn[data-v-5f354760] {
1202
+ .input-toggle.isOn[data-v-ff0d1a1d] {
1193
1203
  --label-color: var(--bms-main-100);
1194
1204
  }
1195
- .input-toggle.disabled[data-v-5f354760] {
1205
+ .input-toggle.disabled[data-v-ff0d1a1d] {
1196
1206
  --label-color: var(--bms-grey-50);
1197
1207
  --cursor: default;
1198
1208
  }
1199
- .input-toggle[data-v-5f354760]:hover {
1209
+ .input-toggle[data-v-ff0d1a1d]:hover {
1200
1210
  cursor: var(--cursor);
1201
1211
  }.tag[data-v-66a1abd4] {
1202
1212
  --tag-border-color: var(--bms-main-100);
@@ -1351,12 +1361,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1351
1361
  line-height: 1;
1352
1362
  width: 100%;
1353
1363
  height: 100%;
1354
- }.select-wrapper[data-v-7dd4cd92] {
1364
+ }.select-wrapper[data-v-421fb8eb] {
1355
1365
  --field-border-color: var(--bms-grey-50);
1356
1366
  --field-border-color-active: var(--bms-main-100);
1357
1367
  --input-background-color: var(--bms-white);
1358
1368
  }
1359
- .select-wrapper .select-input[data-v-7dd4cd92] {
1369
+ .select-wrapper .select-input[data-v-421fb8eb] {
1360
1370
  width: 100%;
1361
1371
  padding: 0 0 0 var(--field-padding);
1362
1372
  border-radius: var(--bms-border-radius);
@@ -1367,7 +1377,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1367
1377
  align-items: center;
1368
1378
  justify-content: space-between;
1369
1379
  }
1370
- .select-wrapper .select-input input[data-v-7dd4cd92] {
1380
+ .select-wrapper .select-input input[data-v-421fb8eb] {
1371
1381
  border: none;
1372
1382
  background-color: transparent;
1373
1383
  flex-grow: 1;
@@ -1383,49 +1393,49 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
1383
1393
  width: 100%;
1384
1394
  height: 100%;
1385
1395
  }
1386
- .select-wrapper .select-input__tags[data-v-7dd4cd92] {
1396
+ .select-wrapper .select-input__tags[data-v-421fb8eb] {
1387
1397
  display: flex;
1388
1398
  gap: 0.5em;
1389
1399
  padding: var(--field-margin);
1390
1400
  flex-wrap: wrap;
1391
1401
  }
1392
- .select-wrapper .select-input__tags[data-v-7dd4cd92]:not(:empty) {
1402
+ .select-wrapper .select-input__tags[data-v-421fb8eb]:not(:empty) {
1393
1403
  margin-right: 0.5em;
1394
1404
  }
1395
- .select-wrapper .select-input[data-v-7dd4cd92]:hover {
1405
+ .select-wrapper .select-input[data-v-421fb8eb]:hover {
1396
1406
  --field-border-color: var(--bms-grey-100);
1397
1407
  }
1398
- .select-wrapper .select-input[data-v-7dd4cd92]:has(input:focus) {
1408
+ .select-wrapper .select-input[data-v-421fb8eb]:has(input:focus) {
1399
1409
  --field-border-color: var(--field-border-color-active);
1400
1410
  }
1401
- .select-wrapper .select-input.is-error[data-v-7dd4cd92] {
1411
+ .select-wrapper .select-input.is-error[data-v-421fb8eb] {
1402
1412
  --field-border-color: var(--bms-red-100);
1403
1413
  --input-background-color: var(--bms-red-25);
1404
1414
  }
1405
- .select-wrapper .select-input.is-disabled[data-v-7dd4cd92] {
1415
+ .select-wrapper .select-input.is-disabled[data-v-421fb8eb] {
1406
1416
  --field-border-color: var(--bms-grey-25);
1407
1417
  --input-background-color: var(--bms-grey-25);
1408
1418
  pointer-events: none;
1409
1419
  }
1410
- .select-wrapper .icon-container[data-v-7dd4cd92] {
1420
+ .select-wrapper .icon-container[data-v-421fb8eb] {
1411
1421
  height: 100%;
1412
1422
  display: flex;
1413
1423
  align-items: center;
1414
1424
  }
1415
- .select-wrapper .icon-container[data-v-7dd4cd92]:hover {
1425
+ .select-wrapper .icon-container[data-v-421fb8eb]:hover {
1416
1426
  cursor: pointer;
1417
1427
  }
1418
- .select-wrapper .icon-button[data-v-7dd4cd92] {
1428
+ .select-wrapper .icon-button[data-v-421fb8eb] {
1419
1429
  width: 1em;
1420
1430
  margin: 0 var(--field-padding);
1421
1431
  display: block;
1422
1432
  }
1423
- .combobox-option[data-v-7dd4cd92] {
1433
+ .combobox-option[data-v-421fb8eb] {
1424
1434
  display: flex;
1425
1435
  align-items: center;
1426
1436
  gap: 0.5em;
1427
1437
  }
1428
- .combobox-option__check[data-v-7dd4cd92] {
1438
+ .combobox-option__check[data-v-421fb8eb] {
1429
1439
  width: 1em;
1430
1440
  display: flex;
1431
1441
  justify-content: center;
@@ -2727,7 +2737,7 @@ nav .additional[data-v-8b4752b4] {
2727
2737
  padding-right: 32px;
2728
2738
  }.table-search[data-v-c674a0d1] {
2729
2739
  width: 260px;
2730
- }.table-search[data-v-ae9bcfca] {
2740
+ }.table-search[data-v-f6338466] {
2731
2741
  width: 260px;
2732
2742
  }.cocarde[data-v-d1c7b421] {
2733
2743
  display: flex;