@lion/ui 0.11.0 → 0.11.2

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

@@ -1,4 +1,16 @@
-# Accordion >> API Table ||90 
+---
+parts:
+  - API Table
+  - Accordion
+title: 'Accordion: API Table'
+eleventyNavigation:
+  key: API Table >> Accordion
+  title: API Table
+  order: 90
+  parent: Accordion
+---
+# Accordion: API Table
+ 
 
 ## class: `LionAccordion`, `lion-accordion`
 
@@ -6,21 +18,21 @@
 
 | Name           | Privacy | Type      | Default | Description                                                            | Inherited From |
 | -------------- | ------- | --------- | ------- | ---------------------------------------------------------------------- | -------------- |
-| `focusedIndex` | public  | `number`  |         | index number of the focused accordion                                  |                |
-| `expanded`     | public  | `array`   |         | array of indices of the expanded accordions                            |                |
 | `exclusive`    | public  | `boolean` | `false` | exclusive property allows only one accordion slot to be open at a time |                |
+| `expanded`     | public  | `array`   |         | array of indices of the expanded accordions                            |                |
+| `focusedIndex` | public  | `number`  |         | index number of the focused accordion                                  |                |
 
 ### Methods
 
 | Name              | Privacy   | Description | Parameters          | Return | Inherited From |
 | ----------------- | --------- | ----------- | ------------------- | ------ | -------------- |
-| `_setupContent`   | protected |             | `entry: StoreEntry` |        |                |
-| `_setupInvoker`   | protected |             | `entry: StoreEntry` |        |                |
 | `_cleanInvoker`   | protected |             | `entry: StoreEntry` |        |                |
-| `_focusInvoker`   | protected |             | `entry: StoreEntry` |        |                |
-| `_unfocusInvoker` | protected |             | `entry: StoreEntry` |        |                |
 | `_collapse`       | protected |             | `entry: StoreEntry` |        |                |
 | `_expand`         | protected |             | `entry: StoreEntry` |        |                |
+| `_focusInvoker`   | protected |             | `entry: StoreEntry` |        |                |
+| `_setupContent`   | protected |             | `entry: StoreEntry` |        |                |
+| `_setupInvoker`   | protected |             | `entry: StoreEntry` |        |                |
+| `_unfocusInvoker` | protected |             | `entry: StoreEntry` |        |                |
 
 ### Attributes
 

package/docs/components/accordion/index.md

@@ -1,3 +1,13 @@
+---
+parts:
+  - Accordion
+title: Accordion
+eleventyNavigation:
+  key: Accordion
+  order: 0
+  title: Accordion
+---
+
 # Accordion
 
 -> go to Overview

package/docs/components/accordion/overview.md

@@ -1,4 +1,16 @@
-# Accordion >> Overview ||10
+---
+parts:
+  - Accordion
+  - Overview
+title: 'Accordion: Overview'
+eleventyNavigation:
+  key: 'Accordion: Overview'
+  order: 10
+  parent: Accordion
+  title: Overview
+---
+
+# Accordion: 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,4 +1,16 @@
-# Accordion >> Reference ||30
+---
+parts:
+  - Accordion
+  - Reference
+title: 'Accordion: Reference'
+eleventyNavigation:
+  key: 'Accordion: Reference'
+  order: 30
+  parent: Accordion
+  title: Reference
+---
+
+# Accordion: Reference
 
 <p class="lion-paragraph--emphasis">Everything you need to re-use the accordion.</p>
 

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

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

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

@@ -1,4 +1,16 @@
-# Button >> API Table ||90 
+---
+parts:
+  - API Table
+  - Button
+title: 'Button: API Table'
+eleventyNavigation:
+  key: API Table >> Button
+  title: API Table
+  order: 90
+  parent: Button
+---
+# Button: API Table
+ 
 
 ## class: `LionButton`, `lion-button`
 
@@ -6,20 +18,20 @@
 
 | Name                     | Privacy   | Type      | Default    | Description | Inherited From            |
 | ------------------------ | --------- | --------- | ---------- | ----------- | ------------------------- |
-| `type`                   | public    | `string`  | `'button'` |             |                           |
 | `active`                 | public    | `boolean` | `false`    |             |                           |
