@ouestfrance/sipa-bms-ui 8.25.2 → 8.25.3
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/sipa-bms-ui.css +14 -14
- package/dist/sipa-bms-ui.es.js +7 -1
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +7 -1
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +2 -2
- package/src/components/form/BmsCombobox.vue +6 -0
- package/src/showroom/pages/combobox.vue +21 -15
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -1339,12 +1339,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1339
1339
|
line-height: 1;
|
|
1340
1340
|
width: 100%;
|
|
1341
1341
|
height: 100%;
|
|
1342
|
-
}.select-wrapper[data-v-
|
|
1342
|
+
}.select-wrapper[data-v-bcd89bb2] {
|
|
1343
1343
|
--field-border-color: var(--bms-grey-50);
|
|
1344
1344
|
--field-border-color-active: var(--bms-main-100);
|
|
1345
1345
|
--input-background-color: var(--bms-white);
|
|
1346
1346
|
}
|
|
1347
|
-
.select-wrapper .select-input[data-v-
|
|
1347
|
+
.select-wrapper .select-input[data-v-bcd89bb2] {
|
|
1348
1348
|
width: 100%;
|
|
1349
1349
|
padding: 0 0 0 var(--field-padding);
|
|
1350
1350
|
border-radius: var(--bms-border-radius);
|
|
@@ -1355,7 +1355,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1355
1355
|
align-items: center;
|
|
1356
1356
|
justify-content: space-between;
|
|
1357
1357
|
}
|
|
1358
|
-
.select-wrapper .select-input input[data-v-
|
|
1358
|
+
.select-wrapper .select-input input[data-v-bcd89bb2] {
|
|
1359
1359
|
border: none;
|
|
1360
1360
|
background-color: transparent;
|
|
1361
1361
|
flex-grow: 1;
|
|
@@ -1371,49 +1371,49 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1371
1371
|
width: 100%;
|
|
1372
1372
|
height: 100%;
|
|
1373
1373
|
}
|
|
1374
|
-
.select-wrapper .select-input__tags[data-v-
|
|
1374
|
+
.select-wrapper .select-input__tags[data-v-bcd89bb2] {
|
|
1375
1375
|
display: flex;
|
|
1376
1376
|
gap: 0.5em;
|
|
1377
1377
|
padding: var(--field-margin);
|
|
1378
1378
|
flex-wrap: wrap;
|
|
1379
1379
|
}
|
|
1380
|
-
.select-wrapper .select-input__tags[data-v-
|
|
1380
|
+
.select-wrapper .select-input__tags[data-v-bcd89bb2]:not(:empty) {
|
|
1381
1381
|
margin-right: 0.5em;
|
|
1382
1382
|
}
|
|
1383
|
-
.select-wrapper .select-input[data-v-
|
|
1383
|
+
.select-wrapper .select-input[data-v-bcd89bb2]:hover {
|
|
1384
1384
|
--field-border-color: var(--bms-grey-100);
|
|
1385
1385
|
}
|
|
1386
|
-
.select-wrapper .select-input[data-v-
|
|
1386
|
+
.select-wrapper .select-input[data-v-bcd89bb2]:has(input:focus) {
|
|
1387
1387
|
--field-border-color: var(--field-border-color-active);
|
|
1388
1388
|
}
|
|
1389
|
-
.select-wrapper .select-input.is-error[data-v-
|
|
1389
|
+
.select-wrapper .select-input.is-error[data-v-bcd89bb2] {
|
|
1390
1390
|
--field-border-color: var(--bms-red-100);
|
|
1391
1391
|
--input-background-color: var(--bms-red-25);
|
|
1392
1392
|
}
|
|
1393
|
-
.select-wrapper .select-input.is-disabled[data-v-
|
|
1393
|
+
.select-wrapper .select-input.is-disabled[data-v-bcd89bb2] {
|
|
1394
1394
|
--field-border-color: var(--bms-grey-25);
|
|
1395
1395
|
--input-background-color: var(--bms-grey-25);
|
|
1396
1396
|
pointer-events: none;
|
|
1397
1397
|
}
|
|
1398
|
-
.select-wrapper .icon-container[data-v-
|
|
1398
|
+
.select-wrapper .icon-container[data-v-bcd89bb2] {
|
|
1399
1399
|
height: 100%;
|
|
1400
1400
|
display: flex;
|
|
1401
1401
|
align-items: center;
|
|
1402
1402
|
}
|
|
1403
|
-
.select-wrapper .icon-container[data-v-
|
|
1403
|
+
.select-wrapper .icon-container[data-v-bcd89bb2]:hover {
|
|
1404
1404
|
cursor: pointer;
|
|
1405
1405
|
}
|
|
1406
|
-
.select-wrapper .icon-button[data-v-
|
|
1406
|
+
.select-wrapper .icon-button[data-v-bcd89bb2] {
|
|
1407
1407
|
width: 1em;
|
|
1408
1408
|
margin: 0 var(--field-padding);
|
|
1409
1409
|
display: block;
|
|
1410
1410
|
}
|
|
1411
|
-
.combobox-option[data-v-
|
|
1411
|
+
.combobox-option[data-v-bcd89bb2] {
|
|
1412
1412
|
display: flex;
|
|
1413
1413
|
align-items: center;
|
|
1414
1414
|
gap: 0.5em;
|
|
1415
1415
|
}
|
|
1416
|
-
.combobox-option__check[data-v-
|
|
1416
|
+
.combobox-option__check[data-v-bcd89bb2] {
|
|
1417
1417
|
width: 1em;
|
|
1418
1418
|
display: flex;
|
|
1419
1419
|
justify-content: center;
|
package/dist/sipa-bms-ui.es.js
CHANGED
|
@@ -87906,6 +87906,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
87906
87906
|
}
|
|
87907
87907
|
synchronizeSearchWithValue(modelValue.value);
|
|
87908
87908
|
});
|
|
87909
|
+
watch(
|
|
87910
|
+
() => props.options,
|
|
87911
|
+
() => {
|
|
87912
|
+
synchronizeSearchWithValue(modelValue.value);
|
|
87913
|
+
}
|
|
87914
|
+
);
|
|
87909
87915
|
watch(
|
|
87910
87916
|
() => modelValue.value,
|
|
87911
87917
|
(newValue) => {
|
|
@@ -88134,7 +88140,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
88134
88140
|
}
|
|
88135
88141
|
});
|
|
88136
88142
|
|
|
88137
|
-
const BmsCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-
|
|
88143
|
+
const BmsCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-bcd89bb2"]]);
|
|
88138
88144
|
|
|
88139
88145
|
const _hoisted_1$F = ["value", "required", "placeholder", "disabled"];
|
|
88140
88146
|
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|