@sbb-esta/lyne-elements 2.10.1 → 3.0.0-next.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 (804) hide show
  1. package/_index.scss +1 -1
  2. package/action-group/action-group.component.d.ts.map +1 -1
  3. package/alert/alert/alert.component.d.ts +2 -7
  4. package/alert/alert/alert.component.d.ts.map +1 -1
  5. package/alert/alert/alert.component.js +55 -67
  6. package/autocomplete/autocomplete-base-element.d.ts +26 -17
  7. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  8. package/autocomplete/autocomplete-base-element.js +98 -70
  9. package/autocomplete/autocomplete.component.d.ts +3 -2
  10. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  11. package/autocomplete/autocomplete.component.js +16 -19
  12. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +3 -2
  13. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  14. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +22 -25
  15. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -0
  16. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  17. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +6 -7
  18. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -1
  19. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  20. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +11 -13
  21. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +4 -6
  22. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  23. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +25 -29
  24. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -1
  25. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  26. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +10 -12
  27. package/autocomplete.js +4 -5
  28. package/breadcrumb/breadcrumb/breadcrumb.component.js +1 -1
  29. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts +1 -0
  30. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
  31. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +9 -12
  32. package/button/accent-button/accent-button.component.d.ts +1 -0
  33. package/button/accent-button/accent-button.component.d.ts.map +1 -1
  34. package/button/button/button.component.d.ts +1 -0
  35. package/button/button/button.component.d.ts.map +1 -1
  36. package/button/common/button-common.d.ts +4 -6
  37. package/button/common/button-common.d.ts.map +1 -1
  38. package/button/mini-button/mini-button.component.d.ts +1 -0
  39. package/button/mini-button/mini-button.component.d.ts.map +1 -1
  40. package/button/secondary-button/secondary-button.component.d.ts +1 -0
  41. package/button/secondary-button/secondary-button.component.d.ts.map +1 -1
  42. package/button/transparent-button/transparent-button.component.d.ts +1 -0
  43. package/button/transparent-button/transparent-button.component.d.ts.map +1 -1
  44. package/calendar/calendar.component.d.ts +18 -14
  45. package/calendar/calendar.component.d.ts.map +1 -1
  46. package/calendar/calendar.component.js +137 -123
  47. package/card/card/card.component.d.ts +0 -6
  48. package/card/card/card.component.d.ts.map +1 -1
  49. package/card/card/card.component.js +11 -19
  50. package/card/card-badge/card-badge.component.d.ts +4 -1
  51. package/card/card-badge/card-badge.component.d.ts.map +1 -1
  52. package/card/card-badge/card-badge.component.js +8 -11
  53. package/card/card-button/card-button.component.d.ts +1 -0
  54. package/card/card-button/card-button.component.d.ts.map +1 -1
  55. package/card/common/card-action-common.d.ts.map +1 -1
  56. package/card/common/card-action-common.js +21 -24
  57. package/checkbox/checkbox/checkbox.component.d.ts +4 -1
  58. package/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  59. package/checkbox/checkbox/checkbox.component.js +48 -38
  60. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts +4 -1
  61. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  62. package/checkbox/checkbox-panel/checkbox-panel.component.js +46 -36
  63. package/checkbox/common/checkbox-common.d.ts +4 -2
  64. package/checkbox/common/checkbox-common.d.ts.map +1 -1
  65. package/chip/chip/chip.component.d.ts +5 -6
  66. package/chip/chip/chip.component.d.ts.map +1 -1
  67. package/chip/chip/chip.component.js +37 -50
  68. package/chip/chip-group/chip-group.component.d.ts +22 -10
  69. package/chip/chip-group/chip-group.component.d.ts.map +1 -1
  70. package/chip/chip-group/chip-group.component.js +131 -116
  71. package/clock/clock.component.d.ts +1 -1
  72. package/clock/clock.component.d.ts.map +1 -1
  73. package/clock/clock.component.js +2 -2
  74. package/container/sticky-bar/sticky-bar.component.d.ts +5 -0
  75. package/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  76. package/container/sticky-bar/sticky-bar.component.js +48 -38
  77. package/core/a11y/focus.d.ts +0 -32
  78. package/core/a11y/focus.d.ts.map +1 -1
  79. package/core/a11y/focus.js +3 -65
  80. package/core/a11y/input-modality-detector.d.ts +0 -5
  81. package/core/a11y/input-modality-detector.d.ts.map +1 -1
  82. package/core/a11y/input-modality-detector.js +16 -27
  83. package/core/a11y/interactivity-checker.d.ts +0 -11
  84. package/core/a11y/interactivity-checker.d.ts.map +1 -1
  85. package/core/a11y/interactivity-checker.js +0 -1
  86. package/core/a11y/live-announcer.d.ts +62 -0
  87. package/core/a11y/live-announcer.d.ts.map +1 -0
  88. package/core/a11y/live-announcer.js +47 -0
  89. package/core/a11y.d.ts +1 -0
  90. package/core/a11y.d.ts.map +1 -1
  91. package/core/a11y.js +19 -21
  92. package/core/base-elements/action-base-element.d.ts +3 -1
  93. package/core/base-elements/action-base-element.d.ts.map +1 -1
  94. package/core/base-elements/action-base-element.js +12 -11
  95. package/core/base-elements/button-base-element.d.ts +25 -18
  96. package/core/base-elements/button-base-element.d.ts.map +1 -1
  97. package/core/base-elements/button-base-element.js +97 -65
  98. package/core/base-elements/open-close-base-element.d.ts +3 -1
  99. package/core/base-elements/open-close-base-element.d.ts.map +1 -1
  100. package/core/base-elements/open-close-base-element.js +2 -1
  101. package/core/base-elements.js +9 -8
  102. package/core/controllers/inert-controller.d.ts.map +1 -1
  103. package/core/controllers/inert-controller.js +3 -3
  104. package/core/controllers.d.ts +0 -1
  105. package/core/controllers.d.ts.map +1 -1
  106. package/core/controllers.js +17 -19
  107. package/core/datetime/date-adapter.d.ts +2 -2
  108. package/core/datetime/date-adapter.d.ts.map +1 -1
  109. package/core/datetime/date-adapter.js +1 -1
  110. package/core/datetime/native-date-adapter.d.ts +2 -3
  111. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  112. package/core/datetime/native-date-adapter.js +71 -75
  113. package/core/decorators/id-reference.d.ts +11 -0
  114. package/core/decorators/id-reference.d.ts.map +1 -0
  115. package/core/decorators/id-reference.js +79 -0
  116. package/core/decorators/plain-date.d.ts +23 -0
  117. package/core/decorators/plain-date.d.ts.map +1 -0
  118. package/core/decorators/plain-date.js +29 -0
  119. package/core/decorators.d.ts +2 -2
  120. package/core/decorators.d.ts.map +1 -1
  121. package/core/decorators.js +17 -16
  122. package/core/dom.d.ts +0 -2
  123. package/core/dom.d.ts.map +1 -1
  124. package/core/dom.js +22 -26
  125. package/core/eventing/forward-event.d.ts +0 -6
  126. package/core/eventing/forward-event.d.ts.map +1 -1
  127. package/core/eventing/forward-event.js +4 -6
  128. package/core/eventing.js +12 -13
  129. package/core/i18n/i18n.d.ts +4 -1
  130. package/core/i18n/i18n.d.ts.map +1 -1
  131. package/core/i18n/i18n.js +106 -88
  132. package/core/i18n.js +42 -39
  133. package/core/interfaces/types.d.ts +0 -1
  134. package/core/interfaces/types.d.ts.map +1 -1
  135. package/core/mixins/animation-complete-mixin.d.ts +1 -1
  136. package/core/mixins/animation-complete-mixin.d.ts.map +1 -1
  137. package/core/mixins/disabled-mixin.d.ts +2 -2
  138. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  139. package/core/mixins/element-internals-mixin.d.ts +15 -0
  140. package/core/mixins/element-internals-mixin.d.ts.map +1 -0
  141. package/core/mixins/element-internals-mixin.js +41 -0
  142. package/core/mixins/form-associated-checkbox-mixin.d.ts +7 -13
  143. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  144. package/core/mixins/form-associated-checkbox-mixin.js +30 -26
  145. package/core/mixins/form-associated-input-mixin.d.ts +15 -9
  146. package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  147. package/core/mixins/form-associated-input-mixin.js +65 -49
  148. package/core/mixins/form-associated-mixin.d.ts +8 -7
  149. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  150. package/core/mixins/form-associated-mixin.js +49 -41
  151. package/core/mixins/form-associated-radio-button-mixin.d.ts +6 -14
  152. package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  153. package/core/mixins/form-associated-radio-button-mixin.js +32 -23
  154. package/core/mixins/readonly-mixin.d.ts +10 -0
  155. package/core/mixins/readonly-mixin.d.ts.map +1 -0
  156. package/core/mixins/readonly-mixin.js +30 -0
  157. package/core/mixins/required-mixin.d.ts +2 -2
  158. package/core/mixins/required-mixin.d.ts.map +1 -1
  159. package/core/mixins.d.ts +2 -0
  160. package/core/mixins.d.ts.map +1 -1
  161. package/core/mixins.js +25 -21
  162. package/core/styles/core.scss +38 -14
  163. package/core/styles/mixins/font-face.scss +6 -18
  164. package/core/styles/mixins/link.scss +3 -7
  165. package/core/styles/mixins/lists.scss +0 -63
  166. package/core/styles/mixins/overlay.scss +7 -1
  167. package/core/styles/mixins/table.scss +0 -7
  168. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +2 -0
  169. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +7 -1
  170. package/core/styles/table.scss +0 -4
  171. package/core/testing.d.ts +0 -1
  172. package/core/testing.d.ts.map +1 -1
  173. package/core/testing.js +8 -10
  174. package/core.css +48 -18
  175. package/custom-elements.json +13214 -6131
  176. package/date-input/date-input.component.d.ts +12 -14
  177. package/date-input/date-input.component.d.ts.map +1 -1
  178. package/date-input/date-input.component.js +53 -57
  179. package/datepicker/common/datepicker-association-controllers.d.ts.map +1 -1
  180. package/datepicker/common/datepicker-association-controllers.js +7 -7
  181. package/datepicker/common/datepicker-button.d.ts +0 -12
  182. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  183. package/datepicker/common/datepicker-button.js +45 -59
  184. package/datepicker/datepicker/datepicker.component.d.ts +3 -20
  185. package/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  186. package/datepicker/datepicker/datepicker.component.js +85 -95
  187. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -0
  188. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  189. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +12 -12
  190. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -0
  191. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  192. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +13 -13
  193. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +0 -8
  194. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  195. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +51 -65
  196. package/datepicker/datepicker.js +2 -4
  197. package/datepicker.js +10 -12
  198. package/development/action-group/action-group.component.d.ts.map +1 -1
  199. package/development/action-group/action-group.component.js +1 -1
  200. package/development/alert/alert/alert.component.d.ts +2 -7
  201. package/development/alert/alert/alert.component.d.ts.map +1 -1
  202. package/development/alert/alert/alert.component.js +8 -26
  203. package/development/autocomplete/autocomplete-base-element.d.ts +26 -17
  204. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  205. package/development/autocomplete/autocomplete-base-element.js +69 -39
  206. package/development/autocomplete/autocomplete.component.d.ts +3 -2
  207. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  208. package/development/autocomplete/autocomplete.component.js +5 -9
  209. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +3 -2
  210. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  211. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -9
  212. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -0
  213. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  214. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +2 -3
  215. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -1
  216. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  217. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +5 -7
  218. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +4 -6
  219. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  220. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +20 -19
  221. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -1
  222. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  223. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +5 -7
  224. package/development/autocomplete.js +2 -3
  225. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +2 -2
  226. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts +1 -0
  227. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
  228. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +5 -8
  229. package/development/button/accent-button/accent-button.component.d.ts +1 -0
  230. package/development/button/accent-button/accent-button.component.d.ts.map +1 -1
  231. package/development/button/accent-button/accent-button.component.js +1 -1
  232. package/development/button/button/button.component.d.ts +1 -0
  233. package/development/button/button/button.component.d.ts.map +1 -1
  234. package/development/button/button/button.component.js +1 -1
  235. package/development/button/common/button-common.d.ts +4 -6
  236. package/development/button/common/button-common.d.ts.map +1 -1
  237. package/development/button/common/button-common.js +1 -1
  238. package/development/button/mini-button/mini-button.component.d.ts +1 -0
  239. package/development/button/mini-button/mini-button.component.d.ts.map +1 -1
  240. package/development/button/mini-button/mini-button.component.js +1 -1
  241. package/development/button/secondary-button/secondary-button.component.d.ts +1 -0
  242. package/development/button/secondary-button/secondary-button.component.d.ts.map +1 -1
  243. package/development/button/secondary-button/secondary-button.component.js +1 -1
  244. package/development/button/transparent-button/transparent-button.component.d.ts +1 -0
  245. package/development/button/transparent-button/transparent-button.component.d.ts.map +1 -1
  246. package/development/button/transparent-button/transparent-button.component.js +1 -1
  247. package/development/calendar/calendar.component.d.ts +18 -14
  248. package/development/calendar/calendar.component.d.ts.map +1 -1
  249. package/development/calendar/calendar.component.js +57 -36
  250. package/development/card/card/card.component.d.ts +0 -6
  251. package/development/card/card/card.component.d.ts.map +1 -1
  252. package/development/card/card/card.component.js +5 -13
  253. package/development/card/card-badge/card-badge.component.d.ts +4 -1
  254. package/development/card/card-badge/card-badge.component.d.ts.map +1 -1
  255. package/development/card/card-badge/card-badge.component.js +6 -8
  256. package/development/card/card-button/card-button.component.d.ts +1 -0
  257. package/development/card/card-button/card-button.component.d.ts.map +1 -1
  258. package/development/card/card-button/card-button.component.js +1 -1
  259. package/development/card/common/card-action-common.d.ts.map +1 -1
  260. package/development/card/common/card-action-common.js +6 -15
  261. package/development/checkbox/checkbox/checkbox.component.d.ts +4 -1
  262. package/development/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  263. package/development/checkbox/checkbox/checkbox.component.js +19 -4
  264. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts +4 -1
  265. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  266. package/development/checkbox/checkbox-panel/checkbox-panel.component.js +20 -4
  267. package/development/checkbox/common/checkbox-common.d.ts +4 -2
  268. package/development/checkbox/common/checkbox-common.d.ts.map +1 -1
  269. package/development/checkbox/common/checkbox-common.js +1 -1
  270. package/development/chip/chip/chip.component.d.ts +5 -6
  271. package/development/chip/chip/chip.component.d.ts.map +1 -1
  272. package/development/chip/chip/chip.component.js +12 -31
  273. package/development/chip/chip-group/chip-group.component.d.ts +22 -10
  274. package/development/chip/chip-group/chip-group.component.d.ts.map +1 -1
  275. package/development/chip/chip-group/chip-group.component.js +52 -27
  276. package/development/clock/clock.component.d.ts +1 -1
  277. package/development/clock/clock.component.d.ts.map +1 -1
  278. package/development/clock/clock.component.js +3 -3
  279. package/development/container/sticky-bar/sticky-bar.component.d.ts +5 -0
  280. package/development/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  281. package/development/container/sticky-bar/sticky-bar.component.js +30 -9
  282. package/development/core/a11y/focus.d.ts +0 -32
  283. package/development/core/a11y/focus.d.ts.map +1 -1
  284. package/development/core/a11y/focus.js +2 -82
  285. package/development/core/a11y/input-modality-detector.d.ts +0 -5
  286. package/development/core/a11y/input-modality-detector.d.ts.map +1 -1
  287. package/development/core/a11y/input-modality-detector.js +2 -18
  288. package/development/core/a11y/interactivity-checker.d.ts +0 -11
  289. package/development/core/a11y/interactivity-checker.d.ts.map +1 -1
  290. package/development/core/a11y/interactivity-checker.js +1 -2
  291. package/development/core/a11y/live-announcer.d.ts +62 -0
  292. package/development/core/a11y/live-announcer.d.ts.map +1 -0
  293. package/development/core/a11y/live-announcer.js +87 -0
  294. package/development/core/a11y.d.ts +1 -0
  295. package/development/core/a11y.d.ts.map +1 -1
  296. package/development/core/a11y.js +7 -9
  297. package/development/core/base-elements/action-base-element.d.ts +3 -1
  298. package/development/core/base-elements/action-base-element.d.ts.map +1 -1
  299. package/development/core/base-elements/action-base-element.js +3 -2
  300. package/development/core/base-elements/button-base-element.d.ts +25 -18
  301. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  302. package/development/core/base-elements/button-base-element.js +105 -67
  303. package/development/core/base-elements/open-close-base-element.d.ts +3 -1
  304. package/development/core/base-elements/open-close-base-element.d.ts.map +1 -1
  305. package/development/core/base-elements/open-close-base-element.js +3 -2
  306. package/development/core/base-elements.js +2 -1
  307. package/development/core/controllers/inert-controller.d.ts.map +1 -1
  308. package/development/core/controllers/inert-controller.js +2 -2
  309. package/development/core/controllers.d.ts +0 -1
  310. package/development/core/controllers.d.ts.map +1 -1
  311. package/development/core/controllers.js +1 -3
  312. package/development/core/datetime/date-adapter.d.ts +2 -2
  313. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  314. package/development/core/datetime/date-adapter.js +2 -2
  315. package/development/core/datetime/native-date-adapter.d.ts +2 -3
  316. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  317. package/development/core/datetime/native-date-adapter.js +2 -6
  318. package/development/core/decorators/id-reference.d.ts +11 -0
  319. package/development/core/decorators/id-reference.d.ts.map +1 -0
  320. package/development/core/decorators/id-reference.js +123 -0
  321. package/development/core/decorators/plain-date.d.ts +23 -0
  322. package/development/core/decorators/plain-date.d.ts.map +1 -0
  323. package/development/core/decorators/plain-date.js +37 -0
  324. package/development/core/decorators.d.ts +2 -2
  325. package/development/core/decorators.d.ts.map +1 -1
  326. package/development/core/decorators.js +5 -4
  327. package/development/core/dom.d.ts +0 -2
  328. package/development/core/dom.d.ts.map +1 -1
  329. package/development/core/dom.js +1 -5
  330. package/development/core/eventing/forward-event.d.ts +0 -6
  331. package/development/core/eventing/forward-event.d.ts.map +1 -1
  332. package/development/core/eventing/forward-event.js +2 -4
  333. package/development/core/eventing.js +1 -2
  334. package/development/core/i18n/i18n.d.ts +4 -1
  335. package/development/core/i18n/i18n.d.ts.map +1 -1
  336. package/development/core/i18n/i18n.js +43 -22
  337. package/development/core/i18n.js +4 -1
  338. package/development/core/interfaces/types.d.ts +0 -1
  339. package/development/core/interfaces/types.d.ts.map +1 -1
  340. package/development/core/mixins/animation-complete-mixin.d.ts +1 -1
  341. package/development/core/mixins/animation-complete-mixin.d.ts.map +1 -1
  342. package/development/core/mixins/animation-complete-mixin.js +1 -1
  343. package/development/core/mixins/disabled-mixin.d.ts +2 -2
  344. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  345. package/development/core/mixins/disabled-mixin.js +1 -1
  346. package/development/core/mixins/element-internals-mixin.d.ts +15 -0
  347. package/development/core/mixins/element-internals-mixin.d.ts.map +1 -0
  348. package/development/core/mixins/element-internals-mixin.js +59 -0
  349. package/development/core/mixins/form-associated-checkbox-mixin.d.ts +7 -13
  350. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  351. package/development/core/mixins/form-associated-checkbox-mixin.js +8 -6
  352. package/development/core/mixins/form-associated-input-mixin.d.ts +15 -9
  353. package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  354. package/development/core/mixins/form-associated-input-mixin.js +39 -20
  355. package/development/core/mixins/form-associated-mixin.d.ts +8 -7
  356. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  357. package/development/core/mixins/form-associated-mixin.js +31 -17
  358. package/development/core/mixins/form-associated-radio-button-mixin.d.ts +6 -14
  359. package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  360. package/development/core/mixins/form-associated-radio-button-mixin.js +20 -8
  361. package/development/core/mixins/readonly-mixin.d.ts +10 -0
  362. package/development/core/mixins/readonly-mixin.d.ts.map +1 -0
  363. package/development/core/mixins/readonly-mixin.js +40 -0
  364. package/development/core/mixins/required-mixin.d.ts +2 -2
  365. package/development/core/mixins/required-mixin.d.ts.map +1 -1
  366. package/development/core/mixins/required-mixin.js +1 -1
  367. package/development/core/mixins.d.ts +2 -0
  368. package/development/core/mixins.d.ts.map +1 -1
  369. package/development/core/mixins.js +5 -1
  370. package/development/core/testing.d.ts +0 -1
  371. package/development/core/testing.d.ts.map +1 -1
  372. package/development/core/testing.js +1 -3
  373. package/development/date-input/date-input.component.d.ts +12 -14
  374. package/development/date-input/date-input.component.d.ts.map +1 -1
  375. package/development/date-input/date-input.component.js +17 -22
  376. package/development/datepicker/common/datepicker-association-controllers.d.ts.map +1 -1
  377. package/development/datepicker/common/datepicker-association-controllers.js +3 -3
  378. package/development/datepicker/common/datepicker-button.d.ts +0 -12
  379. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  380. package/development/datepicker/common/datepicker-button.js +1 -23
  381. package/development/datepicker/datepicker/datepicker.component.d.ts +3 -20
  382. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  383. package/development/datepicker/datepicker/datepicker.component.js +24 -33
  384. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -0
  385. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  386. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +7 -6
  387. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -0
  388. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  389. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +7 -6
  390. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +0 -8
  391. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  392. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +1 -21
  393. package/development/datepicker/datepicker.js +2 -4
  394. package/development/datepicker.js +2 -4
  395. package/development/divider/divider.component.d.ts +2 -1
  396. package/development/divider/divider.component.d.ts.map +1 -1
  397. package/development/divider/divider.component.js +5 -8
  398. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts +5 -1
  399. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts.map +1 -1
  400. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +9 -8
  401. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +2 -0
  402. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  403. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +6 -5
  404. package/development/file-selector/common/file-selector-common.d.ts +6 -5
  405. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  406. package/development/file-selector/common/file-selector-common.js +4 -4
  407. package/development/file-selector/file-selector/file-selector.component.d.ts +1 -0
  408. package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  409. package/development/file-selector/file-selector/file-selector.component.js +1 -1
  410. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -0
  411. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  412. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  413. package/development/flip-card/flip-card-details/flip-card-details.component.d.ts +1 -0
  414. package/development/flip-card/flip-card-details/flip-card-details.component.d.ts.map +1 -1
  415. package/development/flip-card/flip-card-details/flip-card-details.component.js +6 -5
  416. package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts +1 -0
  417. package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map +1 -1
  418. package/development/flip-card/flip-card-summary/flip-card-summary.component.js +6 -5
  419. package/development/footer/footer.component.js +1 -1
  420. package/development/form-field/form-field/form-field.component.d.ts +9 -10
  421. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  422. package/development/form-field/form-field/form-field.component.js +169 -180
  423. package/development/form-field/form-field-clear/form-field-clear.component.d.ts +1 -0
  424. package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  425. package/development/form-field/form-field-clear/form-field-clear.component.js +3 -5
  426. package/development/header/common/header-action-common.d.ts +3 -3
  427. package/development/header/common/header-action-common.d.ts.map +1 -1
  428. package/development/header/common/header-action-common.js +1 -1
  429. package/development/header/header/header.component.d.ts +8 -4
  430. package/development/header/header/header.component.d.ts.map +1 -1
  431. package/development/header/header/header.component.js +17 -10
  432. package/development/header/header-button/header-button.component.d.ts +1 -0
  433. package/development/header/header-button/header-button.component.d.ts.map +1 -1
  434. package/development/header/header-button/header-button.component.js +1 -1
  435. package/development/image/image.component.d.ts +1 -1
  436. package/development/image/image.component.d.ts.map +1 -1
  437. package/development/image/image.component.js +7 -6
  438. package/development/link/block-link-button/block-link-button.component.d.ts +1 -0
  439. package/development/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  440. package/development/link/block-link-button/block-link-button.component.js +1 -1
  441. package/development/link/common/block-link-common.d.ts +3 -4
  442. package/development/link/common/block-link-common.d.ts.map +1 -1
  443. package/development/link/common/block-link-common.js +4 -4
  444. package/development/link/common/inline-link-common.d.ts +3 -2
  445. package/development/link/common/inline-link-common.d.ts.map +1 -1
  446. package/development/link/common/inline-link-common.js +2 -2
  447. package/development/link/common/link-common.d.ts +4 -2
  448. package/development/link/common/link-common.d.ts.map +1 -1
  449. package/development/link/common/link-common.js +1 -1
  450. package/development/link/common.js +1 -1
  451. package/development/link/link-button/link-button.component.d.ts +1 -0
  452. package/development/link/link-button/link-button.component.d.ts.map +1 -1
  453. package/development/link/link-button/link-button.component.js +1 -1
  454. package/development/{link-common-CJEWffDZ.js → link-common-DPLJx5Uo.js} +2 -2
  455. package/development/link-list/link-list-anchor/link-list-anchor.component.js +1 -1
  456. package/development/link.js +1 -1
  457. package/development/loading-indicator/loading-indicator.component.d.ts +5 -1
  458. package/development/loading-indicator/loading-indicator.component.d.ts.map +1 -1
  459. package/development/loading-indicator/loading-indicator.component.js +9 -8
  460. package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts +5 -1
  461. package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
  462. package/development/loading-indicator-circle/loading-indicator-circle.component.js +9 -8
  463. package/development/menu/common/menu-action-common.d.ts +4 -8
  464. package/development/menu/common/menu-action-common.d.ts.map +1 -1
  465. package/development/menu/common/menu-action-common.js +5 -63
  466. package/development/menu/menu/menu.component.d.ts +5 -4
  467. package/development/menu/menu/menu.component.d.ts.map +1 -1
  468. package/development/menu/menu/menu.component.js +17 -13
  469. package/development/menu/menu-button/menu-button.component.d.ts +1 -0
  470. package/development/menu/menu-button/menu-button.component.d.ts.map +1 -1
  471. package/development/menu/menu-button/menu-button.component.js +1 -1
  472. package/development/navigation/navigation/navigation.component.d.ts +6 -4
  473. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  474. package/development/navigation/navigation/navigation.component.js +18 -15
  475. package/development/navigation/navigation-button/navigation-button.component.d.ts +1 -0
  476. package/development/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  477. package/development/navigation/navigation-button/navigation-button.component.js +1 -1
  478. package/development/navigation/navigation-section/navigation-section.component.d.ts +5 -4
  479. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  480. package/development/navigation/navigation-section/navigation-section.component.js +19 -16
  481. package/development/notification/notification.component.d.ts +4 -7
  482. package/development/notification/notification.component.d.ts.map +1 -1
  483. package/development/notification/notification.component.js +12 -29
  484. package/development/option/optgroup/optgroup-base-element.d.ts +2 -1
  485. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  486. package/development/option/optgroup/optgroup-base-element.js +16 -37
  487. package/development/option/option/option-base-element.d.ts +6 -12
  488. package/development/option/option/option-base-element.d.ts.map +1 -1
  489. package/development/option/option/option-base-element.js +25 -21
  490. package/development/option/option/option.component.d.ts +5 -2
  491. package/development/option/option/option.component.d.ts.map +1 -1
  492. package/development/option/option/option.component.js +24 -21
  493. package/development/overlay/overlay-base-element.d.ts +1 -8
  494. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  495. package/development/overlay/overlay-base-element.js +10 -30
  496. package/development/paginator/common/paginator-common.d.ts +3 -7
  497. package/development/paginator/common/paginator-common.d.ts.map +1 -1
  498. package/development/paginator/common/paginator-common.js +16 -29
  499. package/development/paginator/paginator/paginator.component.d.ts +0 -5
  500. package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
  501. package/development/paginator/paginator/paginator.component.js +2 -14
  502. package/development/popover/popover/popover.component.d.ts +3 -3
  503. package/development/popover/popover/popover.component.d.ts.map +1 -1
  504. package/development/popover/popover/popover.component.js +18 -13
  505. package/development/popover/popover-trigger/popover-trigger.component.d.ts +1 -0
  506. package/development/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  507. package/development/popover/popover-trigger/popover-trigger.component.js +1 -1
  508. package/development/radio-button/common/radio-button-common.d.ts +4 -2
  509. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  510. package/development/radio-button/common/radio-button-common.js +1 -1
  511. package/development/radio-button/radio-button/radio-button.component.d.ts +6 -2
  512. package/development/radio-button/radio-button/radio-button.component.d.ts.map +1 -1
  513. package/development/radio-button/radio-button/radio-button.component.js +21 -4
  514. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts +8 -6
  515. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  516. package/development/radio-button/radio-button-group/radio-button-group.component.js +8 -11
  517. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts +6 -2
  518. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  519. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +22 -4
  520. package/development/sbb-tokens-CVLcOi-S.js +1 -1
  521. package/development/select/select.component.d.ts +18 -12
  522. package/development/select/select.component.d.ts.map +1 -1
  523. package/development/select/select.component.js +122 -69
  524. package/development/sidebar/icon-sidebar/icon-sidebar.component.d.ts +4 -2
  525. package/development/sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
  526. package/development/sidebar/icon-sidebar/icon-sidebar.component.js +5 -6
  527. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -0
  528. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  529. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +1 -1
  530. package/development/sidebar/sidebar/sidebar.component.js +2 -2
  531. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +2 -0
  532. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  533. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +6 -3
  534. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts +1 -0
  535. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  536. package/development/sidebar/sidebar-title/sidebar-title.component.js +6 -3
  537. package/development/slider/slider.component.d.ts +6 -15
  538. package/development/slider/slider.component.d.ts.map +1 -1
  539. package/development/slider/slider.component.js +37 -85
  540. package/development/stepper/step/step.component.d.ts +4 -1
  541. package/development/stepper/step/step.component.d.ts.map +1 -1
  542. package/development/stepper/step/step.component.js +6 -8
  543. package/development/stepper/step-label/step-label.component.d.ts +2 -0
  544. package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
  545. package/development/stepper/step-label/step-label.component.js +5 -8
  546. package/development/stepper/stepper/stepper.component.d.ts +1 -1
  547. package/development/stepper/stepper/stepper.component.d.ts.map +1 -1
  548. package/development/stepper/stepper/stepper.component.js +9 -8
  549. package/development/table/table-wrapper/table-wrapper.component.d.ts +2 -1
  550. package/development/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
  551. package/development/table/table-wrapper/table-wrapper.component.js +4 -6
  552. package/development/tabs/tab/tab.component.d.ts +4 -1
  553. package/development/tabs/tab/tab.component.d.ts.map +1 -1
  554. package/development/tabs/tab/tab.component.js +4 -3
  555. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  556. package/development/tabs/tab-group/tab-group.component.js +2 -4
  557. package/development/tabs/tab-label/tab-label.component.d.ts +2 -1
  558. package/development/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  559. package/development/tabs/tab-label/tab-label.component.js +8 -5
  560. package/development/tag/tag/tag.component.d.ts +7 -3
  561. package/development/tag/tag/tag.component.d.ts.map +1 -1
  562. package/development/tag/tag/tag.component.js +26 -7
  563. package/development/tag/tag-group/tag-group.component.d.ts +7 -5
  564. package/development/tag/tag-group/tag-group.component.d.ts.map +1 -1
  565. package/development/tag/tag-group/tag-group.component.js +29 -21
  566. package/development/teaser-product/common/teaser-product-common.d.ts +4 -2
  567. package/development/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  568. package/development/teaser-product/common/teaser-product-common.js +1 -1
  569. package/development/time-input/time-input.component.d.ts +29 -42
  570. package/development/time-input/time-input.component.d.ts.map +1 -1
  571. package/development/time-input/time-input.component.js +158 -205
  572. package/development/title/title-base.d.ts +4 -1
  573. package/development/title/title-base.d.ts.map +1 -1
  574. package/development/title/title-base.js +9 -17
  575. package/development/toast/toast.component.d.ts +3 -4
  576. package/development/toast/toast.component.d.ts.map +1 -1
  577. package/development/toast/toast.component.js +53 -73
  578. package/development/toggle/toggle/toggle.component.d.ts +13 -9
  579. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  580. package/development/toggle/toggle/toggle.component.js +29 -29
  581. package/development/toggle/toggle-option/toggle-option.component.d.ts +5 -3
  582. package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  583. package/development/toggle/toggle-option/toggle-option.component.js +6 -8
  584. package/development/toggle-check/toggle-check.component.d.ts +5 -2
  585. package/development/toggle-check/toggle-check.component.d.ts.map +1 -1
  586. package/development/toggle-check/toggle-check.component.js +19 -4
  587. package/divider/divider.component.d.ts +2 -1
  588. package/divider/divider.component.d.ts.map +1 -1
  589. package/divider/divider.component.js +26 -29
  590. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts +5 -1
  591. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts.map +1 -1
  592. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +14 -14
  593. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +2 -0
  594. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  595. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +20 -20
  596. package/file-selector/common/file-selector-common.d.ts +6 -5
  597. package/file-selector/common/file-selector-common.d.ts.map +1 -1
  598. package/file-selector/common/file-selector-common.js +35 -35
  599. package/file-selector/file-selector/file-selector.component.d.ts +1 -0
  600. package/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  601. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -0
  602. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  603. package/flip-card/flip-card-details/flip-card-details.component.d.ts +1 -0
  604. package/flip-card/flip-card-details/flip-card-details.component.d.ts.map +1 -1
  605. package/flip-card/flip-card-details/flip-card-details.component.js +16 -16
  606. package/flip-card/flip-card-summary/flip-card-summary.component.d.ts +1 -0
  607. package/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map +1 -1
  608. package/flip-card/flip-card-summary/flip-card-summary.component.js +13 -13
  609. package/font-characters-extension.css +3 -3
  610. package/footer/footer.component.js +1 -1
  611. package/form-field/form-field/form-field.component.d.ts +9 -10
  612. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  613. package/form-field/form-field/form-field.component.js +194 -209
  614. package/form-field/form-field-clear/form-field-clear.component.d.ts +1 -0
  615. package/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  616. package/form-field/form-field-clear/form-field-clear.component.js +9 -12
  617. package/header/common/header-action-common.d.ts +3 -3
  618. package/header/common/header-action-common.d.ts.map +1 -1
  619. package/header/header/header.component.d.ts +8 -4
  620. package/header/header/header.component.d.ts.map +1 -1
  621. package/header/header/header.component.js +51 -46
  622. package/header/header-button/header-button.component.d.ts +1 -0
  623. package/header/header-button/header-button.component.d.ts.map +1 -1
  624. package/image/image.component.d.ts +1 -1
  625. package/image/image.component.d.ts.map +1 -1
  626. package/image/image.component.js +4 -2
  627. package/link/block-link-button/block-link-button.component.d.ts +1 -0
  628. package/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  629. package/link/common/block-link-common.d.ts +3 -4
  630. package/link/common/block-link-common.d.ts.map +1 -1
  631. package/link/common/block-link-common.js +6 -6
  632. package/link/common/inline-link-common.d.ts +3 -2
  633. package/link/common/inline-link-common.d.ts.map +1 -1
  634. package/link/common/inline-link-common.js +1 -1
  635. package/link/common/link-common.d.ts +4 -2
  636. package/link/common/link-common.d.ts.map +1 -1
  637. package/link/common/link-common.js +1 -1
  638. package/link/common.js +1 -1
  639. package/link/link-button/link-button.component.d.ts +1 -0
  640. package/link/link-button/link-button.component.d.ts.map +1 -1
  641. package/{link-common-DZrQ-32d.js → link-common-BBKGg9HN.js} +1 -1
  642. package/link-list/link-list-anchor/link-list-anchor.component.js +4 -4
  643. package/link.js +1 -1
  644. package/loading-indicator/loading-indicator.component.d.ts +5 -1
  645. package/loading-indicator/loading-indicator.component.d.ts.map +1 -1
  646. package/loading-indicator/loading-indicator.component.js +9 -9
  647. package/loading-indicator-circle/loading-indicator-circle.component.d.ts +5 -1
  648. package/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
  649. package/loading-indicator-circle/loading-indicator-circle.component.js +14 -14
  650. package/menu/common/menu-action-common.d.ts +4 -8
  651. package/menu/common/menu-action-common.d.ts.map +1 -1
  652. package/menu/common/menu-action-common.js +16 -41
  653. package/menu/menu/menu.component.d.ts +5 -4
  654. package/menu/menu/menu.component.d.ts.map +1 -1
  655. package/menu/menu/menu.component.js +35 -34
  656. package/menu/menu-button/menu-button.component.d.ts +1 -0
  657. package/menu/menu-button/menu-button.component.d.ts.map +1 -1
  658. package/navigation/navigation/navigation.component.d.ts +6 -4
  659. package/navigation/navigation/navigation.component.d.ts.map +1 -1
  660. package/navigation/navigation/navigation.component.js +43 -43
  661. package/navigation/navigation-button/navigation-button.component.d.ts +1 -0
  662. package/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  663. package/navigation/navigation-section/navigation-section.component.d.ts +5 -4
  664. package/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  665. package/navigation/navigation-section/navigation-section.component.js +47 -47
  666. package/notification/notification.component.d.ts +4 -7
  667. package/notification/notification.component.d.ts.map +1 -1
  668. package/notification/notification.component.js +63 -73
  669. package/option/optgroup/optgroup-base-element.d.ts +2 -1
  670. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  671. package/option/optgroup/optgroup-base-element.js +43 -43
  672. package/option/option/option-base-element.d.ts +6 -12
  673. package/option/option/option-base-element.d.ts.map +1 -1
  674. package/option/option/option-base-element.js +57 -64
  675. package/option/option/option.component.d.ts +5 -2
  676. package/option/option/option.component.d.ts.map +1 -1
  677. package/option/option/option.component.js +18 -21
  678. package/overlay/overlay-base-element.d.ts +1 -8
  679. package/overlay/overlay-base-element.d.ts.map +1 -1
  680. package/overlay/overlay-base-element.js +44 -55
  681. package/package.json +1 -1
  682. package/paginator/common/paginator-common.d.ts +3 -7
  683. package/paginator/common/paginator-common.d.ts.map +1 -1
  684. package/paginator/common/paginator-common.js +49 -58
  685. package/paginator/paginator/paginator.component.d.ts +0 -5
  686. package/paginator/paginator/paginator.component.d.ts.map +1 -1
  687. package/paginator/paginator/paginator.component.js +40 -48
  688. package/popover/popover/popover.component.d.ts +3 -3
  689. package/popover/popover/popover.component.d.ts.map +1 -1
  690. package/popover/popover/popover.component.js +50 -47
  691. package/popover/popover-trigger/popover-trigger.component.d.ts +1 -0
  692. package/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  693. package/radio-button/common/radio-button-common.d.ts +4 -2
  694. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  695. package/radio-button/radio-button/radio-button.component.d.ts +6 -2
  696. package/radio-button/radio-button/radio-button.component.d.ts.map +1 -1
  697. package/radio-button/radio-button/radio-button.component.js +43 -31
  698. package/radio-button/radio-button-group/radio-button-group.component.d.ts +8 -6
  699. package/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  700. package/radio-button/radio-button-group/radio-button-group.component.js +24 -26
  701. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts +6 -2
  702. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  703. package/radio-button/radio-button-panel/radio-button-panel.component.js +46 -34
  704. package/select/select.component.d.ts +18 -12
  705. package/select/select.component.d.ts.map +1 -1
  706. package/select/select.component.js +140 -113
  707. package/sidebar/icon-sidebar/icon-sidebar.component.d.ts +4 -2
  708. package/sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
  709. package/sidebar/icon-sidebar/icon-sidebar.component.js +19 -20
  710. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -0
  711. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  712. package/sidebar/sidebar/sidebar.component.js +1 -1
  713. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +2 -0
  714. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  715. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +11 -9
  716. package/sidebar/sidebar-title/sidebar-title.component.d.ts +1 -0
  717. package/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  718. package/sidebar/sidebar-title/sidebar-title.component.js +17 -15
  719. package/slider/slider.component.d.ts +6 -15
  720. package/slider/slider.component.d.ts.map +1 -1
  721. package/slider/slider.component.js +71 -98
  722. package/standard-theme.css +48 -18
  723. package/stepper/step/step.component.d.ts +4 -1
  724. package/stepper/step/step.component.d.ts.map +1 -1
  725. package/stepper/step/step.component.js +5 -8
  726. package/stepper/step-label/step-label.component.d.ts +2 -0
  727. package/stepper/step-label/step-label.component.d.ts.map +1 -1
  728. package/stepper/step-label/step-label.component.js +12 -17
  729. package/stepper/stepper/stepper.component.d.ts +1 -1
  730. package/stepper/stepper/stepper.component.d.ts.map +1 -1
  731. package/stepper/stepper/stepper.component.js +8 -6
  732. package/table/table-wrapper/table-wrapper.component.d.ts +2 -1
  733. package/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
  734. package/table/table-wrapper/table-wrapper.component.js +19 -21
  735. package/tabs/tab/tab.component.d.ts +4 -1
  736. package/tabs/tab/tab.component.d.ts.map +1 -1
  737. package/tabs/tab/tab.component.js +10 -9
  738. package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  739. package/tabs/tab-group/tab-group.component.js +8 -8
  740. package/tabs/tab-label/tab-label.component.d.ts +2 -1
  741. package/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  742. package/tabs/tab-label/tab-label.component.js +18 -18
  743. package/tag/tag/tag.component.d.ts +7 -3
  744. package/tag/tag/tag.component.d.ts.map +1 -1
  745. package/tag/tag/tag.component.js +75 -62
  746. package/tag/tag-group/tag-group.component.d.ts +7 -5
  747. package/tag/tag-group/tag-group.component.d.ts.map +1 -1
  748. package/tag/tag-group/tag-group.component.js +69 -64
  749. package/teaser-product/common/teaser-product-common.d.ts +4 -2
  750. package/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  751. package/time-input/time-input.component.d.ts +29 -42
  752. package/time-input/time-input.component.d.ts.map +1 -1
  753. package/time-input/time-input.component.js +100 -143
  754. package/title/title-base.d.ts +4 -1
  755. package/title/title-base.d.ts.map +1 -1
  756. package/title/title-base.js +33 -34
  757. package/toast/toast.component.d.ts +3 -4
  758. package/toast/toast.component.d.ts.map +1 -1
  759. package/toast/toast.component.js +64 -70
  760. package/toggle/toggle/toggle.component.d.ts +13 -9
  761. package/toggle/toggle/toggle.component.d.ts.map +1 -1
  762. package/toggle/toggle/toggle.component.js +48 -49
  763. package/toggle/toggle-option/toggle-option.component.d.ts +5 -3
  764. package/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  765. package/toggle/toggle-option/toggle-option.component.js +37 -39
  766. package/toggle-check/toggle-check.component.d.ts +5 -2
  767. package/toggle-check/toggle-check.component.d.ts.map +1 -1
  768. package/toggle-check/toggle-check.component.js +53 -43
  769. package/core/controllers/connected-abort-controller.d.ts +0 -14
  770. package/core/controllers/connected-abort-controller.d.ts.map +0 -1
  771. package/core/controllers/connected-abort-controller.js +0 -19
  772. package/core/decorators/date-converter.d.ts +0 -8
  773. package/core/decorators/date-converter.d.ts.map +0 -1
  774. package/core/decorators/date-converter.js +0 -17
  775. package/core/decorators/date-only-type.d.ts +0 -8
  776. package/core/decorators/date-only-type.d.ts.map +0 -1
  777. package/core/decorators/date-only-type.js +0 -10
  778. package/core/dom/find-referenced-element.d.ts +0 -8
  779. package/core/dom/find-referenced-element.d.ts.map +0 -1
  780. package/core/dom/find-referenced-element.js +0 -7
  781. package/core/dom/input-element.d.ts +0 -12
  782. package/core/dom/input-element.d.ts.map +0 -1
  783. package/core/dom/input-element.js +0 -12
  784. package/core/testing/scroll.d.ts +0 -7
  785. package/core/testing/scroll.d.ts.map +0 -1
  786. package/core/testing/scroll.js +0 -6
  787. package/development/core/controllers/connected-abort-controller.d.ts +0 -14
  788. package/development/core/controllers/connected-abort-controller.d.ts.map +0 -1
  789. package/development/core/controllers/connected-abort-controller.js +0 -25
  790. package/development/core/decorators/date-converter.d.ts +0 -8
  791. package/development/core/decorators/date-converter.d.ts.map +0 -1
  792. package/development/core/decorators/date-converter.js +0 -18
  793. package/development/core/decorators/date-only-type.d.ts +0 -8
  794. package/development/core/decorators/date-only-type.d.ts.map +0 -1
  795. package/development/core/decorators/date-only-type.js +0 -11
  796. package/development/core/dom/find-referenced-element.d.ts +0 -8
  797. package/development/core/dom/find-referenced-element.d.ts.map +0 -1
  798. package/development/core/dom/find-referenced-element.js +0 -15
  799. package/development/core/dom/input-element.d.ts +0 -12
  800. package/development/core/dom/input-element.d.ts.map +0 -1
  801. package/development/core/dom/input-element.js +0 -13
  802. package/development/core/testing/scroll.d.ts +0 -7
  803. package/development/core/testing/scroll.d.ts.map +0 -1
  804. package/development/core/testing/scroll.js +0 -8
