@lion/ui 0.7.9 → 0.8.0

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.
Files changed (73) hide show
  1. package/components/accordion/src/LionAccordion.js +1 -1
  2. package/components/accordion/test/lion-accordion.test.js +9 -4
  3. package/components/calendar/src/LionCalendar.js +3 -1
  4. package/components/combobox/test/lion-combobox.test.js +124 -120
  5. package/components/combobox/test/validators.test.js +2 -2
  6. package/components/combobox/test-helpers/combobox-helpers.js +8 -9
  7. package/components/core/src/browserDetection.js +9 -1
  8. package/components/form-core/test-suites/NativeTextFieldMixin.suite.js +9 -10
  9. package/custom-elements.json +684 -2497
  10. package/dist-types/components/accordion/test/lion-accordion.test.d.ts.map +1 -1
  11. package/dist-types/components/calendar/src/LionCalendar.d.ts +0 -1
  12. package/dist-types/components/calendar/src/LionCalendar.d.ts.map +1 -1
  13. package/dist-types/components/combobox/test-helpers/combobox-helpers.d.ts +2 -2
  14. package/dist-types/components/combobox/test-helpers/combobox-helpers.d.ts.map +1 -1
  15. package/dist-types/components/form-core/test-suites/NativeTextFieldMixin.suite.d.ts.map +1 -1
  16. package/dist-types/components/icon/src/LionIcon.d.ts +2 -2
  17. package/dist-types/components/icon/src/LionIcon.d.ts.map +1 -1
  18. package/dist-types/tsconfig.tsbuildinfo +1 -1
  19. package/docs/components/checkbox-group/overview.md +2 -2
  20. package/docs/components/collapsible/overview.md +1 -1
  21. package/docs/components/combobox/overview.md +1 -1
  22. package/docs/components/combobox/use-cases.md +3 -4
  23. package/docs/components/dialog/overview.md +1 -1
  24. package/docs/components/fieldset/overview.md +5 -5
  25. package/docs/components/form/overview.md +3 -3
  26. package/docs/components/icon/use-cases.md +1 -1
  27. package/docs/components/input/overview.md +1 -1
  28. package/docs/components/input-amount/overview.md +3 -3
  29. package/docs/components/input-date/overview.md +3 -3
  30. package/docs/components/input-date/use-cases.md +2 -3
  31. package/docs/components/input-datepicker/overview.md +5 -5
  32. package/docs/components/input-datepicker/use-cases.md +2 -3
  33. package/docs/components/input-email/overview.md +2 -2
  34. package/docs/components/input-file/overview.md +1 -1
  35. package/docs/components/input-iban/overview.md +2 -2
  36. package/docs/components/input-range/overview.md +2 -2
  37. package/docs/components/input-stepper/overview.md +1 -1
  38. package/docs/components/input-tel/overview.md +1 -1
  39. package/docs/components/input-tel/use-cases.md +6 -6
  40. package/docs/components/input-tel-dropdown/overview.md +1 -1
  41. package/docs/components/listbox/use-cases.md +1 -1
  42. package/docs/components/radio-group/overview.md +3 -3
  43. package/docs/components/select/use-cases.md +1 -1
  44. package/docs/components/select-rich/use-cases.md +1 -1
  45. package/docs/components/tabs/examples.md +1 -1
  46. package/docs/fundamentals/index.md +4 -4
  47. package/docs/fundamentals/node-tools/providence-analytics/LocalConfiguration.md +1 -1
  48. package/docs/fundamentals/node-tools/providence-analytics/QueryResult.md +1 -1
  49. package/docs/fundamentals/node-tools/providence-analytics/analyzer.md +1 -1
  50. package/docs/fundamentals/node-tools/providence-analytics/dashboard.md +1 -1
  51. package/docs/fundamentals/node-tools/providence-analytics/overview.md +3 -3
  52. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  53. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  54. package/docs/fundamentals/rationales/accessibility.md +1 -1
  55. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  56. package/docs/fundamentals/systems/core/overview.md +1 -1
  57. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  58. package/docs/fundamentals/systems/form/model-value.md +1 -1
  59. package/docs/fundamentals/systems/form/overview.md +28 -28
  60. package/docs/fundamentals/systems/form/validate.md +2 -2
  61. package/docs/fundamentals/systems/localize/overview.md +4 -4
  62. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  63. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  64. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  65. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  66. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  67. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  68. package/docs/guides/how-to/create-a-form.md +4 -4
  69. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  70. package/docs/guides/index.md +8 -8
  71. package/docs/guides/principles/index.md +5 -5
  72. package/docs/guides/principles/styling.md +1 -1
  73. package/package.json +1 -1
@@ -451,7 +451,7 @@ export class LionAccordion extends LitElement {
451
451
 
452
452
  if (indexFound === -1) {
453
453
  expandedNewValues.push(indexClicked);
454
- } else if (expandedNewValues.includes(indexFound)) {
454
+ } else {
455
455
  expandedNewValues.splice(indexFound, 1);
456
456
  }
457
457
 
@@ -1,5 +1,6 @@
1
1
  import { expect, fixture } from '@open-wc/testing';
2
2
  import { html } from 'lit/static-html.js';
3
+ import { sendKeys } from '@web/test-runner-commands';
3
4
  import sinon from 'sinon';
4
5
 
5
6
  import '@lion/ui/define/lion-accordion.js';
@@ -309,11 +310,14 @@ describe('<lion-accordion>', () => {
309
310
  * > content content to be preloaded.
310
311
  */
311
312
  describe('User interaction', () => {
312
- it('opens a invoker on click', async () => {
313
+ it('opens/closes an invoker on click', async () => {
313
314
  const el = /** @type {LionAccordion} */ (await fixture(basicAccordion));
314
315
  const invokers = getInvokers(el);
315
316
  invokers[1].firstElementChild?.dispatchEvent(new Event('click'));
316
317
  expect(el.expanded).to.deep.equal([1]);
318
+
319
+ invokers[1].firstElementChild?.dispatchEvent(new Event('click'));
320
+ expect(el.expanded).to.deep.equal([]);
317
321
  });
318
322
 
319
323
  it('selects a invoker on click', async () => {
@@ -323,12 +327,13 @@ describe('<lion-accordion>', () => {
323
327
  expect(el.focusedIndex).to.equal(1);
324
328
  });
325
329
 
326
- it.skip('opens/close invoker on [enter] and [space]', async () => {
330
+ it('opens/closes invoker on [enter] and [space]', async () => {
327
331
  const el = /** @type {LionAccordion} */ (await fixture(basicAccordion));
328
332
  const invokers = getInvokers(el);
329
- invokers[0].firstElementChild?.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }));
333
+ invokers[0].getElementsByTagName('button')[0].focus();
334
+ await sendKeys({ press: 'Enter' });
330
335
  expect(el.expanded).to.deep.equal([0]);
331
- invokers[0].firstElementChild?.dispatchEvent(new KeyboardEvent('keyup', { key: ' ' }));
336
+ await sendKeys({ press: 'Space' });
332
337
  expect(el.expanded).to.deep.equal([]);
333
338
  });
334
339
 
@@ -300,7 +300,9 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
300
300
  }
301
301
  }
302
302
 
303
- firstUpdated() {
303
+ /** @param {import('lit').PropertyValues } changedProperties */
304
+ firstUpdated(changedProperties) {
305
+ super.firstUpdated(changedProperties);
304
306
  this.__calculateInitialCentralDate();
305
307
 
306
308
  // setup data for initial render