@lion/ui 0.14.3 → 0.15.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.
Files changed (235) hide show
  1. package/README.md +38 -12
  2. package/components/combobox/test/lion-combobox.test.js +50 -2
  3. package/components/core/src/SlotMixin.js +52 -0
  4. package/components/core/test/SlotMixin.test.js +85 -0
  5. package/components/icon/src/icons.js +14 -2
  6. package/components/icon/test/hammer.svg.js +5 -2
  7. package/components/icon/test/heart.svg.js +5 -2
  8. package/components/icon/test/lion-icon.test.js +10 -4
  9. package/components/input-stepper/src/LionInputStepper.js +10 -10
  10. package/components/listbox/src/ListboxMixin.js +3 -35
  11. package/components/localize/src/getLocalizeManager.js +16 -10
  12. package/components/localize/test/getLocalizeManager.test.js +15 -7
  13. package/components/localize/test/side-effect-free-entrypoint.test.js +9 -3
  14. package/components/overlays/src/ArrowMixin.js +10 -4
  15. package/components/overlays/src/singleton.js +14 -4
  16. package/components/overlays/test/OverlayController.test.js +4 -1
  17. package/custom-elements.json +3014 -220
  18. package/dist-types/components/core/src/ScopedElementsMixin.d.ts.map +1 -1
  19. package/dist-types/components/core/src/SlotMixin.d.ts +35 -0
  20. package/dist-types/components/core/src/SlotMixin.d.ts.map +1 -1
  21. package/dist-types/components/core/test/SlotMixin.test.d.ts.map +1 -1
  22. package/dist-types/components/icon/src/LionIcon.d.ts +1 -1
  23. package/dist-types/components/icon/src/LionIcon.d.ts.map +1 -1
  24. package/dist-types/components/icon/src/icons.d.ts +2 -1
  25. package/dist-types/components/icon/src/icons.d.ts.map +1 -1
  26. package/dist-types/components/icon/test/hammer.svg.d.ts +1 -1
  27. package/dist-types/components/icon/test/hammer.svg.d.ts.map +1 -1
  28. package/dist-types/components/icon/test/heart.svg.d.ts +1 -1
  29. package/dist-types/components/icon/test/heart.svg.d.ts.map +1 -1
  30. package/dist-types/components/input-stepper/src/LionInputStepper.d.ts +4 -4
  31. package/dist-types/components/input-stepper/src/LionInputStepper.d.ts.map +1 -1
  32. package/dist-types/components/listbox/src/ListboxMixin.d.ts.map +1 -1
  33. package/dist-types/components/localize/src/getLocalizeManager.d.ts +2 -58
  34. package/dist-types/components/localize/src/getLocalizeManager.d.ts.map +1 -1
  35. package/dist-types/components/localize/test/getLocalizeManager.test.d.ts +4 -1
  36. package/dist-types/components/localize/test/getLocalizeManager.test.d.ts.map +1 -1
  37. package/dist-types/components/localize/test/side-effect-free-entrypoint.test.d.ts +4 -0
  38. package/dist-types/components/localize/test/side-effect-free-entrypoint.test.d.ts.map +1 -1
  39. package/dist-types/components/overlays/src/ArrowMixin.d.ts.map +1 -1
  40. package/dist-types/components/overlays/src/singleton.d.ts.map +1 -1
  41. package/dist-types/tsconfig.tsbuildinfo +1 -1
  42. package/docs/components/accordion/index.md +1 -1
  43. package/docs/components/accordion/overview.md +1 -1
  44. package/docs/components/accordion/reference.md +1 -1
  45. package/docs/components/accordion/use-cases.md +1 -1
  46. package/docs/components/button/{extensions/bootstrap-button.mjs → assets/bootstrap-button.js} +10 -5
  47. package/docs/components/button/examples.md +1 -1
  48. package/docs/components/button/extensions.md +2 -2
  49. package/docs/components/button/index.md +2 -2
  50. package/docs/components/button/overview.md +4 -4
  51. package/docs/components/button/use-cases.md +6 -6
  52. package/docs/components/calendar/index.md +1 -1
  53. package/docs/components/calendar/overview.md +1 -1
  54. package/docs/components/calendar/use-cases.md +2 -2
  55. package/docs/components/checkbox-group/index.md +1 -1
  56. package/docs/components/checkbox-group/overview.md +3 -3
  57. package/docs/components/checkbox-group/use-cases.md +1 -1
  58. package/docs/components/collapsible/examples.md +1 -1
  59. package/docs/components/collapsible/index.md +1 -1
  60. package/docs/components/collapsible/overview.md +2 -2
  61. package/docs/components/collapsible/use-cases.md +1 -1
  62. package/docs/components/combobox/extensions.md +2 -1
  63. package/docs/components/combobox/index.md +1 -1
  64. package/docs/components/combobox/overview.md +2 -2
  65. package/docs/components/combobox/use-cases.md +2 -2
  66. package/docs/components/dialog/index.md +1 -1
  67. package/docs/components/dialog/overview.md +2 -2
  68. package/docs/components/dialog/use-cases.md +1 -1
  69. package/docs/components/drawer/index.md +1 -1
  70. package/docs/components/drawer/overview.md +1 -1
  71. package/docs/components/drawer/use-cases.md +1 -1
  72. package/docs/components/fieldset/index.md +1 -1
  73. package/docs/components/fieldset/overview.md +6 -6
  74. package/docs/components/fieldset/use-cases.md +1 -1
  75. package/docs/components/form/index.md +1 -1
  76. package/docs/components/form/overview.md +4 -4
  77. package/docs/components/form/use-cases.md +3 -3
  78. package/docs/components/icon/index.md +1 -1
  79. package/docs/components/icon/overview.md +1 -1
  80. package/docs/components/icon/use-cases.md +2 -15
  81. package/docs/components/index.md +1 -1
  82. package/docs/components/input/index.md +1 -1
  83. package/docs/components/input/overview.md +2 -2
  84. package/docs/components/input/use-cases.md +1 -1
  85. package/docs/components/input-amount/index.md +1 -1
  86. package/docs/components/input-amount/overview.md +4 -4
  87. package/docs/components/input-amount/use-cases.md +1 -1
  88. package/docs/components/input-amount-dropdown/index.md +1 -1
  89. package/docs/components/input-amount-dropdown/use-cases.md +1 -1
  90. package/docs/components/input-date/index.md +1 -1
  91. package/docs/components/input-date/overview.md +4 -4
  92. package/docs/components/input-date/use-cases.md +1 -1
  93. package/docs/components/input-datepicker/index.md +1 -1
  94. package/docs/components/input-datepicker/overview.md +6 -6
  95. package/docs/components/input-datepicker/use-cases.md +1 -1
  96. package/docs/components/input-email/index.md +1 -1
  97. package/docs/components/input-email/overview.md +3 -3
  98. package/docs/components/input-email/use-cases.md +1 -1
  99. package/docs/components/input-file/index.md +1 -1
  100. package/docs/components/input-file/overview.md +2 -2
  101. package/docs/components/input-file/use-cases.md +1 -1
  102. package/docs/components/input-iban/index.md +1 -1
  103. package/docs/components/input-iban/overview.md +3 -3
  104. package/docs/components/input-iban/use-cases.md +1 -1
  105. package/docs/components/input-range/index.md +1 -1
  106. package/docs/components/input-range/overview.md +3 -3
  107. package/docs/components/input-range/use-cases.md +1 -1
  108. package/docs/components/input-stepper/api-table.md +2 -0
  109. package/docs/components/input-stepper/index.md +1 -1
  110. package/docs/components/input-stepper/overview.md +2 -2
  111. package/docs/components/input-stepper/use-cases.md +1 -1
  112. package/docs/components/input-tel/index.md +1 -1
  113. package/docs/components/input-tel/overview.md +2 -2
  114. package/docs/components/input-tel/use-cases.md +7 -7
  115. package/docs/components/input-tel-dropdown/extensions.md +1 -1
  116. package/docs/components/input-tel-dropdown/index.md +1 -1
  117. package/docs/components/input-tel-dropdown/overview.md +2 -2
  118. package/docs/components/input-tel-dropdown/use-cases.md +1 -1
  119. package/docs/components/listbox/index.md +1 -1
  120. package/docs/components/listbox/overview.md +1 -1
  121. package/docs/components/listbox/use-cases.md +2 -2
  122. package/docs/components/pagination/index.md +1 -1
  123. package/docs/components/pagination/overview.md +1 -1
  124. package/docs/components/pagination/use-cases.md +1 -1
  125. package/docs/components/progress-indicator/examples.md +1 -1
  126. package/docs/components/progress-indicator/index.md +1 -1
  127. package/docs/components/progress-indicator/overview.md +1 -1
  128. package/docs/components/radio-group/index.md +1 -1
  129. package/docs/components/radio-group/overview.md +4 -4
  130. package/docs/components/radio-group/use-cases.md +1 -1
  131. package/docs/components/select/index.md +1 -1
  132. package/docs/components/select/overview.md +1 -1
  133. package/docs/components/select/use-cases.md +2 -2
  134. package/docs/components/select-rich/examples.md +1 -1
  135. package/docs/components/select-rich/index.md +1 -1
  136. package/docs/components/select-rich/overview.md +1 -1
  137. package/docs/components/select-rich/use-cases.md +3 -3
  138. package/docs/components/steps/index.md +1 -1
  139. package/docs/components/steps/overview.md +1 -1
  140. package/docs/components/steps/use-cases.md +1 -1
  141. package/docs/components/switch/index.md +1 -1
  142. package/docs/components/switch/overview.md +1 -1
  143. package/docs/components/switch/reference.md +1 -1
  144. package/docs/components/switch/use-cases.md +1 -1
  145. package/docs/components/tabs/examples.md +2 -2
  146. package/docs/components/tabs/index.md +1 -1
  147. package/docs/components/tabs/overview.md +1 -1
  148. package/docs/components/tabs/use-cases.md +1 -1
  149. package/docs/components/textarea/index.md +1 -1
  150. package/docs/components/textarea/overview.md +1 -1
  151. package/docs/components/textarea/use-cases.md +1 -1
  152. package/docs/components/tooltip/examples.md +1 -1
  153. package/docs/components/tooltip/index.md +1 -1
  154. package/docs/components/tooltip/overview.md +1 -1
  155. package/docs/components/tooltip/use-cases.md +1 -1
  156. package/docs/fundamentals/index.md +4 -4
  157. package/docs/fundamentals/node-tools/babel-plugin-extend-docs/index.md +1 -1
  158. package/docs/fundamentals/node-tools/babel-plugin-extend-docs/overview.md +1 -1
  159. package/docs/fundamentals/node-tools/index.md +1 -1
  160. package/docs/fundamentals/node-tools/providence-analytics/index.md +1 -1
  161. package/docs/fundamentals/node-tools/providence-analytics/overview.md +1 -1
  162. package/docs/fundamentals/node-tools/publish-docs/index.md +1 -1
  163. package/docs/fundamentals/node-tools/publish-docs/overview.md +4 -4
  164. package/docs/fundamentals/node-tools/remark-extend/index.md +1 -1
  165. package/docs/fundamentals/node-tools/remark-extend/overview.md +1 -1
  166. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/index.md +1 -1
  167. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +3 -3
  168. package/docs/fundamentals/rationales/TypeScript.md +1 -1
  169. package/docs/fundamentals/rationales/accessibility.md +2 -2
  170. package/docs/fundamentals/rationales/index.md +1 -1
  171. package/docs/fundamentals/rationales/side-effects.md +1 -1
  172. package/docs/fundamentals/rationales/versioning.md +1 -1
  173. package/docs/fundamentals/systems/core/SlotMixin.md +2 -2
  174. package/docs/fundamentals/systems/core/index.md +1 -1
  175. package/docs/fundamentals/systems/core/overview.md +2 -2
  176. package/docs/fundamentals/systems/form/formatting-and-parsing.md +5 -5
  177. package/docs/fundamentals/systems/form/index.md +1 -1
  178. package/docs/fundamentals/systems/form/interaction-states.md +1 -1
  179. package/docs/fundamentals/systems/form/model-value.md +2 -2
  180. package/docs/fundamentals/systems/form/overview.md +29 -29
  181. package/docs/fundamentals/systems/form/styling.md +1 -1
  182. package/docs/fundamentals/systems/form/use-cases.md +1 -1
  183. package/docs/fundamentals/systems/form/validate.md +3 -3
  184. package/docs/fundamentals/systems/icon/index.md +1 -1
  185. package/docs/fundamentals/systems/icon/overview.md +1 -1
  186. package/docs/fundamentals/systems/index.md +1 -1
  187. package/docs/fundamentals/systems/localize/api-table.md +3 -0
  188. package/docs/fundamentals/systems/localize/dates.md +1 -1
  189. package/docs/fundamentals/systems/localize/index.md +1 -1
  190. package/docs/fundamentals/systems/localize/numbers.md +1 -1
  191. package/docs/fundamentals/systems/localize/overview.md +5 -5
  192. package/docs/fundamentals/systems/localize/rationale.md +1 -1
  193. package/docs/fundamentals/systems/localize/text.md +5 -4
  194. package/docs/fundamentals/systems/localize/use-cases.md +1 -1
  195. package/docs/fundamentals/systems/overlays/_configuration-positioning.md +3 -3
  196. package/docs/fundamentals/systems/overlays/_edge-cases.md +3 -3
  197. package/docs/fundamentals/systems/overlays/api-table.md +3 -0
  198. package/docs/fundamentals/systems/overlays/assets/demo-overlay-positioning.mjs +1 -1
  199. package/docs/fundamentals/systems/overlays/configuration.md +5 -5
  200. package/docs/fundamentals/systems/overlays/index.md +1 -1
  201. package/docs/fundamentals/systems/overlays/overview.md +6 -6
  202. package/docs/fundamentals/systems/overlays/rationale.md +1 -1
  203. package/docs/fundamentals/systems/overlays/use-cases.md +6 -6
  204. package/docs/fundamentals/tools/ajax/index.md +1 -1
  205. package/docs/fundamentals/tools/ajax/overview.md +2 -2
  206. package/docs/fundamentals/tools/ajax/use-cases.md +3 -3
  207. package/docs/fundamentals/tools/helpers/action-logger.md +1 -1
  208. package/docs/fundamentals/tools/helpers/index.md +2 -2
  209. package/docs/fundamentals/tools/helpers/overview.md +2 -2
  210. package/docs/fundamentals/tools/index.md +1 -1
  211. package/docs/fundamentals/tools/singleton-manager/example-complex/index.md +1 -1
  212. package/docs/fundamentals/tools/singleton-manager/example-fail/demo-app.js +4 -4
  213. package/docs/fundamentals/tools/singleton-manager/example-fail/index.md +2 -2
  214. package/docs/fundamentals/tools/singleton-manager/example-fail/node_modules/{page-a/page-a.js → page-c/page-c.js} +2 -2
  215. package/docs/fundamentals/tools/singleton-manager/example-fail/node_modules/{page-b/page-b.js → page-d/page-d.js} +2 -2
  216. package/docs/fundamentals/tools/singleton-manager/example-success/demo-app.js +4 -4
  217. package/docs/fundamentals/tools/singleton-manager/example-success/index.md +2 -2
  218. package/docs/fundamentals/tools/singleton-manager/example-success/node_modules/{page-a/page-a.js → page-e/page-e.js} +2 -3
  219. package/docs/fundamentals/tools/singleton-manager/example-success/node_modules/{page-b/page-b.js → page-f/page-f.js} +2 -2
  220. package/docs/fundamentals/tools/singleton-manager/index.md +2 -2
  221. package/docs/fundamentals/tools/singleton-manager/overview.md +5 -5
  222. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  223. package/docs/guides/how-to/create-a-form.md +4 -4
  224. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  225. package/docs/guides/index.md +8 -8
  226. package/docs/guides/principles/index.md +5 -5
  227. package/docs/guides/principles/styling.md +1 -1
  228. package/package.json +2 -2
  229. /package/docs/fundamentals/systems/overlays/assets/{applyDemoOverlayStyles.mjs → applyDemoOverlayStyles.js} +0 -0
  230. /package/docs/fundamentals/systems/overlays/assets/{demo-el-using-overlaymixin.mjs → demo-el-using-overlaymixin.js} +0 -0
  231. /package/docs/fundamentals/systems/overlays/assets/{demo-overlay-backdrop.mjs → demo-overlay-backdrop.js} +0 -0
  232. /package/docs/fundamentals/tools/singleton-manager/example-fail/node_modules/{page-b → page-d}/node_modules/overlays/index.js +0 -0
  233. /package/docs/fundamentals/tools/singleton-manager/example-fail/node_modules/{page-b → page-d}/node_modules/overlays/instance.js +0 -0
  234. /package/docs/fundamentals/tools/singleton-manager/example-success/node_modules/{page-b → page-f}/node_modules/overlays/index.js +0 -0
  235. /package/docs/fundamentals/tools/singleton-manager/example-success/node_modules/{page-b → page-f}/node_modules/overlays/instance.js +0 -0
