@lion/ui 0.11.0 → 0.11.2

package/docs/fundamentals/systems/form/formatting-and-parsing.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Formatting and Parsing
+  - Form
+  - Systems
+title: 'Form: Formatting and Parsing'
+eleventyNavigation:
+  key: Systems >> Form >> Formatting and Parsing
+  title: Formatting and Parsing
+  order: 21
+  parent: Systems >> Form
+---
+
 # Systems >> Form >> Formatting and Parsing ||21
 
 ```js script
@@ -23,7 +36,7 @@ Our fields can automatically format/parse/serialize user input or an input set i
 
 Below are some concrete examples of implementations of formatters and parsers mimicking a (basic) amount input.
 
-> For an actual amount input, check out [lion-input-amount](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-amount/overview.md).
+> For an actual amount input, check out [lion-input-amount](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-amount/overview.md).
 > This comes with its own formatter, parser, serializer.
 
 ### Parsers & modelValue
@@ -230,16 +243,16 @@ Below we show three flow diagrams to show the flow of formatting, serializing an
 
 Where a user changes the input with their keyboard:
 
-![Standard flow](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/assets/FormatMixinDiagram-1.svg 'Standard flow')
+![Standard flow](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/assets/FormatMixinDiagram-1.svg 'Standard flow')
 
 ### Unparseable flow
 
 Where a user sets the input to something that is not parseable by the parser:
 
-![Unparseable flow](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/assets/FormatMixinDiagram-2.svg 'Unparseable flow')
+![Unparseable flow](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/assets/FormatMixinDiagram-2.svg 'Unparseable flow')
 
 ### Imperative / programmatic flow
 
 Where the developer sets the modelValue of the input programmatically:
 
-![Imperative flow](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/assets/FormatMixinDiagram-3.svg 'Imperative flow')
+![Imperative flow](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/assets/FormatMixinDiagram-3.svg 'Imperative flow')

package/docs/fundamentals/systems/form/index.md

@@ -1,3 +1,15 @@
+---
+parts:
+  - Form
+  - Systems
+title: 'Systems: Form'
+eleventyNavigation:
+  key: Systems >> Form
+  title: Form
+  order: 20
+  parent: Systems
+---
+
 # Systems >> Form ||20
 
 -> go to Overview

package/docs/fundamentals/systems/form/interaction-states.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Interaction States
+  - Form
+  - Systems
+title: 'Form: Interaction States'
+eleventyNavigation:
+  key: Systems >> Form >> Interaction States
+  title: Interaction States
+  order: 22
+  parent: Systems >> Form
+---
+
 # Systems >> Form >> Interaction States ||22
 
 ```js script

package/docs/fundamentals/systems/form/model-value.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - ModelValue
+  - Form
+  - Systems
+title: 'Form: ModelValue'
+eleventyNavigation:
+  key: Systems >> Form >> ModelValue
+  title: ModelValue
+  order: 20
+  parent: Systems >> Form
+---
+
 # Systems >> Form >> ModelValue ||20
 
 The modelValue or model can be considered as the ‘aorta’ of our form system.
@@ -21,7 +34,7 @@ level, via:
 > Internal/private concepts like viewValue, formattedValue, serializedValue are therefore not
 > recommended as a means of interaction.
 
-For more information about parsing and the Unparseable type, see [Formatting and Parsing](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/formatting-and-parsing.md)
+For more information about parsing and the Unparseable type, see [Formatting and Parsing](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/formatting-and-parsing.md)
 
 ### Event meta
 

package/docs/fundamentals/systems/form/overview.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Overview
+  - Form
+  - Systems
+title: 'Form: Overview'
+eleventyNavigation:
+  key: Systems >> Form >> Overview
+  title: Overview
+  order: 10
+  parent: Systems >> Form
+---
+
 # Systems >> Form >> Overview ||10
 
 This page should be used as a starting point when first using the Form System.
@@ -20,9 +33,9 @@ Fields (think of an input, textarea, select) are the actual form controls the en
 
 On top of this, they feature:
 
-- [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values.
-- Advanced [validation](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/validate.md) possibilities.
-- Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/interaction-states.md).
+- [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values.
+- Advanced [validation](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/validate.md) possibilities.
+- Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/interaction-states.md).
 - Provision of labels and help texts in an easy, declarative manner.
 - Accessibility out of the box.
 - Advanced styling possibilities: map your own Design System to the internal HTML structure.
@@ -31,33 +44,33 @@ On top of this, they feature:
 
 ### Platform fields (wrappers)
 
