@lion/ui 0.11.0 → 0.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/components/checkbox-group/src/LionCheckboxIndeterminate.js +39 -16
- package/components/checkbox-group/test-suites/CheckboxIndeterminate.suite.js +189 -1
- package/components/form-core/src/FocusMixin.js +4 -4
- package/components/form-core/src/LionField.js +1 -1
- package/components/localize/types/LocalizeMixinTypes.ts +0 -5
- package/components/select-rich/src/LionSelectRich.js +1 -1
- package/components/select-rich/test/lion-select-rich.test.js +13 -1
- package/custom-elements.json +47661 -47626
- package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts +10 -0
- package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts.map +1 -1
- package/dist-types/components/checkbox-group/test-suites/CheckboxIndeterminate.suite.d.ts.map +1 -1
- package/dist-types/components/localize/types/LocalizeMixinTypes.d.ts +0 -4
- package/dist-types/components/localize/types/LocalizeMixinTypes.d.ts.map +1 -1
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/docs/components/accordion/api-table.md +6 -6
- package/docs/components/button/api-table.md +27 -30
- package/docs/components/calendar/api-table.md +13 -13
- package/docs/components/checkbox-group/api-table.md +305 -329
- package/docs/components/checkbox-group/overview.md +2 -2
- package/docs/components/collapsible/api-table.md +5 -5
- package/docs/components/collapsible/overview.md +1 -1
- package/docs/components/combobox/api-table.md +150 -154
- package/docs/components/combobox/overview.md +1 -1
- package/docs/components/combobox/use-cases.md +1 -1
- package/docs/components/dialog/api-table.md +12 -12
- package/docs/components/dialog/overview.md +1 -1
- package/docs/components/drawer/api-table.md +9 -10
- package/docs/components/fieldset/api-table.md +104 -118
- package/docs/components/fieldset/overview.md +5 -5
- package/docs/components/form/overview.md +3 -3
- package/docs/components/form/use-cases.md +2 -2
- package/docs/components/icon/api-table.md +3 -3
- package/docs/components/icon/use-cases.md +1 -1
- package/docs/components/input/api-table.md +110 -120
- package/docs/components/input/overview.md +1 -1
- package/docs/components/input-amount/api-table.md +129 -142
- package/docs/components/input-amount/overview.md +3 -3
- package/docs/components/input-date/api-table.md +110 -120
- package/docs/components/input-date/overview.md +3 -3
- package/docs/components/input-datepicker/api-table.md +148 -160
- package/docs/components/input-datepicker/overview.md +5 -5
- package/docs/components/input-email/api-table.md +110 -120
- package/docs/components/input-email/overview.md +2 -2
- package/docs/components/input-file/api-table.md +132 -143
- package/docs/components/input-file/overview.md +1 -1
- package/docs/components/input-iban/api-table.md +110 -120
- package/docs/components/input-iban/overview.md +2 -2
- package/docs/components/input-range/api-table.md +116 -126
- package/docs/components/input-range/overview.md +2 -2
- package/docs/components/input-stepper/api-table.md +123 -133
- package/docs/components/input-stepper/overview.md +1 -1
- package/docs/components/input-tel/api-table.md +118 -128
- package/docs/components/input-tel/overview.md +1 -1
- package/docs/components/input-tel/use-cases.md +6 -6
- package/docs/components/input-tel-dropdown/api-table.md +125 -135
- package/docs/components/input-tel-dropdown/overview.md +1 -1
- package/docs/components/listbox/api-table.md +126 -131
- package/docs/components/listbox/use-cases.md +1 -1
- package/docs/components/pagination/api-table.md +5 -5
- package/docs/components/progress-indicator/api-table.md +9 -10
- package/docs/components/radio-group/api-table.md +234 -258
- package/docs/components/radio-group/overview.md +3 -3
- package/docs/components/select/api-table.md +106 -116
- package/docs/components/select/use-cases.md +1 -1
- package/docs/components/select-rich/api-table.md +169 -178
- package/docs/components/select-rich/use-cases.md +1 -1
- package/docs/components/steps/api-table.md +6 -6
- package/docs/components/switch/api-table.md +117 -128
- package/docs/components/tabs/api-table.md +1 -1
- package/docs/components/tabs/examples.md +1 -1
- package/docs/components/textarea/api-table.md +114 -124
- package/docs/components/tooltip/api-table.md +13 -13
- package/docs/fundamentals/index.md +4 -4
- package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
- package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
- package/docs/fundamentals/rationales/accessibility.md +1 -1
- package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
- package/docs/fundamentals/systems/core/api-table.md +8 -11
- package/docs/fundamentals/systems/core/overview.md +1 -1
- package/docs/fundamentals/systems/form/api-table.md +77 -82
- package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
- package/docs/fundamentals/systems/form/model-value.md +1 -1
- package/docs/fundamentals/systems/form/overview.md +28 -28
- package/docs/fundamentals/systems/form/validate.md +2 -2
- package/docs/fundamentals/systems/localize/api-table.md +19 -19
- package/docs/fundamentals/systems/localize/overview.md +4 -4
- package/docs/fundamentals/systems/overlays/api-table.md +45 -46
- package/docs/fundamentals/systems/overlays/configuration.md +2 -2
- package/docs/fundamentals/systems/overlays/overview.md +5 -5
- package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
- package/docs/fundamentals/tools/helpers/overview.md +1 -1
- package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
- package/docs/guides/how-to/create-a-custom-field.md +5 -5
- package/docs/guides/how-to/create-a-form.md +4 -4
- package/docs/guides/how-to/extend-a-native-input.md +2 -2
- package/docs/guides/index.md +8 -8
- package/docs/guides/principles/index.md +5 -5
- package/docs/guides/principles/styling.md +1 -1
- package/package.json +1 -1
|
@@ -34,7 +34,7 @@ export const main = () => html`
|
|
|
34
34
|
`;
|
|
35
35
|
```
|
|
36
36
|
|
|
37
|
-
[...show more](https://github.com/ing-bank/lion/blob/
|
|
37
|
+
[...show more](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/combobox/extensions.md)
|
|
38
38
|
|
|
39
39
|
## Features
|
|
40
40
|
|
|
@@ -457,4 +457,4 @@ export const complexObjectChoiceValue = () =>
|
|
|
457
457
|
## Listbox compatibility
|
|
458
458
|
|
|
459
459
|
All configurations that can be applied to `lion-listbox`, can be applied to `lion-combobox` as well.
|
|
460
|
-
See the [listbox documentation](https://github.com/ing-bank/lion/blob/
|
|
460
|
+
See the [listbox documentation](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/listbox/overview.md) for more information.
|
|
@@ -6,31 +6,31 @@
|
|
|
6
6
|
|
|
7
7
|
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
8
8
|
| ---------------------------- | --------- | ------------------------ | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
|
|
9
|
-
| `isAlertDialog` | public | `boolean` | `false` | | |
|
|
10
9
|
| `config` | public | `Partial<OverlayConfig>` | `{}` | Configure the many options of the \`OverlayController\` | OverlayMixin |
|
|
11
|
-
| `
|
|
12
|
-
| `
|
|
10
|
+
| `isAlertDialog` | public | `boolean` | `false` | | |
|
|
11
|
+
| `opened` | public | `boolean` | `false` | If you add the opened attribute a dialog will be opened on page load. The invoker can be left out
in case the user does not need to be able to reopen the dialog. | OverlayMixin |
|
|
13
12
|
| `_overlayBackdropNode` | protected | | | | OverlayMixin |
|
|
14
13
|
| `_overlayContentNode` | protected | | | | OverlayMixin |
|
|
15
14
|
| `_overlayContentWrapperNode` | protected | | | | OverlayMixin |
|
|
16
|
-
| `
|
|
15
|
+
| `_overlayInvokerNode` | protected | | | | OverlayMixin |
|
|
16
|
+
| `_overlayReferenceNode` | protected | | | | OverlayMixin |
|
|
17
17
|
|
|
18
18
|
### Methods
|
|
19
19
|
|
|
20
20
|
| Name | Privacy | Description | Parameters | Return | Inherited From |
|
|
21
21
|
| ---------------------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------- | -------------- |
|
|
22
|
-
| `
|
|
22
|
+
| `close` | public | Hides the overlay | | | OverlayMixin |
|
|
23
|
+
| `open` | public | Shows the overlay | | | OverlayMixin |
|
|
24
|
+
| `repositionOverlay` | public | Sometimes it's needed to recompute Popper position of an overlay, for instance when we have
an opened combobox and the surrounding context changes (the space consumed by the textbox
increases vertically) | | | OverlayMixin |
|
|
25
|
+
| `toggle` | public | Toggles the overlay | | | OverlayMixin |
|
|
23
26
|
| `_defineOverlay` | protected | | `{ contentNode, invokerNode, referenceNode, backdropNode, contentWrapperNode }, config: DefineOverlayConfig` | `OverlayController` | OverlayMixin |
|
|
27
|
+
| `_defineOverlayConfig` | protected | | | `OverlayConfig` | OverlayMixin |
|
|
28
|
+
| `_isPermanentlyDisconnected` | protected | When we're moving around in dom, disconnectedCallback gets called.
Before we decide to teardown, let's wait to see if we were not just moving nodes around. | | `Promise<boolean>` | OverlayMixin |
|
|
29
|
+
| `_setOpenedWithoutPropertyEffects` | protected | When the opened state is changed by an Application Developer,cthe OverlayController is
requested to show/hide. It might happen that this request is not honoured
(intercepted in before-hide for instance), so that we need to sync the controller state
to this webcomponent again, preventing eternal loops. | `newOpened: boolean` | | OverlayMixin |
|
|
24
30
|
| `_setupOpenCloseListeners` | protected | | | | OverlayMixin |
|
|
25
|
-
| `_teardownOpenCloseListeners` | protected | | | | OverlayMixin |
|
|
26
31
|
| `_setupOverlayCtrl` | protected | | | | OverlayMixin |
|
|
32
|
+
| `_teardownOpenCloseListeners` | protected | | | | OverlayMixin |
|
|
27
33
|
| `_teardownOverlayCtrl` | protected | | | | OverlayMixin |
|
|
28
|
-
| `_setOpenedWithoutPropertyEffects` | protected | When the opened state is changed by an Application Developer,cthe OverlayController is
requested to show/hide. It might happen that this request is not honoured
(intercepted in before-hide for instance), so that we need to sync the controller state
to this webcomponent again, preventing eternal loops. | `newOpened: boolean` | | OverlayMixin |
|
|
29
|
-
| `toggle` | public | Toggles the overlay | | | OverlayMixin |
|
|
30
|
-
| `open` | public | Shows the overlay | | | OverlayMixin |
|
|
31
|
-
| `close` | public | Hides the overlay | | | OverlayMixin |
|
|
32
|
-
| `repositionOverlay` | public | Sometimes it's needed to recompute Popper position of an overlay, for instance when we have
an opened combobox and the surrounding context changes (the space consumed by the textbox
increases vertically) | | | OverlayMixin |
|
|
33
|
-
| `_isPermanentlyDisconnected` | protected | When we're moving around in dom, disconnectedCallback gets called.
Before we decide to teardown, let's wait to see if we were not just moving nodes around. | | `Promise<boolean>` | OverlayMixin |
|
|
34
34
|
|
|
35
35
|
### Events
|
|
36
36
|
|
|
@@ -54,6 +54,6 @@ import '@lion/ui/define/lion-dialog.js';
|
|
|
54
54
|
## Changing the configuration
|
|
55
55
|
|
|
56
56
|
You can use the `.config` property on the dialog to change the configuration.
|
|
57
|
-
The documentation of the full config object can be found in the `overlays` folder or here in [Overlay System - Configuration](https://github.com/ing-bank/lion/blob/
|
|
57
|
+
The documentation of the full config object can be found in the `overlays` folder or here in [Overlay System - Configuration](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/fundamentals/systems/overlays/configuration.md).
|
|
58
58
|
|
|
59
59
|
The `config` property uses a setter to merge the passed configuration with the current, so you only **overwrite what you pass** when updating `config`.
|
|
@@ -6,27 +6,26 @@
|
|
|
6
6
|
|
|
7
7
|
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
8
8
|
| ---------------- | --------- | --------- | ------- | ---------------------------------------------------------------------------- | --------------- |
|
|
9
|
+
| `opened` | public | `boolean` | `false` | | LionCollapsible |
|
|
9
10
|
| `position` | public | `string` | | Setter for position property, available values are 'top', 'left' and 'right' | |
|
|
10
|
-
| `_contentWidth` | protected | | | | |
|
|
11
|
-
| `_contentHeight` | protected | | | | LionCollapsible |
|
|
12
11
|
| `transitioning` | public | `boolean` | | | |
|
|
13
|
-
| `
|
|
14
|
-
| `_invokerNode` | protected | | | | LionCollapsible |
|
|
12
|
+
| `_contentHeight` | protected | | | | LionCollapsible |
|
|
15
13
|
| `_contentNode` | protected | | | | LionCollapsible |
|
|
14
|
+
| `_contentWidth` | protected | | | | |
|
|
15
|
+
| `_invokerNode` | protected | | | | LionCollapsible |
|
|
16
16
|
|
|
17
17
|
### Methods
|
|
18
18
|
|
|
19
19
|
| Name | Privacy | Description | Parameters | Return | Inherited From |
|
|
20
20
|
| -------------------- | --------- | -------------------------------------------------------------- | -------------------------------------------------------------------------- | --------------- | --------------- |
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
21
|
+
| `hide` | public | Hide extra content. | | | LionCollapsible |
|
|
22
|
+
| `show` | public | Show extra content. | | | LionCollapsible |
|
|
23
|
+
| `toggle` | public | Toggle the current(opened/closed) state. | | | LionCollapsible |
|
|
23
24
|
| `_hideAnimation` | protected | Trigger hide animation and wait for transition to be finished. | `{ contentNode }, options: @param {HTMLElement} options.contentNode * ` | | LionCollapsible |
|
|
24
|
-
| `_waitForTransition` | protected | Wait until the transition event is finished. | `{ contentNode }, options: @param {HTMLElement} options.contentNode * ` | `Promise<void>` | |
|
|
25
25
|
| `_openedChanged` | protected | | | | |
|
|
26
|
+
| `_showAnimation` | protected | Trigger show animation and wait for transition to be finished. | `{ contentNode }, options: @param {HTMLElement} options.contentNode * ` | | LionCollapsible |
|
|
26
27
|
| `_updateContentSize` | protected | | | | |
|
|
27
|
-
| `
|
|
28
|
-
| `hide` | public | Hide extra content. | | | LionCollapsible |
|
|
29
|
-
| `toggle` | public | Toggle the current(opened/closed) state. | | | LionCollapsible |
|
|
28
|
+
| `_waitForTransition` | protected | Wait until the transition event is finished. | `{ contentNode }, options: @param {HTMLElement} options.contentNode * ` | `Promise<void>` | |
|
|
30
29
|
|
|
31
30
|
### Events
|
|
32
31
|
|