@lion/ui 0.7.6 → 0.7.8

package/docs/components/radio-group/api-table.md

@@ -201,61 +201,55 @@
 
 ### Fields
 
-| Name                                 | Privacy   | Type                                                                      | Default                                                                                                                                                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Inherited From        |
-| ------------------------------------ | --------- | ------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- |
-| `modelValue`                         | public    |                                                                           |                                                                                                                                                         | Object keyed by formElements names, containing formElements' modelValues                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | FormControlMixin      |
-| `serializedValue`                    | public    |                                                                           |                                                                                                                                                         | Object keyed by formElements names, containing formElements' serializedValues                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | FormGroupMixin        |
-| `formattedValue`                     | public    |                                                                           |                                                                                                                                                         | Object keyed by formElements names, containing formElements' formattedValues                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | FormGroupMixin        |
-| `operationMode`                      | public    | `OperationMode`                                                           |                                                                                                                                                         | Types of input interaction of the FormControl (for instance 'enter'\|'select'\|'upload')                                                                                                                                                                                                                                                                                                                                                                                                                                                             | ValidateMixin         |
-| `multipleChoice`                     | public    | `boolean`                                                                 | `false`                                                                                                                                                 | When false (default), modelValue and serializedValue will reflect the
currently selected choice (usually a string). When true, modelValue will and
serializedValue will be an array of strings.                                                                                                                                                                                                                                                                                                                                              | ChoiceGroupMixin      |
-| `_repropagationRole`                 | public    | `'child'\|'choice-group'\|'fieldset'`                                     | `'choice-group'`                                                                                                                                        | Based on the role, details of handling model-value-changed repropagation differ.                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | FormControlMixin      |
-| `formElements`                       | public    | `FormControlsCollection`                                                  | `new FormControlsCollection()`                                                                                                                          | Closely mimics the natively supported HTMLFormControlsCollection. It can be accessed
both like an array and an object (based on control/element names).                                                                                                                                                                                                                                                                                                                                                                                          | FormRegistrarMixin    |
-| `_isFormOrFieldset`                  | protected | `boolean`                                                                 | `false`                                                                                                                                                 | Flag that determines how ".formElements" should behave.
For a regular fieldset (see LionFieldset) we expect ".formElements"
to be accessible as an object.
In case of a radio-group, a checkbox-group or a select/listbox,
it should act like an array (see ChoiceGroupMixin).
Usually, when false, we deal with a choice-group (radio-group, checkbox-group,
(multi)select)                                                                                                                                                 | FormRegistrarMixin    |
-| `initComplete`                       | public    | `Promise<any>`                                                            | `new Promise((resolve, reject) => {
-        this.__resolveInitComplete = resolve;
-        this.__rejectInitComplete = reject;
-      })`                 | initComplete resolves after all pending initialization logic&#xA;(for instance \`\<form-group .serializedValue=${{ child1: 'a', child2: 'b' }}>\`)&#xA;is executed                                                                                                                                                                                                                                                                                                                                                                                   | FormRegistrarMixin    |
-| `registrationComplete`               | public    | `Promise<any> & {done?:boolean}`                                          | `new Promise((resolve, reject) => {
-        this.__resolveRegistrationComplete = resolve;
-        this.__rejectRegistrationComplete = reject;
-      })` | registrationComplete waits for all children formElements to have registered                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormRegistrarMixin    |
-| `done`                               | public    | `boolean`                                                                 | `false`                                                                                                                                                 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormRegistrarMixin    |
-| `_allValidators`                     | protected | `Validator[]`                                                             |                                                                                                                                                         | Combination of validators provided by Application Developer and the default validators                                                                                                                                                                                                                                                                                                                                                                                                                                                               | ValidateMixin         |
-| `_feedbackConditionMeta`             | protected |                                                                           |                                                                                                                                                         | Allows Subclassers to add meta info for feedbackCondition                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | ValidateMixin         |
-| `hasFeedbackFor`                     | public    | `ValidationType[]`                                                        | `[]`                                                                                                                                                    | As soon as validation happens (after modelValue/validators/validator param change), this&#xA;array is updated with the active ValidationTypes ('error'\|'warning'\|'success'\|'info' etc.).&#xA;Notice the difference with \`.showsFeedbackFor\`, which filters \`.hasFeedbackFor\` based on&#xA;\`.feedbackCondition()\`.&#xA;&#xA;For styling purposes, will be reflected to \[has-feedback-for="error warning"]. This can&#xA;be useful for subtle visual feedback on keyup, like a red/green border around an input.                             | ValidateMixin         |
-| `showsFeedbackFor`                   | public    | `ValidationType[]`                                                        | `[]`                                                                                                                                                    | Based on outcome of feedbackCondition, this array decides what ValidationTypes should be&#xA;shown in validationFeedback, based on meta data like interaction states.&#xA;&#xA;For styling purposes, it reflects it \`\[shows-feedback-for="error warning"]\`                                                                                                                                                                                                                                                                                        | ValidateMixin         |
-| `validationStates`                   | public    | `ValidationStates`                                                        | `{}`                                                                                                                                                    | The outcome of a validation 'round'. Keyed by ValidationType and Validator name                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | ValidateMixin         |
-| `isPending`                          | public    | `boolean`                                                                 | `false`                                                                                                                                                 | Flag indicating whether async validation is pending.&#xA;Creates attribute \[is-pending] as a styling hook                                                                                                                                                                                                                                                                                                                                                                                                                                           | ValidateMixin         |
-| `validators`                         | public    | `Validator[]`                                                             | `[]`                                                                                                                                                    | Used by Application Developers to add Validators to a FormControl.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | ValidateMixin         |
-| `defaultValidators`                  | public    | `Validator[]`                                                             | `[]`                                                                                                                                                    | Used by Subclassers to add default Validators to a particular FormControl.&#xA;A date input for instance, always needs the isDate validator.                                                                                                                                                                                                                                                                                                                                                                                                         | ValidateMixin         |
-| `_visibleMessagesAmount`             | protected | `number`                                                                  | `1`                                                                                                                                                     | The amount of feedback messages that will visible in LionValidationFeedback                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | ValidateMixin         |
-| `touched`                            | public    | `boolean`                                                                 | `false`                                                                                                                                                 | True when user has focused and left(blurred) the field.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | FormGroupMixin        |
-| `dirty`                              | public    | `boolean`                                                                 | `false`                                                                                                                                                 | True when user has changed the value of the field.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | FormGroupMixin        |
-| `prefilled`                          | public    | `boolean`                                                                 | `false`                                                                                                                                                 | True when user has left non-empty field or input is prefilled.&#xA;The name must be seen from the point of view of the input field:&#xA;once the user enters the input field, the value is non-empty.                                                                                                                                                                                                                                                                                                                                                | FormGroupMixin        |
-| `filled`                             | public    | `boolean`                                                                 | `false`                                                                                                                                                 | True when the modelValue is non-empty (see \_isEmpty in FormControlMixin)                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | InteractionStateMixin |
-| `_leaveEvent`                        | protected | `string`                                                                  | `'blur'`                                                                                                                                                | The event that triggers the touched state                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | InteractionStateMixin |
-| `_valueChangedEvent`                 | protected | `string`                                                                  | `'model-value-changed'`                                                                                                                                 | The event that triggers the dirty state                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | InteractionStateMixin |
-| `submitted`                          | public    | `boolean`                                                                 | `false`                                                                                                                                                 | True when parent form is submitted                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | FormGroupMixin        |
-| `_inputNode`                         | protected |                                                                           |                                                                                                                                                         | The host element with role group (or radio-group or form) containing necessary aria attributes                                                                                                                                                                                                                                                                                                                                                                                                                                                       | FormControlMixin      |
-| `_initialModelValue`                 | protected |                                                                           |                                                                                                                                                         | Gathers initial model values of all children. Used when resetGroup() is called.                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
-| `value`                              | public    | `string`                                                                  | `''`                                                                                                                                                    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
-| `disabled`                           | public    | `boolean`                                                                 | `false`                                                                                                                                                 | Disables all formElements in group                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | DisabledMixin         |
-| `focused`                            | public    | `boolean`                                                                 | `false`                                                                                                                                                 | True when any of the children is focused.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | FormGroupMixin        |
-| `__descriptionElementsInParentChain` | protected |                                                                           | `new Set()`                                                                                                                                             |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
-| `__pendingValues`                    | protected | `{modelValue?:{[key:string]: any}, serializedValue?:{[key:string]: any}}` | `{ modelValue: {}, serializedValue: {} }`                                                                                                               |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
-| `label`                              | public    | `string`                                                                  | `''`                                                                                                                                                    | The label text for the input node.&#xA;When no value is defined, textContent of \[slot=label] will be used                                                                                                                                                                                                                                                                                                                                                                                                                                           | FormControlMixin      |
-| `helpText`                           | public    | `string`                                                                  | `''`                                                                                                                                                    | The helpt text for the input node.&#xA;When no value is defined, textContent of \[slot=help-text] will be used                                                                                                                                                                                                                                                                                                                                                                                                                                       | FormControlMixin      |
-| `fieldName`                          | public    | `string`                                                                  |                                                                                                                                                         | Will be used in validation messages to refer to the current field                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | FormControlMixin      |
-| `_labelNode`                         | protected |                                                                           |                                                                                                                                                         | Element where label will be rendered to                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | FormControlMixin      |
-| `_helpTextNode`                      | protected |                                                                           |                                                                                                                                                         | Element where help text will be rendered to                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormControlMixin      |
-| `_feedbackNode`                      | protected |                                                                           |                                                                                                                                                         | Element where validation feedback will be rendered to                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | FormControlMixin      |
-| `readOnly`                           | public    | `boolean`                                                                 | `false`                                                                                                                                                 | A Boolean attribute which, if present, indicates that the user should not be able to edit&#xA;the value of the input. The difference between disabled and readonly is that read-only&#xA;controls can still function, whereas disabled controls generally do not function as&#xA;controls until they are enabled.&#xA;(From: https\://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)                                                                                                                                         | FormControlMixin      |
-| `labelSrOnly`                        | public    | `boolean`                                                                 | `false`                                                                                                                                                 | The label will only be visible for srceen readers when true                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormControlMixin      |
-| `_inputId`                           | protected | `string`                                                                  |                                                                                                                                                         | Unique id that can be used in all light dom                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormControlMixin      |
-| `_ariaLabelledNodes`                 | public    | `HTMLElement[]`                                                           | `[]`                                                                                                                                                    | Contains all elements that should end up in aria-labelledby of \`.\_inputNode\`                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormControlMixin      |
-| `_ariaDescribedNodes`                | public    | `HTMLElement[]`                                                           | `[]`                                                                                                                                                    | Contains all elements that should end up in aria-describedby of \`.\_inputNode\`                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | FormControlMixin      |
-| `_isRepropagationEndpoint`           | public    | `boolean`                                                                 | `false`                                                                                                                                                 | By default, a field with \_repropagationRole 'choice-group' will act as an&#xA;'endpoint'. This means it will be considered as an individual field: for&#xA;a select, individual options will not be part of the formPath. They&#xA;will.&#xA;Similarly, components that (a11y wise) need to be fieldsets, but 'interaction wise'&#xA;(from Application Developer perspective) need to be more like fields&#xA;(think of an amount-input with a currency select box next to it), can set this&#xA;to true to hide private internals in the formPath. | FormControlMixin      |
-| `_requestedToBeDisabled`             | protected | `boolean`                                                                 | `false`                                                                                                                                                 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | DisabledMixin         |
+| Name                                 | Privacy   | Type                                                                      | Default                                                                                                                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Inherited From        |
+| ------------------------------------ | --------- | ------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- |
+| `modelValue`                         | public    |                                                                           |                                                                                                                                   | Object keyed by formElements names, containing formElements' modelValues                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | FormControlMixin      |
+| `serializedValue`                    | public    |                                                                           |                                                                                                                                   | Object keyed by formElements names, containing formElements' serializedValues                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | FormGroupMixin        |
+| `formattedValue`                     | public    |                                                                           |                                                                                                                                   | Object keyed by formElements names, containing formElements' formattedValues                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | FormGroupMixin        |
+| `operationMode`                      | public    | `OperationMode`                                                           |                                                                                                                                   | Types of input interaction of the FormControl (for instance 'enter'\|'select'\|'upload')                                                                                                                                                                                                                                                                                                                                                                                                                                                             | ValidateMixin         |
+| `multipleChoice`                     | public    | `boolean`                                                                 | `false`                                                                                                                           | When false (default), modelValue and serializedValue will reflect the&#xA;currently selected choice (usually a string). When true, modelValue will and&#xA;serializedValue will be an array of strings.                                                                                                                                                                                                                                                                                                                                              | ChoiceGroupMixin      |
+| `_repropagationRole`                 | public    | `'child'\|'choice-group'\|'fieldset'`                                     | `'choice-group'`                                                                                                                  | Based on the role, details of handling model-value-changed repropagation differ.                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | FormControlMixin      |
+| `formElements`                       | public    | `FormControlsCollection`                                                  | `new FormControlsCollection()`                                                                                                    | Closely mimics the natively supported HTMLFormControlsCollection. It can be accessed&#xA;both like an array and an object (based on control/element names).                                                                                                                                                                                                                                                                                                                                                                                          | FormRegistrarMixin    |
+| `_isFormOrFieldset`                  | protected | `boolean`                                                                 | `false`                                                                                                                           | Flag that determines how ".formElements" should behave.&#xA;For a regular fieldset (see LionFieldset) we expect ".formElements"&#xA;to be accessible as an object.&#xA;In case of a radio-group, a checkbox-group or a select/listbox,&#xA;it should act like an array (see ChoiceGroupMixin).&#xA;Usually, when false, we deal with a choice-group (radio-group, checkbox-group,&#xA;(multi)select)                                                                                                                                                 | FormRegistrarMixin    |
+| `initComplete`                       | public    | `Promise<any>`                                                            | `new Promise((resolve, reject) => { this.__resolveInitComplete = resolve; this.__rejectInitComplete = reject; })`                 | initComplete resolves after all pending initialization logic&#xA;(for instance \`\<form-group .serializedValue=${{ child1: 'a', child2: 'b' }}>\`)&#xA;is executed                                                                                                                                                                                                                                                                                                                                                                                   | FormRegistrarMixin    |
+| `registrationComplete`               | public    | `Promise<any> & {done?:boolean}`                                          | `new Promise((resolve, reject) => { this.__resolveRegistrationComplete = resolve; this.__rejectRegistrationComplete = reject; })` | registrationComplete waits for all children formElements to have registered                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormRegistrarMixin    |
+| `done`                               | public    | `boolean`                                                                 | `false`                                                                                                                           |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormRegistrarMixin    |
+| `_allValidators`                     | protected | `Validator[]`                                                             |                                                                                                                                   | Combination of validators provided by Application Developer and the default validators                                                                                                                                                                                                                                                                                                                                                                                                                                                               | ValidateMixin         |
+| `_feedbackConditionMeta`             | protected |                                                                           |                                                                                                                                   | Allows Subclassers to add meta info for feedbackCondition                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | ValidateMixin         |
+| `hasFeedbackFor`                     | public    | `ValidationType[]`                                                        | `[]`                                                                                                                              | As soon as validation happens (after modelValue/validators/validator param change), this&#xA;array is updated with the active ValidationTypes ('error'\|'warning'\|'success'\|'info' etc.).&#xA;Notice the difference with \`.showsFeedbackFor\`, which filters \`.hasFeedbackFor\` based on&#xA;\`.feedbackCondition()\`.&#xA;&#xA;For styling purposes, will be reflected to \[has-feedback-for="error warning"]. This can&#xA;be useful for subtle visual feedback on keyup, like a red/green border around an input.                             | ValidateMixin         |
+| `showsFeedbackFor`                   | public    | `ValidationType[]`                                                        | `[]`                                                                                                                              | Based on outcome of feedbackCondition, this array decides what ValidationTypes should be&#xA;shown in validationFeedback, based on meta data like interaction states.&#xA;&#xA;For styling purposes, it reflects it \`\[shows-feedback-for="error warning"]\`                                                                                                                                                                                                                                                                                        | ValidateMixin         |
+| `validationStates`                   | public    | `ValidationStates`                                                        | `{}`                                                                                                                              | The outcome of a validation 'round'. Keyed by ValidationType and Validator name                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | ValidateMixin         |
+| `isPending`                          | public    | `boolean`                                                                 | `false`                                                                                                                           | Flag indicating whether async validation is pending.&#xA;Creates attribute \[is-pending] as a styling hook                                                                                                                                                                                                                                                                                                                                                                                                                                           | ValidateMixin         |
+| `validators`                         | public    | `Validator[]`                                                             | `[]`                                                                                                                              | Used by Application Developers to add Validators to a FormControl.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | ValidateMixin         |
+| `defaultValidators`                  | public    | `Validator[]`                                                             | `[]`                                                                                                                              | Used by Subclassers to add default Validators to a particular FormControl.&#xA;A date input for instance, always needs the isDate validator.                                                                                                                                                                                                                                                                                                                                                                                                         | ValidateMixin         |
+| `_visibleMessagesAmount`             | protected | `number`                                                                  | `1`                                                                                                                               | The amount of feedback messages that will visible in LionValidationFeedback                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | ValidateMixin         |
+| `touched`                            | public    | `boolean`                                                                 | `false`                                                                                                                           | True when user has focused and left(blurred) the field.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | FormGroupMixin        |
+| `dirty`                              | public    | `boolean`                                                                 | `false`                                                                                                                           | True when user has changed the value of the field.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | FormGroupMixin        |
+| `prefilled`                          | public    | `boolean`                                                                 | `false`                                                                                                                           | True when user has left non-empty field or input is prefilled.&#xA;The name must be seen from the point of view of the input field:&#xA;once the user enters the input field, the value is non-empty.                                                                                                                                                                                                                                                                                                                                                | FormGroupMixin        |
+| `filled`                             | public    | `boolean`                                                                 | `false`                                                                                                                           | True when the modelValue is non-empty (see \_isEmpty in FormControlMixin)                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | InteractionStateMixin |
+| `_leaveEvent`                        | protected | `string`                                                                  | `'blur'`                                                                                                                          | The event that triggers the touched state                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | InteractionStateMixin |
+| `_valueChangedEvent`                 | protected | `string`                                                                  | `'model-value-changed'`                                                                                                           | The event that triggers the dirty state                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | InteractionStateMixin |
+| `submitted`                          | public    | `boolean`                                                                 | `false`                                                                                                                           | True when parent form is submitted                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | FormGroupMixin        |
+| `_inputNode`                         | protected |                                                                           |                                                                                                                                   | The host element with role group (or radio-group or form) containing necessary aria attributes                                                                                                                                                                                                                                                                                                                                                                                                                                                       | FormControlMixin      |
+| `_initialModelValue`                 | protected |                                                                           |                                                                                                                                   | Gathers initial model values of all children. Used when resetGroup() is called.                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
+| `value`                              | public    | `string`                                                                  | `''`                                                                                                                              |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
+| `disabled`                           | public    | `boolean`                                                                 | `false`                                                                                                                           | Disables all formElements in group                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | DisabledMixin         |
+| `focused`                            | public    | `boolean`                                                                 | `false`                                                                                                                           | True when any of the children is focused.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | FormGroupMixin        |
+| `__descriptionElementsInParentChain` | protected |                                                                           | `new Set()`                                                                                                                       |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
+| `__pendingValues`                    | protected | `{modelValue?:{[key:string]: any}, serializedValue?:{[key:string]: any}}` | `{ modelValue: {}, serializedValue: {} }`                                                                                         |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormGroupMixin        |
+| `label`                              | public    | `string`                                                                  | `''`                                                                                                                              | The label text for the input node.&#xA;When no value is defined, textContent of \[slot=label] will be used                                                                                                                                                                                                                                                                                                                                                                                                                                           | FormControlMixin      |
+| `helpText`                           | public    | `string`                                                                  | `''`                                                                                                                              | The helpt text for the input node.&#xA;When no value is defined, textContent of \[slot=help-text] will be used                                                                                                                                                                                                                                                                                                                                                                                                                                       | FormControlMixin      |
+| `fieldName`                          | public    | `string`                                                                  |                                                                                                                                   | Will be used in validation messages to refer to the current field                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | FormControlMixin      |
+| `_labelNode`                         | protected |                                                                           |                                                                                                                                   | Element where label will be rendered to                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | FormControlMixin      |
+| `_helpTextNode`                      | protected |                                                                           |                                                                                                                                   | Element where help text will be rendered to                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormControlMixin      |
+| `_feedbackNode`                      | protected |                                                                           |                                                                                                                                   | Element where validation feedback will be rendered to                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | FormControlMixin      |
+| `readOnly`                           | public    | `boolean`                                                                 | `false`                                                                                                                           | A Boolean attribute which, if present, indicates that the user should not be able to edit&#xA;the value of the input. The difference between disabled and readonly is that read-only&#xA;controls can still function, whereas disabled controls generally do not function as&#xA;controls until they are enabled.&#xA;(From: https\://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)                                                                                                                                         | FormControlMixin      |
+| `labelSrOnly`                        | public    | `boolean`                                                                 | `false`                                                                                                                           | The label will only be visible for srceen readers when true                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormControlMixin      |
+| `_inputId`                           | protected | `string`                                                                  |                                                                                                                                   | Unique id that can be used in all light dom                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | FormControlMixin      |
+| `_ariaLabelledNodes`                 | public    | `HTMLElement[]`                                                           | `[]`                                                                                                                              | Contains all elements that should end up in aria-labelledby of \`.\_inputNode\`                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | FormControlMixin      |
+| `_ariaDescribedNodes`                | public    | `HTMLElement[]`                                                           | `[]`                                                                                                                              | Contains all elements that should end up in aria-describedby of \`.\_inputNode\`                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | FormControlMixin      |
+| `_isRepropagationEndpoint`           | public    | `boolean`                                                                 | `false`                                                                                                                           | By default, a field with \_repropagationRole 'choice-group' will act as an&#xA;'endpoint'. This means it will be considered as an individual field: for&#xA;a select, individual options will not be part of the formPath. They&#xA;will.&#xA;Similarly, components that (a11y wise) need to be fieldsets, but 'interaction wise'&#xA;(from Application Developer perspective) need to be more like fields&#xA;(think of an amount-input with a currency select box next to it), can set this&#xA;to true to hide private internals in the formPath. | FormControlMixin      |
+| `_requestedToBeDisabled`             | protected | `boolean`                                                                 | `false`                                                                                                                           |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | DisabledMixin         |
 
 ### Methods
 

package/docs/components/radio-group/overview.md

@@ -13,19 +13,19 @@ import '@lion/ui/define/lion-radio.js';
 ```js preview-story
 export const main = () => html`
   <lion-radio-group name="dinos" label="What are your favourite dinosaurs?">
-    <lion-radio label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
-    <lion-radio label="brontosaurus" .choiceValue=${'brontosaurus'}></lion-radio>
-    <lion-radio label="diplodocus" .choiceValue=${'diplodocus'}></lion-radio>
+    <lion-radio label="allosaurus" .choiceValue="${'allosaurus'}"></lion-radio>
+    <lion-radio label="brontosaurus" .choiceValue="${'brontosaurus'}"></lion-radio>
+    <lion-radio label="diplodocus" .choiceValue="${'diplodocus'}"></lion-radio>
   </lion-radio-group>
 `;
 ```
 
-- Make sure that to use a name attribute as it is necessary for our [form](https://github.com/ing-bank/lion/blob/e6f2e59134860fafcd9716ada9dcba6f33b76aa0/docs/components/form/overview.md)'s serialization result.
-- If you have many options for a user to pick from, consider using our [select](https://github.com/ing-bank/lion/blob/e6f2e59134860fafcd9716ada9dcba6f33b76aa0/docs/components/select/overview.md) instead.
+- Make sure that to use a name attribute as it is necessary for our [form](https://github.com/ing-bank/lion/blob/b25478e4cc0cb51c4fda1eccadf5e630b679f53c/docs/components/form/overview.md)'s serialization result.
+- If you have many options for a user to pick from, consider using our [select](https://github.com/ing-bank/lion/blob/b25478e4cc0cb51c4fda1eccadf5e630b679f53c/docs/components/select/overview.md) instead.
 
 ## Features
 
-Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/e6f2e59134860fafcd9716ada9dcba6f33b76aa0/docs/components/fieldset/overview.md), it has all the features a fieldset has.
+Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/b25478e4cc0cb51c4fda1eccadf5e630b679f53c/docs/components/fieldset/overview.md), it has all the features a fieldset has.
 
 - Get or set the checked value of the group:
   - modelValue (default) - `checkedValue()`

package/docs/components/radio-group/use-cases.md

@@ -33,9 +33,9 @@ You can pre-select an option by adding the checked attribute to the selected `li
 ```js preview-story
 export const preSelect = () => html`
   <lion-radio-group name="dinos_2" label="What are your favourite dinosaurs?">
