@lion/ui 0.11.0 → 0.11.2

package/docs/components/combobox/extensions.md

@@ -1,4 +1,16 @@
-# Combobox >> Extensions ||30
+---
+parts:
+  - Combobox
+  - Extensions
+title: 'Combobox: Extensions'
+eleventyNavigation:
+  key: 'Combobox: Extensions'
+  order: 30
+  parent: Combobox
+  title: Extensions
+---
+
+# Combobox: Extensions
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/combobox/index.md

@@ -1,3 +1,13 @@
-# Combobox ||10
+---
+parts:
+  - Combobox
+title: Combobox
+eleventyNavigation:
+  key: Combobox
+  order: 10
+  title: Combobox
+---
+
+# Combobox
 
 -> go to Overview

package/docs/components/combobox/overview.md

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

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

@@ -1,4 +1,16 @@
-# Combobox >> Use Cases ||20
+---
+parts:
+  - Combobox
+  - Use Cases
+title: 'Combobox: Use Cases'
+eleventyNavigation:
+  key: 'Combobox: Use Cases'
+  order: 20
+  parent: Combobox
+  title: Use Cases
+---
+
+# Combobox: Use Cases
 
 A combobox is a widget made up of the combination of two distinct elements:
 
@@ -457,4 +469,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/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/listbox/overview.md) for more information.
+See the [listbox documentation](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/listbox/overview.md) for more information.

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

@@ -1,4 +1,16 @@
-# Dialog >> API Table ||90 
+---
+parts:
+  - API Table
+  - Dialog
+title: 'Dialog: API Table'
+eleventyNavigation:
+  key: API Table >> Dialog
+  title: API Table
+  order: 90
+  parent: Dialog
+---
+# Dialog: API Table
+ 
 
 ## class: `LionDialog`, `lion-dialog`
 
@@ -6,31 +18,31 @@
 
 | Name                         | Privacy   | Type                     | Default | Description                                                                                                                                                           | Inherited From |
 | ---------------------------- | --------- | ------------------------ | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| `isAlertDialog`              | public    | `boolean`                | `false` |                                                                                                                                                                       |                |
 | `config`                     | public    | `Partial<OverlayConfig>` | `{}`    | Configure the many options of the \`OverlayController\`                                                                                                               | OverlayMixin   |
-| `_overlayInvokerNode`        | protected |                          |         |                                                                                                                                                                       | OverlayMixin   |
-| `_overlayReferenceNode`      | protected |                          |         |                                                                                                                                                                       | OverlayMixin   |
+| `isAlertDialog`              | public    | `boolean`                | `false` |                                                                                                                                                                       |                |
+| `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   |
 | `_overlayBackdropNode`       | protected |                          |         |                                                                                                                                                                       | OverlayMixin   |
 | `_overlayContentNode`        | protected |                          |         |                                                                                                                                                                       | OverlayMixin   |
 | `_overlayContentWrapperNode` | protected |                          |         |                                                                                                                                                                       | OverlayMixin   |
-| `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   |
+| `_overlayInvokerNode`        | protected |                          |         |                                                                                                                                                                       | OverlayMixin   |
+| `_overlayReferenceNode`      | protected |                          |         |                                                                                                                                                                       | OverlayMixin   |
 
 ### Methods
 
 | Name                               | Privacy   | Description                                                                                                                                                                                                                                                                                                                | Parameters                                                                                                   | Return              | Inherited From |
 | ---------------------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------- | -------------- |
-| `_defineOverlayConfig`             | protected |                                                                                                                                                                                                                                                                                                                            |                                                                                                              | `OverlayConfig`     | OverlayMixin   |
+| `close`                            | public    | Hides the overlay                                                                                                                                                                                                                                                                                                          |                                                                                                              |                     | OverlayMixin   |
+| `open`                             | public    | Shows the overlay                                                                                                                                                                                                                                                                                                          |                                                                                                              |                     | OverlayMixin   |
+| `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   |
+| `toggle`                           | public    | Toggles the overlay                                                                                                                                                                                                                                                                                                        |                                                                                                              |                     | OverlayMixin   |
 | `_defineOverlay`                   | protected |                                                                                                                                                                                                                                                                                                                            | `{ contentNode, invokerNode, referenceNode, backdropNode, contentWrapperNode }, config: DefineOverlayConfig` | `OverlayController` | OverlayMixin   |