-- [LionInput](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input/overview.md), a wrapper for `<input>`.
-- [LionTextarea](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/textarea/overview.md), a wrapper for `<textarea>`.
-- [LionSelect](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/select/overview.md), a wrapper for `<select>`.
+- [LionInput](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input/overview.md), a wrapper for `<input>`.
+- [LionTextarea](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/textarea/overview.md), a wrapper for `<textarea>`.
+- [LionSelect](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/select/overview.md), a wrapper for `<select>`.
 
 ### Custom fields (wrappers)
 
-Whenever a native form control doesn't exist or is not sufficient, a [custom form field](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/guides/how-to/create-a-custom-field.md) should be created. One could think of components like:
+Whenever a native form control doesn't exist or is not sufficient, a [custom form field](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/guides/how-to/create-a-custom-field.md) should be created. One could think of components like:
 
-- [LionCombobox](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/combobox/overview.md), a custom implementation of a combobox.
-- [LionDate](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-date/overview.md), an alternative for `<input type="date">`.
-- [LionDatepicker](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown.
-- [LionListbox](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/listbox/overview.md), a custom implementation of a listbox.
-- [LionInputAmount](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts.
-- [LionInputEmail](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-email/overview.md), an alternative for `<input type="email">`.
-- [LionInputIban](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers.
-- [LionInputRange](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-range/overview.md), an alternative for `<input type="range">`.
-- [LionInputStepper](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`.
-- [LionSelectRich](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options.
+- [LionCombobox](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/combobox/overview.md), a custom implementation of a combobox.
+- [LionDate](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-date/overview.md), an alternative for `<input type="date">`.
+- [LionDatepicker](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown.
+- [LionListbox](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/listbox/overview.md), a custom implementation of a listbox.
+- [LionInputAmount](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts.
+- [LionInputEmail](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-email/overview.md), an alternative for `<input type="email">`.
+- [LionInputIban](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers.
+- [LionInputRange](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-range/overview.md), an alternative for `<input type="range">`.
+- [LionInputStepper](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`.
+- [LionSelectRich](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options.
 
 ### Choice Input Fields
 
 For form controls which return a `checked-state` you can use the `lion-choice-input` mixin. It is used in:
 
-- [LionCheckbox](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`.
+- [LionCheckbox](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`.
 - LionOption, an alternative for `<option>`.
-- [LionRadio](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`.
-- [LionSwitch](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/switch/overview.md), a custom implementation of a switch.
+- [LionRadio](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`.
+- [LionSwitch](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/switch/overview.md), a custom implementation of a switch.
 
 Which contains the following features:
 
@@ -69,14 +82,14 @@ Which contains the following features:
 
 Fieldsets are groups of fields. They can be considered fields on their own as well, since they partly share the normalized API via `FormControlMixin`. Fieldsets are the basis for:
 
-- [LionFieldset](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets.
-- [LionForm](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/form/overview.md), enhances the functionality of the native `<form>` component.
-- [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes.
-- [LionRadioGroup](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs.
+- [LionFieldset](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets.
+- [LionForm](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/form/overview.md), enhances the functionality of the native `<form>` component.
+- [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes.
+- [LionRadioGroup](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs.
 
 ## Other Resources
 
-- [Model Value](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/model-value.md)
-- [Formatting and parsing](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/formatting-and-parsing.md)
-- [Interaction states](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/interaction-states.md)
-- [Validation System](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/validate.md)
+- [Model Value](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/model-value.md)
+- [Formatting and parsing](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/formatting-and-parsing.md)
+- [Interaction states](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/interaction-states.md)
+- [Validation System](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/validate.md)

package/docs/fundamentals/systems/form/styling.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Styling
+  - Form
+  - Systems
+title: 'Form: Styling'
+eleventyNavigation:
+  key: Systems >> Form >> Styling
+  title: Styling
+  order: 40
+  parent: Systems >> Form
+---
+
 # Systems >> Form >> Styling ||40
 
 ```js script

package/docs/fundamentals/systems/form/use-cases.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Use Cases
+  - Form
+  - Systems
+title: 'Form: Use Cases'
+eleventyNavigation:
+  key: Systems >> Form >> Use Cases
+  title: Use Cases
+  order: 50
+  parent: Systems >> Form
+---
+
 # Systems >> Form >> Use Cases ||50
 
 This is a meta package to show interaction between various form elements.

package/docs/fundamentals/systems/form/validate.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Validate
+  - Form
+  - Systems
+title: 'Form: Validate'
+eleventyNavigation:
+  key: Systems >> Form >> Validate
+  title: Validate
+  order: 30
+  parent: Systems >> Form
+---
+
 # Systems >> Form >> Validate ||30
 
 ```js script
@@ -57,7 +70,7 @@ Validation happens on every change of `modelValue`. A change in modelValue can b
 
 ## When validation feedback will be shown
 
-Although validation happens realtime under the hood, displaying validity feedback in realtime may not always lead to the desired User Experience. Together with [interaction states](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/interaction-states.md),
+Although validation happens realtime under the hood, displaying validity feedback in realtime may not always lead to the desired User Experience. Together with [interaction states](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/interaction-states.md),
 validity states can determine whether a validation message should be shown along the input field.
 
 ## Assessing field validation state programmatically
@@ -232,7 +245,7 @@ export const requiredValidator = () => html`
 `;
 ```
 
-The default `Required` validation message is "Please, enter a(n) {fieldName}". In which the "fieldName" can be provided separately via the `fieldName` attribute, with a fallback to the label. See [override fieldname](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/fundamentals/systems/form/#override-fieldname) for more information.
+The default `Required` validation message is "Please, enter a(n) {fieldName}". In which the "fieldName" can be provided separately via the `fieldName` attribute, with a fallback to the label. See [override fieldname](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/fundamentals/systems/form/#override-fieldname) for more information.
 
 Specific required messages for a select and file-upload are created.
 

package/docs/fundamentals/systems/icon/index.md

@@ -1,3 +1,15 @@
+---
+parts:
+  - Icon
+  - Systems
+title: 'Systems: Icon'
+eleventyNavigation:
+  key: Systems >> Icon
+  title: Icon
+  order: 40
+  parent: Systems
+---
+
 # Systems >> Icon ||40
 
 -> go to Overview

package/docs/fundamentals/systems/icon/overview.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Overview
+  - Icon
+  - Systems
+title: 'Icon: Overview'
+eleventyNavigation:
+  key: Systems >> Icon >> Overview
+  title: Overview
+  order: 10
+  parent: Systems >> Icon
+---
+
 # Systems >> Icon >> Overview ||10
 
 The icon system provides a way of defining icon sets which are lazily loaded on demand when

package/docs/fundamentals/systems/index.md

@@ -1 +1,11 @@
+---
+parts:
+  - Systems
+title: Systems
+eleventyNavigation:
+  key: Systems
+  title: Systems
+  order: 20
+---
+
 # Systems ||20

package/docs/fundamentals/systems/localize/api-table.md

@@ -1,4 +1,17 @@
-# Systems >> Localize >> API Table ||90 
+---
+parts:
+  - API Table
+  - Localize
+  - Systems
+title: 'Localize: API Table'
+eleventyNavigation:
+  key: API Table >> Localize >> Systems
+  title: API Table
+  order: 90
+  parent: Systems >> Localize
+---
+# Localize: API Table
+ 
 
 ## class: `LocalizeManager`
 
@@ -6,45 +19,45 @@
 
 | Name                               | Privacy   | Type      | Default                                                                                           | Description                                                                                                              | Inherited From |
 | ---------------------------------- | --------- | --------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ | -------------- |
-| `formatNumberOptions`              | public    | `object`  | `{ returnIfNaN: '', /** @type {Map<string, NumberPostProcessor>} */ postProcessors: new Map(), }` | The localize system uses (normalized) Intl for formatting numbers.&#xA;It's possible to customize this output per locale |                |
 | `formatDateOptions`                | public    | `object`  | `{ /** @type {Map<string, DatePostProcessor>} */ postProcessors: new Map(), }`                    | The localize system uses (normalized) Intl for formatting dates.&#xA;It's possible to customize this output per locale   |                |
-| `locale`                           | public    |           |                                                                                                   |                                                                                                                          |                |
+| `formatNumberOptions`              | public    | `object`  | `{ returnIfNaN: '', /** @type {Map<string, NumberPostProcessor>} */ postProcessors: new Map(), }` | The localize system uses (normalized) Intl for formatting numbers.&#xA;It's possible to customize this output per locale |                |
 | `loadingComplete`                  | public    |           |                                                                                                   |                                                                                                                          |                |
-| `_supportExternalTranslationTools` | protected |           |                                                                                                   |                                                                                                                          |                |
-| `_langAttrSetByTranslationTool`    | protected |           |                                                                                                   |                                                                                                                          |                |
+| `locale`                           | public    |           |                                                                                                   |                                                                                                                          |                |
 | `_autoLoadOnLocaleChange`          | protected | `boolean` | `!!autoLoadOnLocaleChange`                                                                        |                                                                                                                          |                |
-| `_showKeyAsFallback`               | protected |           | `showKeyAsFallback`                                                                               |                                                                                                                          |                |
 | `_fallbackLocale`                  | protected |           | `fallbackLocale`                                                                                  |                                                                                                                          |                |
+| `_langAttrSetByTranslationTool`    | protected |           |                                                                                                   |                                                                                                                          |                |
+| `_showKeyAsFallback`               | protected |           | `showKeyAsFallback`                                                                               |                                                                                                                          |                |
+| `_supportExternalTranslationTools` | protected |           |                                                                                                   |                                                                                                                          |                |
 
 ### Methods
 
 | Name                                 | Privacy   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Parameters                                                                                                 | Return                  | Inherited From |
 | ------------------------------------ | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------- | ----------------------- | -------------- |
 | `addData`                            | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespace: string, data: object`                                                          |                         |                |
-| `setupNamespaceLoader`               | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `pattern: RegExp\|string, loader: function`                                                                |                         |                |
-| `loadNamespaces`                     | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `namespaces: NamespaceObject[], { locale }, options: @param {string} [options.locale]    * `               | `Promise<Object>`       |                |
 | `loadNamespace`                      | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `namespaceObj: NamespaceObject, { locale = this.locale }, options: @param {string} [options.locale]    * ` | `Promise<Object\|void>` |                |
+| `loadNamespaces`                     | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `namespaces: NamespaceObject[], { locale }, options: @param {string} [options.locale]    * `               | `Promise<Object>`       |                |
 | `msg`                                | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `keys: string \| string[], vars: Object<string,?>, opts: @param {string} [opts.locale]    * `              | `string`                |                |
-| `teardown`                           | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |                                                                                                            |                         |                |
 | `reset`                              | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |                                                                                                            |                         |                |
 | `setDatePostProcessorForLocale`      | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `{ locale, postProcessor }, options: {locale:string, postProcessor:DatePostProcessor}`                     |                         |                |
 | `setNumberPostProcessorForLocale`    | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `{ locale, postProcessor }, options: {locale:string, postProcessor:NumberPostProcessor}`                   |                         |                |
-| `_setupTranslationToolSupport`       | protected | This value allows for support for Google Translate (or other 3rd parties taking control&#xA;of the html\[lang] attribute).&#xA;&#xA;Have the following scenario in mind:&#xA;1\. locale is initialized by developer via html\[data-localize-lang="en-US"] and&#xA;html\[lang="en-US"]. When localize is loaded (note that this also can be after step 2 below),&#xA;it will sync its initial state from html\[data-localize-lang]&#xA;2\. Google Translate kicks in for the French language. It will set html\[lang="fr"].&#xA;This new language is not one known by us, so we most likely don't have translations for&#xA;this file. Therefore, we do NOT sync this value to LocalizeManager. The manager should&#xA;still ask for known resources (in this case for locale 'en-US')&#xA;3\. locale is changed (think of a language dropdown)&#xA;It's a bit of a weird case, because we would not expect an end user to do this. If he/she&#xA;does, make sure that we do not go against Google Translate, so we maintain accessibility&#xA;(by not altering html\[lang]). We detect this by reading #localeSetByTranslationTool:&#xA;when its value is null, we consider Google translate 'not active'.&#xA;&#xA;When Google Translate is turned off by the user (html\[lang=auto]),&#xA;\`localize.locale\` will be synced to html\[lang] again&#xA;&#xA;Keep in mind that all of the above also works with other tools than Google Translate,&#xA;but this is the most widely used tool and therefore used as an example. |                                                                                                            |                         |                |
-| `_setHtmlLangAttribute`              | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string`                                                                                           |                         |                |
-| `_setupHtmlLangAttributeObserver`    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |                                                                                                            |                         |                |
-| `_teardownHtmlLangAttributeObserver` | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |                                                                                                            |                         |                |
-| `_isNamespaceInCache`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespace: string`                                                                        |                         |                |
+| `setupNamespaceLoader`               | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `pattern: RegExp\|string, loader: function`                                                                |                         |                |
+| `teardown`                           | public    |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |                                                                                                            |                         |                |
+| `_cacheNamespaceLoaderPromise`       | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespace: string, promise: Promise<Object\|void>`                                        |                         |                |
 | `_getCachedNamespaceLoaderPromise`   | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespace: string`                                                                        |                         |                |
-| `_loadNamespaceData`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespaceObj: NamespaceObject, isDynamicImport: boolean, namespace: string`               | `Promise<Object\|void>` |                |
+| `_getLangFromLocale`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string`                                                                                           | `string`                |                |
+| `_getMessageForKey`                  | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `key: string \| undefined, locale: string`                                                                 | `string`                |                |
+| `_getMessageForKeys`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `keys: string \| string[], locale: string`                                                                 | `string \| undefined`   |                |
 | `_getNamespaceLoader`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `namespaceObj: NamespaceObject, isDynamicImport: boolean, namespace: string`                               |                         |                |
 | `_getNamespaceLoaderPromise`         | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `loader: function, locale: string, namespace: string, fallbackLocale: string`                              | `Promise<any>`          |                |
-| `_cacheNamespaceLoaderPromise`       | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespace: string, promise: Promise<Object\|void>`                                        |                         |                |
+| `_isNamespaceInCache`                | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespace: string`                                                                        |                         |                |
+| `_loadAllMissing`                    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `newLocale: string, oldLocale: string`                                                                     |                         |                |
+| `_loadNamespaceData`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string, namespaceObj: NamespaceObject, isDynamicImport: boolean, namespace: string`               | `Promise<Object\|void>` |                |
 | `_lookupNamespaceLoader`             | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `namespace: string`                                                                                        | `function\|null`        |                |
-| `_getLangFromLocale`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string`                                                                                           | `string`                |                |
 | `_onLocaleChanged`                   | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `newLocale: string, oldLocale: string`                                                                     | `undefined`             |                |
-| `_loadAllMissing`                    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `newLocale: string, oldLocale: string`                                                                     |                         |                |
-| `_getMessageForKeys`                 | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `keys: string \| string[], locale: string`                                                                 | `string \| undefined`   |                |
-| `_getMessageForKey`                  | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `key: string \| undefined, locale: string`                                                                 | `string`                |                |
+| `_setHtmlLangAttribute`              | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `locale: string`                                                                                           |                         |                |
+| `_setupHtmlLangAttributeObserver`    | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |                                                                                                            |                         |                |
+| `_setupTranslationToolSupport`       | protected | This value allows for support for Google Translate (or other 3rd parties taking control&#xA;of the html\[lang] attribute).&#xA;&#xA;Have the following scenario in mind:&#xA;1\. locale is initialized by developer via html\[data-localize-lang="en-US"] and&#xA;html\[lang="en-US"]. When localize is loaded (note that this also can be after step 2 below),&#xA;it will sync its initial state from html\[data-localize-lang]&#xA;2\. Google Translate kicks in for the French language. It will set html\[lang="fr"].&#xA;This new language is not one known by us, so we most likely don't have translations for&#xA;this file. Therefore, we do NOT sync this value to LocalizeManager. The manager should&#xA;still ask for known resources (in this case for locale 'en-US')&#xA;3\. locale is changed (think of a language dropdown)&#xA;It's a bit of a weird case, because we would not expect an end user to do this. If he/she&#xA;does, make sure that we do not go against Google Translate, so we maintain accessibility&#xA;(by not altering html\[lang]). We detect this by reading #localeSetByTranslationTool:&#xA;when its value is null, we consider Google translate 'not active'.&#xA;&#xA;When Google Translate is turned off by the user (html\[lang=auto]),&#xA;\`localize.locale\` will be synced to html\[lang] again&#xA;&#xA;Keep in mind that all of the above also works with other tools than Google Translate,&#xA;but this is the most widely used tool and therefore used as an example. |                                                                                                            |                         |                |
+| `_teardownHtmlLangAttributeObserver` | protected |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |                                                                                                            |                         |                |
 
 ### Events
 

package/docs/fundamentals/systems/localize/dates.md

@@ -1,3 +1,16 @@
+---
+parts:
+  - Format Dates
+  - Localize
+  - Systems
+title: 'Localize: Format Dates'
+eleventyNavigation:
+  key: Systems >> Localize >> Format Dates
+  title: Format Dates
+  order: 40
+  parent: Systems >> Localize
+---
+
 # Systems >> Localize >> Format Dates ||40
 
 ## Features

package/docs/fundamentals/systems/localize/index.md

@@ -1,3 +1,15 @@
+---
+parts:
+  - Localize
+  - Systems
+title: 'Systems: Localize'
+eleventyNavigation:
+  key: Systems >> Localize
+  title: Localize
+  order: 30
+  parent: Systems
+---
+
 # Systems >> Localize ||30
 
 -> go to Overview