@lion/ui 0.7.1 → 0.7.2

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 (58) hide show
  1. package/components/select-rich/src/LionSelectRich.js +3 -0
  2. package/components/select-rich/test/lion-select-rich.test.js +12 -0
  3. package/dist-types/components/select-rich/src/LionSelectRich.d.ts.map +1 -1
  4. package/dist-types/tsconfig.tsbuildinfo +1 -1
  5. package/docs/components/checkbox-group/overview.md +2 -2
  6. package/docs/components/collapsible/overview.md +1 -1
  7. package/docs/components/combobox/overview.md +1 -1
  8. package/docs/components/combobox/use-cases.md +1 -1
  9. package/docs/components/dialog/overview.md +1 -1
  10. package/docs/components/fieldset/overview.md +5 -5
  11. package/docs/components/form/overview.md +3 -3
  12. package/docs/components/icon/use-cases.md +1 -1
  13. package/docs/components/input/overview.md +1 -1
  14. package/docs/components/input-amount/overview.md +3 -3
  15. package/docs/components/input-date/overview.md +3 -3
  16. package/docs/components/input-datepicker/overview.md +5 -5
  17. package/docs/components/input-email/overview.md +2 -2
  18. package/docs/components/input-file/overview.md +1 -1
  19. package/docs/components/input-iban/overview.md +2 -2
  20. package/docs/components/input-range/overview.md +2 -2
  21. package/docs/components/input-stepper/overview.md +1 -1
  22. package/docs/components/input-tel/overview.md +1 -1
  23. package/docs/components/input-tel/use-cases.md +6 -6
  24. package/docs/components/input-tel-dropdown/overview.md +1 -1
  25. package/docs/components/listbox/use-cases.md +1 -1
  26. package/docs/components/radio-group/overview.md +3 -3
  27. package/docs/components/select/use-cases.md +1 -1
  28. package/docs/components/select-rich/use-cases.md +1 -1
  29. package/docs/components/tabs/examples.md +1 -1
  30. package/docs/fundamentals/index.md +4 -4
  31. package/docs/fundamentals/node-tools/providence-analytics/LocalConfiguration.md +1 -1
  32. package/docs/fundamentals/node-tools/providence-analytics/QueryResult.md +1 -1
  33. package/docs/fundamentals/node-tools/providence-analytics/analyzer.md +1 -1
  34. package/docs/fundamentals/node-tools/providence-analytics/dashboard.md +1 -1
  35. package/docs/fundamentals/node-tools/providence-analytics/overview.md +3 -3
  36. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  37. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  38. package/docs/fundamentals/rationales/accessibility.md +1 -1
  39. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  40. package/docs/fundamentals/systems/core/overview.md +1 -1
  41. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  42. package/docs/fundamentals/systems/form/model-value.md +1 -1
  43. package/docs/fundamentals/systems/form/overview.md +28 -28
  44. package/docs/fundamentals/systems/form/validate.md +2 -2
  45. package/docs/fundamentals/systems/localize/overview.md +4 -4
  46. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  47. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  48. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  49. package/docs/fundamentals/tools/ajax/overview.md +19 -18
  50. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  51. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  52. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  53. package/docs/guides/how-to/create-a-form.md +4 -4
  54. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  55. package/docs/guides/index.md +8 -8
  56. package/docs/guides/principles/index.md +5 -5
  57. package/docs/guides/principles/styling.md +1 -1
  58. package/package.json +1 -1
