@lion/ui 0.13.0 → 0.14.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 (219) hide show
  1. package/components/accordion/src/LionAccordion.js +3 -2
  2. package/components/button/src/LionButton.js +6 -10
  3. package/components/button/src/LionButtonReset.js +2 -0
  4. package/components/button/src/LionButtonSubmit.js +2 -0
  5. package/components/button/test-suites/LionButton.suite.js +0 -14
  6. package/components/checkbox-group/src/LionCheckbox.js +3 -0
  7. package/components/checkbox-group/src/LionCheckboxGroup.js +2 -0
  8. package/components/checkbox-group/src/LionCheckboxIndeterminate.js +3 -0
  9. package/components/collapsible/src/LionCollapsible.js +4 -1
  10. package/components/combobox/src/LionCombobox.js +5 -0
  11. package/components/dialog/src/LionDialog.js +3 -0
  12. package/components/drawer/src/LionDrawer.js +9 -0
  13. package/components/fieldset/src/LionFieldset.js +1 -1
  14. package/components/form/src/LionForm.js +0 -1
  15. package/components/form-core/src/FormControlMixin.js +10 -0
  16. package/components/form-core/src/FormatMixin.js +1 -1
  17. package/components/form-core/src/validate/LionValidationFeedback.js +8 -10
  18. package/components/form-core/src/validate/ValidateMixin.js +23 -3
  19. package/components/form-core/test/validate/lion-validation-feedback.test.js +0 -22
  20. package/components/form-core/test-suites/ValidateMixinFeedbackPart.suite.js +119 -0
  21. package/components/form-core/types/validate/validate.ts +1 -0
  22. package/components/icon/src/LionIcon.js +2 -0
  23. package/components/input-amount-dropdown/src/LionInputAmountDropdown.js +557 -0
  24. package/components/input-amount-dropdown/src/currencyUtil.js +324 -0
  25. package/components/input-amount-dropdown/src/formatters.js +24 -0
  26. package/components/input-amount-dropdown/src/localizeNamespaceLoader.js +7 -0
  27. package/components/input-amount-dropdown/src/parsers.js +23 -0
  28. package/components/input-amount-dropdown/src/serializers.js +24 -0
  29. package/components/input-amount-dropdown/src/validators.js +22 -0
  30. package/components/input-amount-dropdown/test/LionInputAmountDropdown.test.js +199 -0
  31. package/components/input-amount-dropdown/test-helpers/mimicUserChangingDropdown.js +22 -0
  32. package/components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.js +322 -0
  33. package/components/input-amount-dropdown/translations/en.js +5 -0
  34. package/components/input-amount-dropdown/types/index.ts +234 -0
  35. package/components/input-file/src/LionInputFile.js +9 -0
  36. package/components/input-tel/src/LionInputTel.js +3 -0
  37. package/components/input-tel/types/index.ts +6 -0
  38. package/components/input-tel-dropdown/src/LionInputTelDropdown.js +2 -0
  39. package/components/listbox/src/LionListbox.js +2 -0
  40. package/components/localize/src/number/getFractionDigits.js +1 -1
  41. package/components/overlays/src/OverlayMixin.js +4 -0
  42. package/components/progress-indicator/src/LionProgressIndicator.js +4 -0
  43. package/components/radio-group/src/LionRadioGroup.js +3 -1
  44. package/components/select/src/LionSelect.js +4 -0
  45. package/components/select-rich/src/LionSelectInvoker.js +2 -0
  46. package/components/select-rich/src/LionSelectRich.js +2 -0
  47. package/components/steps/src/LionStep.js +0 -1
  48. package/components/steps/src/LionSteps.js +0 -1
  49. package/components/switch/src/LionSwitch.js +3 -0
  50. package/components/switch/src/LionSwitchButton.js +5 -0
  51. package/components/tabs/src/LionTabs.js +8 -0
  52. package/custom-elements.json +5581 -1475
  53. package/dist-types/components/accordion/src/LionAccordion.d.ts +3 -2
  54. package/dist-types/components/accordion/src/LionAccordion.d.ts.map +1 -1
  55. package/dist-types/components/button/src/LionButton.d.ts +2 -1
  56. package/dist-types/components/button/src/LionButton.d.ts.map +1 -1
  57. package/dist-types/components/button/src/LionButtonReset.d.ts +2 -0
  58. package/dist-types/components/button/src/LionButtonReset.d.ts.map +1 -1
  59. package/dist-types/components/button/src/LionButtonSubmit.d.ts +2 -0
  60. package/dist-types/components/button/src/LionButtonSubmit.d.ts.map +1 -1
  61. package/dist-types/components/button/test-suites/LionButton.suite.d.ts.map +1 -1
  62. package/dist-types/components/checkbox-group/src/LionCheckbox.d.ts +3 -0
  63. package/dist-types/components/checkbox-group/src/LionCheckbox.d.ts.map +1 -1
  64. package/dist-types/components/checkbox-group/src/LionCheckboxGroup.d.ts +2 -0
  65. package/dist-types/components/checkbox-group/src/LionCheckboxGroup.d.ts.map +1 -1
  66. package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts +3 -0
  67. package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts.map +1 -1
  68. package/dist-types/components/collapsible/src/LionCollapsible.d.ts +3 -1
  69. package/dist-types/components/collapsible/src/LionCollapsible.d.ts.map +1 -1
  70. package/dist-types/components/combobox/src/LionCombobox.d.ts +5 -0
  71. package/dist-types/components/combobox/src/LionCombobox.d.ts.map +1 -1
  72. package/dist-types/components/dialog/src/LionDialog.d.ts +3 -0
  73. package/dist-types/components/dialog/src/LionDialog.d.ts.map +1 -1
  74. package/dist-types/components/drawer/src/LionDrawer.d.ts +9 -0
  75. package/dist-types/components/drawer/src/LionDrawer.d.ts.map +1 -1
  76. package/dist-types/components/fieldset/src/LionFieldset.d.ts +1 -1
  77. package/dist-types/components/form/src/LionForm.d.ts.map +1 -1
  78. package/dist-types/components/form-core/src/FormControlMixin.d.ts.map +1 -1
  79. package/dist-types/components/form-core/src/validate/LionValidationFeedback.d.ts +4 -3
  80. package/dist-types/components/form-core/src/validate/LionValidationFeedback.d.ts.map +1 -1
  81. package/dist-types/components/form-core/src/validate/ValidateMixin.d.ts.map +1 -1
  82. package/dist-types/components/form-core/test-suites/ValidateMixinFeedbackPart.suite.d.ts.map +1 -1
  83. package/dist-types/components/form-core/types/validate/validate.d.ts +1 -0
  84. package/dist-types/components/form-core/types/validate/validate.d.ts.map +1 -1
  85. package/dist-types/components/icon/src/LionIcon.d.ts +2 -0
  86. package/dist-types/components/icon/src/LionIcon.d.ts.map +1 -1
  87. package/dist-types/components/input-amount-dropdown/src/LionInputAmountDropdown.d.ts +221 -0
  88. package/dist-types/components/input-amount-dropdown/src/LionInputAmountDropdown.d.ts.map +1 -0
  89. package/dist-types/components/input-amount-dropdown/src/currencyUtil.d.ts +24 -0
  90. package/dist-types/components/input-amount-dropdown/src/currencyUtil.d.ts.map +1 -0
  91. package/dist-types/components/input-amount-dropdown/src/formatters.d.ts +4 -0
  92. package/dist-types/components/input-amount-dropdown/src/formatters.d.ts.map +1 -0
  93. package/dist-types/components/input-amount-dropdown/src/localizeNamespaceLoader.d.ts +2 -0
  94. package/dist-types/components/input-amount-dropdown/src/localizeNamespaceLoader.d.ts.map +1 -0
  95. package/dist-types/components/input-amount-dropdown/src/parsers.d.ts +2 -0
  96. package/dist-types/components/input-amount-dropdown/src/parsers.d.ts.map +1 -0
  97. package/dist-types/components/input-amount-dropdown/src/serializers.d.ts +3 -0
  98. package/dist-types/components/input-amount-dropdown/src/serializers.d.ts.map +1 -0
  99. package/dist-types/components/input-amount-dropdown/src/validators.d.ts +12 -0
  100. package/dist-types/components/input-amount-dropdown/src/validators.d.ts.map +1 -0
  101. package/dist-types/components/input-amount-dropdown/test/LionInputAmountDropdown.test.d.ts +7 -0
  102. package/dist-types/components/input-amount-dropdown/test/LionInputAmountDropdown.test.d.ts.map +1 -0
  103. package/dist-types/components/input-amount-dropdown/test-helpers/mimicUserChangingDropdown.d.ts +12 -0
  104. package/dist-types/components/input-amount-dropdown/test-helpers/mimicUserChangingDropdown.d.ts.map +1 -0
  105. package/dist-types/components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.d.ts +13 -0
  106. package/dist-types/components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.d.ts.map +1 -0
  107. package/dist-types/components/input-amount-dropdown/translations/en.d.ts +7 -0
  108. package/dist-types/components/input-amount-dropdown/translations/en.d.ts.map +1 -0
  109. package/dist-types/components/input-amount-dropdown/types/index.d.ts +86 -0
  110. package/dist-types/components/input-amount-dropdown/types/index.d.ts.map +1 -0
  111. package/dist-types/components/input-file/src/LionInputFile.d.ts +9 -0
  112. package/dist-types/components/input-file/src/LionInputFile.d.ts.map +1 -1
  113. package/dist-types/components/input-tel/src/LionInputTel.d.ts +3 -0
  114. package/dist-types/components/input-tel/src/LionInputTel.d.ts.map +1 -1
  115. package/dist-types/components/input-tel/types/index.d.ts +1 -1
  116. package/dist-types/components/input-tel/types/index.d.ts.map +1 -1
  117. package/dist-types/components/input-tel-dropdown/src/LionInputTelDropdown.d.ts +2 -0
  118. package/dist-types/components/input-tel-dropdown/src/LionInputTelDropdown.d.ts.map +1 -1
  119. package/dist-types/components/listbox/src/LionListbox.d.ts +2 -0
  120. package/dist-types/components/listbox/src/LionListbox.d.ts.map +1 -1
  121. package/dist-types/components/localize/src/number/getFractionDigits.d.ts +1 -1
  122. package/dist-types/components/overlays/src/OverlayMixin.d.ts +4 -0
  123. package/dist-types/components/overlays/src/OverlayMixin.d.ts.map +1 -1
  124. package/dist-types/components/progress-indicator/src/LionProgressIndicator.d.ts +3 -0
  125. package/dist-types/components/progress-indicator/src/LionProgressIndicator.d.ts.map +1 -1
  126. package/dist-types/components/radio-group/src/LionRadioGroup.d.ts +3 -1
  127. package/dist-types/components/radio-group/src/LionRadioGroup.d.ts.map +1 -1
  128. package/dist-types/components/select/src/LionSelect.d.ts +3 -0
  129. package/dist-types/components/select/src/LionSelect.d.ts.map +1 -1
  130. package/dist-types/components/select-rich/src/LionSelectInvoker.d.ts +2 -0
  131. package/dist-types/components/select-rich/src/LionSelectInvoker.d.ts.map +1 -1
  132. package/dist-types/components/select-rich/src/LionSelectRich.d.ts +3 -1
  133. package/dist-types/components/select-rich/src/LionSelectRich.d.ts.map +1 -1
  134. package/dist-types/components/steps/src/LionStep.d.ts +0 -1
  135. package/dist-types/components/steps/src/LionStep.d.ts.map +1 -1
  136. package/dist-types/components/steps/src/LionSteps.d.ts +0 -1
  137. package/dist-types/components/steps/src/LionSteps.d.ts.map +1 -1
  138. package/dist-types/components/switch/src/LionSwitch.d.ts +3 -0
  139. package/dist-types/components/switch/src/LionSwitch.d.ts.map +1 -1
  140. package/dist-types/components/switch/src/LionSwitchButton.d.ts +5 -0
  141. package/dist-types/components/switch/src/LionSwitchButton.d.ts.map +1 -1
  142. package/dist-types/components/tabs/src/LionTabs.d.ts +8 -0
  143. package/dist-types/components/tabs/src/LionTabs.d.ts.map +1 -1
  144. package/dist-types/exports/define/lion-input-amount-dropdown.d.ts +2 -0
  145. package/dist-types/exports/define/lion-input-amount-dropdown.d.ts.map +1 -0
  146. package/dist-types/exports/input-amount-dropdown-test-helpers.d.ts +2 -0
  147. package/dist-types/exports/input-amount-dropdown-test-helpers.d.ts.map +1 -0
  148. package/dist-types/exports/input-amount-dropdown-test-suites.d.ts +2 -0
  149. package/dist-types/exports/input-amount-dropdown-test-suites.d.ts.map +1 -0
  150. package/dist-types/exports/input-amount-dropdown.d.ts +2 -0
  151. package/dist-types/exports/input-amount-dropdown.d.ts.map +1 -0
  152. package/dist-types/tsconfig.tsbuildinfo +1 -1
  153. package/docs/components/accordion/api-table.md +8 -0
  154. package/docs/components/button/api-table.md +0 -3
  155. package/docs/components/checkbox-group/overview.md +2 -2
  156. package/docs/components/collapsible/api-table.md +7 -0
  157. package/docs/components/collapsible/overview.md +1 -1
  158. package/docs/components/combobox/api-table.md +7 -0
  159. package/docs/components/combobox/overview.md +1 -1
  160. package/docs/components/combobox/use-cases.md +1 -1
  161. package/docs/components/dialog/overview.md +1 -1
  162. package/docs/components/drawer/api-table.md +8 -0
  163. package/docs/components/fieldset/overview.md +5 -5
  164. package/docs/components/form/overview.md +3 -3
  165. package/docs/components/form/use-cases.md +2 -2
  166. package/docs/components/icon/use-cases.md +1 -1
  167. package/docs/components/input/overview.md +1 -1
  168. package/docs/components/input-amount/overview.md +3 -3
  169. package/docs/components/input-amount-dropdown/api-table.md +210 -0
  170. package/docs/components/input-amount-dropdown/index.md +13 -0
  171. package/docs/components/input-amount-dropdown/use-cases.md +103 -0
  172. package/docs/components/input-date/overview.md +3 -3
  173. package/docs/components/input-datepicker/overview.md +5 -5
  174. package/docs/components/input-email/overview.md +2 -2
  175. package/docs/components/input-file/api-table.md +7 -0
  176. package/docs/components/input-file/overview.md +1 -1
  177. package/docs/components/input-iban/overview.md +2 -2
  178. package/docs/components/input-range/overview.md +2 -2
  179. package/docs/components/input-stepper/overview.md +1 -1
  180. package/docs/components/input-tel/overview.md +1 -1
  181. package/docs/components/input-tel/use-cases.md +6 -6
  182. package/docs/components/input-tel-dropdown/overview.md +1 -1
  183. package/docs/components/listbox/use-cases.md +1 -1
  184. package/docs/components/radio-group/overview.md +3 -3
  185. package/docs/components/select/use-cases.md +1 -1
  186. package/docs/components/select-rich/api-table.md +0 -1
  187. package/docs/components/select-rich/use-cases.md +1 -1
  188. package/docs/components/tabs/api-table.md +7 -0
  189. package/docs/components/tabs/examples.md +1 -1
  190. package/docs/fundamentals/index.md +4 -4
  191. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  192. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  193. package/docs/fundamentals/rationales/accessibility.md +1 -1
  194. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  195. package/docs/fundamentals/systems/core/overview.md +1 -1
  196. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  197. package/docs/fundamentals/systems/form/model-value.md +1 -1
  198. package/docs/fundamentals/systems/form/overview.md +28 -28
  199. package/docs/fundamentals/systems/form/validate.md +19 -3
  200. package/docs/fundamentals/systems/localize/overview.md +4 -4
  201. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  202. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  203. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  204. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  205. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  206. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  207. package/docs/guides/how-to/create-a-form.md +4 -4
  208. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  209. package/docs/guides/index.md +8 -8
  210. package/docs/guides/principles/index.md +5 -5
  211. package/docs/guides/principles/styling.md +1 -1
  212. package/exports/define/lion-input-amount-dropdown.js +3 -0
  213. package/exports/input-amount-dropdown-test-helpers.js +1 -0
  214. package/exports/input-amount-dropdown-test-suites.js +1 -0
  215. package/exports/input-amount-dropdown.js +1 -0
  216. package/input-amount-dropdown-test-helpers.js +1 -0
  217. package/input-amount-dropdown-test-suites.js +1 -0
  218. package/input-amount-dropdown.js +1 -0
  219. package/package.json +2 -1
