edvoyui-component-library-test-flight 0.0.218 → 0.0.220
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/select/EUISelect.vue +8 -3
- package/dist/edvoy-ui.cjs.js +1 -1
- package/dist/edvoy-ui.css +1 -1
- package/dist/edvoy-ui.es.js +18 -13
- package/dist/edvoy-ui.umd.js +2 -2
- package/package.json +1 -1
|
@@ -295,8 +295,10 @@ type VirtualElement = {
|
|
|
295
295
|
|
|
296
296
|
const showPlaceholder = computed(() => {
|
|
297
297
|
const label = props.placeholder || `Select ${name}`;
|
|
298
|
-
|
|
299
|
-
|
|
298
|
+
// Only surface the required marker in the placeholder when there's no label,
|
|
299
|
+
// otherwise it duplicates the asterisk the label already renders.
|
|
300
|
+
const labelReq = props.required && !props.label ? "*" : "";
|
|
301
|
+
return `${label} ${labelReq}`.trim();
|
|
300
302
|
});
|
|
301
303
|
|
|
302
304
|
const startCaseText = (x: string) => {
|
|
@@ -746,7 +748,10 @@ const searchMargin = computed(() =>
|
|
|
746
748
|
);
|
|
747
749
|
|
|
748
750
|
const selectRequited = computed(() =>
|
|
749
|
-
|
|
751
|
+
// Only redden the placeholder tail when it actually carries the "*"
|
|
752
|
+
// (no label). With a label the "*" lives on the label, so keep it all gray
|
|
753
|
+
// and don't tint the last real letter of the placeholder text.
|
|
754
|
+
props.required && !props.label
|
|
750
755
|
? "-webkit-linear-gradient(left, #374151 0%, #374151 92%,red 8%,red 100%)"
|
|
751
756
|
: "-webkit-linear-gradient(left, #374151 50%, #374151 50%)",
|
|
752
757
|
);
|