Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@lion/form-core
Advanced tools
@lion/form-core - npm Package Compare versions
Comparing version 0.17.1 to 0.18.0
@@ -23,5 +23,5 @@ # Systems >> Form >> Overview ||10 | ||
| - [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
| - Advanced [validation](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) possibilities. | ||
| - Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md). | ||
| - [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
| - Advanced [validation](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/validate.md) possibilities. | ||
| - Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/interaction-states.md). | ||
| - Provision of labels and help texts in an easy, declarative manner. | ||
@@ -35,20 +35,20 @@ - Accessibility out of the box. | ||
| - [LionInput](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input/overview.md), a wrapper for `<input>`. | ||
| - [LionTextarea](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
| - [LionSelect](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select/overview.md), a wrapper for `<select>`. | ||
| - [LionInput](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input/overview.md), a wrapper for `<input>`. | ||
| - [LionTextarea](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
| - [LionSelect](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/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/f11f94fafc31505c740978122b6fb18feb9a2c92/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/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/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/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
| - [LionDate](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
| - [LionDatepicker](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
| - [LionListbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
| - [LionInputAmount](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
| - [LionInputEmail](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
| - [LionInputIban](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
| - [LionInputRange](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
| - [LionInputStepper](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
| - [LionSelectRich](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
| - [LionCombobox](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
| - [LionDate](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
| - [LionDatepicker](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
| - [LionListbox](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
| - [LionInputAmount](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
| - [LionInputEmail](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
| - [LionInputIban](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
| - [LionInputRange](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
| - [LionInputStepper](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
| - [LionSelectRich](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
@@ -59,6 +59,6 @@ ### Choice Input Fields | ||
| - [LionCheckbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`. | ||
| - [LionCheckbox](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/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/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
| - [LionSwitch](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/switch/overview.md), a custom implementation of a switch. | ||
| - [LionRadio](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
| - [LionSwitch](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/switch/overview.md), a custom implementation of a switch. | ||
@@ -75,12 +75,12 @@ Which contains the following features: | ||
| - [LionFieldset](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
| - [LionForm](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
| - [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
| - [LionRadioGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
| - [LionFieldset](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
| - [LionForm](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
| - [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
| - [LionRadioGroup](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
| ## Other Resources | ||
| - [Model Value](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/model-value.md) | ||
| - [Formatting and parsing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
| - [Interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md) | ||
| - [Validation System](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) | ||
| - [Model Value](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/model-value.md) | ||
| - [Formatting and parsing](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
| - [Interaction states](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/interaction-states.md) | ||
| - [Validation System](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/validate.md) |
| { | ||
| "name": "@lion/form-core", | ||
| "version": "0.17.1", | ||
| "version": "0.18.0", | ||
| "description": "Form-core contains all essential building blocks for creating form fields and fieldsets", | ||
@@ -13,2 +13,3 @@ "license": "MIT", | ||
| }, | ||
| "type": "module", | ||
| "main": "index.js", | ||
@@ -43,4 +44,4 @@ "module": "index.js", | ||
| "dependencies": { | ||
| "@lion/core": "^0.22.0", | ||
| "@lion/localize": "^0.24.0" | ||
| "@lion/core": "^0.23.0", | ||
| "@lion/localize": "^0.25.0" | ||
| }, | ||
@@ -47,0 +48,0 @@ "keywords": [ |
@@ -23,5 +23,5 @@ # Systems >> Form >> Overview ||10 | ||
| - [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
| - Advanced [validation](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) possibilities. | ||
| - Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md). | ||
| - [formatting/parsing/serializing](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/formatting-and-parsing.md) of view values. | ||
| - Advanced [validation](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/validate.md) possibilities. | ||
| - Creation of advanced user interaction scenarios via [interaction states](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/interaction-states.md). | ||
| - Provision of labels and help texts in an easy, declarative manner. | ||
@@ -35,20 +35,20 @@ - Accessibility out of the box. | ||
| - [LionInput](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input/overview.md), a wrapper for `<input>`. | ||
| - [LionTextarea](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
| - [LionSelect](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select/overview.md), a wrapper for `<select>`. | ||
| - [LionInput](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input/overview.md), a wrapper for `<input>`. | ||
| - [LionTextarea](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/textarea/overview.md), a wrapper for `<textarea>`. | ||
| - [LionSelect](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/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/f11f94fafc31505c740978122b6fb18feb9a2c92/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/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/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/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
| - [LionDate](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
| - [LionDatepicker](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
| - [LionListbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
| - [LionInputAmount](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
| - [LionInputEmail](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
| - [LionInputIban](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
| - [LionInputRange](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
| - [LionInputStepper](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
| - [LionSelectRich](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
| - [LionCombobox](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/combobox/overview.md), a custom implementation of a combobox. | ||
| - [LionDate](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-date/overview.md), an alternative for `<input type="date">`. | ||
| - [LionDatepicker](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-datepicker/overview.md), an alternative for `<input type="date">` including a calendar dropdown. | ||
| - [LionListbox](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/listbox/overview.md), a custom implementation of a listbox. | ||
| - [LionInputAmount](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-amount/overview.md), an alternative for `<input type="number">` special for amounts. | ||
| - [LionInputEmail](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-email/overview.md), an alternative for `<input type="email">`. | ||
| - [LionInputIban](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-iban/overview.md), an ING specific for an input with IBAN numbers. | ||
| - [LionInputRange](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-range/overview.md), an alternative for `<input type="range">`. | ||
| - [LionInputStepper](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/input-stepper/overview.md), an alternative for `<input type="number">`. | ||
| - [LionSelectRich](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/select-rich/overview.md), an alternative for `<select>` with multiline options. | ||
@@ -59,6 +59,6 @@ ### Choice Input Fields | ||
| - [LionCheckbox](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper for `<input type="checkbox">`. | ||
| - [LionCheckbox](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/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/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
| - [LionSwitch](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/switch/overview.md), a custom implementation of a switch. | ||
| - [LionRadio](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/radio-group/overview.md), a wrapper for `<input type="radio">`. | ||
| - [LionSwitch](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/switch/overview.md), a custom implementation of a switch. | ||
@@ -75,12 +75,12 @@ Which contains the following features: | ||
| - [LionFieldset](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
| - [LionForm](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
| - [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
| - [LionRadioGroup](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
| - [LionFieldset](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/fieldset/overview.md), a wrapper around multiple input fields or other fieldsets. | ||
| - [LionForm](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/form/overview.md), enhances the functionality of the native `<form>` component. | ||
| - [LionCheckboxGroup](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/checkbox-group/overview.md), a wrapper component for multiple checkboxes. | ||
| - [LionRadioGroup](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/components/radio-group/overview.md), a wrapper component for multiple radio inputs. | ||
| ## Other Resources | ||
| - [Model Value](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/model-value.md) | ||
| - [Formatting and parsing](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
| - [Interaction states](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/interaction-states.md) | ||
| - [Validation System](https://github.com/ing-bank/lion/blob/f11f94fafc31505c740978122b6fb18feb9a2c92/docs/fundamentals/systems/form/validate.md) | ||
| - [Model Value](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/model-value.md) | ||
| - [Formatting and parsing](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/formatting-and-parsing.md) | ||
| - [Interaction states](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/interaction-states.md) | ||
| - [Validation System](https://github.com/ing-bank/lion/blob/9ebc79431bfdcacfd0d9c9b6457c1a99686a6a47/docs/fundamentals/systems/form/validate.md) |
@@ -1,2 +0,2 @@ | ||
| import { css, dedupeMixin, html, nothing, SlotMixin, DisabledMixin } from '@lion/core'; | ||
| import { css, dedupeMixin, html, nothing, SlotMixin, DisabledMixin, uuid } from '@lion/core'; | ||
| import { getAriaElementsInRightDomOrder } from './utils/getAriaElementsInRightDomOrder.js'; | ||
@@ -20,10 +20,2 @@ import { Unparseable } from './validate/Unparseable.js'; | ||
| /** | ||
| * Generates random unique identifier (for dom elements) | ||
| * @param {string} prefix | ||
| */ | ||
| function uuid(prefix) { | ||
| return `${prefix}-${Math.random().toString(36).substr(2, 10)}`; | ||
| } | ||
| /** | ||
| * #FormControlMixin : | ||
@@ -30,0 +22,0 @@ * |
@@ -159,6 +159,2 @@ // eslint-disable-next-line max-classes-per-file | ||
| const { name } = child; | ||
| if (!name) { | ||
| console.info('Error Node:', child); // eslint-disable-line no-console | ||
| throw new TypeError('You need to define a name'); | ||
| } | ||
| if (name === this.name) { | ||
@@ -165,0 +161,0 @@ console.info('Error Node:', child); // eslint-disable-line no-console |
@@ -136,23 +136,2 @@ import { LitElement } from '@lion/core'; | ||
| it('throws if an element without a name tries to register', async () => { | ||
| const orig = console.info; | ||
| console.info = () => {}; | ||
| let error; | ||
| const el = /** @type {FormGroup} */ (await fixture(html`<${tag}></${tag}>`)); | ||
| try { | ||
| // we test the api directly as errors thrown from a web component are in a | ||
| // different context and we can not catch them here => register fake elements | ||
| el.addFormElement( | ||
| /** @type {HTMLElement & import('../../types/FormControlMixinTypes').FormControlHost} */ ({}), | ||
| ); | ||
| } catch (err) { | ||
| error = err; | ||
| } | ||
| expect(error).to.be.instanceOf(TypeError); | ||
| expect(/** @type {TypeError} */ (error).message).to.equal('You need to define a name'); | ||
| console.info = orig; // restore original console | ||
| }); | ||
| it('throws if name is the same as its parent', async () => { | ||
@@ -159,0 +138,0 @@ const orig = console.info; |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Is type module
Yes
Worsened metrics
- Total package byte prevSize
- decreased by-0.06%
1838119
- Lines of code
- decreased by-0.06%
48970
Dependency changes
+ Added@lion/core@0.23.1(transitive)
+ Added@lion/localize@0.25.0(transitive)
- Removed@lion/core@0.22.0(transitive)
- Removed@lion/localize@0.24.0(transitive)
Updated@lion/core@^0.23.0
Updated@lion/localize@^0.25.0