@@ -4,6 +4,10 @@ import { LionField } from '@lion/ui/form-core.js';
4
4
  /**
5
5
  * @typedef {import('../../localize/types/LocalizeMixinTypes.js').FormatNumberOptions} FormatOptions
6
6
  */
7
+
8
+ /**
9
+ * @customElement lion-field-with-select
10
+ */
7
11
  class LionFieldWithSelect extends LionField {
8
12
  /** @type {any} */
9
13
  static get properties() {
@@ -11,6 +11,8 @@ import { SlotMixin } from '@lion/ui/core.js';
11
11
 
12
12
  /**
13
13
  * LionSelectInvoker: invoker button consuming a selected element
14
+ *
15
+ * @customElement lion-select-invoker
14
16
  */
15
17
  export class LionSelectInvoker extends SlotMixin(LionButton) {
16
18
  static get styles() {
@@ -22,6 +22,8 @@ function detectInteractionMode() {
22
22
 
23
23
  /**
24
24
  * LionSelectRich: wraps the <lion-listbox> element
25
+ *
26
+ * @customElement lion-field-with-select
25
27
  */
26
28
  export class LionSelectRich extends SlotMixin(ScopedElementsMixin(OverlayMixin(LionListbox))) {
27
29
  static get scopedElements() {
@@ -8,7 +8,6 @@ import { css, html, LitElement } from 'lit';
8
8
  * `LionStep` is one of many in a LionSteps Controller
9
9
  *
10
10
  * @customElement lion-step
11
- * @extends {LitElement}
12
11
  */
13
12
  export class LionStep extends LitElement {
14
13
  static get properties() {
@@ -8,7 +8,6 @@ import { css, html, LitElement } from 'lit';
8
8
  * `LionSteps` is a controller for a multi step system.
9
9
  *
10
10
  * @customElement lion-steps
11
- * @extends {LitElement}
12
11
  */
13
12
  export class LionSteps extends LitElement {
14
13
  static get styles() {
@@ -3,6 +3,9 @@ import { ChoiceInputMixin, LionField } from '@lion/ui/form-core.js';
3
3
  import { ScopedElementsMixin } from '../../core/src/ScopedElementsMixin.js';
4
4
  import { LionSwitchButton } from './LionSwitchButton.js';
5
5
 
6
+ /**
7
+ * @customElement lion-switch
8
+ */
6
9
  export class LionSwitch extends ScopedElementsMixin(ChoiceInputMixin(LionField)) {
7
10
  static get styles() {
8
11
  return [
@@ -1,6 +1,11 @@
1
1
  import { html, css, LitElement } from 'lit';
2
2
  import { DisabledWithTabIndexMixin } from '@lion/ui/core.js';
3
3
 
4
+ /**
5
+ * `LionSwitchButton` is a custom switch button component. It's a private component used within LionSwitch
6
+ *
7
+ * @customElement lion-switch-button
8
+ */
4
9
  export class LionSwitchButton extends DisabledWithTabIndexMixin(LitElement) {
5
10
  static get properties() {
6
11
  return {
@@ -109,6 +109,14 @@ function handleButtonKeydown(ev) {
109
109
  }
110
110
  }
111
111
 
112
+ /**
113
+ * LionTabs: A tabbed interface component
114
+ *
115
+ * @slot tab - The tab elements for the tabs
116
+ * @slot panel - The panel elements for the tabs
117
+ *
118
+ * @customElement lion-tabs
119
+ */
112
120
  export class LionTabs extends LitElement {
113
121
  static get properties() {
114
122
  return {