@lion/ui 0.11.0 → 0.11.2

package/docs/components/listbox/index.md

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

package/docs/components/listbox/overview.md

@@ -1,4 +1,16 @@
-# Listbox >> Overview ||10
+---
+parts:
+  - Listbox
+  - Overview
+title: 'Listbox: Overview'
+eleventyNavigation:
+  key: 'Listbox: Overview'
+  order: 10
+  parent: Listbox
+  title: Overview
+---
+
+# Listbox: Overview
 
 A widget that presents a list of options and allows a user to select one or more of them.
 A listbox that allows a single option to be chosen is a `single-select listbox`; one that allows

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

@@ -1,4 +1,16 @@
-# Listbox >> Use Cases ||20
+---
+parts:
+  - Listbox
+  - Use Cases
+title: 'Listbox: Use Cases'
+eleventyNavigation:
+  key: 'Listbox: Use Cases'
+  order: 20
+  parent: Listbox
+  title: Use Cases
+---
+
+# Listbox: Use Cases
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';
@@ -139,4 +151,4 @@ Navigation will skip over disabled options. Let's disable Artichoke and Brussel
 
 ## Validation
 
-A validator can be used to make it e.g. `required`. If you want to know how to do that, please take a look at our [validation examples](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/validate.md).
+A validator can be used to make it e.g. `required`. If you want to know how to do that, please take a look at our [validation examples](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/validate.md).

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

@@ -1,4 +1,16 @@
-# Pagination >> API Table ||90 
+---
+parts:
+  - API Table
+  - Pagination
+title: 'Pagination: API Table'
+eleventyNavigation:
+  key: API Table >> Pagination
+  title: API Table
+  order: 90
+  parent: Pagination
+---
+# Pagination: API Table
+ 
 
 ## class: `LionPagination`, `lion-pagination`
 
@@ -6,21 +18,21 @@
 
 | Name      | Privacy | Type     | Default | Description | Inherited From |
 | --------- | ------- | -------- | ------- | ----------- | -------------- |
-| `current` | public  | `number` | `1`     |             |                |
 | `count`   | public  | `number` | `0`     |             |                |
+| `current` | public  | `number` | `1`     |             |                |
 
 ### Methods
 
 | Name                      | Privacy   | Description                                                                                                      | Parameters                                             | Return             | Inherited From |
 | ------------------------- | --------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ------------------ | -------------- |
-| `next`                    | public    | Go next in pagination                                                                                            |                                                        |                    |                |
 | `first`                   | public    | Go to first page                                                                                                 |                                                        |                    |                |
-| `last`                    | public    | Go to the last page                                                                                              |                                                        |                    |                |
 | `goto`                    | public    | Go to the specific page                                                                                          | `pageNumber: number`                                   |                    |                |
+| `last`                    | public    | Go to the last page                                                                                              |                                                        |                    |                |
+| `next`                    | public    | Go next in pagination                                                                                            |                                                        |                    |                |
 | `previous`                | public    | Go back in pagination                                                                                            |                                                        |                    |                |
-| `_prevNextIconTemplate`   | protected | Get previous or next button template.
This method can be overridden to apply customized template in wrapper. | `label: String`                                        | `TemplateResult`   |                |
-| `_prevNextButtonTemplate` | protected | Get next or previous button template.
This method can be overridden to apply customized template in wrapper. | `label: String, pageNumber: Number, namespace: String` | `TemplateResult`   |                |
 | `_disabledButtonTemplate` | protected | Get disabled button template.
This method can be overridden to apply customized template in wrapper.         | `label: String`                                        | `TemplateResult`   |                |
+| `_prevNextButtonTemplate` | protected | Get next or previous button template.
This method can be overridden to apply customized template in wrapper. | `label: String, pageNumber: Number, namespace: String` | `TemplateResult`   |                |
+| `_prevNextIconTemplate`   | protected | Get previous or next button template.
This method can be overridden to apply customized template in wrapper. | `label: String`                                        | `TemplateResult`   |                |
 | `_renderNavList`          | protected | Render navigation list                                                                                           |                                                        | `TemplateResult[]` |                |
 
 ### Attributes