@@ -541,6 +541,9 @@ export class LionSelectRich extends SlotMixin(ScopedElementsMixin(OverlayMixin(L
541
541
  switch (key) {
542
542
  case 'Tab':
543
543
  // Tab can only be caught in keydown
544
+ if (this._overlayCtrl.config.trapsKeyboardFocus === true) {
545
+ return;
546
+ }
544
547
  this.opened = false;
545
548
  break;
546
549
  case 'Escape':
@@ -501,6 +501,18 @@ describe('lion-select-rich', () => {
501
501
  _listboxNode.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab' }));
502
502
  expect(el.opened).to.be.false;
503
503
  });
504
+
505
+ it('does not close the listbox with [Tab] key once opened when trapsKeyboardFocus is true', async () => {
506
+ const el = await fixture(
507
+ html`
508
+ <lion-select-rich opened .config=${{ trapsKeyboardFocus: true }}> </lion-select-rich>
509
+ `,
510
+ );
511
+ // tab can only be caught via keydown
512
+ const { _listboxNode } = getSelectRichMembers(el);
513
+ _listboxNode.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab' }));
514
+ expect(el.opened).to.be.true;
515
+ });
504
516
  });
505
517
 
506
518
  describe('Mouse navigation', () => {
@@ -1 +1 @@
1
- {"version":3,"file":"LionSelectRich.d.ts","sourceRoot":"","sources":["../../../../components/select-rich/src/LionSelectRich.js"],"names":[],"mappings":";AAsBA;;GAEG;AACH;IACE;;MAKC;IAED,kBAAkB;IAClB,6BAgBC;IAED;;;OAGG;IAEH,2EAUC;IAUD;;;OAGG;IACH,gDAIC;IAED;;;OAGG;IAEH,kDAEC;IAiBC;;;;OAIG;IACH,+BAAkC;IAClC;;;;OAIG;IACH,iBAFU,eAAe,GAAC,KAAK,GAAC,MAAM,CAET;IAE7B,sBAAyB;IACzB,iBAAiB;IACjB,8BAAqB;IA2VvB;;;OAGG;IAEH,wBAJW,aAAa,QAgDvB;IA5MD,eAAe;IACf,wBAEC;IAiED,eAAe;IACf,wBAGC;IAZD,eAAe;IACf,wBAKC;IAzED,eAAe;IACf,yBAIC;IAkDD,eAAe;IACf,4BASC;IAsLD,iBAAiB;IACjB,kCAEC;IAjaD,0BAUC;IAQD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAgBhB;IAED;;OAEG;IACH,2BAFW,OAAO,KAAK,EAAE,cAAc,QAqCtC;IAED;;;;OAIG;IACH,sBAHW,UAAU,GAAG,eAAe,iCAoBtC;IALG,qDAA2C;IAiB/C;;;;;OAKG;IACH,iGAEC;IAED,iBAAiB;IACjB,yCAGC;IAED,eAAe;IACf,gCAEC;IAED,eAAe;IACf,gCAKC;IAED,eAAe;IACf,6BAaC;IAED,eAAe;IACf,2BAKC;IAcD,eAAe;IACf,wCAIC;IAED,eAAe;IACf,8BAGC;IAED;;;OAGG;IAEH;;;;;;;;;;;;;;;;;;;;;;;;MAMC;IAED;;;;;;OAMG;IACH,kDAQC;IAkCC,4EAA8E;IAoBhF;;;;OAIG;IACH,8CAwBC;IAED;;;OAGG;IACH,gCAEC;IAED;;;OAGG;IACH,uDAEC;IAED;;;OAGG;IACH,4FAEC;IAgBC,0CAAgC;IA0FlC;;;;OAIG;IACH,wCASC;IARC,qCAA2B;CAS9B;0BAxkBY,OAAO,kCAAkC,EAAE,WAAW;yBACtD,OAAO,iCAAiC,EAAE,UAAU;kCACpD,OAAO,iEAAiE,EAAE,mBAAmB;8BAC7F,OAAO,gDAAgD,EAAE,eAAe;uBACxE,OAAO,oCAAoC,EAAE,QAAQ"}
1
+ {"version":3,"file":"LionSelectRich.d.ts","sourceRoot":"","sources":["../../../../components/select-rich/src/LionSelectRich.js"],"names":[],"mappings":";AAsBA;;GAEG;AACH;IACE;;MAKC;IAED,kBAAkB;IAClB,6BAgBC;IAED;;;OAGG;IAEH,2EAUC;IAUD;;;OAGG;IACH,gDAIC;IAED;;;OAGG;IAEH,kDAEC;IAiBC;;;;OAIG;IACH,+BAAkC;IAClC;;;;OAIG;IACH,iBAFU,eAAe,GAAC,KAAK,GAAC,MAAM,CAET;IAE7B,sBAAyB;IACzB,iBAAiB;IACjB,8BAAqB;IA2VvB;;;OAGG;IAEH,wBAJW,aAAa,QAgDvB;IA5MD,eAAe;IACf,wBAEC;IAiED,eAAe;IACf,wBAGC;IAZD,eAAe;IACf,wBAKC;IAzED,eAAe;IACf,yBAIC;IAkDD,eAAe;IACf,4BASC;IAyLD,iBAAiB;IACjB,kCAEC;IApaD,0BAUC;IAQD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAgBhB;IAED;;OAEG;IACH,2BAFW,OAAO,KAAK,EAAE,cAAc,QAqCtC;IAED;;;;OAIG;IACH,sBAHW,UAAU,GAAG,eAAe,iCAoBtC;IALG,qDAA2C;IAiB/C;;;;;OAKG;IACH,iGAEC;IAED,iBAAiB;IACjB,yCAGC;IAED,eAAe;IACf,gCAEC;IAED,eAAe;IACf,gCAKC;IAED,eAAe;IACf,6BAaC;IAED,eAAe;IACf,2BAKC;IAcD,eAAe;IACf,wCAIC;IAED,eAAe;IACf,8BAGC;IAED;;;OAGG;IAEH;;;;;;;;;;;;;;;;;;;;;;;;MAMC;IAED;;;;;;OAMG;IACH,kDAQC;IAkCC,4EAA8E;IAoBhF;;;;OAIG;IACH,8CAwBC;IAED;;;OAGG;IACH,gCAEC;IAED;;;OAGG;IACH,uDAEC;IAED;;;OAGG;IACH,4FAEC;IAgBC,0CAAgC;IA6FlC;;;;OAIG;IACH,wCASC;IARC,qCAA2B;CAS9B;0BA3kBY,OAAO,kCAAkC,EAAE,WAAW;yBACtD,OAAO,iCAAiC,EAAE,UAAU;kCACpD,OAAO,iEAAiE,EAAE,mBAAmB;8BAC7F,OAAO,gDAAgD,EAAE,eAAe;uBACxE,OAAO,oCAAoC,EAAE,QAAQ"}