@@ -1,6 +1,16 @@
1
- import { singletonManager } from 'singleton-manager';
1
+ import { singletonManager, lazifyInstantiation } from 'singleton-manager';
2
2
  import { OverlaysManager } from './OverlaysManager.js';
3
3
 
4
- export const overlays =
5
- /** @type {OverlaysManager} */
6
- (singletonManager.get('@lion/ui::overlays::0.x')) || new OverlaysManager();
4
+ /**
5
+ * @returns {OverlaysManager}
6
+ */
7
+ function getOverlaysManager() {
8
+ if (!singletonManager.has('@lion/ui::overlays::0.x')) {
9
+ const overlaysManager = new OverlaysManager();
10
+ singletonManager.set('@lion/ui::overlays::0.x', overlaysManager);
11
+ }
12
+
13
+ return singletonManager.get('@lion/ui::overlays::0.x');
14
+ }
15
+
16
+ export const overlays = lazifyInstantiation(getOverlaysManager);
@@ -799,6 +799,9 @@ describe('OverlayController', () => {
799
799
  const { parentOverlay, childOverlay } = await createNestedEscControllers(parentContent);
800
800
  await mimicEscapePress(childOverlay.contentNode);
801
801
 
802
+ // without this line, the test is unstable on FF sometimes
803
+ await aTimeout(0);
804
+
802
805
  expect(parentOverlay.isShown).to.be.false;
803
806
  expect(childOverlay.isShown).to.be.true;
804
807
 
@@ -1040,7 +1043,7 @@ describe('OverlayController', () => {
1040
1043
  // Don't hide on inside shadowDom click
1041
1044
  /** @type {ShadowRoot} */
1042
1045
  // @ts-expect-error
1043
- (ctrl.contentNode.querySelector(tagString).shadowRoot).querySelector('button').click();
1046
+ ctrl.contentNode.querySelector(tagString).shadowRoot.querySelector('button').click();
1044
1047
 
1045
1048
  await aTimeout(0);
1046
1049
  expect(ctrl.isShown).to.be.true;