@ouestfrance/sipa-bms-ui 8.29.0 → 8.29.2
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/feedback/BmsTooltip.spec.d.ts +1 -0
- package/dist/sipa-bms-ui.css +15 -15
- package/dist/sipa-bms-ui.es.js +13 -5
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +13 -5
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/feedback/BmsTooltip.spec.ts +59 -0
- package/src/components/feedback/BmsTooltip.vue +4 -1
- package/src/components/form/BmsCombobox.vue +7 -3
- package/src/showroom/pages/combobox.vue +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -574,7 +574,7 @@
|
|
|
574
574
|
}
|
|
575
575
|
.tooltip-fade-leave-to[data-v-6fa8f4d8] {
|
|
576
576
|
opacity: 0;
|
|
577
|
-
}.bms-tooltip-anchor-wrapper[data-v-
|
|
577
|
+
}.bms-tooltip-anchor-wrapper[data-v-6d2e6fec] {
|
|
578
578
|
position: relative;
|
|
579
579
|
display: inline-block;
|
|
580
580
|
outline: none;
|
|
@@ -1361,12 +1361,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1361
1361
|
line-height: 1;
|
|
1362
1362
|
width: 100%;
|
|
1363
1363
|
height: 100%;
|
|
1364
|
-
}.select-wrapper[data-v-
|
|
1364
|
+
}.select-wrapper[data-v-0a7eac6b] {
|
|
1365
1365
|
--field-border-color: var(--bms-grey-50);
|
|
1366
1366
|
--field-border-color-active: var(--bms-main-100);
|
|
1367
1367
|
--input-background-color: var(--bms-white);
|
|
1368
1368
|
}
|
|
1369
|
-
.select-wrapper .select-input[data-v-
|
|
1369
|
+
.select-wrapper .select-input[data-v-0a7eac6b] {
|
|
1370
1370
|
width: 100%;
|
|
1371
1371
|
padding: 0 0 0 var(--field-padding);
|
|
1372
1372
|
border-radius: var(--bms-border-radius);
|
|
@@ -1377,7 +1377,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1377
1377
|
align-items: center;
|
|
1378
1378
|
justify-content: space-between;
|
|
1379
1379
|
}
|
|
1380
|
-
.select-wrapper .select-input input[data-v-
|
|
1380
|
+
.select-wrapper .select-input input[data-v-0a7eac6b] {
|
|
1381
1381
|
border: none;
|
|
1382
1382
|
background-color: transparent;
|
|
1383
1383
|
flex-grow: 1;
|
|
@@ -1393,49 +1393,49 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1393
1393
|
width: 100%;
|
|
1394
1394
|
height: 100%;
|
|
1395
1395
|
}
|
|
1396
|
-
.select-wrapper .select-input__tags[data-v-
|
|
1396
|
+
.select-wrapper .select-input__tags[data-v-0a7eac6b] {
|
|
1397
1397
|
display: flex;
|
|
1398
1398
|
gap: 0.5em;
|
|
1399
1399
|
padding: var(--field-margin);
|
|
1400
1400
|
flex-wrap: wrap;
|
|
1401
1401
|
}
|
|
1402
|
-
.select-wrapper .select-input__tags[data-v-
|
|
1402
|
+
.select-wrapper .select-input__tags[data-v-0a7eac6b]:not(:empty) {
|
|
1403
1403
|
margin-right: 0.5em;
|
|
1404
1404
|
}
|
|
1405
|
-
.select-wrapper .select-input[data-v-
|
|
1405
|
+
.select-wrapper .select-input[data-v-0a7eac6b]:hover {
|
|
1406
1406
|
--field-border-color: var(--bms-grey-100);
|
|
1407
1407
|
}
|
|
1408
|
-
.select-wrapper .select-input[data-v-
|
|
1408
|
+
.select-wrapper .select-input[data-v-0a7eac6b]:has(input:focus) {
|
|
1409
1409
|
--field-border-color: var(--field-border-color-active);
|
|
1410
1410
|
}
|
|
1411
|
-
.select-wrapper .select-input.is-error[data-v-
|
|
1411
|
+
.select-wrapper .select-input.is-error[data-v-0a7eac6b] {
|
|
1412
1412
|
--field-border-color: var(--bms-red-100);
|
|
1413
1413
|
--input-background-color: var(--bms-red-25);
|
|
1414
1414
|
}
|
|
1415
|
-
.select-wrapper .select-input.is-disabled[data-v-
|
|
1415
|
+
.select-wrapper .select-input.is-disabled[data-v-0a7eac6b] {
|
|
1416
1416
|
--field-border-color: var(--bms-grey-25);
|
|
1417
1417
|
--input-background-color: var(--bms-grey-25);
|
|
1418
1418
|
pointer-events: none;
|
|
1419
1419
|
}
|
|
1420
|
-
.select-wrapper .icon-container[data-v-
|
|
1420
|
+
.select-wrapper .icon-container[data-v-0a7eac6b] {
|
|
1421
1421
|
height: 100%;
|
|
1422
1422
|
display: flex;
|
|
1423
1423
|
align-items: center;
|
|
1424
1424
|
}
|
|
1425
|
-
.select-wrapper .icon-container[data-v-
|
|
1425
|
+
.select-wrapper .icon-container[data-v-0a7eac6b]:hover {
|
|
1426
1426
|
cursor: pointer;
|
|
1427
1427
|
}
|
|
1428
|
-
.select-wrapper .icon-button[data-v-
|
|
1428
|
+
.select-wrapper .icon-button[data-v-0a7eac6b] {
|
|
1429
1429
|
width: 1em;
|
|
1430
1430
|
margin: 0 var(--field-padding);
|
|
1431
1431
|
display: block;
|
|
1432
1432
|
}
|
|
1433
|
-
.combobox-option[data-v-
|
|
1433
|
+
.combobox-option[data-v-0a7eac6b] {
|
|
1434
1434
|
display: flex;
|
|
1435
1435
|
align-items: center;
|
|
1436
1436
|
gap: 0.5em;
|
|
1437
1437
|
}
|
|
1438
|
-
.combobox-option__check[data-v-
|
|
1438
|
+
.combobox-option__check[data-v-0a7eac6b] {
|
|
1439
1439
|
width: 1em;
|
|
1440
1440
|
display: flex;
|
|
1441
1441
|
justify-content: center;
|
package/dist/sipa-bms-ui.es.js
CHANGED
|
@@ -39887,7 +39887,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
39887
39887
|
const tooltipAnchor = ref();
|
|
39888
39888
|
const showToolTip = ref(true);
|
|
39889
39889
|
const { isOutside } = useMouseInElement(tooltipAnchor);
|
|
39890
|
-
const anchorVisibility = useElementVisibility(
|
|
39890
|
+
const anchorVisibility = useElementVisibility(
|
|
39891
|
+
tooltipAnchor,
|
|
39892
|
+
{ threshold: 1 }
|
|
39893
|
+
);
|
|
39891
39894
|
const classes = computed(() => {
|
|
39892
39895
|
const parentClasses = attrs.class;
|
|
39893
39896
|
return parentClasses?.split(" ").map((cls) => `${cls}__bms-tooltip`).join(" ") ?? "";
|
|
@@ -39958,7 +39961,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
39958
39961
|
}
|
|
39959
39962
|
});
|
|
39960
39963
|
|
|
39961
|
-
const BmsTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-
|
|
39964
|
+
const BmsTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-6d2e6fec"]]);
|
|
39962
39965
|
|
|
39963
39966
|
const _hoisted_1$V = ["data-testid", "onClick"];
|
|
39964
39967
|
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
@@ -88445,14 +88448,19 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
88445
88448
|
if (props.request) {
|
|
88446
88449
|
controller.value = new AbortController();
|
|
88447
88450
|
loading.value = true;
|
|
88448
|
-
const { data } = await props.request(
|
|
88451
|
+
const { data } = await props.request(
|
|
88452
|
+
controller.value,
|
|
88453
|
+
props.autocomplete ? search : ""
|
|
88454
|
+
);
|
|
88449
88455
|
currentServerLoadedOptions.value = data;
|
|
88450
88456
|
data.forEach((element) => {
|
|
88451
88457
|
if (!allServerLoadedOptions.value.find((o) => o.value === element.value)) {
|
|
88452
88458
|
allServerLoadedOptions.value.push(element);
|
|
88453
88459
|
}
|
|
88454
88460
|
});
|
|
88455
|
-
|
|
88461
|
+
if (!props.autocomplete) {
|
|
88462
|
+
synchronizeSearchWithValue(modelValue.value);
|
|
88463
|
+
}
|
|
88456
88464
|
}
|
|
88457
88465
|
} catch (e) {
|
|
88458
88466
|
console.error(e);
|
|
@@ -88725,7 +88733,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
88725
88733
|
}
|
|
88726
88734
|
});
|
|
88727
88735
|
|
|
88728
|
-
const BmsCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-
|
|
88736
|
+
const BmsCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-0a7eac6b"]]);
|
|
88729
88737
|
|
|
88730
88738
|
const _hoisted_1$F = ["value", "required", "placeholder", "disabled"];
|
|
88731
88739
|
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|