feat(CFormInput, CFormSelect, CFormTextarea): add feedback support to floating labels

Author: mrholek

packages/coreui-vue/src/components/form/CFormControlWrapper.ts

@@ -54,6 +54,38 @@ const CFormControlWrapper = defineComponent({
                 default: () => (slots.label && slots.label()) || props.label || props.floatingLabel,
               },
             ),
+            (props.text || slots.text) &&
+              h(
+                CFormText,
+                {
+                  id: props.describedby,
+                },
+                {
+                  default: () => (slots.text && slots.text()) || props.text,
+                },
+              ),
+            h(
+              CFormControlValidation,
+              {
+                describedby: props.describedby,
+                feedback: props.feedback,
+                feedbackInvalid: props.feedbackInvalid,
+                feedbackValid: props.feedbackValid,
+                floatingLabel: props.floatingLabel,
+                invalid: props.invalid,
+                tooltipFeedback: props.tooltipFeedback,
+                valid: props.valid,
+              },
+              {
+                ...(slots.feedback && { feedback: () => slots.feedback && slots.feedback() }),
+                ...(slots.feedbackInvalid && {
+                  feedbackInvalid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+                }),
+                ...(slots.feedbackValid && {
+                  feedbackValid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+                }),
+              },
+            ),
           ])
         : [
             (props.label || slots.label) &&