+| `_defineOverlayConfig`             | protected |                                                                                                                                                                                                                                                                                                                            |                                                                                                              | `OverlayConfig`     | OverlayMixin   |
+| `_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   |
+| `_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   |
 | `_setupOpenCloseListeners`         | protected |                                                                                                                                                                                                                                                                                                                            |                                                                                                              |                     | OverlayMixin   |
-| `_teardownOpenCloseListeners`      | protected |                                                                                                                                                                                                                                                                                                                            |                                                                                                              |                     | OverlayMixin   |
 | `_setupOverlayCtrl`                | protected |                                                                                                                                                                                                                                                                                                                            |                                                                                                              |                     | OverlayMixin   |
+| `_teardownOpenCloseListeners`      | protected |                                                                                                                                                                                                                                                                                                                            |                                                                                                              |                     | OverlayMixin   |
 | `_teardownOverlayCtrl`             | protected |                                                                                                                                                                                                                                                                                                                            |                                                                                                              |                     | OverlayMixin   |
-| `_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   |
-| `toggle`                           | public    | Toggles the overlay                                                                                                                                                                                                                                                                                                        |                                                                                                              |                     | OverlayMixin   |
-| `open`                             | public    | Shows the overlay                                                                                                                                                                                                                                                                                                          |                                                                                                              |                     | OverlayMixin   |
-| `close`                            | public    | Hides the overlay                                                                                                                                                                                                                                                                                                          |                                                                                                              |                     | OverlayMixin   |
-| `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   |
-| `_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   |
 
 ### Events
 

package/docs/components/dialog/index.md

@@ -1,3 +1,13 @@
-# Dialog ||20
+---
+parts:
+  - Dialog
+title: Dialog
+eleventyNavigation:
+  key: Dialog
+  order: 20
+  title: Dialog
+---
+
+# Dialog
 
 -> go to Overview

package/docs/components/dialog/overview.md

@@ -1,4 +1,16 @@
-# Dialog >> Overview ||10
+---
+parts:
+  - Dialog
+  - Overview
+title: 'Dialog: Overview'
+eleventyNavigation:
+  key: 'Dialog: Overview'
+  order: 10
+  parent: Dialog
+  title: Overview
+---
+
+# Dialog: Overview
 
 A web component that wraps a modal dialog controller.
 Its purpose is to make it easy to use our Overlay System declaratively.
@@ -54,6 +66,6 @@ import '@lion/ui/define/lion-dialog.js';
 ## Changing the configuration
 
 You can use the `.config` property on the dialog to change the configuration.
-The documentation of the full config object can be found in the `overlays` folder or here in [Overlay System - Configuration](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/overlays/configuration.md).
+The documentation of the full config object can be found in the `overlays` folder or here in [Overlay System - Configuration](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/overlays/configuration.md).
 
 The `config` property uses a setter to merge the passed configuration with the current, so you only **overwrite what you pass** when updating `config`.

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

@@ -1,4 +1,16 @@
-# Dialog >> Use Cases ||20
+---
+parts:
+  - Dialog
+  - Use Cases
+title: 'Dialog: Use Cases'
+eleventyNavigation:
+  key: 'Dialog: Use Cases'
+  order: 20
+  parent: Dialog
+  title: Use Cases
+---
+
+# Dialog: Use Cases
 
 `lion-dialog` is a component wrapping a modal dialog controller.
 Its purpose is to make it easy to use our Overlay System declaratively.

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

@@ -1,4 +1,16 @@
-# Drawer >> API Table ||90 
+---
+parts:
+  - API Table
+  - Drawer
+title: 'Drawer: API Table'
+eleventyNavigation:
+  key: API Table >> Drawer
+  title: API Table
+  order: 90
+  parent: Drawer
+---
+# Drawer: API Table
+ 
 
 ## class: `LionDrawer`, `lion-drawer`
 
@@ -6,27 +18,26 @@
 
 | Name             | Privacy   | Type      | Default | Description                                                                  | Inherited From  |
 | ---------------- | --------- | --------- | ------- | ---------------------------------------------------------------------------- | --------------- |
+| `opened`         | public    | `boolean` | `false` |                                                                              | LionCollapsible |
 | `position`       | public    | `string`  |         | Setter for position property, available values are 'top', 'left' and 'right' |                 |
-| `_contentWidth`  | protected |           |         |                                                                              |                 |
-| `_contentHeight` | protected |           |         |                                                                              | LionCollapsible |
 | `transitioning`  | public    | `boolean` |         |                                                                              |                 |
-| `opened`         | public    | `boolean` | `false` |                                                                              | LionCollapsible |
-| `_invokerNode`   | protected |           |         |                                                                              | LionCollapsible |
+| `_contentHeight` | protected |           |         |                                                                              | LionCollapsible |
 | `_contentNode`   | protected |           |         |                                                                              | LionCollapsible |
+| `_contentWidth`  | protected |           |         |                                                                              |                 |
+| `_invokerNode`   | protected |           |         |                                                                              | LionCollapsible |
 
 ### Methods
 
 | Name                 | Privacy   | Description                                                    | Parameters                                                                 | Return          | Inherited From  |
 | -------------------- | --------- | -------------------------------------------------------------- | -------------------------------------------------------------------------- | --------------- | --------------- |
-| `__setBoundaries`    | protected |                                                                |                                                                            |                 |                 |
-| `_showAnimation`     | protected | Trigger show animation and wait for transition to be finished. | `{ contentNode }, options: @param {HTMLElement} options.contentNode    * ` |                 | LionCollapsible |
+| `hide`               | public    | Hide extra content.                                            |                                                                            |                 | LionCollapsible |
+| `show`               | public    | Show extra content.                                            |                                                                            |                 | LionCollapsible |
+| `toggle`             | public    | Toggle the current(opened/closed) state.                       |                                                                            |                 | LionCollapsible |
 | `_hideAnimation`     | protected | Trigger hide animation and wait for transition to be finished. | `{ contentNode }, options: @param {HTMLElement} options.contentNode    * ` |                 | LionCollapsible |
-| `_waitForTransition` | protected | Wait until the transition event is finished.                   | `{ contentNode }, options: @param {HTMLElement} options.contentNode    * ` | `Promise<void>` |                 |
 | `_openedChanged`     | protected |                                                                |                                                                            |                 |                 |
+| `_showAnimation`     | protected | Trigger show animation and wait for transition to be finished. | `{ contentNode }, options: @param {HTMLElement} options.contentNode    * ` |                 | LionCollapsible |
 | `_updateContentSize` | protected |                                                                |                                                                            |                 |                 |
-| `show`               | public    | Show extra content.                                            |                                                                            |                 | LionCollapsible |
-| `hide`               | public    | Hide extra content.                                            |                                                                            |                 | LionCollapsible |
-| `toggle`             | public    | Toggle the current(opened/closed) state.                       |                                                                            |                 | LionCollapsible |
+| `_waitForTransition` | protected | Wait until the transition event is finished.                   | `{ contentNode }, options: @param {HTMLElement} options.contentNode    * ` | `Promise<void>` |                 |
 
 ### Events
 

package/docs/components/drawer/index.md

@@ -1,3 +1,13 @@
-# Drawer ||20
+---
+parts:
+  - Drawer
+title: Drawer
+eleventyNavigation:
+  key: Drawer
+  order: 20
+  title: Drawer
+---
+
+# Drawer
 
 -> go to Overview

package/docs/components/drawer/overview.md

@@ -1,4 +1,16 @@
-# Drawer >> Overview ||10
+---
+parts:
+  - Drawer
+  - Overview
+title: 'Drawer: Overview'
+eleventyNavigation:
+  key: 'Drawer: Overview'
+  order: 10
+  parent: Drawer
+  title: Overview
+---
+
+# Drawer: 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.

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

@@ -1,4 +1,16 @@
-# Drawer >> Use Cases ||20
+---
+parts:
+  - Drawer
+  - Use Cases
+title: 'Drawer: Use Cases'
+eleventyNavigation:
+  key: 'Drawer: Use Cases'
+  order: 20
+  parent: Drawer
+  title: Use Cases
+---
+
+# Drawer: Use Cases
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';