@lion/ui 0.22.0 → 0.24.0

package/docs/components/accordion/overview.md

@@ -1,5 +1,5 @@
 ---
-title: 'Accordion: Overview'
+title: 'Overview'
 parts:
   - Accordion
   - Overview
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Overview
 ---
 
-# Accordion: Overview
+# Overview
 
 <p class="lion-paragraph--emphasis">An accordion is a vertically stacked set of interactive headings that each contain a title representing a section of content. It allows users to toggle the display of sections of content.</p>
 

package/docs/components/accordion/reference.md

@@ -1,5 +1,5 @@
 ---
-title: 'Accordion: Reference'
+title: 'Reference'
 parts:
   - Accordion
   - Reference
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Reference
 ---
 
-# Accordion: Reference
+# Reference
 
 <p class="lion-paragraph--emphasis">Everything you need to re-use the accordion.</p>
 

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

@@ -1,5 +1,5 @@
 ---
-title: 'Accordion: Use Cases'
+title: 'Use Cases'
 parts:
   - Accordion
   - Use Cases
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Use Cases
 ---
 
-# Accordion: Use Cases
+# Use Cases
 
 ```js script
 import { html as previewHtml } from '@mdjs/mdjs-preview';

package/docs/components/button/examples.md

@@ -1,5 +1,5 @@
 ---
-title: 'Button: Examples'
+title: 'Examples'
 parts:
   - Button
   - Examples
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Examples
 ---
 
-# Button: Examples
+# Examples
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/button/extensions.md

@@ -1,5 +1,5 @@
 ---
-title: 'Button: Extensions'
+title: 'Extensions'
 parts:
   - Button
   - Extensions
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Extensions
 ---
 
-# Button: Extensions
+# Extensions
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/button/overview.md

@@ -1,5 +1,5 @@
 ---
-title: 'Button: Overview'
+title: 'Overview'
 parts:
   - Overview
   - Button
@@ -10,7 +10,7 @@ eleventyNavigation:
   parent: Button
 ---
 
-# Button: Overview
+# Overview
 
 A button web component that is easily stylable and accessible.
 

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

@@ -1,5 +1,5 @@
 ---
-title: 'Button: Use Cases'
+title: 'Use Cases'
 parts:
   - Use Cases
   - Button
@@ -10,7 +10,7 @@ eleventyNavigation:
   parent: Button
 ---
 
-# Button: Use Cases
+# Use Cases
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/calendar/overview.md

@@ -1,5 +1,5 @@
 ---
-title: 'Calendar: Overview'
+title: 'Overview'
 parts:
   - Calendar
   - Overview
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Overview
 ---
 
-# Calendar: Overview
+# Overview
 
 A reusable and accessible calendar view web component.
 

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

@@ -1,5 +1,5 @@
 ---
-title: 'Calendar: Use Cases'
+title: 'Use Cases'
 parts:
   - Calendar
   - Use Cases
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Use Cases
 ---
 
-# Calendar: Use Cases
+# Use Cases
 
 ```js script
 import { html, css } from '@mdjs/mdjs-preview';

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

@@ -1,5 +1,5 @@
 ---
-title: 'Checkbox Group: Overview'
+title: 'Overview'
 parts:
   - Checkbox Group
   - Overview
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Overview
 ---
 
-# Checkbox Group: Overview
+# Overview
 
 A checkbox group enhances the functionality of the native `<input type="checkbox">` element.
 Its purpose is to provide a way for users to check **multiple** options amongst a set of choices, or to function as a single toggle.
