@lion/ui 0.11.0 → 0.11.2

package/docs/components/select-rich/examples.md

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

package/docs/components/select-rich/index.md

@@ -1,3 +1,13 @@
-# Select Rich ||40
+---
+parts:
+  - Select Rich
+title: Select Rich
+eleventyNavigation:
+  key: Select Rich
+  order: 40
+  title: Select Rich
+---
+
+# Select Rich
 
 -> go to Overview

package/docs/components/select-rich/overview.md

@@ -1,4 +1,16 @@
-# Select Rich >> Overview ||10
+---
+parts:
+  - Select Rich
+  - Overview
+title: 'Select Rich: Overview'
+eleventyNavigation:
+  key: 'Select Rich: Overview'
+  order: 10
+  parent: Select Rich
+  title: Overview
+---
+
+# Select Rich: Overview
 
 This web component is a 'rich' version of the native `<select>` element.
 It allows providing fully customized options and a fully customized invoker button and is meant to be used whenever the native `<select>` doesn't provide enough styling, theming or user interaction opportunities.

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

@@ -1,4 +1,16 @@
-# Select Rich >> Use Cases ||20
+---
+parts:
+  - Select Rich
+  - Use Cases
+title: 'Select Rich: Use Cases'
+eleventyNavigation:
+  key: 'Select Rich: Use Cases'
+  order: 20
+  parent: Select Rich
+  title: Use Cases
+---
+
+# Select Rich: Use Cases
 
 ```js script
 import { LitElement, html } from '@mdjs/mdjs-preview';
@@ -302,7 +314,7 @@ LionSelectRich will give it acces to:
 - LionSelectRich itself, via `.hostElement`
 
 Code of an advanced custom invoker is shown below (this is the code for the
-invoker used in [IntlSelectRich](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/select-rich/examples.md)).
+invoker used in [IntlSelectRich](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/select-rich/examples.md)).
 The invoker is usually added in the invoker slot of the LionSelectRich subclass.
 However, it would also be possible for an application developer to provide the invoker
 by putting it in light dom:

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

@@ -1,4 +1,16 @@
-# Steps >> API Table ||90 
+---
+parts:
+  - API Table
+  - Steps
+title: 'Steps: API Table'
+eleventyNavigation:
+  key: API Table >> Steps
+  title: API Table
+  order: 90
+  parent: Steps
+---
+# Steps: API Table
+ 
 
 ## class: `LionStep`, `lion-step`
 
@@ -6,11 +18,11 @@
 
 | Name              | Privacy | Type      | Default       | Description                                                                                                                                                                                                                     | Inherited From |
 | ----------------- | ------- | --------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| `status`          | public  | `string`  | `'untouched'` | Step status, one of: "untouched", "entered", "left", "skipped".                                                                                                                                                                 |                |
 | `condition`       | public  |           |               | The funtion which us run to check if this step can be transitioned to.
Takes lion-steps data as a first argument \`myConditionFunc(data)\`.                                                                                 |                |
-| `invertCondition` | public  | `boolean` | `false`       | Allows to invert condition function result.                                                                                                                                                                                     |                |
 | `forwardOnly`     | public  | `boolean` | `false`       | Allows transition to step only in forward direction. Skips it if transitioned back.
May be useful if the step is only showing some messages and does data loading and
then makes transition to next step automatically. |                |
 | `initialStep`     | public  | `boolean` | `false`       | If set this step will be the initially enabled step
There should be only ONE intial step in each steps                                                                                                                      |                |
+| `invertCondition` | public  | `boolean` | `false`       | Allows to invert condition function result.                                                                                                                                                                                     |                |
+| `status`          | public  | `string`  | `'untouched'` | Step status, one of: "untouched", "entered", "left", "skipped".                                                                                                                                                                 |                |
 
 ### Methods
 
@@ -18,8 +30,8 @@
 | ----------------- | ------- | ----------- | -------------- | ------ | -------------- |
 | `enter`           | public  |             |                |        |                |
 | `leave`           | public  |             |                |        |                |
-| `skip`            | public  |             |                |        |                |
 | `passesCondition` | public  |             | `data: Object` |        |                |
+| `skip`            | public  |             |                |        |                |
 
 ### Events
 
@@ -47,10 +59,10 @@
 
 | Name                   | Privacy   | Type                 | Default | Description                                                                                                                 | Inherited From |
 | ---------------------- | --------- | -------------------- | ------- | --------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| `steps`                | public    |                      |         |                                                                                                                             |                |
+| `current`              | public    | `number`             | `0`     | Number of the current entered step.                                                                                         |                |
 | `data`                 | public    | `{[key: string]: ?}` | `{}`    | Storage for data gathered across different steps.
Data is passed into each step condition function as a first argument. |                |
+| `steps`                | public    |                      |         |                                                                                                                             |                |
 | `_internalCurrentSync` | protected | `boolean`            | `true`  |                                                                                                                             |                |
-| `current`              | public    | `number`             | `0`     | Number of the current entered step.                                                                                         |                |
 | `_max`                 | protected | `number`             | `0`     |                                                                                                                             |                |
 
 ### Methods
@@ -59,9 +71,9 @@
 | -------------------------- | --------- | ----------- | -------------------------------------------------------------------------------------------- | ------ | -------------- |
 | `next`                     | public    |             |                                                                                              |        |                |
 | `previous`                 | public    |             |                                                                                              |        |                |
-| `_goTo`                    | protected |             | `newCurrent: number, oldCurrent: number`                                                     |        |                |
 | `_changeStep`              | protected |             | `newCurrent: number, oldCurrent: number`                                                     |        |                |
 | `_dispatchTransitionEvent` | protected |             | `fromStep: {number: number, element: LionStep}, toStep: {number: number, element: LionStep}` |        |                |
+| `_goTo`                    | protected |             | `newCurrent: number, oldCurrent: number`                                                     |        |                |
 | `_onCurrentChanged`        | protected |             | `newValues: {current: number}, oldValues: {current: number}`                                 |        |                |
 
 ### Events

package/docs/components/steps/index.md

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

package/docs/components/steps/overview.md

@@ -1,4 +1,16 @@
-# Steps >> Overview ||10
+---
+parts:
+  - Steps
+  - Overview
+title: 'Steps: Overview'
+eleventyNavigation:
+  key: 'Steps: Overview'
+  order: 10
+  parent: Steps
+  title: Overview
+---
+
+# Steps: Overview
 
 A web component that can be used to break a single goal down into dependable sub-tasks.
 

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

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