-| `_buttonId`              | protected |           |            |             |                           |
+| `disabled`               | public    | `boolean` | `false`    |             | DisabledMixin             |
 | `tabIndex`               | public    | `number`  |            |             | DisabledWithTabIndexMixin |
+| `type`                   | public    | `string`  | `'button'` |             |                           |
+| `_buttonId`              | protected |           |            |             |                           |
 | `_requestedToBeDisabled` | protected | `boolean` | `false`    |             | DisabledMixin             |
-| `disabled`               | public    | `boolean` | `false`    |             | DisabledMixin             |
 
 ### Methods
 
 | Name                         | Privacy | Description | Parameters | Return | Inherited From |
 | ---------------------------- | ------- | ----------- | ---------- | ------ | -------------- |
+| `click`                      | public  |             |            |        | DisabledMixin  |
 | `makeRequestToBeDisabled`    | public  |             |            |        | DisabledMixin  |
 | `retractRequestToBeDisabled` | public  |             |            |        | DisabledMixin  |
-| `click`                      | public  |             |            |        | DisabledMixin  |
 
 ### Attributes
 
@@ -37,25 +49,24 @@
 
 ### Fields
 
-| Name                           | Privacy   | Type                | Default   | Description | Inherited From |
-| ------------------------------ | --------- | ------------------- | --------- | ----------- | -------------- |
-| `type`                         | public    | `string`            | `'reset'` |             | LionButton     |
-| `__submitAndResetHelperButton` | protected | `HTMLButtonElement` |           |             |                |
-| `tabIndex`                     | public    | `number`            |           |             | LionButton     |
-| `_requestedToBeDisabled`       | protected | `boolean`           | `false`   |             | LionButton     |
-| `disabled`                     | public    | `boolean`           | `false`   |             | LionButton     |
-| `active`                       | public    | `boolean`           | `false`   |             | LionButton     |
-| `_buttonId`                    | protected |                     |           |             | LionButton     |
+| Name                     | Privacy   | Type      | Default   | Description | Inherited From |
+| ------------------------ | --------- | --------- | --------- | ----------- | -------------- |
+| `active`                 | public    | `boolean` | `false`   |             | LionButton     |
+| `disabled`               | public    | `boolean` | `false`   |             | LionButton     |
+| `tabIndex`               | public    | `number`  |           |             | LionButton     |
+| `type`                   | public    | `string`  | `'reset'` |             | LionButton     |
+| `_buttonId`              | protected |           |           |             | LionButton     |
+| `_requestedToBeDisabled` | protected | `boolean` | `false`   |             | LionButton     |
 
 ### Methods
 
 | Name                                          | Privacy   | Description | Parameters | Return | Inherited From |
 | --------------------------------------------- | --------- | ----------- | ---------- | ------ | -------------- |
-| `_setupSubmitAndResetHelperOnConnected`       | protected |             |            |        |                |
-| `_teardownSubmitAndResetHelperOnDisconnected` | protected |             |            |        |                |
+| `click`                                       | public    |             |            |        | LionButton     |
 | `makeRequestToBeDisabled`                     | public    |             |            |        | LionButton     |
 | `retractRequestToBeDisabled`                  | public    |             |            |        | LionButton     |
-| `click`                                       | public    |             |            |        | LionButton     |
+| `_setupSubmitAndResetHelperOnConnected`       | protected |             |            |        |                |
+| `_teardownSubmitAndResetHelperOnDisconnected` | protected |             |            |        |                |
 
 ### Attributes
 
@@ -73,27 +84,25 @@
 
 ### Fields
 