@@ -31,11 +31,11 @@ import '@lion/ui/define/lion-checkbox.js';
 </lion-checkbox-group>
 ```
 
-> Make sure that the checkbox-group also has a name attribute, this is necessary for our [form](https://github.com/ing-bank/lion/blob/1e44a873eb492168e7e3d2f5c120371d950b9e03/docs/components/form/overview.md)'s serialization result.
+> Make sure that the checkbox-group also has a name attribute, this is necessary for our [form](https://github.com/ing-bank/lion/blob/bc7530702f41df90a4ca3059cfb9edb08e27f742/docs/components/form/overview.md)'s serialization result.
 
 ## Features
 
-Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/1e44a873eb492168e7e3d2f5c120371d950b9e03/docs/components/fieldset/overview.md),
+Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/bc7530702f41df90a4ca3059cfb9edb08e27f742/docs/components/fieldset/overview.md),
 it has all the features a fieldset has.
 
 ## Installation

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

@@ -1,5 +1,5 @@
 ---
-title: 'Checkbox Group: Use Cases'
+title: 'Use Cases'
 parts:
   - Checkbox Group
   - Use Cases
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Use Cases
 ---
 
-# Checkbox Group: Use Cases
+# Use Cases
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/collapsible/examples.md

@@ -1,5 +1,5 @@
 ---
-title: 'Collapsible: Examples'
+title: 'Examples'
 parts:
   - Collapsible
   - Examples
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Examples
 ---
 
-# Collapsible: Examples
+# Examples
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/collapsible/overview.md

@@ -1,5 +1,5 @@
 ---
-title: 'Collapsible: Overview'
+title: 'Overview'
 parts:
   - Collapsible
   - Overview
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Overview
 ---
 
-# Collapsible: Overview
+# Overview
 
 A combination of a button (the invoker) and a chunk of 'extra content'. This web component can be extended with an animation to disclose the extra content. There are two slots available respectively; `invoker` to specify the collapsible's invoker and `content` for the extra content of the collapsible.
 
@@ -34,7 +34,7 @@ export const main = () => html`
 ## Features
 
 - Use `opened` attribute or `toggle()` method to render default open.