-    <lion-radio label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
-    <lion-radio label="brontosaurus" .choiceValue=${'brontosaurus'} checked></lion-radio>
-    <lion-radio label="diplodocus" .choiceValue=${'diplodocus'}></lion-radio>
+    <lion-radio label="allosaurus" .choiceValue="${'allosaurus'}"></lion-radio>
+    <lion-radio label="brontosaurus" .choiceValue="${'brontosaurus'}" checked></lion-radio>
+    <lion-radio label="diplodocus" .choiceValue="${'diplodocus'}"></lion-radio>
   </lion-radio-group>
 `;
 ```
@@ -47,9 +47,9 @@ You can disable a specific `lion-radio` option by adding the `disabled` attribut
 ```js preview-story
 export const disabledRadio = () => html`
   <lion-radio-group name="dinos_4" label="What are your favourite dinosaurs?">
-    <lion-radio label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
-    <lion-radio label="brontosaurus" .choiceValue=${'brontosaurus'} disabled></lion-radio>
-    <lion-radio label="diplodocus" .choiceValue=${'diplodocus'}></lion-radio>
+    <lion-radio label="allosaurus" .choiceValue="${'allosaurus'}"></lion-radio>
+    <lion-radio label="brontosaurus" .choiceValue="${'brontosaurus'}" disabled></lion-radio>
+    <lion-radio label="diplodocus" .choiceValue="${'diplodocus'}"></lion-radio>
   </lion-radio-group>
 `;
 ```
