<commit_before><template>
    <fieldset :class="groupClasses"
              :id="safeId()"
              :aria-describedby="describedByIds" >
        <b-form-row>
            <legend v-if="label || $slots['label'] || horizontal"
                    :id="labelId"
                    :class="labelClasses"
            ><slot name="label"><span v-html="label"></span></slot></legend>
            <div :class="inputLayoutClasses" ref="content">
                <slot></slot>
                <b-form-feedback v-show="feedback || $slots['feedback']"
                                 :id="feedbackId"
                                 role="alert"
                                 aria-live="assertive"
                                 aria-atomic="true"
                ><slot name="feedback"><span v-html="feedback"></span></slot></b-form-feedback>
                <b-form-text v-if="description || $slots['description']" :id="descriptionId">
                    <slot name="description"><span v-html="description"></span></slot>
                </b-form-text>
            </div>
        </b-form-row>
    </fieldset>
</template>

<style>
/* a fix for a BS4 beta.1 missing CSS rule */
.b-form-group.form-group :valid ~ .invalid-feedback {
  display: none !important;
}
/*
   Bootstrap V4.beta uses ~ sibling selector to display the .invalid-feedback
   so we ue a style override and also place .is-invalid on the input layout section
   to target our b-form-feedback (.invalid-feedback) to display it in case
   thd form input(s) are wrapped in another element, no longer making them siblings
 */
.b-form-group.form-group.is-invalid .invalid-feedback {
  display: block !important;
}
.b-form-group.form-group.is-valid .invalid-feedback {
  display: none !important;
}
</style>

<script>
    import { warn } from '../../utils';
    import { select } from '../../utils/dom';
    import { idMixin, formStateMixin } from '../../mixins';
    import bFormRow from '../form/form-row';
    import bFormText from '../form/form-text';
    import bFormFeedback from '../form/form-feedback';

    export default {
        mixins: [idMixin, formStateMixin],
        components: {
            bFormRow,
            bFormText,
            bFormFeedback<commit_msg>[form-group]: remove CSS fix for invalid-feeback<commit_after><template>
    <fieldset :class="groupClasses"
              :id="safeId()"
              :aria-describedby="describedByIds" >
        <b-form-row>
            <legend v-if="label || $slots['label'] || horizontal"
                    :id="labelId"
                    :class="labelClasses"
            ><slot name="label"><span v-html="label"></span></slot></legend>
            <div :class="inputLayoutClasses" ref="content">
                <slot></slot>
                <b-form-feedback v-show="feedback || $slots['feedback']"
                                 :id="feedbackId"
                                 role="alert"
                                 aria-live="assertive"
                                 aria-atomic="true"
                ><slot name="feedback"><span v-html="feedback"></span></slot></b-form-feedback>
                <b-form-text v-if="description || $slots['description']" :id="descriptionId">
                    <slot name="description"><span v-html="description"></span></slot>
                </b-form-text>
            </div>
        </b-form-row>
    </fieldset>
</template>

<style>
/*
   Bootstrap V4.beta uses ~ sibling selector to display the .invalid-feedback
   so we ue a style override and also place .is-invalid on the input layout section
   to target our b-form-feedback (.invalid-feedback) to display it in case
   the form input(s) are wrapped in another element, no longer making them siblings
 */
.b-form-group.form-group.is-invalid .invalid-feedback {
  display: block !important;
}
.b-form-group.form-group.is-valid .invalid-feedback {
  display: none !important;
}
</style>

<script>
    import { warn } from '../../utils';
    import { select } from '../../utils/dom';
    import { idMixin, formStateMixin } from '../../mixins';
    import bFormRow from '../form/form-row';
    import bFormText from '../form/form-text';
    import bFormFeedback from '../form/form-feedback';

    export default {
        mixins: [idMixin, formStateMixin],
        components: {
            bFormRow,
            bFormText,
            bFormFeedback
{'fraction_non_alphanumeric': 0.14796266788071932, 'fraction_numerical': 0.0009105394946505805, 'mean_word_length': 1.948993288590604, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 65, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4656416', 'n_tokens_mistral': 1266, 'n_tokens_neox': 1206, 'n_words': 289}