package/docs/components/pagination/index.md

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

package/docs/components/pagination/overview.md

@@ -1,4 +1,16 @@
-# Pagination >> Overview ||10
+---
+parts:
+  - Pagination
+  - Overview
+title: 'Pagination: Overview'
+eleventyNavigation:
+  key: 'Pagination: Overview'
+  order: 10
+  parent: Pagination
+  title: Overview
+---
+
+# Pagination: Overview
 
 A web component that handles pagination.
 

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

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

package/docs/components/progress-indicator/api-table.md

@@ -1,19 +1,30 @@
-# Progress Indicator >> API Table ||90 
+---
+parts:
+  - API Table
+  - Progress Indicator
+title: 'Progress Indicator: API Table'
+eleventyNavigation:
+  key: API Table >> Progress Indicator
+  title: API Table
+  order: 90
+  parent: Progress Indicator
+---
+# Progress Indicator: API Table
+ 
 
 ## class: `LionProgressIndicator`, `lion-progress-indicator`
 
 ### Fields
 
-| Name                   | Privacy   | Type      | Default | Description                                                                                                                                                              | Inherited From |
-| ---------------------- | --------- | --------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------- |
-| `indeterminate`        | public    | `boolean` |         |                                                                                                                                                                          |                |
-| `_progressPercentage`  | protected |           |         | In case of a determinate progress-indicator it returns the progress percentage
based on value, min & max.
Could be used for styling inside the \_graphicTemplate |                |
-| `value`                | public    | `number`  | `0`     |                                                                                                                                                                          |                |
-| `min`                  | public    | `number`  | `0`     |                                                                                                                                                                          |                |
-| `max`                  | public    | `number`  | `100`   |                                                                                                                                                                          |                |
-| `_ariaLabel`           | public    | `string`  | `''`    |                                                                                                                                                                          |                |
-| `_ariaLabelledby`      | public    | `string`  | `''`    |                                                                                                                                                                          |                |
-| `__hasDefaultLabelSet` | protected | `boolean` | `false` |                                                                                                                                                                          |                |
+| Name                  | Privacy   | Type      | Default | Description                                                                                                                                                              | Inherited From |
+| --------------------- | --------- | --------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------- |
+| `indeterminate`       | public    | `boolean` |         |                                                                                                                                                                          |                |
+| `max`                 | public    | `number`  | `100`   |                                                                                                                                                                          |                |
+| `min`                 | public    | `number`  | `0`     |                                                                                                                                                                          |                |
+| `value`               | public    | `number`  | `0`     |                                                                                                                                                                          |                |
+| `_ariaLabel`          | public    | `string`  | `''`    |                                                                                                                                                                          |                |
+| `_ariaLabelledby`     | public    | `string`  | `''`    |                                                                                                                                                                          |                |
+| `_progressPercentage` | protected |           |         | In case of a determinate progress-indicator it returns the progress percentage
based on value, min & max.
Could be used for styling inside the \_graphicTemplate |                |
 
 ### Methods
 

package/docs/components/progress-indicator/examples.md

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

package/docs/components/progress-indicator/index.md

@@ -1,3 +1,13 @@
-# Progress Indicator ||30
+---
+parts:
+  - Progress Indicator
+title: Progress Indicator
+eleventyNavigation:
+  key: Progress Indicator
+  order: 30
+  title: Progress Indicator
+---
+
+# Progress Indicator
 
 -> go to Overview

package/docs/components/progress-indicator/overview.md

@@ -1,4 +1,16 @@
-# Progress Indicator >> Overview ||10
+---
+parts:
+  - Progress Indicator
+  - Overview
+title: 'Progress Indicator: Overview'
+eleventyNavigation:
+  key: 'Progress Indicator: Overview'
+  order: 10
+  parent: Progress Indicator
+  title: Overview
+---
+
+# Progress Indicator: Overview
 
 A web component that implements accessibility requirements for progress indicators.