@@ -59,9 +59,9 @@ You can do the same thing for the entire group by setting the `disabled` attribu
 ```js preview-story
 export const disabledGroup = () => html`
   <lion-radio-group name="dinos_6" label="What are your favourite dinosaurs?" disabled>
-    <lion-radio label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
-    <lion-radio label="brontosaurus" .choiceValue=${'brontosaurus'}></lion-radio>
-    <lion-radio label="diplodocus" .choiceValue=${'diplodocus'}></lion-radio>
+    <lion-radio label="allosaurus" .choiceValue="${'allosaurus'}"></lion-radio>
+    <lion-radio label="brontosaurus" .choiceValue="${'brontosaurus'}"></lion-radio>
+    <lion-radio label="diplodocus" .choiceValue="${'diplodocus'}"></lion-radio>
   </lion-radio-group>
 `;
 ```
@@ -73,17 +73,17 @@ You can use `slot="label"` instead of the `label` attribute for defining more co
 ```js preview-story
 export const label = () => html`
   <lion-radio-group name="dinos_7" label="Favourite dinosaur">
-    <lion-radio .choiceValue=${'allosaurus'}>
+    <lion-radio .choiceValue="${'allosaurus'}">
       <label slot="label"
         ><a href="https://wikipedia.org/wiki/allosaurus" target="_blank">allosaurus</a></label
       >
     </lion-radio>
