@six-group/ui-library 4.0.0-beta.3 → 4.0.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 (242) hide show
  1. package/README.md +9 -0
  2. package/dist/cjs/{form-control-d369af14.js → form-control-9769b310.js} +10 -7
  3. package/dist/cjs/form-control-9769b310.js.map +1 -0
  4. package/dist/cjs/index-900437fc.js +214 -1
  5. package/dist/cjs/index-900437fc.js.map +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/six-checkbox.cjs.entry.js +6 -3
  8. package/dist/cjs/six-checkbox.cjs.entry.js.map +1 -1
  9. package/dist/cjs/six-datepicker.cjs.entry.js +2 -7
  10. package/dist/cjs/six-datepicker.cjs.entry.js.map +1 -1
  11. package/dist/cjs/six-dropdown_2.cjs.entry.js +1 -1
  12. package/dist/cjs/six-dropdown_2.cjs.entry.js.map +1 -1
  13. package/dist/cjs/six-error.cjs.entry.js +21 -0
  14. package/dist/cjs/six-error.cjs.entry.js.map +1 -0
  15. package/dist/cjs/six-group-label.cjs.entry.js +2 -2
  16. package/dist/cjs/six-group-label.cjs.entry.js.map +1 -1
  17. package/dist/cjs/six-input.cjs.entry.js +6 -3
  18. package/dist/cjs/six-input.cjs.entry.js.map +1 -1
  19. package/dist/cjs/six-range.cjs.entry.js +6 -3
  20. package/dist/cjs/six-range.cjs.entry.js.map +1 -1
  21. package/dist/cjs/six-select.cjs.entry.js +6 -3
  22. package/dist/cjs/six-select.cjs.entry.js.map +1 -1
  23. package/dist/cjs/six-sidebar.cjs.entry.js +1 -1
  24. package/dist/cjs/six-sidebar.cjs.entry.js.map +1 -1
  25. package/dist/cjs/six-switch.cjs.entry.js +22 -4
  26. package/dist/cjs/six-switch.cjs.entry.js.map +1 -1
  27. package/dist/cjs/six-tag.cjs.entry.js +23 -1
  28. package/dist/cjs/six-tag.cjs.entry.js.map +1 -1
  29. package/dist/cjs/six-textarea.cjs.entry.js +6 -3
  30. package/dist/cjs/six-textarea.cjs.entry.js.map +1 -1
  31. package/dist/cjs/six-timepicker.cjs.entry.js +4 -9
  32. package/dist/cjs/six-timepicker.cjs.entry.js.map +1 -1
  33. package/dist/cjs/six-tooltip.cjs.entry.js +2 -2
  34. package/dist/cjs/six-tooltip.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ui-library.cjs.js +2 -2
  36. package/dist/cjs/ui-library.cjs.js.map +1 -1
  37. package/dist/collection/collection-manifest.json +2 -1
  38. package/dist/collection/components/six-checkbox/six-checkbox.css +1 -1
  39. package/dist/collection/components/six-checkbox/six-checkbox.js +25 -4
  40. package/dist/collection/components/six-checkbox/six-checkbox.js.map +1 -1
  41. package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js +6 -2
  42. package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js.map +1 -1
  43. package/dist/collection/components/six-datepicker/six-datepicker.js +22 -11
  44. package/dist/collection/components/six-datepicker/six-datepicker.js.map +1 -1
  45. package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js +1 -1
  46. package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js.map +1 -1
  47. package/dist/collection/components/six-dropdown/six-dropdown.css +2 -1
  48. package/dist/collection/components/six-error/six-error.css +5 -0
  49. package/dist/collection/components/six-error/six-error.js +25 -0
  50. package/dist/collection/components/six-error/six-error.js.map +1 -0
  51. package/dist/collection/components/six-group-label/six-group-label.css +1 -1
  52. package/dist/collection/components/six-group-label/test/six-group-label.spec.js +3 -1
  53. package/dist/collection/components/six-group-label/test/six-group-label.spec.js.map +1 -1
  54. package/dist/collection/components/six-input/six-input.css +1 -1
  55. package/dist/collection/components/six-input/six-input.js +27 -4
  56. package/dist/collection/components/six-input/six-input.js.map +1 -1
  57. package/dist/collection/components/six-input/test/six-input.spec.js +3 -1
  58. package/dist/collection/components/six-input/test/six-input.spec.js.map +1 -1
  59. package/dist/collection/components/six-range/six-range.css +1 -1
  60. package/dist/collection/components/six-range/six-range.js +24 -3
  61. package/dist/collection/components/six-range/six-range.js.map +1 -1
  62. package/dist/collection/components/six-range/test/six-range.spec.js +3 -1
  63. package/dist/collection/components/six-range/test/six-range.spec.js.map +1 -1
  64. package/dist/collection/components/six-select/six-select.css +1 -1
  65. package/dist/collection/components/six-select/six-select.js +24 -3
  66. package/dist/collection/components/six-select/six-select.js.map +1 -1
  67. package/dist/collection/components/six-select/test/six-select.spec.js +6 -2
  68. package/dist/collection/components/six-select/test/six-select.spec.js.map +1 -1
  69. package/dist/collection/components/six-sidebar/six-sidebar.css +1 -0
  70. package/dist/collection/components/six-switch/six-switch.css +1 -1
  71. package/dist/collection/components/six-switch/six-switch.js +45 -4
  72. package/dist/collection/components/six-switch/six-switch.js.map +1 -1
  73. package/dist/collection/components/six-switch/test/six-switch.spec.js +6 -2
  74. package/dist/collection/components/six-switch/test/six-switch.spec.js.map +1 -1
  75. package/dist/collection/components/six-tag/six-tag.js +23 -1
  76. package/dist/collection/components/six-tag/six-tag.js.map +1 -1
  77. package/dist/collection/components/six-tag/test/six-tag.spec.js +12 -0
  78. package/dist/collection/components/six-tag/test/six-tag.spec.js.map +1 -1
  79. package/dist/collection/components/six-textarea/six-textarea.css +1 -1
  80. package/dist/collection/components/six-textarea/six-textarea.js +25 -4
  81. package/dist/collection/components/six-textarea/six-textarea.js.map +1 -1
  82. package/dist/collection/components/six-textarea/test/six-textarea.spec.js +3 -1
  83. package/dist/collection/components/six-textarea/test/six-textarea.spec.js.map +1 -1
  84. package/dist/collection/components/six-timepicker/six-timepicker.js +24 -12
  85. package/dist/collection/components/six-timepicker/six-timepicker.js.map +1 -1
  86. package/dist/collection/components/six-timepicker/test/six-timepicker.spec.js +15 -15
  87. package/dist/collection/components/six-timepicker/test/six-timepicker.spec.js.map +1 -1
  88. package/dist/collection/components/six-tooltip/six-tooltip.css +1 -1
  89. package/dist/collection/components/six-tooltip/six-tooltip.js +1 -1
  90. package/dist/collection/components/six-tooltip/six-tooltip.js.map +1 -1
  91. package/dist/collection/functional-components/form-control/form-control.js +8 -6
  92. package/dist/collection/functional-components/form-control/form-control.js.map +1 -1
  93. package/dist/components/form-control.js +9 -6
  94. package/dist/components/form-control.js.map +1 -1
  95. package/dist/components/index.js +2 -0
  96. package/dist/components/index.js.map +1 -1
  97. package/dist/components/six-checkbox.js +14 -3
  98. package/dist/components/six-checkbox.js.map +1 -1
  99. package/dist/components/six-datepicker.js +10 -8
  100. package/dist/components/six-datepicker.js.map +1 -1
  101. package/dist/components/six-dropdown2.js +8 -2
  102. package/dist/components/six-dropdown2.js.map +1 -1
  103. package/dist/components/six-error.d.ts +11 -0
  104. package/dist/components/six-error.js +8 -0
  105. package/dist/components/six-error.js.map +1 -0
  106. package/dist/components/six-error2.js +32 -0
  107. package/dist/components/six-error2.js.map +1 -0
  108. package/dist/components/six-group-label.js +8 -2
  109. package/dist/components/six-group-label.js.map +1 -1
  110. package/dist/components/six-header.js +8 -2
  111. package/dist/components/six-header.js.map +1 -1
  112. package/dist/components/six-input2.js +14 -3
  113. package/dist/components/six-input2.js.map +1 -1
  114. package/dist/components/six-range.js +14 -3
  115. package/dist/components/six-range.js.map +1 -1
  116. package/dist/components/six-search-field.js +7 -1
  117. package/dist/components/six-search-field.js.map +1 -1
  118. package/dist/components/six-select.js +33 -16
  119. package/dist/components/six-select.js.map +1 -1
  120. package/dist/components/six-sidebar.js +1 -1
  121. package/dist/components/six-sidebar.js.map +1 -1
  122. package/dist/components/six-switch.js +30 -4
  123. package/dist/components/six-switch.js.map +1 -1
  124. package/dist/components/six-tag2.js +33 -5
  125. package/dist/components/six-tag2.js.map +1 -1
  126. package/dist/components/six-textarea.js +14 -3
  127. package/dist/components/six-textarea.js.map +1 -1
  128. package/dist/components/six-timepicker2.js +12 -10
  129. package/dist/components/six-timepicker2.js.map +1 -1
  130. package/dist/components/six-tooltip2.js +2 -2
  131. package/dist/components/six-tooltip2.js.map +1 -1
  132. package/dist/components.json +420 -49
  133. package/dist/esm/{form-control-32cb533f.js → form-control-b0febe88.js} +10 -7
  134. package/dist/esm/form-control-b0febe88.js.map +1 -0
  135. package/dist/esm/index-8a74f992.js +214 -1
  136. package/dist/esm/index-8a74f992.js.map +1 -1
  137. package/dist/esm/loader.js +1 -1
  138. package/dist/esm/six-checkbox.entry.js +6 -3
  139. package/dist/esm/six-checkbox.entry.js.map +1 -1
  140. package/dist/esm/six-datepicker.entry.js +2 -7
  141. package/dist/esm/six-datepicker.entry.js.map +1 -1
  142. package/dist/esm/six-dropdown_2.entry.js +1 -1
  143. package/dist/esm/six-dropdown_2.entry.js.map +1 -1
  144. package/dist/esm/six-error.entry.js +17 -0
  145. package/dist/esm/six-error.entry.js.map +1 -0
  146. package/dist/esm/six-group-label.entry.js +2 -2
  147. package/dist/esm/six-group-label.entry.js.map +1 -1
  148. package/dist/esm/six-input.entry.js +6 -3
  149. package/dist/esm/six-input.entry.js.map +1 -1
  150. package/dist/esm/six-range.entry.js +6 -3
  151. package/dist/esm/six-range.entry.js.map +1 -1
  152. package/dist/esm/six-select.entry.js +6 -3
  153. package/dist/esm/six-select.entry.js.map +1 -1
  154. package/dist/esm/six-sidebar.entry.js +1 -1
  155. package/dist/esm/six-sidebar.entry.js.map +1 -1
  156. package/dist/esm/six-switch.entry.js +22 -4
  157. package/dist/esm/six-switch.entry.js.map +1 -1
  158. package/dist/esm/six-tag.entry.js +23 -1
  159. package/dist/esm/six-tag.entry.js.map +1 -1
  160. package/dist/esm/six-textarea.entry.js +6 -3
  161. package/dist/esm/six-textarea.entry.js.map +1 -1
  162. package/dist/esm/six-timepicker.entry.js +4 -9
  163. package/dist/esm/six-timepicker.entry.js.map +1 -1
  164. package/dist/esm/six-tooltip.entry.js +2 -2
  165. package/dist/esm/six-tooltip.entry.js.map +1 -1
  166. package/dist/esm/ui-library.js +2 -2
  167. package/dist/esm/ui-library.js.map +1 -1
  168. package/dist/types/components/six-checkbox/six-checkbox.d.ts +4 -1
  169. package/dist/types/components/six-datepicker/six-datepicker.d.ts +4 -2
  170. package/dist/types/components/six-error/six-error.d.ts +9 -0
  171. package/dist/types/components/six-input/six-input.d.ts +7 -2
  172. package/dist/types/components/six-range/six-range.d.ts +4 -1
  173. package/dist/types/components/six-select/six-select.d.ts +4 -1
  174. package/dist/types/components/six-switch/six-switch.d.ts +8 -1
  175. package/dist/types/components/six-tag/six-tag.d.ts +8 -0
  176. package/dist/types/components/six-textarea/six-textarea.d.ts +4 -1
  177. package/dist/types/components/six-timepicker/six-timepicker.d.ts +5 -2
  178. package/dist/types/components.d.ts +109 -16
  179. package/dist/types/functional-components/form-control/form-control.d.ts +6 -2
  180. package/dist/ui-library/{p-ed381ad9.entry.js → p-14c1ec31.entry.js} +2 -2
  181. package/dist/ui-library/p-14c1ec31.entry.js.map +1 -0
  182. package/dist/ui-library/p-25bb1752.entry.js +2 -0
  183. package/dist/ui-library/p-25bb1752.entry.js.map +1 -0
  184. package/dist/ui-library/p-2a141e10.entry.js +2 -0
  185. package/dist/ui-library/p-2a141e10.entry.js.map +1 -0
  186. package/dist/ui-library/p-4435ff73.entry.js +2 -0
  187. package/dist/ui-library/p-4435ff73.entry.js.map +1 -0
  188. package/dist/ui-library/p-538f3c50.entry.js +2 -0
  189. package/dist/ui-library/p-538f3c50.entry.js.map +1 -0
  190. package/dist/ui-library/p-6153045b.js.map +1 -1
  191. package/dist/ui-library/p-a457fee8.entry.js +2 -0
  192. package/dist/ui-library/p-a457fee8.entry.js.map +1 -0
  193. package/dist/ui-library/p-ab91c2a9.entry.js +2 -0
  194. package/dist/ui-library/p-ab91c2a9.entry.js.map +1 -0
  195. package/dist/ui-library/p-b57afbe4.entry.js +2 -0
  196. package/dist/ui-library/p-b57afbe4.entry.js.map +1 -0
  197. package/dist/ui-library/p-b6f47c9d.entry.js +2 -0
  198. package/dist/ui-library/p-b6f47c9d.entry.js.map +1 -0
  199. package/dist/ui-library/p-db34a6cc.entry.js +2 -0
  200. package/dist/ui-library/p-db34a6cc.entry.js.map +1 -0
  201. package/dist/ui-library/p-db936ad7.entry.js +2 -0
  202. package/dist/ui-library/{p-d367f4f9.entry.js.map → p-db936ad7.entry.js.map} +1 -1
  203. package/dist/ui-library/p-dc4f41d8.entry.js +2 -0
  204. package/dist/ui-library/p-dc4f41d8.entry.js.map +1 -0
  205. package/dist/ui-library/p-e5020f0d.js +2 -0
  206. package/dist/ui-library/p-e5020f0d.js.map +1 -0
  207. package/dist/ui-library/p-e775dcb4.entry.js +2 -0
  208. package/dist/ui-library/p-e775dcb4.entry.js.map +1 -0
  209. package/dist/ui-library/p-f1dc3a88.entry.js +2 -0
  210. package/dist/ui-library/p-f1dc3a88.entry.js.map +1 -0
  211. package/dist/ui-library/ui-library.esm.js +1 -1
  212. package/dist/ui-library/ui-library.esm.js.map +1 -1
  213. package/package.json +3 -3
  214. package/dist/cjs/form-control-d369af14.js.map +0 -1
  215. package/dist/esm/form-control-32cb533f.js.map +0 -1
  216. package/dist/ui-library/p-02981b91.entry.js +0 -2
  217. package/dist/ui-library/p-02981b91.entry.js.map +0 -1
  218. package/dist/ui-library/p-314b2096.entry.js +0 -2
  219. package/dist/ui-library/p-314b2096.entry.js.map +0 -1
  220. package/dist/ui-library/p-330a4988.entry.js +0 -2
  221. package/dist/ui-library/p-330a4988.entry.js.map +0 -1
  222. package/dist/ui-library/p-3d9de119.entry.js +0 -2
  223. package/dist/ui-library/p-3d9de119.entry.js.map +0 -1
  224. package/dist/ui-library/p-4abed9df.entry.js +0 -2
  225. package/dist/ui-library/p-4abed9df.entry.js.map +0 -1
  226. package/dist/ui-library/p-5d6b7353.entry.js +0 -2
  227. package/dist/ui-library/p-5d6b7353.entry.js.map +0 -1
  228. package/dist/ui-library/p-72254eef.entry.js +0 -2
  229. package/dist/ui-library/p-72254eef.entry.js.map +0 -1
  230. package/dist/ui-library/p-9f0b43f9.entry.js +0 -2
  231. package/dist/ui-library/p-9f0b43f9.entry.js.map +0 -1
  232. package/dist/ui-library/p-b550a258.entry.js +0 -2
  233. package/dist/ui-library/p-b550a258.entry.js.map +0 -1
  234. package/dist/ui-library/p-bf87464b.entry.js +0 -2
  235. package/dist/ui-library/p-bf87464b.entry.js.map +0 -1
  236. package/dist/ui-library/p-d367f4f9.entry.js +0 -2
  237. package/dist/ui-library/p-d42c2025.js +0 -2
  238. package/dist/ui-library/p-d42c2025.js.map +0 -1
  239. package/dist/ui-library/p-ed381ad9.entry.js.map +0 -1
  240. package/dist/ui-library/p-ff90ffd1.entry.js +0 -2
  241. package/dist/ui-library/p-ff90ffd1.entry.js.map +0 -1
  242. package/readme.md +0 -156