-| Name                           | Privacy   | Type                      | Default    | Description | Inherited From  |
-| ------------------------------ | --------- | ------------------------- | ---------- | ----------- | --------------- |
-| `_nativeButtonNode`            | protected | `HTMLButtonElement\|null` |            |             |                 |
-| `type`                         | public    | `string`                  | `'submit'` |             | LionButton      |
-| `__implicitSubmitHelperButton` | protected | `HTMLButtonElement\|null` | `null`     |             |                 |
-| `__submitAndResetHelperButton` | protected | `HTMLButtonElement`       |            |             | LionButtonReset |
-| `tabIndex`                     | public    | `number`                  |            |             | LionButton      |
-| `_requestedToBeDisabled`       | protected | `boolean`                 | `false`    |             | LionButton      |
-| `disabled`                     | public    | `boolean`                 | `false`    |             | LionButton      |
-| `active`                       | public    | `boolean`                 | `false`    |             | LionButton      |
-| `_buttonId`                    | protected |                           |            |             | LionButton      |
+| Name                     | Privacy   | Type                      | Default    | Description | Inherited From |
+| ------------------------ | --------- | ------------------------- | ---------- | ----------- | -------------- |
+| `active`                 | public    | `boolean`                 | `false`    |             | LionButton     |
+| `disabled`               | public    | `boolean`                 | `false`    |             | LionButton     |
+| `tabIndex`               | public    | `number`                  |            |             | LionButton     |
+| `type`                   | public    | `string`                  | `'submit'` |             | LionButton     |
+| `_buttonId`              | protected |                           |            |             | LionButton     |
+| `_nativeButtonNode`      | protected | `HTMLButtonElement\|null` |            |             |                |
+| `_requestedToBeDisabled` | protected | `boolean`                 | `false`    |             | LionButton     |
 
 ### Methods
 
 | Name                                          | Privacy   | Description | Parameters | Return | Inherited From  |
 | --------------------------------------------- | --------- | ----------- | ---------- | ------ | --------------- |
-| `_setupSubmitAndResetHelperOnConnected`       | protected |             |            |        | LionButtonReset |
-| `_teardownSubmitAndResetHelperOnDisconnected` | protected |             |            |        | LionButtonReset |
+| `click`                                       | public    |             |            |        | LionButton      |
 | `makeRequestToBeDisabled`                     | public    |             |            |        | LionButton      |
 | `retractRequestToBeDisabled`                  | public    |             |            |        | LionButton      |
-| `click`                                       | public    |             |            |        | LionButton      |
+| `_setupSubmitAndResetHelperOnConnected`       | protected |             |            |        | LionButtonReset |
+| `_teardownSubmitAndResetHelperOnDisconnected` | protected |             |            |        | LionButtonReset |
 
 ### Attributes
 

package/docs/components/button/examples.md

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

package/docs/components/button/extensions.md

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

package/docs/components/button/index.md

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

package/docs/components/button/overview.md

@@ -1,4 +1,16 @@
-# Button >> Overview ||10
+---
+parts:
+  - Button
+  - Overview
+title: 'Button: Overview'
+eleventyNavigation:
+  key: 'Button: Overview'
+  order: 10
+  parent: Button
+  title: Overview
+---
+
+# Button: Overview
 
 A button web component that is easily stylable and accessible.
 

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

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

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

@@ -1,4 +1,16 @@
-# Calendar >> API Table ||90 
+---
+parts:
+  - API Table
+  - Calendar
+title: 'Calendar: API Table'
+eleventyNavigation:
+  key: API Table >> Calendar
+  title: API Table
+  order: 90
+  parent: Calendar
+---
+# Calendar: API Table
+ 
 
 ## class: `LionCalendar`, `lion-calendar`
 
@@ -6,34 +18,34 @@
 
 | Name                    | Privacy | Type     | Default                      | Description                                                                                                                                                             | Inherited From |
 | ----------------------- | ------- | -------- | ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
-| `focusedDate`           | public  |          |                              |                                                                                                                                                                         |                |
-| `minDate`               | public  |          | `new Date(0)`                | Minimum date. All dates before will be disabled                                                                                                                         |                |
-| `maxDate`               | public  |          | `new Date(8640000000000000)` | Maximum date. All dates after will be disabled                                                                                                                          |                |
+| `centralDate`           | public  | `Date`   |                              | The date that
1\. determines the currently visible month
2\. will be focused when the month grid gets focused by the keyboard                                   |                |
 | `dayPreprocessor`       | public  |          |                              |                                                                                                                                                                         |                |
 | `disableDates`          | public  |          |                              | Disable certain dates                                                                                                                                                   |                |
 | `firstDayOfWeek`        | public  | `number` | `0`                          | Weekday that will be displayed in first column of month grid.