-    <lion-radio .choiceValue=${'brontosaurus'}>
+    <lion-radio .choiceValue="${'brontosaurus'}">
       <label slot="label"
         ><a href="https://wikipedia.org/wiki/brontosaurus" target="_blank">brontosaurus</a></label
       >
     </lion-radio>
-    <lion-radio .choiceValue=${'diplodocus'}>
+    <lion-radio .choiceValue="${'diplodocus'}">
       <label slot="label"
         ><a href="https://wikipedia.org/wiki/diplodocus" target="_blank">diplodocus</a></label
       >
@@ -101,17 +101,17 @@ export const helpText = () => html`
   <lion-radio-group name="dinosTwo" label="Favourite dinosaur">
     <lion-radio
       label="allosaurus"
-      .choiceValue=${'allosaurus'}
+      .choiceValue="${'allosaurus'}"
       help-text="Allosaurus is a genus of carnivorous theropod dinosaur that lived 155 to 145 million years ago during the late Jurassic period"
     ></lion-radio>
     <lion-radio
       label="brontosaurus"
-      .choiceValue=${'brontosaurus'}
+      .choiceValue="${'brontosaurus'}"
       help-text="Brontosaurus is a genus of gigantic quadruped sauropod dinosaurs"
     ></lion-radio>
     <lion-radio
       label="diplodocus"
-      .choiceValue=${'diplodocus'}
+      .choiceValue="${'diplodocus'}"
       help-text="Diplodocus is a genus of diplodocid sauropod dinosaurs whose fossils were first discovered in 1877 by S. W. Williston"
     ></lion-radio>
   </lion-radio-group>
@@ -130,9 +130,9 @@ export const event = ({ shadowRoot }) => html`
     @model-value-changed=${ev =>
       (ev.target.parentElement.querySelector('#selectedDinosaur').innerText = ev.target.modelValue)}
   >
