<commit_before>import { equal } from '@ember/object/computed';
import Component from '@ember/component';
import { copy } from '@ember/object/internals';
import { isArray, A } from '@ember/array';
import layout from 'ember-bootstrap/templates/components/bs-button-group';
import SizeClass from 'ember-bootstrap/mixins/size-class';

/**
 Bootstrap-style button group, that visually groups buttons, and optionally adds radio/checkbox like behaviour.
 See http://getbootstrap.com/components/#btn-groups

 Use as a block level component with any number of [Components.Button](Components.Button.html) components provided as
 a yielded pre-configured contextual component:

 ```handlebars
 {{#bs-button-group as |bg|}}
   {{#bg.button}}1{{/bg.button}}
   {{#bg.button}}2{{/s-bg.button}}
   {{#bg.button}}3{{/bg.button}}
 {{/bs-button-group}}
 ```

 ### Radio-like behaviour

 Use the `type` property set to "radio" to make the child buttons toggle like radio buttons, i.e. only one button can be active.
 Set the `value` property of the buttons to something meaningful. The `value` property of the button group will then reflect
 the value of the active button:

 ```handlebars
 {{#bs-button-group value=buttonGroupValue type="radio" onChange=(action (mut buttonGroupValue)) as |bg|}}
   {{#bg.button type="default" value=1}}1{{/bg.button}}
   {{#bg.button type="default" value=2}}2{{/bg.button}}
   {{#bg.button type="default" value=3}}3{{/bg.button}}
 {{/bs-button-group}}

 You selected: {{buttonGroupValue}}!
 ```

 ### Checkbox-like behaviour

 Set `type` to "checkbox" to make any number of child buttons selectable. The `value` property will be an array
 of all the values of the active buttons:
<commit_msg>Fix documentation typo<commit_after>import { equal } from '@ember/object/computed';
import Component from '@ember/component';
import { copy } from '@ember/object/internals';
import { isArray, A } from '@ember/array';
import layout from 'ember-bootstrap/templates/components/bs-button-group';
import SizeClass from 'ember-bootstrap/mixins/size-class';

/**
 Bootstrap-style button group, that visually groups buttons, and optionally adds radio/checkbox like behaviour.
 See http://getbootstrap.com/components/#btn-groups

 Use as a block level component with any number of [Components.Button](Components.Button.html) components provided as
 a yielded pre-configured contextual component:

 ```handlebars
 {{#bs-button-group as |bg|}}
   {{#bg.button}}1{{/bg.button}}
   {{#bg.button}}2{{/bg.button}}
   {{#bg.button}}3{{/bg.button}}
 {{/bs-button-group}}
 ```

 ### Radio-like behaviour

 Use the `type` property set to "radio" to make the child buttons toggle like radio buttons, i.e. only one button can be active.
 Set the `value` property of the buttons to something meaningful. The `value` property of the button group will then reflect
 the value of the active button:

 ```handlebars
 {{#bs-button-group value=buttonGroupValue type="radio" onChange=(action (mut buttonGroupValue)) as |bg|}}
   {{#bg.button type="default" value=1}}1{{/bg.button}}
   {{#bg.button type="default" value=2}}2{{/bg.button}}
   {{#bg.button type="default" value=3}}3{{/bg.button}}
 {{/bs-button-group}}

 You selected: {{buttonGroupValue}}!
 ```

 ### Checkbox-like behaviour

 Set `type` to "checkbox" to make any number of child buttons selectable. The `value` property will be an array
 of all the values of the active buttons:

{'fraction_non_alphanumeric': 0.14402570844288637, 'fraction_numerical': 0.0052585451358457495, 'mean_word_length': 4.8231292517006805, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2544068', 'n_tokens_mistral': 994, 'n_tokens_neox': 981, 'n_words': 340}