0: sunday, 1: monday, 2: tuesday, 3: wednesday , 4: thursday, 5: friday, 6: saturday
Default is 0 |                |
-| `weekdayHeaderNotation` | public  | `string` | `'short'`                    | Weekday header notation, based on Intl DatetimeFormat:
- 'long' (e.g., Thursday)
- 'short' (e.g., Thu)
- 'narrow' (e.g., T).
Default is 'short'         |                |
-| `centralDate`           | public  | `Date`   |                              | The date that
1\. determines the currently visible month
2\. will be focused when the month grid gets focused by the keyboard                                   |                |
+| `focusedDate`           | public  |          |                              |                                                                                                                                                                         |                |
 | `locale`                | public  | `string` | `''`                         | Different locale for this component scope                                                                                                                               |                |
+| `maxDate`               | public  |          | `new Date(8640000000000000)` | Maximum date. All dates after will be disabled                                                                                                                          |                |
+| `minDate`               | public  |          | `new Date(0)`                | Minimum date. All dates before will be disabled                                                                                                                         |                |
 | `selectedDate`          | public  |          |                              | The selected date, usually synchronized with datepicker-input
Not to be confused with the focused date (therefore not necessarily in active month view)             |                |
+| `weekdayHeaderNotation` | public  | `string` | `'short'`                    | Weekday header notation, based on Intl DatetimeFormat:
- 'long' (e.g., Thursday)
- 'short' (e.g., Thu)
- 'narrow' (e.g., T).
Default is 'short'         |                |
 
 ### Methods
 
 | Name                      | Privacy   | Description                                                                                     | Parameters   | Return | Inherited From |
 | ------------------------- | --------- | ----------------------------------------------------------------------------------------------- | ------------ | ------ | -------------- |
+| `findNearestEnabledDate`  | public    |                                                                                                 | `date: Date` |        |                |
+| `findNextEnabledDate`     | public    |                                                                                                 | `date: Date` |        |                |
+| `findPreviousEnabledDate` | public    |                                                                                                 | `date: Date` |        |                |
+| `focusCentralDate`        | public    |                                                                                                 |              |        |                |
+| `focusDate`               | public    |                                                                                                 | `date: Date` |        |                |
+| `focusSelectedDate`       | public    |                                                                                                 |              |        |                |
 | `goToNextMonth`           | public    |                                                                                                 |              |        |                |
-| `goToPreviousMonth`       | public    |                                                                                                 |              |        |                |
 | `goToNextYear`            | public    |                                                                                                 |              |        |                |
+| `goToPreviousMonth`       | public    |                                                                                                 |              |        |                |
 | `goToPreviousYear`        | public    |                                                                                                 |              |        |                |
-| `focusDate`               | public    |                                                                                                 | `date: Date` |        |                |
-| `focusCentralDate`        | public    |                                                                                                 |              |        |                |
-| `focusSelectedDate`       | public    |                                                                                                 |              |        |                |
 | `initCentralDate`         | public    | This exposes an interface for datepickers that want to
reinitialize when calendar is opened |              |        |                |
-| `_previousIconTemplate`   | protected |                                                                                                 |              |        |                |
 | `_nextIconTemplate`       | protected |                                                                                                 |              |        |                |
-| `findNextEnabledDate`     | public    |                                                                                                 | `date: Date` |        |                |
-| `findPreviousEnabledDate` | public    |                                                                                                 | `date: Date` |        |                |
-| `findNearestEnabledDate`  | public    |                                                                                                 | `date: Date` |        |                |
+| `_previousIconTemplate`   | protected |                                                                                                 |              |        |                |
 
 ### Events
 

package/docs/components/calendar/index.md

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

package/docs/components/calendar/overview.md

@@ -1,4 +1,16 @@
-# Calendar >> Overview ||10
+---
+parts:
+  - Calendar
+  - Overview
+title: 'Calendar: Overview'
+eleventyNavigation:
+  key: 'Calendar: Overview'
+  order: 10
+  parent: Calendar
+  title: Overview
+---
+
+# Calendar: Overview
 
 A reusable and accessible calendar view web component.
 

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

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