-    <lion-radio label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
-    <lion-radio label="brontosaurus" .choiceValue=${'brontosaurus'}></lion-radio>
-    <lion-radio label="diplodocus" .choiceValue=${'diplodocus'}></lion-radio>
+    <lion-radio label="allosaurus" .choiceValue="${'allosaurus'}"></lion-radio>
+    <lion-radio label="brontosaurus" .choiceValue="${'brontosaurus'}"></lion-radio>
+    <lion-radio label="diplodocus" .choiceValue="${'diplodocus'}"></lion-radio>
   </lion-radio-group>
   <br />
   <span>Selected dinosaur: <strong id="selectedDinosaur">N/A</strong></span>

package/docs/components/select/use-cases.md

@@ -13,7 +13,7 @@ loadDefaultFeedbackMessages();
 You can preselect an option by setting the property modelValue.
 
 ```html preview-story
-<lion-select name="favoriteColor" label="Favorite color" .modelValue=${'hotpink'}>
+<lion-select name="favoriteColor" label="Favorite color" .modelValue="${'hotpink'}">
   <select slot="input">
     <option selected hidden value>Please select</option>
     <option value="red">Red</option>
@@ -53,4 +53,4 @@ Or by setting the `disabled` attribute on the entire `lion-select` field.
 
 ## Validation
 
-A validator can be used to make it e.g. `required`. If you want to know how to do that, please take a look at our [validation examples](https://github.com/ing-bank/lion/blob/e6f2e59134860fafcd9716ada9dcba6f33b76aa0/docs/fundamentals/systems/form/validate.md).
+A validator can be used to make it e.g. `required`. If you want to know how to do that, please take a look at our [validation examples](https://github.com/ing-bank/lion/blob/b25478e4cc0cb51c4fda1eccadf5e630b679f53c/docs/fundamentals/systems/form/validate.md).