-- `invoker` slot can be custom template e.g. our [button](https://github.com/ing-bank/lion/blob/1e44a873eb492168e7e3d2f5c120371d950b9e03/docs/components/button/overview.md) or native `button` with custom styling.
+- `invoker` slot can be custom template e.g. our [button](https://github.com/ing-bank/lion/blob/bc7530702f41df90a4ca3059cfb9edb08e27f742/docs/components/button/overview.md) or native `button` with custom styling.
 - Observe the state with the help of `@opened-changed` event.
 - `show()` and `hide()` are helper methods to hide or show the content from outside.
 

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

@@ -1,5 +1,5 @@
 ---
-title: 'Collapsible: Use Cases'
+title: 'Use Cases'
 parts:
   - Collapsible
   - Use Cases
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Use Cases
 ---
 
-# Collapsible: Use Cases
+# Use Cases
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/combobox/api-table.md

@@ -20,8 +20,10 @@ eleventyNavigation:
 | ---------------------------- | --------- | ---------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
 | `allowCustomChoice`          | public    | `boolean`                          |          |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
 | `autocomplete`               | public    | `'none'\|'list'\|'inline'\|'both'` | `'both'` | When "list", will filter listbox suggestions based on textbox value.
When "both", an inline completion string will be added to the textbox as well.                                                                                                                                                                                                                                                              |                |
+| `config`                     | public    | `Partial<OverlayConfig>`           | `{}`     | Configure the many options of the \`OverlayController\`                                                                                                                                                                                                                                                                                                                                                              | OverlayMixin   |
 | `matchMode`                  | public    | `'begin'\|'all'`                   | `'all'`  | When typing in the textbox, will by default be set on 'begin',&#xA;only matching the beginning part in suggestion list.&#xA;=> 'a' will match 'apple' from \['apple', 'pear', 'citrus'].&#xA;When set to 'all', will match middle of the word as well&#xA;=> 'a' will match 'apple' and 'pear'                                                                                                                       |                |
 | `modelValue`                 | public    |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
+| `opened`                     | public    | `boolean`                          | `false`  | If you add the opened attribute a dialog will be opened on page load. The invoker can be left out&#xA;in case the user does not need to be able to reopen the dialog.                                                                                                                                                                                                                                                | OverlayMixin   |
 | `requireOptionMatch`         | public    | `boolean`                          | `true`   | If set to false, the value is allowed to not match any of the options.&#xA;We set the default to true for backwards compatibility                                                                                                                                                                                                                                                                                    |                |
 | `rotateKeyboardNavigation`   | public    | `boolean`                          | `true`   |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
 | `selectionFollowsFocus`      | public    | `boolean`                          | `true`   |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
@@ -37,55 +39,66 @@ eleventyNavigation:
 | `_listboxNode`               | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
 | `_listboxReceivesNoFocus`    | protected | `boolean`                          | `true`   |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
 | `_noTypeAhead`               | protected | `boolean`                          | `true`   |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
-| `_overlayContentNode`        | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
-| `_overlayInvokerNode`        | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
-| `_overlayReferenceNode`      | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
+| `_overlayBackdropNode`       | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      | OverlayMixin   |
+| `_overlayContentNode`        | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      | OverlayMixin   |
+| `_overlayContentWrapperNode` | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      | OverlayMixin   |
+| `_overlayInvokerNode`        | protected |                                    |          | The node that opens/closes this overlay.&#xA;&#xA;Resolved in a stable, declarative way (independent of the exact DOM order)&#xA;by looking, in order, for:&#xA;1\. a child with \`\[slot="invoker"]\`&#xA;2\. any element in the same root that opts in via \`\[data-invoker]\` and&#xA;   references this host by id (\`for="\<id>"\`)&#xA;3\. a preceding sibling that opts in via \`\[data-invoker]\`            | OverlayMixin   |
+| `_overlayReferenceNode`      | protected |                                    |          |                                                                                                                                                                                                                                                                                                                                                                                                                      | OverlayMixin   |
 | `_selectionDisplayNode`      | protected | `SelectionDisplay \| null`         |          |                                                                                                                                                                                                                                                                                                                                                                                                                      |                |
 
 ### Methods
 
-| Name                          | Privacy   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Parameters                                                                                          | Return    | Inherited From |
-| ----------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | --------- | -------------- |
-| `clear`                       | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `matchCondition`              | public    | When the preconfigurable \`match-mode\` conditions are not sufficient,&#xA;one can define a custom matching function.                                                                                                                                                                                                                                                                                                                                                                                                                 | `option: LionOption, textboxValue: string`                                                          |           |                |
-| `parser`                      | public    | Converts viewValue to modelValue                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `value: string\|string[]`                                                                           | `*`       |                |
-| `reset`                       | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_autoSelectCondition`        | protected | When this condition is false, an end user will have to manually select a suggested&#xA;option from the list (by default when autocomplete is 'none' or 'list').&#xA;For autocomplete 'both' or 'inline', it will automatically select on a match.                                                                                                                                                                                                                                                                                     |                                                                                                     |           |                |
-| `_defineOverlayConfig`        | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_enhanceLightDomClasses`     | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_getTextboxValueFromOption`  | protected | Return the value to be used for the input value                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: LionOption`                                                                                | `string`  |                |
-| `_groupTwoTemplate`           | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_handleAutocompletion`       | protected | Handles autocompletion. This entails:&#xA;- list: shows a list on keydown character press&#xA;- filter: filters list of potential matches according to matchmode or provided matchCondition&#xA;- focus: automatically focuses closest match (makes it the activedescendant)&#xA;- check: automatically checks/selects closest match when selection-follows-focus is enabled&#xA;(this is the default configuration)&#xA;- complete: completes the textbox value inline (the 'missing characters' will be added as&#xA;selected text) |                                                                                                     |           |                |
-| `_highlightMatchedOption`     | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: Element, matchingString: string`                                                           |           |                |
-| `_inputGroupInputTemplate`    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_listboxOnClick`             | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: MouseEvent`                                                                                    |           |                |
-| `_listboxOnKeyDown`           | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: KeyboardEvent`                                                                                 |           |                |
-| `_onFilterMatch`              | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: LionOption & {__originalInnerHTML?:string}, matchingString: string`                        |           |                |
-| `_onFilterUnmatch`            | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: LionOption & {__originalInnerHTML?:string}, curValue: string, prevValue: string`           |           |                |
-| `_onKeyUp`                    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: KeyboardEvent`                                                                                 |           |                |
-| `_onListboxContentChanged`    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_overlayListboxTemplate`     | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_repropagationCondition`     | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `target: FormControlHost`                                                                           |           |                |
-| `_resetListboxOptions`        | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_setTextboxValue`            | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `v: string`                                                                                         |           |                |
-| `_setupListboxNode`           | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_setupOpenCloseListeners`    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_setupOverlayCtrl`           | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_showOverlayCondition`       | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `{ lastKey }, options: { currentValue?: string, lastKey?: string }`                                 | `boolean` |                |
-| `_syncToTextboxCondition`     | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `modelValue: string\|string[], oldModelValue: string\|string[], { phase }, config: {phase?:string}` |           |                |
-| `_syncToTextboxMultiple`      | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `modelValue: string[], oldModelValue: string[]`                                                     |           |                |
-| `_teardownOpenCloseListeners` | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_teardownOverlayCtrl`        | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                     |           |                |
-| `_textboxOnClick`             | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: FocusEvent`                                                                                    |           |                |
-| `_textboxOnInput`             | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: Event`                                                                                         |           |                |
-| `_textboxOnKeydown`           | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: KeyboardEvent`                                                                                 |           |                |
-| `_unhighlightMatchedOption`   | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: Element`                                                                                   |           |                |
+| Name                               | Privacy   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Parameters                                                                                                   | Return              | Inherited From |
+| ---------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------- | -------------- |
+| `clear`                            | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `close`                            | public    | Hides the overlay                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |                                                                                                              |                     | OverlayMixin   |
+| `matchCondition`                   | public    | When the preconfigurable \`match-mode\` conditions are not sufficient,&#xA;one can define a custom matching function.                                                                                                                                                                                                                                                                                                                                                                                                                 | `option: LionOption, textboxValue: string`                                                                   |                     |                |
+| `open`                             | public    | Shows the overlay                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |                                                                                                              |                     | OverlayMixin   |
+| `parser`                           | public    | Converts viewValue to modelValue                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `value: string\|string[]`                                                                                    | `*`                 |                |
+| `repositionOverlay`                | public    | Sometimes it's needed to recompute Popper position of an overlay, for instance when we have&#xA;an opened combobox and the surrounding context changes (the space consumed by the textbox&#xA;increases vertically)                                                                                                                                                                                                                                                                                                                   |                                                                                                              |                     | OverlayMixin   |
+| `reset`                            | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `toggle`                           | public    | Toggles the overlay                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |                                                                                                              |                     | OverlayMixin   |
+| `_autoSelectCondition`             | protected | When this condition is false, an end user will have to manually select a suggested&#xA;option from the list (by default when autocomplete is 'none' or 'list').&#xA;For autocomplete 'both' or 'inline', it will automatically select on a match.                                                                                                                                                                                                                                                                                     |                                                                                                              |                     |                |
+| `_defineOverlay`                   | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `{ contentNode, invokerNode, referenceNode, backdropNode, contentWrapperNode }, config: DefineOverlayConfig` | `OverlayController` | OverlayMixin   |
+| `_defineOverlayConfig`             | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              | `OverlayConfig`     | OverlayMixin   |
+| `_enhanceLightDomClasses`          | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `_getInvokerNode`                  | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              | `Element\|null`     | OverlayMixin   |
+| `_getTextboxValueFromOption`       | protected | Return the value to be used for the input value                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: LionOption`                                                                                         | `string`            |                |
+| `_groupTwoTemplate`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `_handleAutocompletion`            | protected | Handles autocompletion. This entails:&#xA;- list: shows a list on keydown character press&#xA;- filter: filters list of potential matches according to matchmode or provided matchCondition&#xA;- focus: automatically focuses closest match (makes it the activedescendant)&#xA;- check: automatically checks/selects closest match when selection-follows-focus is enabled&#xA;(this is the default configuration)&#xA;- complete: completes the textbox value inline (the 'missing characters' will be added as&#xA;selected text) |                                                                                                              |                     |                |
+| `_highlightMatchedOption`          | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: Element, matchingString: string`                                                                    |                     |                |
+| `_inputGroupInputTemplate`         | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `_isPermanentlyDisconnected`       | protected | When we're moving around in dom, disconnectedCallback gets called.&#xA;Before we decide to teardown, let's wait to see if we were not just moving nodes around.                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              | `Promise<boolean>`  | OverlayMixin   |
+| `_listboxOnClick`                  | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: MouseEvent`                                                                                             |                     |                |
+| `_listboxOnKeyDown`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: KeyboardEvent`                                                                                          |                     |                |
+| `_onFilterMatch`                   | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: LionOption & {__originalInnerHTML?:string}, matchingString: string`                                 |                     |                |
+| `_onFilterUnmatch`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: LionOption & {__originalInnerHTML?:string}, curValue: string, prevValue: string`                    |                     |                |
+| `_onKeyUp`                         | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: KeyboardEvent`                                                                                          |                     |                |
+| `_onListboxContentChanged`         | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `_overlayListboxTemplate`          | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `_repropagationCondition`          | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `target: FormControlHost`                                                                                    |                     |                |
+| `_resetListboxOptions`             | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `_setOpenedWithoutPropertyEffects` | protected | When the opened state is changed by an Application Developer,cthe OverlayController is&#xA;requested to show/hide. It might happen that this request is not honoured&#xA;(intercepted in before-hide for instance), so that we need to sync the controller state&#xA;to this webcomponent again, preventing eternal loops.                                                                                                                                                                                                            | `newOpened: boolean`                                                                                         |                     | OverlayMixin   |
+| `_setTextboxValue`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `v: string`                                                                                                  |                     |                |
+| `_setupListboxNode`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     |                |
+| `_setupOpenCloseListeners`         | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     | OverlayMixin   |
+| `_setupOverlayCtrl`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     | OverlayMixin   |
+| `_showOverlayCondition`            | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `{ lastKey }, options: { currentValue?: string, lastKey?: string }`                                          | `boolean`           |                |
+| `_syncToTextboxCondition`          | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `modelValue: string\|string[], oldModelValue: string\|string[], { phase }, config: {phase?:string}`          |                     |                |
+| `_syncToTextboxMultiple`           | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `modelValue: string[], oldModelValue: string[]`                                                              |                     |                |
+| `_teardownOpenCloseListeners`      | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     | OverlayMixin   |
+| `_teardownOverlayCtrl`             | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                                                                                                              |                     | OverlayMixin   |
+| `_textboxOnClick`                  | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: FocusEvent`                                                                                             |                     |                |
+| `_textboxOnInput`                  | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: Event`                                                                                                  |                     |                |
+| `_textboxOnKeydown`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `ev: KeyboardEvent`                                                                                          |                     |                |
+| `_unhighlightMatchedOption`        | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `option: Element`                                                                                            |                     |                |
 
 ### Events
 
 | Name                  | Type          | Description | Inherited From |
 | --------------------- | ------------- | ----------- | -------------- |
 | `model-value-changed` | `CustomEvent` |             |                |
+| `opened-changed`      | `CustomEvent` |             | OverlayMixin   |
 
 ### Attributes
 
@@ -97,6 +110,7 @@ eleventyNavigation:
 | `requireOptionMatch`             | requireOptionMatch               |                |
 | `allow-custom-choice`            | allowCustomChoice                |                |
 | `__shouldAutocompleteNextUpdate` | \_\_shouldAutocompleteNextUpdate |                |
+| `opened`                         | opened                           | OverlayMixin   |
 
 ### Slots
 

package/docs/components/combobox/extensions.md

@@ -1,5 +1,5 @@
 ---
-title: 'Combobox: Extensions'
+title: 'Extensions'
 parts:
   - Combobox
   - Extensions
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Extensions
 ---
 
-# Combobox: Extensions
+# Extensions
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/combobox/overview.md

@@ -1,5 +1,5 @@
 ---
-title: 'Combobox: Overview'
+title: 'Overview'
 parts:
   - Combobox
   - Overview
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Overview
 ---
 
-# Combobox: Overview
+# Overview
 
 A combobox is a widget made up of the combination of two distinct elements:
 
@@ -46,7 +46,7 @@ export const main = () => html`
 `;
 ```
 
-[...show more](https://github.com/ing-bank/lion/blob/1e44a873eb492168e7e3d2f5c120371d950b9e03/docs/components/combobox/extensions.md)
+[...show more](https://github.com/ing-bank/lion/blob/bc7530702f41df90a4ca3059cfb9edb08e27f742/docs/components/combobox/extensions.md)
 
 ## Features
 

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

@@ -1,5 +1,5 @@
 ---
-title: 'Combobox: Use Cases'
+title: 'Use Cases'
 parts:
   - Combobox
   - Use Cases
@@ -10,7 +10,7 @@ eleventyNavigation:
   title: Use Cases
 ---
 
-# Combobox: Use Cases
+# Use Cases
 
 A combobox is a widget made up of the combination of two distinct elements:
 
@@ -558,4 +558,4 @@ export const complexObjectChoiceValue = () =>
 ## Listbox compatibility
 
 All configurations that can be applied to `lion-listbox`, can be applied to `lion-combobox` as well.
-See the [listbox documentation](https://github.com/ing-bank/lion/blob/1e44a873eb492168e7e3d2f5c120371d950b9e03/docs/components/listbox/overview.md) for more information.
+See the [listbox documentation](https://github.com/ing-bank/lion/blob/bc7530702f41df90a4ca3059cfb9edb08e27f742/docs/components/listbox/overview.md) for more information.