@@ -1,23 +1,22 @@
1
1
  import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
2
- declare const SbbChipElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
2
+ declare const SbbChipElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbReadonlyMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
3
3
  /**
4
4
  * It displays a chip. Usually used in combination with `sbb-chip-group`.
5
5
  *
6
6
  * @slot - Use the unnamed slot to add the display value. If not provided, the 'value' will be used.
7
+ * @overrideType value - (T = string) | null
7
8
  */
8
- export declare class SbbChipElement extends SbbChipElement_base {
9
+ export declare class SbbChipElement<T = string> extends SbbChipElement_base {
10
+ static readonly role = "option";
9
11
  static styles: CSSResultGroup;
10
12
  static readonly events: {
11
13
  readonly requestDelete: "requestDelete";
12
14
  };
13
15
  /** The value of chip. Will be used as label if nothing is slotted. */
14
- accessor value: string;
15
- /** Whether the component is readonly */
16
- accessor readonly: boolean;
16
+ accessor value: T | null;
17
17
  /** @internal */
18
18
  private _requestDelete;
19
19
  private _language;
20
- constructor();
21
20
  protected willUpdate(changedProperties: PropertyValues<this>): void;
22
21
  protected firstUpdated(_changedProperties: PropertyValues): void;
23
22
  private _deleteButton;
@@ -1 +1 @@
1
- {"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AASb,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,cAAe,SAAQ,mBAA8C;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,sEAAsE;IACtE,SAAyC,KAAK,EAAE,MAAM,CAAM;IAE5D,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAoE;IAE1F,OAAO,CAAC,SAAS,CAAmC;;cASjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,OAAO,CAAC,aAAa;cAIF,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
1
+ {"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAab,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;;AAIrC;;;;;GAKG;AACH,qBAEM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,mBAExC;IACC,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,sEAAsE;IACtE,SAA4B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEnD,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAoE;IAE1F,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,OAAO,CAAC,aAAa;cAIF,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
@@ -1,60 +1,49 @@
1
- var k = (e) => {
1
+ var v = (e) => {
2
2
  throw TypeError(e);
3
3
  };
4
- var z = (e, t, i) => t.has(e) || k("Cannot " + i);
5
- var u = (e, t, i) => (z(e, t, "read from private field"), i ? i.call(e) : t.get(e)), p = (e, t, i) => t.has(e) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), c = (e, t, i, s) => (z(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
6
- import { __esDecorate as v, __runInitializers as n } from "tslib";
7
- import { css as E, LitElement as q, html as I } from "lit";
8
- import { customElement as C, property as S } from "lit/decorators.js";
9
- import { SbbLanguageController as U } from "../../core/controllers.js";
10
- import { forceType as D } from "../../core/decorators.js";
11
- import { EventEmitter as A } from "../../core/eventing.js";
12
- import { i18nChipDelete as B } from "../../core/i18n.js";
13
- import { SbbNegativeMixin as T, SbbDisabledMixin as $ } from "../../core/mixins.js";
4
+ var m = (e, r, b) => r.has(e) || v("Cannot " + b);
5
+ var f = (e, r, b) => (m(e, r, "read from private field"), b ? b.call(e) : r.get(e)), g = (e, r, b) => r.has(e) ? v("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, b), c = (e, r, b, o) => (m(e, r, "write to private field"), o ? o.call(e, b) : r.set(e, b), b);
6
+ import { __runInitializers as n, __esDecorate as _ } from "tslib";
7
+ import { css as y, LitElement as w, html as k } from "lit";
8
+ import { customElement as S, property as z } from "lit/decorators.js";
9
+ import { SbbLanguageController as D } from "../../core/controllers.js";
10
+ import { EventEmitter as E } from "../../core/eventing.js";
11
+ import { i18nChipDelete as q } from "../../core/i18n.js";
12
+ import { SbbNegativeMixin as C, SbbDisabledMixin as I, SbbReadonlyMixin as M, SbbElementInternalsMixin as U } from "../../core/mixins.js";
14
13
  import "../../button/mini-button.js";
15
14
  import "../../screen-reader-only.js";
16
- const j = E`*,:before,:after{box-sizing:border-box}:host{--sbb-chip-background-color: var(--sbb-color-milk);--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-border-color: var(--sbb-color-cloud);--sbb-chip-border-radius: var(--sbb-border-radius-2x);--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-color-active: var(--sbb-color-charcoal);--sbb-chip-color-hover: var(--sbb-color-charcoal);--sbb-chip-background-color-active: var(--sbb-color-white);--sbb-chip-background-color-hover: var(--sbb-color-white);--sbb-chip-height: 1.5rem;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );outline:none!important;display:inline-block}:host([negative]){--sbb-chip-border-color: var(--sbb-color-iron);--sbb-chip-background-color: var(--sbb-color-charcoal);--sbb-chip-color: var(--sbb-color-cloud);--sbb-chip-color-active: var(--sbb-color-white);--sbb-chip-color-hover: var(--sbb-color-white);--sbb-chip-background-color-active: var(--sbb-color-midnight);--sbb-chip-background-color-hover: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip{background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);display:flex;align-items:stretch;height:var(--sbb-chip-height)}:host(:focus) .sbb-chip{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-button-color-text: var(--sbb-chip-color);--sbb-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media (any-hover: hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-button-color-text: var(--sbb-chip-color-hover)}}`;
17
- let V = (() => {
18
- var a, l, b;
19
- let e = [C("sbb-chip")], t, i = [], s, m = T($(q)), f, _ = [], g = [], y, x = [], w = [];
20
- var d = (b = class extends m {
15
+ const A = y`*,:before,:after{box-sizing:border-box}:host{--sbb-chip-background-color: var(--sbb-color-milk);--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-border-color: var(--sbb-color-cloud);--sbb-chip-border-radius: var(--sbb-border-radius-2x);--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-color-active: var(--sbb-color-charcoal);--sbb-chip-color-hover: var(--sbb-color-charcoal);--sbb-chip-background-color-active: var(--sbb-color-white);--sbb-chip-background-color-hover: var(--sbb-color-white);--sbb-chip-height: 1.5rem;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );outline:none!important;display:inline-block}:host([negative]){--sbb-chip-border-color: var(--sbb-color-iron);--sbb-chip-background-color: var(--sbb-color-charcoal);--sbb-chip-color: var(--sbb-color-cloud);--sbb-chip-color-active: var(--sbb-color-white);--sbb-chip-color-hover: var(--sbb-color-white);--sbb-chip-background-color-active: var(--sbb-color-midnight);--sbb-chip-background-color-hover: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip{background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);display:flex;align-items:stretch;height:var(--sbb-chip-height)}:host(:focus) .sbb-chip{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-button-color-text: var(--sbb-chip-color);--sbb-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media (any-hover: hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-button-color-text: var(--sbb-chip-color-hover)}}`;
16
+ let J = (() => {
17
+ var s, t;
18
+ let e = [S("sbb-chip")], r, b = [], o, d = C(I(M(U(w)))), h, u = [], p = [];
19
+ var l = (t = class extends d {
21
20
  constructor() {
22
- super();
23
- p(this, a);
24
- p(this, l);
25
- c(this, a, n(this, _, "")), c(this, l, (n(this, g), n(this, x, !1))), this._requestDelete = (n(this, w), new A(this, d.events.requestDelete)), this._language = new U(this);
26
- const r = this.attachInternals();
27
- r.role = "option";
21
+ super(...arguments);
22
+ g(this, s);
23
+ c(this, s, n(this, u, null)), this._requestDelete = (n(this, p), new E(this, l.events.requestDelete)), this._language = new D(this);
28
24
  }
29
25
  /** The value of chip. Will be used as label if nothing is slotted. */
30
26
  get value() {
31
- return u(this, a);
27
+ return f(this, s);
32
28
  }
33
- set value(r) {
34
- c(this, a, r);
29
+ set value(i) {
30
+ c(this, s, i);
35
31
  }
36
- /** Whether the component is readonly */
37
- get readonly() {
38
- return u(this, l);
32
+ willUpdate(i) {
33
+ super.willUpdate(i), i.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
39
34
  }
40
- set readonly(r) {
41
- c(this, l, r);
42
- }
43
- willUpdate(r) {
44
- super.willUpdate(r), r.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
45
- }
46
- firstUpdated(r) {
47
- super.firstUpdated(r), setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
35
+ firstUpdated(i) {
36
+ super.firstUpdated(i), setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
48
37
  }
49
38
  _deleteButton() {
50
39
  return this.shadowRoot.querySelector("sbb-mini-button");
51
40
  }
52
41
  render() {
53
- return I`
42
+ return k`
54
43
  <div class="sbb-chip">
55
44
  <div class="sbb-chip__label-wrapper">
56
45
  <span class="sbb-chip__label">
57
- <slot>${this.value}</slot>
46
+ <slot>${this.value ?? ""}</slot>
58
47
  </span>
59
48
  </div>
60
49
  <sbb-mini-button
@@ -64,22 +53,20 @@ let V = (() => {
64
53
  @click=${() => this._requestDelete.emit()}
65
54
  >
66
55
  </sbb-mini-button>
67
- <sbb-screen-reader-only>, ${B[this._language.current]}</sbb-screen-reader-only>
56
+ <sbb-screen-reader-only>, ${q[this._language.current]}</sbb-screen-reader-only>
68
57
  </div>
69
58
  `;
70
59
  }
71
- }, a = new WeakMap(), l = new WeakMap(), s = b, (() => {
72
- const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
73
- f = [D(), S()], y = [D(), S({ type: Boolean, reflect: !0 })], v(b, null, f, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (o) => "value" in o, get: (o) => o.value, set: (o, h) => {
74
- o.value = h;
75
- } }, metadata: r }, _, g), v(b, null, y, { kind: "accessor", name: "readonly", static: !1, private: !1, access: { has: (o) => "readonly" in o, get: (o) => o.readonly, set: (o, h) => {
76
- o.readonly = h;
77
- } }, metadata: r }, x, w), v(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: r }, null, i), d = s = t.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
78
- })(), b.styles = j, b.events = {
60
+ }, s = new WeakMap(), o = t, (() => {
61
+ const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
62
+ h = [z()], _(t, null, h, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, x) => {
63
+ a.value = x;
64
+ } }, metadata: i }, u, p), _(null, r = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, b), l = o = r.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
65
+ })(), t.role = "option", t.styles = A, t.events = {
79
66
  requestDelete: "requestDelete"
80
- }, n(s, i), b);
81
- return d = s;
67
+ }, n(o, b), t);
68
+ return l = o;
82
69
  })();
83
70
  export {
84
- V as SbbChipElement
71
+ J as SbbChipElement
85
72
  };
@@ -1,17 +1,21 @@
1
1
  import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
2
2
  import { FormRestoreReason, FormRestoreState } from '../../core/mixins.js';
3
- export interface SbbChipInputTokenEndEventDetails {
3
+ export interface SbbChipInputTokenEndEventDetails<T = string> {
4
4
  /** The element that triggered the chip creation */
5
5
  origin: 'input' | 'autocomplete';
6
- /** The value of the new chip. Either the input or the option value depending on the origin */
7
- value: string;
6
+ /**
7
+ * The value of the new chip. Either the input or the option value depending on the origin.
8
+ * Either the value from the input which is always `string` or the value from the selected option
9
+ * from an autocomplete, which can be either a string or any other type.
10
+ */
11
+ value: T | string;
8
12
  label?: string;
9
13
  /** Set a new value for the chip that will be created */
10
- setValue(value: string): void;
14
+ setValue(value: T): void;
11
15
  /** Set a label for the chip that will be created */
12
16
  setLabel(value: string): void;
13
17
  }
14
- declare const SbbChipGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbRequiredMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType<string[]>> & typeof LitElement;
18
+ declare const SbbChipGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbRequiredMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
15
19
  /**
16
20
  * The `sbb-chip-group` component is used as a container for one or multiple `sbb-chip`.
17
21
  *
@@ -19,9 +23,10 @@ declare const SbbChipGroupElement_base: import('../../core/mixins.js').AbstractC
19
23
  * @event {CustomEvent<void>} input - Notifies that the component's value has changed.
20
24
  * @event {CustomEvent<SbbChipInputTokenEndEventDetails>} chipInputTokenEnd - Notifies that a chip is about to be created. Can be used to customize the value and the label. Can be prevented.
21
25
  * @slot - Use the unnamed slot to add `sbb-chip` elements.
22
- * @overrideType value - string[] | null
26
+ * @overrideType value - (T = string[]) | null
23
27
  */
24
- export declare class SbbChipGroupElement extends SbbChipGroupElement_base {
28
+ export declare class SbbChipGroupElement<T = string> extends SbbChipGroupElement_base {
29
+ static readonly role = "listbox";
25
30
  static styles: CSSResultGroup;
26
31
  static readonly events: {
27
32
  readonly input: "input";
@@ -29,8 +34,10 @@ export declare class SbbChipGroupElement extends SbbChipGroupElement_base {
29
34
  readonly chipInputTokenEnd: "chipInputTokenEnd";
30
35
  };
31
36
  /** Value of the form element. */
32
- set value(value: string[] | null);
33
- get value(): string[];
37
+ set value(value: (T | null)[] | null);
38
+ get value(): (T | null)[];
39
+ /** Function that maps a chip's value to its display value. */
40
+ accessor displayWith: ((value: T) => string) | null;
34
41
  /** The array of keys that will trigger a `chipInputTokenEnd` event. Default `['Enter']` */
35
42
  accessor separatorKeys: string[];
36
43
  /** Notifies that the component's value has changed. */
@@ -57,7 +64,7 @@ export declare class SbbChipGroupElement extends SbbChipGroupElement_base {
57
64
  formResetCallback(): void;
58
65
  /** @internal */
59
66
  formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
60
- protected updateFormValue(): void;
67
+ private _readFormData;
61
68
  protected shouldValidate(name: PropertyKey | undefined): boolean;
62
69
  protected validate(): void;
63
70
  /** Return the list of chip elements **/
@@ -96,5 +103,10 @@ declare global {
96
103
  'sbb-chip-group': SbbChipGroupElement;
97
104
  }
98
105
  }
106
+ declare global {
107
+ interface HTMLElementEventMap {
108
+ chipInputTokenEnd: CustomEvent<SbbChipInputTokenEndEventDetails<any>>;
109
+ }
110
+ }
99
111
  export {};
100
112
  //# sourceMappingURL=chip-group.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AASb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAKtB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,WAAW,gCAAgC;IAC/C,mDAAmD;IACnD,MAAM,EAAE,OAAO,GAAG,cAAc,CAAC;IACjC,8FAA8F;IAC9F,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;;AAED;;;;;;;;GAQG;AACH,qBAEM,mBAAoB,SAAQ,wBAIjC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EA4B/C;IACD,IAAoB,KAAK,IAAI,MAAM,EAAE,CAEpC;IAED,2FAA2F;IAC3F,SACgB,aAAa,EAAE,MAAM,EAAE,CAAa;IAEpD,uDAAuD;IACvD,OAAO,CAAC,OAAO,CAA2E;IAE1F,uDAAuD;IACvD,OAAO,CAAC,MAAM,CAA0E;IAExF,qEAAqE;IACrE,OAAO,CAAC,kBAAkB,CAGxB;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAEtB;IAET;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAE1B;IAET,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,SAAS,CAAmC;;IAepC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAYtE,gBAAgB;IACT,iBAAiB,IAAI,IAAI;IAIhC,gBAAgB;IACT,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAUP,SAAS,CAAC,eAAe,IAAI,IAAI;cAQd,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IASnC,wCAAwC;IACxC,OAAO,CAAC,aAAa;IAIrB,gDAAgD;IAChD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,eAAe;IA2CvB;;QAEI;IACJ,OAAO,CAAC,cAAc;IAyBtB;;QAEI;IACJ,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,uBAAuB;cAUZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
1
+ {"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAMtB,MAAM,sBAAsB,CAAC;AAQ9B,MAAM,WAAW,gCAAgC,CAAC,CAAC,GAAG,MAAM;IAC1D,mDAAmD;IACnD,MAAM,EAAE,OAAO,GAAG,cAAc,CAAC;IACjC;;;;OAIG;IACH,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;;AAED;;;;;;;;GAQG;AACH,qBAEM,mBAAmB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,wBAE7C;IACC,gBAAgC,IAAI,aAAa;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EA2B1C;IACD,IAAW,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAE/B;IAED,8DAA8D;IAC9D,SACgB,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAElE,2FAA2F;IAC3F,SACgB,aAAa,EAAE,MAAM,EAAE,CAAa;IAEpD,uDAAuD;IACvD,OAAO,CAAC,OAAO,CAA2E;IAE1F,uDAAuD;IACvD,OAAO,CAAC,MAAM,CAA0E;IAExF,qEAAqE;IACrE,OAAO,CAAC,kBAAkB,CAGxB;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAEtB;IAET;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAE1B;IAET,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,SAAS,CAAmC;;IAYpC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAYtE,gBAAgB;IACT,iBAAiB,IAAI,IAAI;IAIhC,gBAAgB;IACT,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;YASO,aAAa;cAUR,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IASnC,wCAAwC;IACxC,OAAO,CAAC,aAAa;IAIrB,gDAAgD;IAChD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,eAAe;IA8CvB;;QAEI;IACJ,OAAO,CAAC,cAAc;IAyBtB;;QAEI;IACJ,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,uBAAuB;cAUZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,iBAAiB,EAAE,WAAW,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAAC,CAAC;KACvE;CACF"}