@lion/ui 0.11.2 → 0.11.3
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/components/combobox/src/LionCombobox.js +1 -3
- package/components/combobox/test/lion-combobox.test.js +51 -0
- package/custom-elements.json +30 -30
- package/dist-types/components/combobox/src/LionCombobox.d.ts.map +1 -1
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/docs/components/checkbox-group/overview.md +2 -2
- package/docs/components/collapsible/overview.md +1 -1
- package/docs/components/combobox/overview.md +1 -1
- package/docs/components/combobox/use-cases.md +1 -1
- package/docs/components/dialog/overview.md +1 -1
- 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/use-cases.md +1 -1
- package/docs/components/input/overview.md +1 -1
- package/docs/components/input-amount/overview.md +3 -3
- package/docs/components/input-date/overview.md +3 -3
- package/docs/components/input-datepicker/overview.md +5 -5
- package/docs/components/input-email/overview.md +2 -2
- package/docs/components/input-file/overview.md +1 -1
- package/docs/components/input-iban/overview.md +2 -2
- package/docs/components/input-range/overview.md +2 -2
- package/docs/components/input-stepper/overview.md +1 -1
- 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/overview.md +1 -1
- package/docs/components/listbox/use-cases.md +1 -1
- package/docs/components/radio-group/overview.md +3 -3
- package/docs/components/select/use-cases.md +1 -1
- package/docs/components/select-rich/use-cases.md +1 -1
- package/docs/components/tabs/examples.md +1 -1
- 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/overview.md +1 -1
- 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/overview.md +4 -4
- 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
|
@@ -1134,7 +1134,7 @@ export class LionCombobox extends LocalizeMixin(OverlayMixin(CustomChoiceGroupMi
|
|
|
1134
1134
|
}
|
|
1135
1135
|
break;
|
|
1136
1136
|
case 'Enter':
|
|
1137
|
-
if (this.
|
|
1137
|
+
if (this.opened) {
|
|
1138
1138
|
ev.preventDefault();
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
@@ -1145,8 +1145,6 @@ export class LionCombobox extends LocalizeMixin(OverlayMixin(CustomChoiceGroupMi
|
|
|
1145
1145
|
this.formElements[this.activeIndex].hasAttribute('aria-hidden') ||
|
|
1146
1146
|
!this.opened)
|
|
1147
1147
|
) {
|
|
1148
|
-
ev.preventDefault();
|
|
1149
|
-
|
|
1150
1148
|
this.modelValue = this.parser([...this.modelValue, this._inputNode.value]);
|
|
1151
1149
|
this._inputNode.value = '';
|
|
1152
1150
|
this.opened = false;
|
|
@@ -985,6 +985,57 @@ describe('lion-combobox', () => {
|
|
|
985
985
|
await el.updateComplete;
|
|
986
986
|
expect(el.modelValue).to.eql(['Art']);
|
|
987
987
|
});
|
|
988
|
+
|
|
989
|
+
it('submits form on [Enter] when listbox is closed', async () => {
|
|
990
|
+
const submitSpy = sinon.spy(e => e.preventDefault());
|
|
991
|
+
const el = /** @type {HTMLFormElement} */ (
|
|
992
|
+
await fixture(html`
|
|
993
|
+
<form @submit=${submitSpy}>
|
|
994
|
+
<lion-combobox name="foo">
|
|
995
|
+
<lion-option .choiceValue="${'Artichoke'}">Artichoke</lion-option>
|
|
996
|
+
<lion-option .choiceValue="${'Chard'}">Chard</lion-option>
|
|
997
|
+
<lion-option .choiceValue="${'Chicory'}">Chicory</lion-option>
|
|
998
|
+
<lion-option .choiceValue="${'Victoria Plum'}">Victoria Plum</lion-option>
|
|
999
|
+
</lion-combobox>
|
|
1000
|
+
<button type="submit">submit</button>
|
|
1001
|
+
</form>
|
|
1002
|
+
`)
|
|
1003
|
+
);
|
|
1004
|
+
const combobox = /** @type {LionCombobox} */ (el.querySelector('[name="foo"]'));
|
|
1005
|
+
const { _inputNode } = getComboboxMembers(combobox);
|
|
1006
|
+
await combobox.updateComplete;
|
|
1007
|
+
_inputNode.focus();
|
|
1008
|
+
await sendKeys({
|
|
1009
|
+
press: 'Enter',
|
|
1010
|
+
});
|
|
1011
|
+
expect(submitSpy.callCount).to.equal(1);
|
|
1012
|
+
});
|
|
1013
|
+
|
|
1014
|
+
it('does not submit form on [Enter] when listbox is opened', async () => {
|
|
1015
|
+
const submitSpy = sinon.spy(e => e.preventDefault());
|
|
1016
|
+
const el = /** @type {HTMLFormElement} */ (
|
|
1017
|
+
await fixture(html`
|
|
1018
|
+
<form @submit=${submitSpy}>
|
|
1019
|
+
<lion-combobox name="foo">
|
|
1020
|
+
<lion-option .choiceValue="${'Artichoke'}">Artichoke</lion-option>
|
|
1021
|
+
<lion-option .choiceValue="${'Chard'}">Chard</lion-option>
|
|
1022
|
+
<lion-option .choiceValue="${'Chicory'}">Chicory</lion-option>
|
|
1023
|
+
<lion-option .choiceValue="${'Victoria Plum'}">Victoria Plum</lion-option>
|
|
1024
|
+
</lion-combobox>
|
|
1025
|
+
<button type="submit">submit</button>
|
|
1026
|
+
</form>
|
|
1027
|
+
`)
|
|
1028
|
+
);
|
|
1029
|
+
const combobox = /** @type {LionCombobox} */ (el.querySelector('[name="foo"]'));
|
|
1030
|
+
const { _inputNode } = getComboboxMembers(combobox);
|
|
1031
|
+
combobox.opened = true;
|
|
1032
|
+
await combobox.updateComplete;
|
|
1033
|
+
_inputNode.focus();
|
|
1034
|
+
await sendKeys({
|
|
1035
|
+
press: 'Enter',
|
|
1036
|
+
});
|
|
1037
|
+
expect(submitSpy.callCount).to.equal(0);
|
|
1038
|
+
});
|
|
988
1039
|
});
|
|
989
1040
|
|
|
990
1041
|
describe('Overlay visibility', () => {
|
package/custom-elements.json
CHANGED
|
@@ -2100,6 +2100,36 @@
|
|
|
2100
2100
|
}
|
|
2101
2101
|
]
|
|
2102
2102
|
},
|
|
2103
|
+
{
|
|
2104
|
+
"kind": "javascript-module",
|
|
2105
|
+
"path": "exports/define-helpers/sb-action-logger.js",
|
|
2106
|
+
"declarations": [],
|
|
2107
|
+
"exports": [
|
|
2108
|
+
{
|
|
2109
|
+
"kind": "custom-element-definition",
|
|
2110
|
+
"name": "sb-action-logger",
|
|
2111
|
+
"declaration": {
|
|
2112
|
+
"name": "SbActionLogger",
|
|
2113
|
+
"module": "/exports/helpers.js"
|
|
2114
|
+
}
|
|
2115
|
+
}
|
|
2116
|
+
]
|
|
2117
|
+
},
|
|
2118
|
+
{
|
|
2119
|
+
"kind": "javascript-module",
|
|
2120
|
+
"path": "exports/define-helpers/sb-locale-switcher.js",
|
|
2121
|
+
"declarations": [],
|
|
2122
|
+
"exports": [
|
|
2123
|
+
{
|
|
2124
|
+
"kind": "custom-element-definition",
|
|
2125
|
+
"name": "sb-locale-switcher",
|
|
2126
|
+
"declaration": {
|
|
2127
|
+
"name": "SbLocaleSwitcher",
|
|
2128
|
+
"module": "/exports/helpers.js"
|
|
2129
|
+
}
|
|
2130
|
+
}
|
|
2131
|
+
]
|
|
2132
|
+
},
|
|
2103
2133
|
{
|
|
2104
2134
|
"kind": "javascript-module",
|
|
2105
2135
|
"path": "exports/define/lion-accordion.js",
|
|
@@ -2790,36 +2820,6 @@
|
|
|
2790
2820
|
}
|
|
2791
2821
|
]
|
|
2792
2822
|
},
|
|
2793
|
-
{
|
|
2794
|
-
"kind": "javascript-module",
|
|
2795
|
-
"path": "exports/define-helpers/sb-action-logger.js",
|
|
2796
|
-
"declarations": [],
|
|
2797
|
-
"exports": [
|
|
2798
|
-
{
|
|
2799
|
-
"kind": "custom-element-definition",
|
|
2800
|
-
"name": "sb-action-logger",
|
|
2801
|
-
"declaration": {
|
|
2802
|
-
"name": "SbActionLogger",
|
|
2803
|
-
"module": "/exports/helpers.js"
|
|
2804
|
-
}
|
|
2805
|
-
}
|
|
2806
|
-
]
|
|
2807
|
-
},
|
|
2808
|
-
{
|
|
2809
|
-
"kind": "javascript-module",
|
|
2810
|
-
"path": "exports/define-helpers/sb-locale-switcher.js",
|
|
2811
|
-
"declarations": [],
|
|
2812
|
-
"exports": [
|
|
2813
|
-
{
|
|
2814
|
-
"kind": "custom-element-definition",
|
|
2815
|
-
"name": "sb-locale-switcher",
|
|
2816
|
-
"declaration": {
|
|
2817
|
-
"name": "SbLocaleSwitcher",
|
|
2818
|
-
"module": "/exports/helpers.js"
|
|
2819
|
-
}
|
|
2820
|
-
}
|
|
2821
|
-
]
|
|
2822
|
-
},
|
|
2823
2823
|
{
|
|
2824
2824
|
"kind": "javascript-module",
|
|
2825
2825
|
"path": "components/accordion/src/LionAccordion.js",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionCombobox.d.ts","sourceRoot":"","sources":["../../../../components/combobox/src/LionCombobox.js"],"names":[],"mappings":";AAgBA;;;;;;;;;GASG;AAEH;;;GAGG;AACH;IACE,kBAAkB;IAClB,6BAoBC;IAED,wFAgCC;IAuGD,4BAA4B;IAC5B,uBASC;IAtBD;;;;;;;OAOG;IACH,oBAEC;IAOG,iCAAiC;IACjC,SADW,MAAM,GAAG,SAAS,CACL;IAe5B;;OAEG;IACH,uCAcC;IAED;;;OAGG;IAEH,2EAOC;IAED;;OAEG;IAEH,0EAWC;IAED;;;OAGG;IACH,oEAEC;IAsDD;;;;OAIG;IACH,2CAEC;IAED;;;OAGG;IACH,sGAEC;IAED;;;;;OAKG;IACH,6CAOC;IAED;;;OAGG;IACH,4FAEC;IAED;;;OAGG;IACH,sDAEC;IAED;;;OAGG;IACH,sDAEC;IAaD;;;OAGG;IACH,6DAEC;IASD;;OAEG;IACH,qCAEC;IAZD;;OAEG;IACH,kCAEC;IAWC;;;;OAIG;IACH,cAFU,MAAM,GAAC,MAAM,GAAC,QAAQ,GAAC,MAAM,CAEb;IAC1B;;;;;;;OAOG;IACH,WAFU,OAAO,GAAC,KAAK,CAED;IACtB;;;OAGG;IACH,wBAA2B;IAM3B;;OAEG;IACH,kCAAoC;IACpC;;OAEG;IACH,+BAAiC;IAEjC;;;;OAIG;IACH,wBAHU,KAAK,GAAC,KAAK,CAG0C;IAW/D;;OAEG;IACH,mCAAoC;IACpC;;OAEG;IACH,wBAAyB;IACzB;;;OAGG;IACH,uCAA2C;IAC3C;;;OAGG;IACH,gCAAoC;
|
|
1
|
+
{"version":3,"file":"LionCombobox.d.ts","sourceRoot":"","sources":["../../../../components/combobox/src/LionCombobox.js"],"names":[],"mappings":"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"}
|