package/README.md ADDED
@@ -0,0 +1,9 @@
1
+ ## Installation
2
+
3
+ ```bash
4
+ npm install @six-group/ui-library
5
+ ```
6
+
7
+ ## Documentation
8
+
9
+ For full documentation, visit [github.com/six-group/six-webcomponents](https://github.com/six-group/six-webcomponents).
@@ -3,9 +3,11 @@
3
3
  const index = require('./index-900437fc.js');
4
4
 
5
5
  const FormControl = (props, children) => {
6
- var _a, _b, _c, _d, _e, _f;
6
+ var _a, _b, _c, _d, _e, _f, _g, _h;
7
+ const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter((text) => text != null && text.trim() !== '');
7
8
  const hasLabel = props.label != null && props.label.trim() !== '' ? true : (_a = props.hasLabelSlot) !== null && _a !== void 0 ? _a : false;
8
9
  const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : (_b = props.hasHelpTextSlot) !== null && _b !== void 0 ? _b : false;
10
+ const hasErrorText = (errorMessages.length > 0 || ((_c = props.hasErrorTextSlot) !== null && _c !== void 0 ? _c : false)) && ((_d = props.displayError) !== null && _d !== void 0 ? _d : false);
9
11
  return (index.h("div", { part: "form-control", class: {
10
12
  'form-control': true,
11
13
  'form-control--small': props.size === 'small',
@@ -13,21 +15,22 @@ const FormControl = (props, children) => {
13
15
  'form-control--large': props.size === 'large',
14
16
  'form-control--has-label': hasLabel,
15
17
  'form-control--has-help-text': hasHelpText,
16
- 'form-control--has-error-text': (_c = props.displayError) !== null && _c !== void 0 ? _c : false,
17
- 'form-control--disabled': (_d = props.disabled) !== null && _d !== void 0 ? _d : false,
18
- 'form-control--invalid': ((_e = props.displayError) !== null && _e !== void 0 ? _e : false) && !props.disabled,
18
+ 'form-control--has-error-text': hasErrorText,
19
+ 'form-control--disabled': (_e = props.disabled) !== null && _e !== void 0 ? _e : false,
20
+ 'form-control--invalid': ((_f = props.displayError) !== null && _f !== void 0 ? _f : false) && !props.disabled,
19
21
  } },
20
22
  index.h("label", { part: "label", id: props.labelId, class: {
21
23
  'form-control__label': true,
22
- 'form-control__label__required': (_f = props.required) !== null && _f !== void 0 ? _f : false,
24
+ 'form-control__label__required': (_g = props.required) !== null && _g !== void 0 ? _g : false,
23
25
  }, htmlFor: props.inputId, "aria-hidden": hasLabel ? 'false' : 'true', onClick: props.onLabelClick },
24
26
  index.h("slot", { name: "label" }, props.label)),
25
27
  index.h("div", { class: "form-control__input" }, children),
26
- index.h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden": props.displayError ? 'false' : 'true' }, props.errorText),
28
+ index.h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden": hasErrorText ? 'false' : 'true' },
29
+ index.h("slot", { name: "error-text" }, errorMessages.slice(0, (_h = props.errorTextCount) !== null && _h !== void 0 ? _h : 1).map((text) => (index.h("six-error", null, text))))),
27
30
  index.h("div", { part: "help-text", id: props.helpTextId, class: "form-control__help-text", "aria-hidden": hasHelpText ? 'false' : 'true' },
28
31
  index.h("slot", { name: "help-text" }, props.helpText))));
29
32
  };
30
33
 
31
34
  exports.FormControl = FormControl;
32
35
 
33
- //# sourceMappingURL=form-control-d369af14.js.map
36
+ //# sourceMappingURL=form-control-9769b310.js.map
@@ -0,0 +1 @@
1
+ {"file":"form-control-9769b310.js","mappings":";;;;MAoDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAiB;;EAC7D,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,CACjG,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAC7C,CAAC;EAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC;EACvG,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC;EACnH,MAAM,YAAY,GAAG,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAAK,MAAA,KAAK,CAAC,gBAAgB,mCAAI,KAAK,CAAC,MAAM,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC,CAAC;EAEtH,QACEA,iBACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;MACL,cAAc,EAAE,IAAI;MACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;MAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,yBAAyB,EAAE,QAAQ;MACnC,6BAA6B,EAAE,WAAW;MAC1C,8BAA8B,EAAE,YAAY;MAC5C,wBAAwB,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;MACjD,uBAAuB,EAAE,CAAC,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,KAAK,CAAC,KAAK,CAAC,QAAQ;KAC1E;IAEDA,mBACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;QACL,qBAAqB,EAAE,IAAI;QAC3B,+BAA+B,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;OACzD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;MAE3BA,kBAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;IAERA,iBAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;IAEjDA,iBACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,YAAY,GAAG,OAAO,GAAG,MAAM;MAE5CA,kBAAM,IAAI,EAAC,YAAY,IACpB,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAC1DA,2BAAY,IAAI,CAAa,CAC9B,CAAC,CACG,CACH;IAENA,iBACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;MAE3CA,kBAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":["h"],"sources":["src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\n\nexport interface FormControlProps {\n /** The input id, used to map the input to the label */\n inputId: string;\n\n /** The size of the form control */\n size: 'small' | 'medium' | 'large';\n\n /** The label id, used to map the label to the input */\n labelId?: string;\n\n /** The label text (if the label slot isn't used) */\n label?: string;\n\n /** Whether a label slot has been provided. */\n hasLabelSlot?: boolean;\n\n /** The help text id, used to map the input to the help text */\n helpTextId?: string;\n\n /** The help text (if the help-text slot isn't used) */\n helpText?: string;\n\n /** Whether a help text slot has been provided. */\n hasHelpTextSlot?: boolean;\n\n /** Whether an error text slot has been provided. */\n hasErrorTextSlot?: boolean;\n\n /** The error text id, used to map the input to the help text */\n errorTextId?: string;\n\n /** The error text (if the error-text slot isn't used) */\n errorText?: string | string[];\n\n /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n errorTextCount?: number;\n\n /** Set to true to disable the input. */\n disabled?: boolean;\n\n /** Set if the value is required. */\n required?: boolean;\n\n /** Set if the error text is displayed. */\n displayError?: boolean;\n\n /** A function that gets called when the label is clicked. */\n onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children: VNode[]) => {\n const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter(\n (text) => text != null && text.trim() !== ''\n );\n\n const hasLabel = props.label != null && props.label.trim() !== '' ? true : props.hasLabelSlot ?? false;\n const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : props.hasHelpTextSlot ?? false;\n const hasErrorText = (errorMessages.length > 0 || (props.hasErrorTextSlot ?? false)) && (props.displayError ?? false);\n\n return (\n <div\n part=\"form-control\"\n class={{\n 'form-control': true,\n 'form-control--small': props.size === 'small',\n 'form-control--medium': props.size === 'medium',\n 'form-control--large': props.size === 'large',\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText,\n 'form-control--has-error-text': hasErrorText,\n 'form-control--disabled': props.disabled ?? false,\n 'form-control--invalid': (props.displayError ?? false) && !props.disabled,\n }}\n >\n <label\n part=\"label\"\n id={props.labelId}\n class={{\n 'form-control__label': true,\n 'form-control__label__required': props.required ?? false,\n }}\n htmlFor={props.inputId}\n aria-hidden={hasLabel ? 'false' : 'true'}\n onClick={props.onLabelClick}\n >\n <slot name=\"label\">{props.label}</slot>\n </label>\n\n <div class=\"form-control__input\">{children}</div>\n\n <div\n part=\"error-text\"\n id={props.errorTextId}\n class=\"form-control__error-text\"\n aria-hidden={hasErrorText ? 'false' : 'true'}\n >\n <slot name=\"error-text\">\n {errorMessages.slice(0, props.errorTextCount ?? 1).map((text) => (\n <six-error>{text}</six-error>\n ))}\n </slot>\n </div>\n\n <div\n part=\"help-text\"\n id={props.helpTextId}\n class=\"form-control__help-text\"\n aria-hidden={hasHelpText ? 'false' : 'true'}\n >\n <slot name=\"help-text\">{props.helpText}</slot>\n </div>\n </div>\n );\n};\n\nexport default FormControl;\n"],"version":3}
@@ -2166,7 +2166,220 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
2166
2166
  if (module) {
2167
2167
  return module[exportName];
2168
2168
  }
2169
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
2169
+
2170
+ if (!hmrVersionId || !BUILD.hotModuleReplacement) {
2171
+ const processMod = importedModule => {
2172
+ cmpModules.set(bundleId, importedModule);
2173
+ return importedModule[exportName];
2174
+ }
2175
+ switch(bundleId) {
2176
+
2177
+ case 'six-alert.cjs':
2178
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2179
+ /* webpackMode: "lazy" */
2180
+ './six-alert.cjs.entry.js')); }).then(processMod, consoleError);
2181
+ case 'six-avatar.cjs':
2182
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2183
+ /* webpackMode: "lazy" */
2184
+ './six-avatar.cjs.entry.js')); }).then(processMod, consoleError);
2185
+ case 'six-badge.cjs':
2186
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2187
+ /* webpackMode: "lazy" */
2188
+ './six-badge.cjs.entry.js')); }).then(processMod, consoleError);
2189
+ case 'six-button.cjs':
2190
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2191
+ /* webpackMode: "lazy" */
2192
+ './six-button.cjs.entry.js')); }).then(processMod, consoleError);
2193
+ case 'six-card.cjs':
2194
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2195
+ /* webpackMode: "lazy" */
2196
+ './six-card.cjs.entry.js')); }).then(processMod, consoleError);
2197
+ case 'six-checkbox.cjs':
2198
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2199
+ /* webpackMode: "lazy" */
2200
+ './six-checkbox.cjs.entry.js')); }).then(processMod, consoleError);
2201
+ case 'six-datepicker.cjs':
2202
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2203
+ /* webpackMode: "lazy" */
2204
+ './six-datepicker.cjs.entry.js')); }).then(processMod, consoleError);
2205
+ case 'six-dialog.cjs':
2206
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2207
+ /* webpackMode: "lazy" */
2208
+ './six-dialog.cjs.entry.js')); }).then(processMod, consoleError);
2209
+ case 'six-drawer.cjs':
2210
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2211
+ /* webpackMode: "lazy" */
2212
+ './six-drawer.cjs.entry.js')); }).then(processMod, consoleError);
2213
+ case 'six-error-page.cjs':
2214
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2215
+ /* webpackMode: "lazy" */
2216
+ './six-error-page.cjs.entry.js')); }).then(processMod, consoleError);
2217
+ case 'six-file-list.cjs':
2218
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2219
+ /* webpackMode: "lazy" */
2220
+ './six-file-list.cjs.entry.js')); }).then(processMod, consoleError);
2221
+ case 'six-file-list-item.cjs':
2222
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2223
+ /* webpackMode: "lazy" */
2224
+ './six-file-list-item.cjs.entry.js')); }).then(processMod, consoleError);
2225
+ case 'six-file-upload.cjs':
2226
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2227
+ /* webpackMode: "lazy" */
2228
+ './six-file-upload.cjs.entry.js')); }).then(processMod, consoleError);
2229
+ case 'six-footer.cjs':
2230
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2231
+ /* webpackMode: "lazy" */
2232
+ './six-footer.cjs.entry.js')); }).then(processMod, consoleError);
2233
+ case 'six-group-label.cjs':
2234
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2235
+ /* webpackMode: "lazy" */
2236
+ './six-group-label.cjs.entry.js')); }).then(processMod, consoleError);
2237
+ case 'six-header.cjs':
2238
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2239
+ /* webpackMode: "lazy" */
2240
+ './six-header.cjs.entry.js')); }).then(processMod, consoleError);
2241
+ case 'six-language-switcher.cjs':
2242
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2243
+ /* webpackMode: "lazy" */
2244
+ './six-language-switcher.cjs.entry.js')); }).then(processMod, consoleError);
2245
+ case 'six-layout-grid.cjs':
2246
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2247
+ /* webpackMode: "lazy" */
2248
+ './six-layout-grid.cjs.entry.js')); }).then(processMod, consoleError);
2249
+ case 'six-main-container.cjs':
2250
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2251
+ /* webpackMode: "lazy" */
2252
+ './six-main-container.cjs.entry.js')); }).then(processMod, consoleError);
2253
+ case 'six-menu-divider.cjs':
2254
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2255
+ /* webpackMode: "lazy" */
2256
+ './six-menu-divider.cjs.entry.js')); }).then(processMod, consoleError);
2257
+ case 'six-menu-label.cjs':
2258
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2259
+ /* webpackMode: "lazy" */
2260
+ './six-menu-label.cjs.entry.js')); }).then(processMod, consoleError);
2261
+ case 'six-progress-bar.cjs':
2262
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2263
+ /* webpackMode: "lazy" */
2264
+ './six-progress-bar.cjs.entry.js')); }).then(processMod, consoleError);
2265
+ case 'six-progress-ring.cjs':
2266
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2267
+ /* webpackMode: "lazy" */
2268
+ './six-progress-ring.cjs.entry.js')); }).then(processMod, consoleError);
2269
+ case 'six-radio.cjs':
2270
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2271
+ /* webpackMode: "lazy" */
2272
+ './six-radio.cjs.entry.js')); }).then(processMod, consoleError);
2273
+ case 'six-range.cjs':
2274
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2275
+ /* webpackMode: "lazy" */
2276
+ './six-range.cjs.entry.js')); }).then(processMod, consoleError);
2277
+ case 'six-root.cjs':
2278
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2279
+ /* webpackMode: "lazy" */
2280
+ './six-root.cjs.entry.js')); }).then(processMod, consoleError);
2281
+ case 'six-search-field.cjs':
2282
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2283
+ /* webpackMode: "lazy" */
2284
+ './six-search-field.cjs.entry.js')); }).then(processMod, consoleError);
2285
+ case 'six-select.cjs':
2286
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2287
+ /* webpackMode: "lazy" */
2288
+ './six-select.cjs.entry.js')); }).then(processMod, consoleError);
2289
+ case 'six-sidebar.cjs':
2290
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2291
+ /* webpackMode: "lazy" */
2292
+ './six-sidebar.cjs.entry.js')); }).then(processMod, consoleError);
2293
+ case 'six-sidebar-item.cjs':
2294
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2295
+ /* webpackMode: "lazy" */
2296
+ './six-sidebar-item.cjs.entry.js')); }).then(processMod, consoleError);
2297
+ case 'six-sidebar-item-group.cjs':
2298
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2299
+ /* webpackMode: "lazy" */
2300
+ './six-sidebar-item-group.cjs.entry.js')); }).then(processMod, consoleError);
2301
+ case 'six-switch.cjs':
2302
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2303
+ /* webpackMode: "lazy" */
2304
+ './six-switch.cjs.entry.js')); }).then(processMod, consoleError);
2305
+ case 'six-tab.cjs':
2306
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2307
+ /* webpackMode: "lazy" */
2308
+ './six-tab.cjs.entry.js')); }).then(processMod, consoleError);
2309
+ case 'six-tab-group.cjs':
2310
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2311
+ /* webpackMode: "lazy" */
2312
+ './six-tab-group.cjs.entry.js')); }).then(processMod, consoleError);
2313
+ case 'six-tab-panel.cjs':
2314
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2315
+ /* webpackMode: "lazy" */
2316
+ './six-tab-panel.cjs.entry.js')); }).then(processMod, consoleError);
2317
+ case 'six-textarea.cjs':
2318
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2319
+ /* webpackMode: "lazy" */
2320
+ './six-textarea.cjs.entry.js')); }).then(processMod, consoleError);
2321
+ case 'six-tile.cjs':
2322
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2323
+ /* webpackMode: "lazy" */
2324
+ './six-tile.cjs.entry.js')); }).then(processMod, consoleError);
2325
+ case 'set-attributes_2.cjs':
2326
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2327
+ /* webpackMode: "lazy" */
2328
+ './set-attributes_2.cjs.entry.js')); }).then(processMod, consoleError);
2329
+ case 'six-details.cjs':
2330
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2331
+ /* webpackMode: "lazy" */
2332
+ './six-details.cjs.entry.js')); }).then(processMod, consoleError);
2333
+ case 'six-picto.cjs':
2334
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2335
+ /* webpackMode: "lazy" */
2336
+ './six-picto.cjs.entry.js')); }).then(processMod, consoleError);
2337
+ case 'six-spinner.cjs':
2338
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2339
+ /* webpackMode: "lazy" */
2340
+ './six-spinner.cjs.entry.js')); }).then(processMod, consoleError);
2341
+ case 'six-tag.cjs':
2342
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2343
+ /* webpackMode: "lazy" */
2344
+ './six-tag.cjs.entry.js')); }).then(processMod, consoleError);
2345
+ case 'six-timepicker.cjs':
2346
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2347
+ /* webpackMode: "lazy" */
2348
+ './six-timepicker.cjs.entry.js')); }).then(processMod, consoleError);
2349
+ case 'six-dropdown_2.cjs':
2350
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2351
+ /* webpackMode: "lazy" */
2352
+ './six-dropdown_2.cjs.entry.js')); }).then(processMod, consoleError);
2353
+ case 'six-item-picker.cjs':
2354
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2355
+ /* webpackMode: "lazy" */
2356
+ './six-item-picker.cjs.entry.js')); }).then(processMod, consoleError);
2357
+ case 'six-tooltip.cjs':
2358
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2359
+ /* webpackMode: "lazy" */
2360
+ './six-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
2361
+ case 'six-menu-item.cjs':
2362
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2363
+ /* webpackMode: "lazy" */
2364
+ './six-menu-item.cjs.entry.js')); }).then(processMod, consoleError);
2365
+ case 'six-input.cjs':
2366
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2367
+ /* webpackMode: "lazy" */
2368
+ './six-input.cjs.entry.js')); }).then(processMod, consoleError);
2369
+ case 'six-icon-button.cjs':
2370
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2371
+ /* webpackMode: "lazy" */
2372
+ './six-icon-button.cjs.entry.js')); }).then(processMod, consoleError);
2373
+ case 'six-error.cjs':
2374
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2375
+ /* webpackMode: "lazy" */
2376
+ './six-error.cjs.entry.js')); }).then(processMod, consoleError);
2377
+ case 'six-icon.cjs':
2378
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2379
+ /* webpackMode: "lazy" */
2380
+ './six-icon.cjs.entry.js')); }).then(processMod, consoleError);
2381
+ }
2382
+ }
2170
2383
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2171
2384
  /* @vite-ignore */
2172
2385
  /* webpackInclude: /\.entry\.js$/ */