@sbb-esta/lyne-elements 2.11.0 → 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 (787) 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 +16 -14
  45. package/calendar/calendar.component.d.ts.map +1 -1
  46. package/calendar/calendar.component.js +132 -120
  47. package/card/card-badge/card-badge.component.d.ts +4 -1
  48. package/card/card-badge/card-badge.component.d.ts.map +1 -1
  49. package/card/card-badge/card-badge.component.js +8 -11
  50. package/card/card-button/card-button.component.d.ts +1 -0
  51. package/card/card-button/card-button.component.d.ts.map +1 -1
  52. package/card/common/card-action-common.d.ts.map +1 -1
  53. package/card/common/card-action-common.js +21 -24
  54. package/checkbox/checkbox/checkbox.component.d.ts +4 -1
  55. package/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  56. package/checkbox/checkbox/checkbox.component.js +48 -38
  57. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts +4 -1
  58. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  59. package/checkbox/checkbox-panel/checkbox-panel.component.js +46 -36
  60. package/checkbox/common/checkbox-common.d.ts +4 -2
  61. package/checkbox/common/checkbox-common.d.ts.map +1 -1
  62. package/chip/chip/chip.component.d.ts +5 -6
  63. package/chip/chip/chip.component.d.ts.map +1 -1
  64. package/chip/chip/chip.component.js +37 -50
  65. package/chip/chip-group/chip-group.component.d.ts +22 -10
  66. package/chip/chip-group/chip-group.component.d.ts.map +1 -1
  67. package/chip/chip-group/chip-group.component.js +131 -116
  68. package/clock/clock.component.d.ts +1 -1
  69. package/clock/clock.component.d.ts.map +1 -1
  70. package/clock/clock.component.js +2 -2
  71. package/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  72. package/container/sticky-bar/sticky-bar.component.js +10 -13
  73. package/core/a11y/focus.d.ts +0 -32
  74. package/core/a11y/focus.d.ts.map +1 -1
  75. package/core/a11y/focus.js +3 -65
  76. package/core/a11y/input-modality-detector.d.ts +0 -5
  77. package/core/a11y/input-modality-detector.d.ts.map +1 -1
  78. package/core/a11y/input-modality-detector.js +16 -27
  79. package/core/a11y/interactivity-checker.d.ts +0 -11
  80. package/core/a11y/interactivity-checker.d.ts.map +1 -1
  81. package/core/a11y/interactivity-checker.js +0 -1
  82. package/core/a11y/live-announcer.d.ts +62 -0
  83. package/core/a11y/live-announcer.d.ts.map +1 -0
  84. package/core/a11y/live-announcer.js +47 -0
  85. package/core/a11y.d.ts +1 -0
  86. package/core/a11y.d.ts.map +1 -1
  87. package/core/a11y.js +19 -21
  88. package/core/base-elements/action-base-element.d.ts +3 -1
  89. package/core/base-elements/action-base-element.d.ts.map +1 -1
  90. package/core/base-elements/action-base-element.js +12 -11
  91. package/core/base-elements/button-base-element.d.ts +25 -18
  92. package/core/base-elements/button-base-element.d.ts.map +1 -1
  93. package/core/base-elements/button-base-element.js +97 -65
  94. package/core/base-elements/open-close-base-element.d.ts +3 -1
  95. package/core/base-elements/open-close-base-element.d.ts.map +1 -1
  96. package/core/base-elements/open-close-base-element.js +2 -1
  97. package/core/base-elements.js +9 -8
  98. package/core/controllers/inert-controller.d.ts.map +1 -1
  99. package/core/controllers/inert-controller.js +3 -3
  100. package/core/controllers.d.ts +0 -1
  101. package/core/controllers.d.ts.map +1 -1
  102. package/core/controllers.js +17 -19
  103. package/core/datetime/date-adapter.d.ts +2 -2
  104. package/core/datetime/date-adapter.d.ts.map +1 -1
  105. package/core/datetime/date-adapter.js +1 -1
  106. package/core/datetime/native-date-adapter.d.ts +2 -3
  107. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  108. package/core/datetime/native-date-adapter.js +71 -75
  109. package/core/decorators/id-reference.d.ts +11 -0
  110. package/core/decorators/id-reference.d.ts.map +1 -0
  111. package/core/decorators/id-reference.js +79 -0
  112. package/core/decorators/plain-date.d.ts +23 -0
  113. package/core/decorators/plain-date.d.ts.map +1 -0
  114. package/core/decorators/plain-date.js +29 -0
  115. package/core/decorators.d.ts +2 -2
  116. package/core/decorators.d.ts.map +1 -1
  117. package/core/decorators.js +17 -16
  118. package/core/dom.d.ts +0 -2
  119. package/core/dom.d.ts.map +1 -1
  120. package/core/dom.js +22 -26
  121. package/core/eventing/forward-event.d.ts +0 -6
  122. package/core/eventing/forward-event.d.ts.map +1 -1
  123. package/core/eventing/forward-event.js +4 -6
  124. package/core/eventing.js +12 -13
  125. package/core/i18n/i18n.d.ts +4 -1
  126. package/core/i18n/i18n.d.ts.map +1 -1
  127. package/core/i18n/i18n.js +106 -88
  128. package/core/i18n.js +42 -39
  129. package/core/interfaces/types.d.ts +0 -1
  130. package/core/interfaces/types.d.ts.map +1 -1
  131. package/core/mixins/animation-complete-mixin.d.ts +1 -1
  132. package/core/mixins/animation-complete-mixin.d.ts.map +1 -1
  133. package/core/mixins/disabled-mixin.d.ts +2 -2
  134. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  135. package/core/mixins/element-internals-mixin.d.ts +15 -0
  136. package/core/mixins/element-internals-mixin.d.ts.map +1 -0
  137. package/core/mixins/element-internals-mixin.js +41 -0
  138. package/core/mixins/form-associated-checkbox-mixin.d.ts +7 -13
  139. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  140. package/core/mixins/form-associated-checkbox-mixin.js +30 -26
  141. package/core/mixins/form-associated-input-mixin.d.ts +15 -9
  142. package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  143. package/core/mixins/form-associated-input-mixin.js +65 -49
  144. package/core/mixins/form-associated-mixin.d.ts +8 -7
  145. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  146. package/core/mixins/form-associated-mixin.js +49 -41
  147. package/core/mixins/form-associated-radio-button-mixin.d.ts +6 -14
  148. package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  149. package/core/mixins/form-associated-radio-button-mixin.js +32 -23
  150. package/core/mixins/readonly-mixin.d.ts +10 -0
  151. package/core/mixins/readonly-mixin.d.ts.map +1 -0
  152. package/core/mixins/readonly-mixin.js +30 -0
  153. package/core/mixins/required-mixin.d.ts +2 -2
  154. package/core/mixins/required-mixin.d.ts.map +1 -1
  155. package/core/mixins.d.ts +2 -0
  156. package/core/mixins.d.ts.map +1 -1
  157. package/core/mixins.js +25 -21
  158. package/core/styles/core.scss +38 -14
  159. package/core/styles/mixins/font-face.scss +6 -18
  160. package/core/styles/mixins/link.scss +3 -7
  161. package/core/styles/mixins/lists.scss +0 -63
  162. package/core/styles/mixins/overlay.scss +7 -1
  163. package/core/styles/mixins/table.scss +0 -7
  164. package/core/styles/table.scss +0 -4
  165. package/core/testing.d.ts +0 -1
  166. package/core/testing.d.ts.map +1 -1
  167. package/core/testing.js +8 -10
  168. package/core.css +41 -17
  169. package/custom-elements.json +13180 -6120
  170. package/date-input/date-input.component.d.ts +12 -14
  171. package/date-input/date-input.component.d.ts.map +1 -1
  172. package/date-input/date-input.component.js +53 -57
  173. package/datepicker/common/datepicker-association-controllers.d.ts.map +1 -1
  174. package/datepicker/common/datepicker-association-controllers.js +7 -7
  175. package/datepicker/common/datepicker-button.d.ts +0 -12
  176. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  177. package/datepicker/common/datepicker-button.js +45 -59
  178. package/datepicker/datepicker/datepicker.component.d.ts +3 -20
  179. package/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  180. package/datepicker/datepicker/datepicker.component.js +85 -95
  181. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -0
  182. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  183. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +12 -12
  184. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -0
  185. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  186. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +13 -13
  187. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +0 -8
  188. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  189. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +51 -65
  190. package/datepicker/datepicker.js +2 -4
  191. package/datepicker.js +10 -12
  192. package/development/action-group/action-group.component.d.ts.map +1 -1
  193. package/development/action-group/action-group.component.js +1 -1
  194. package/development/alert/alert/alert.component.d.ts +2 -7
  195. package/development/alert/alert/alert.component.d.ts.map +1 -1
  196. package/development/alert/alert/alert.component.js +8 -26
  197. package/development/autocomplete/autocomplete-base-element.d.ts +26 -17
  198. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  199. package/development/autocomplete/autocomplete-base-element.js +69 -39
  200. package/development/autocomplete/autocomplete.component.d.ts +3 -2
  201. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  202. package/development/autocomplete/autocomplete.component.js +5 -9
  203. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +3 -2
  204. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  205. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -9
  206. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -0
  207. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  208. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +2 -3
  209. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -1
  210. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  211. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +5 -7
  212. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +4 -6
  213. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  214. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +20 -19
  215. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -1
  216. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  217. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +5 -7
  218. package/development/autocomplete.js +2 -3
  219. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +2 -2
  220. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts +1 -0
  221. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
  222. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +5 -8
  223. package/development/button/accent-button/accent-button.component.d.ts +1 -0
  224. package/development/button/accent-button/accent-button.component.d.ts.map +1 -1
  225. package/development/button/accent-button/accent-button.component.js +1 -1
  226. package/development/button/button/button.component.d.ts +1 -0
  227. package/development/button/button/button.component.d.ts.map +1 -1
  228. package/development/button/button/button.component.js +1 -1
  229. package/development/button/common/button-common.d.ts +4 -6
  230. package/development/button/common/button-common.d.ts.map +1 -1
  231. package/development/button/common/button-common.js +1 -1
  232. package/development/button/mini-button/mini-button.component.d.ts +1 -0
  233. package/development/button/mini-button/mini-button.component.d.ts.map +1 -1
  234. package/development/button/mini-button/mini-button.component.js +1 -1
  235. package/development/button/secondary-button/secondary-button.component.d.ts +1 -0
  236. package/development/button/secondary-button/secondary-button.component.d.ts.map +1 -1
  237. package/development/button/secondary-button/secondary-button.component.js +1 -1
  238. package/development/button/transparent-button/transparent-button.component.d.ts +1 -0
  239. package/development/button/transparent-button/transparent-button.component.d.ts.map +1 -1
  240. package/development/button/transparent-button/transparent-button.component.js +1 -1
  241. package/development/calendar/calendar.component.d.ts +16 -14
  242. package/development/calendar/calendar.component.d.ts.map +1 -1
  243. package/development/calendar/calendar.component.js +52 -32
  244. package/development/card/card-badge/card-badge.component.d.ts +4 -1
  245. package/development/card/card-badge/card-badge.component.d.ts.map +1 -1
  246. package/development/card/card-badge/card-badge.component.js +6 -8
  247. package/development/card/card-button/card-button.component.d.ts +1 -0
  248. package/development/card/card-button/card-button.component.d.ts.map +1 -1
  249. package/development/card/card-button/card-button.component.js +1 -1
  250. package/development/card/common/card-action-common.d.ts.map +1 -1
  251. package/development/card/common/card-action-common.js +6 -15
  252. package/development/checkbox/checkbox/checkbox.component.d.ts +4 -1
  253. package/development/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  254. package/development/checkbox/checkbox/checkbox.component.js +19 -4
  255. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts +4 -1
  256. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  257. package/development/checkbox/checkbox-panel/checkbox-panel.component.js +20 -4
  258. package/development/checkbox/common/checkbox-common.d.ts +4 -2
  259. package/development/checkbox/common/checkbox-common.d.ts.map +1 -1
  260. package/development/checkbox/common/checkbox-common.js +1 -1
  261. package/development/chip/chip/chip.component.d.ts +5 -6
  262. package/development/chip/chip/chip.component.d.ts.map +1 -1
  263. package/development/chip/chip/chip.component.js +12 -31
  264. package/development/chip/chip-group/chip-group.component.d.ts +22 -10
  265. package/development/chip/chip-group/chip-group.component.d.ts.map +1 -1
  266. package/development/chip/chip-group/chip-group.component.js +52 -27
  267. package/development/clock/clock.component.d.ts +1 -1
  268. package/development/clock/clock.component.d.ts.map +1 -1
  269. package/development/clock/clock.component.js +3 -3
  270. package/development/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  271. package/development/container/sticky-bar/sticky-bar.component.js +3 -5
  272. package/development/core/a11y/focus.d.ts +0 -32
  273. package/development/core/a11y/focus.d.ts.map +1 -1
  274. package/development/core/a11y/focus.js +2 -82
  275. package/development/core/a11y/input-modality-detector.d.ts +0 -5
  276. package/development/core/a11y/input-modality-detector.d.ts.map +1 -1
  277. package/development/core/a11y/input-modality-detector.js +2 -18
  278. package/development/core/a11y/interactivity-checker.d.ts +0 -11
  279. package/development/core/a11y/interactivity-checker.d.ts.map +1 -1
  280. package/development/core/a11y/interactivity-checker.js +1 -2
  281. package/development/core/a11y/live-announcer.d.ts +62 -0
  282. package/development/core/a11y/live-announcer.d.ts.map +1 -0
  283. package/development/core/a11y/live-announcer.js +87 -0
  284. package/development/core/a11y.d.ts +1 -0
  285. package/development/core/a11y.d.ts.map +1 -1
  286. package/development/core/a11y.js +7 -9
  287. package/development/core/base-elements/action-base-element.d.ts +3 -1
  288. package/development/core/base-elements/action-base-element.d.ts.map +1 -1
  289. package/development/core/base-elements/action-base-element.js +3 -2
  290. package/development/core/base-elements/button-base-element.d.ts +25 -18
  291. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  292. package/development/core/base-elements/button-base-element.js +105 -67
  293. package/development/core/base-elements/open-close-base-element.d.ts +3 -1
  294. package/development/core/base-elements/open-close-base-element.d.ts.map +1 -1
  295. package/development/core/base-elements/open-close-base-element.js +3 -2
  296. package/development/core/base-elements.js +2 -1
  297. package/development/core/controllers/inert-controller.d.ts.map +1 -1
  298. package/development/core/controllers/inert-controller.js +2 -2
  299. package/development/core/controllers.d.ts +0 -1
  300. package/development/core/controllers.d.ts.map +1 -1
  301. package/development/core/controllers.js +1 -3
  302. package/development/core/datetime/date-adapter.d.ts +2 -2
  303. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  304. package/development/core/datetime/date-adapter.js +2 -2
  305. package/development/core/datetime/native-date-adapter.d.ts +2 -3
  306. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  307. package/development/core/datetime/native-date-adapter.js +2 -6
  308. package/development/core/decorators/id-reference.d.ts +11 -0
  309. package/development/core/decorators/id-reference.d.ts.map +1 -0
  310. package/development/core/decorators/id-reference.js +123 -0
  311. package/development/core/decorators/plain-date.d.ts +23 -0
  312. package/development/core/decorators/plain-date.d.ts.map +1 -0
  313. package/development/core/decorators/plain-date.js +37 -0
  314. package/development/core/decorators.d.ts +2 -2
  315. package/development/core/decorators.d.ts.map +1 -1
  316. package/development/core/decorators.js +5 -4
  317. package/development/core/dom.d.ts +0 -2
  318. package/development/core/dom.d.ts.map +1 -1
  319. package/development/core/dom.js +1 -5
  320. package/development/core/eventing/forward-event.d.ts +0 -6
  321. package/development/core/eventing/forward-event.d.ts.map +1 -1
  322. package/development/core/eventing/forward-event.js +2 -4
  323. package/development/core/eventing.js +1 -2
  324. package/development/core/i18n/i18n.d.ts +4 -1
  325. package/development/core/i18n/i18n.d.ts.map +1 -1
  326. package/development/core/i18n/i18n.js +43 -22
  327. package/development/core/i18n.js +4 -1
  328. package/development/core/interfaces/types.d.ts +0 -1
  329. package/development/core/interfaces/types.d.ts.map +1 -1
  330. package/development/core/mixins/animation-complete-mixin.d.ts +1 -1
  331. package/development/core/mixins/animation-complete-mixin.d.ts.map +1 -1
  332. package/development/core/mixins/animation-complete-mixin.js +1 -1
  333. package/development/core/mixins/disabled-mixin.d.ts +2 -2
  334. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  335. package/development/core/mixins/disabled-mixin.js +1 -1
  336. package/development/core/mixins/element-internals-mixin.d.ts +15 -0
  337. package/development/core/mixins/element-internals-mixin.d.ts.map +1 -0
  338. package/development/core/mixins/element-internals-mixin.js +59 -0
  339. package/development/core/mixins/form-associated-checkbox-mixin.d.ts +7 -13
  340. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  341. package/development/core/mixins/form-associated-checkbox-mixin.js +8 -6
  342. package/development/core/mixins/form-associated-input-mixin.d.ts +15 -9
  343. package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  344. package/development/core/mixins/form-associated-input-mixin.js +39 -20
  345. package/development/core/mixins/form-associated-mixin.d.ts +8 -7
  346. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  347. package/development/core/mixins/form-associated-mixin.js +31 -17
  348. package/development/core/mixins/form-associated-radio-button-mixin.d.ts +6 -14
  349. package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  350. package/development/core/mixins/form-associated-radio-button-mixin.js +20 -8
  351. package/development/core/mixins/readonly-mixin.d.ts +10 -0
  352. package/development/core/mixins/readonly-mixin.d.ts.map +1 -0
  353. package/development/core/mixins/readonly-mixin.js +40 -0
  354. package/development/core/mixins/required-mixin.d.ts +2 -2
  355. package/development/core/mixins/required-mixin.d.ts.map +1 -1
  356. package/development/core/mixins/required-mixin.js +1 -1
  357. package/development/core/mixins.d.ts +2 -0
  358. package/development/core/mixins.d.ts.map +1 -1
  359. package/development/core/mixins.js +5 -1
  360. package/development/core/testing.d.ts +0 -1
  361. package/development/core/testing.d.ts.map +1 -1
  362. package/development/core/testing.js +1 -3
  363. package/development/date-input/date-input.component.d.ts +12 -14
  364. package/development/date-input/date-input.component.d.ts.map +1 -1
  365. package/development/date-input/date-input.component.js +17 -22
  366. package/development/datepicker/common/datepicker-association-controllers.d.ts.map +1 -1
  367. package/development/datepicker/common/datepicker-association-controllers.js +3 -3
  368. package/development/datepicker/common/datepicker-button.d.ts +0 -12
  369. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  370. package/development/datepicker/common/datepicker-button.js +1 -23
  371. package/development/datepicker/datepicker/datepicker.component.d.ts +3 -20
  372. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  373. package/development/datepicker/datepicker/datepicker.component.js +24 -33
  374. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -0
  375. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  376. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +7 -6
  377. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -0
  378. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  379. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +7 -6
  380. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +0 -8
  381. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  382. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +1 -21
  383. package/development/datepicker/datepicker.js +2 -4
  384. package/development/datepicker.js +2 -4
  385. package/development/divider/divider.component.d.ts +2 -1
  386. package/development/divider/divider.component.d.ts.map +1 -1
  387. package/development/divider/divider.component.js +5 -8
  388. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts +5 -1
  389. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts.map +1 -1
  390. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +9 -8
  391. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +2 -0
  392. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  393. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +6 -5
  394. package/development/file-selector/common/file-selector-common.d.ts +6 -5
  395. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  396. package/development/file-selector/common/file-selector-common.js +4 -4
  397. package/development/file-selector/file-selector/file-selector.component.d.ts +1 -0
  398. package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  399. package/development/file-selector/file-selector/file-selector.component.js +1 -1
  400. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -0
  401. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  402. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  403. package/development/flip-card/flip-card-details/flip-card-details.component.d.ts +1 -0
  404. package/development/flip-card/flip-card-details/flip-card-details.component.d.ts.map +1 -1
  405. package/development/flip-card/flip-card-details/flip-card-details.component.js +6 -5
  406. package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts +1 -0
  407. package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map +1 -1
  408. package/development/flip-card/flip-card-summary/flip-card-summary.component.js +6 -5
  409. package/development/footer/footer.component.js +1 -1
  410. package/development/form-field/form-field/form-field.component.d.ts +9 -10
  411. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  412. package/development/form-field/form-field/form-field.component.js +167 -178
  413. package/development/form-field/form-field-clear/form-field-clear.component.d.ts +1 -0
  414. package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  415. package/development/form-field/form-field-clear/form-field-clear.component.js +3 -5
  416. package/development/header/common/header-action-common.d.ts +3 -3
  417. package/development/header/common/header-action-common.d.ts.map +1 -1
  418. package/development/header/common/header-action-common.js +1 -1
  419. package/development/header/header/header.component.d.ts +6 -3
  420. package/development/header/header/header.component.d.ts.map +1 -1
  421. package/development/header/header/header.component.js +10 -9
  422. package/development/header/header-button/header-button.component.d.ts +1 -0
  423. package/development/header/header-button/header-button.component.d.ts.map +1 -1
  424. package/development/header/header-button/header-button.component.js +1 -1
  425. package/development/image/image.component.d.ts +1 -1
  426. package/development/image/image.component.d.ts.map +1 -1
  427. package/development/image/image.component.js +7 -6
  428. package/development/link/block-link-button/block-link-button.component.d.ts +1 -0
  429. package/development/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  430. package/development/link/block-link-button/block-link-button.component.js +1 -1
  431. package/development/link/common/block-link-common.d.ts +3 -4
  432. package/development/link/common/block-link-common.d.ts.map +1 -1
  433. package/development/link/common/block-link-common.js +4 -4
  434. package/development/link/common/inline-link-common.d.ts +3 -2
  435. package/development/link/common/inline-link-common.d.ts.map +1 -1
  436. package/development/link/common/inline-link-common.js +2 -2
  437. package/development/link/common/link-common.d.ts +4 -2
  438. package/development/link/common/link-common.d.ts.map +1 -1
  439. package/development/link/common/link-common.js +1 -1
  440. package/development/link/common.js +1 -1
  441. package/development/link/link-button/link-button.component.d.ts +1 -0
  442. package/development/link/link-button/link-button.component.d.ts.map +1 -1
  443. package/development/link/link-button/link-button.component.js +1 -1
  444. package/development/{link-common-CJEWffDZ.js → link-common-DPLJx5Uo.js} +2 -2
  445. package/development/link-list/link-list-anchor/link-list-anchor.component.js +1 -1
  446. package/development/link.js +1 -1
  447. package/development/loading-indicator/loading-indicator.component.d.ts +5 -1
  448. package/development/loading-indicator/loading-indicator.component.d.ts.map +1 -1
  449. package/development/loading-indicator/loading-indicator.component.js +9 -8
  450. package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts +5 -1
  451. package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
  452. package/development/loading-indicator-circle/loading-indicator-circle.component.js +9 -8
  453. package/development/menu/common/menu-action-common.d.ts +4 -8
  454. package/development/menu/common/menu-action-common.d.ts.map +1 -1
  455. package/development/menu/common/menu-action-common.js +5 -63
  456. package/development/menu/menu/menu.component.d.ts +3 -3
  457. package/development/menu/menu/menu.component.d.ts.map +1 -1
  458. package/development/menu/menu/menu.component.js +10 -12
  459. package/development/menu/menu-button/menu-button.component.d.ts +1 -0
  460. package/development/menu/menu-button/menu-button.component.d.ts.map +1 -1
  461. package/development/menu/menu-button/menu-button.component.js +1 -1
  462. package/development/navigation/navigation/navigation.component.d.ts +4 -3
  463. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  464. package/development/navigation/navigation/navigation.component.js +11 -14
  465. package/development/navigation/navigation-button/navigation-button.component.d.ts +1 -0
  466. package/development/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  467. package/development/navigation/navigation-button/navigation-button.component.js +1 -1
  468. package/development/navigation/navigation-section/navigation-section.component.d.ts +3 -3
  469. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  470. package/development/navigation/navigation-section/navigation-section.component.js +10 -12
  471. package/development/notification/notification.component.d.ts +4 -7
  472. package/development/notification/notification.component.d.ts.map +1 -1
  473. package/development/notification/notification.component.js +12 -29
  474. package/development/option/optgroup/optgroup-base-element.d.ts +2 -1
  475. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  476. package/development/option/optgroup/optgroup-base-element.js +16 -37
  477. package/development/option/option/option-base-element.d.ts +6 -12
  478. package/development/option/option/option-base-element.d.ts.map +1 -1
  479. package/development/option/option/option-base-element.js +25 -21
  480. package/development/option/option/option.component.d.ts +5 -2
  481. package/development/option/option/option.component.d.ts.map +1 -1
  482. package/development/option/option/option.component.js +24 -21
  483. package/development/overlay/overlay-base-element.d.ts +1 -8
  484. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  485. package/development/overlay/overlay-base-element.js +10 -30
  486. package/development/paginator/common/paginator-common.d.ts +3 -7
  487. package/development/paginator/common/paginator-common.d.ts.map +1 -1
  488. package/development/paginator/common/paginator-common.js +9 -27
  489. package/development/popover/popover/popover.component.d.ts +3 -3
  490. package/development/popover/popover/popover.component.d.ts.map +1 -1
  491. package/development/popover/popover/popover.component.js +15 -12
  492. package/development/popover/popover-trigger/popover-trigger.component.d.ts +1 -0
  493. package/development/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  494. package/development/popover/popover-trigger/popover-trigger.component.js +1 -1
  495. package/development/radio-button/common/radio-button-common.d.ts +4 -2
  496. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  497. package/development/radio-button/common/radio-button-common.js +1 -1
  498. package/development/radio-button/radio-button/radio-button.component.d.ts +6 -2
  499. package/development/radio-button/radio-button/radio-button.component.d.ts.map +1 -1
  500. package/development/radio-button/radio-button/radio-button.component.js +21 -4
  501. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts +8 -6
  502. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  503. package/development/radio-button/radio-button-group/radio-button-group.component.js +8 -11
  504. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts +6 -2
  505. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  506. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +22 -4
  507. package/development/select/select.component.d.ts +14 -12
  508. package/development/select/select.component.d.ts.map +1 -1
  509. package/development/select/select.component.js +111 -67
  510. package/development/sidebar/icon-sidebar/icon-sidebar.component.d.ts +4 -2
  511. package/development/sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
  512. package/development/sidebar/icon-sidebar/icon-sidebar.component.js +5 -6
  513. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -0
  514. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  515. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +1 -1
  516. package/development/sidebar/sidebar/sidebar.component.js +1 -1
  517. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +2 -0
  518. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  519. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +6 -3
  520. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts +1 -0
  521. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  522. package/development/sidebar/sidebar-title/sidebar-title.component.js +6 -3
  523. package/development/slider/slider.component.d.ts +6 -15
  524. package/development/slider/slider.component.d.ts.map +1 -1
  525. package/development/slider/slider.component.js +37 -85
  526. package/development/stepper/step/step.component.d.ts +4 -1
  527. package/development/stepper/step/step.component.d.ts.map +1 -1
  528. package/development/stepper/step/step.component.js +6 -8
  529. package/development/stepper/step-label/step-label.component.d.ts +2 -0
  530. package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
  531. package/development/stepper/step-label/step-label.component.js +5 -8
  532. package/development/stepper/stepper/stepper.component.d.ts +1 -1
  533. package/development/stepper/stepper/stepper.component.d.ts.map +1 -1
  534. package/development/stepper/stepper/stepper.component.js +9 -8
  535. package/development/table/table-wrapper/table-wrapper.component.d.ts +2 -1
  536. package/development/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
  537. package/development/table/table-wrapper/table-wrapper.component.js +4 -6
  538. package/development/tabs/tab/tab.component.d.ts +4 -1
  539. package/development/tabs/tab/tab.component.d.ts.map +1 -1
  540. package/development/tabs/tab/tab.component.js +4 -3
  541. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  542. package/development/tabs/tab-group/tab-group.component.js +2 -4
  543. package/development/tabs/tab-label/tab-label.component.d.ts +2 -1
  544. package/development/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  545. package/development/tabs/tab-label/tab-label.component.js +4 -4
  546. package/development/tag/tag/tag.component.d.ts +7 -3
  547. package/development/tag/tag/tag.component.d.ts.map +1 -1
  548. package/development/tag/tag/tag.component.js +26 -7
  549. package/development/tag/tag-group/tag-group.component.d.ts +7 -5
  550. package/development/tag/tag-group/tag-group.component.d.ts.map +1 -1
  551. package/development/tag/tag-group/tag-group.component.js +29 -21
  552. package/development/teaser-product/common/teaser-product-common.d.ts +4 -2
  553. package/development/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  554. package/development/teaser-product/common/teaser-product-common.js +1 -1
  555. package/development/time-input/time-input.component.d.ts +29 -42
  556. package/development/time-input/time-input.component.d.ts.map +1 -1
  557. package/development/time-input/time-input.component.js +158 -205
  558. package/development/title/title-base.d.ts +4 -1
  559. package/development/title/title-base.d.ts.map +1 -1
  560. package/development/title/title-base.js +9 -17
  561. package/development/toast/toast.component.d.ts +3 -4
  562. package/development/toast/toast.component.d.ts.map +1 -1
  563. package/development/toast/toast.component.js +53 -73
  564. package/development/toggle/toggle/toggle.component.d.ts +13 -9
  565. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  566. package/development/toggle/toggle/toggle.component.js +29 -29
  567. package/development/toggle/toggle-option/toggle-option.component.d.ts +5 -3
  568. package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  569. package/development/toggle/toggle-option/toggle-option.component.js +6 -8
  570. package/development/toggle-check/toggle-check.component.d.ts +5 -2
  571. package/development/toggle-check/toggle-check.component.d.ts.map +1 -1
  572. package/development/toggle-check/toggle-check.component.js +19 -4
  573. package/divider/divider.component.d.ts +2 -1
  574. package/divider/divider.component.d.ts.map +1 -1
  575. package/divider/divider.component.js +26 -29
  576. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts +5 -1
  577. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts.map +1 -1
  578. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +14 -14
  579. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +2 -0
  580. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  581. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +20 -20
  582. package/file-selector/common/file-selector-common.d.ts +6 -5
  583. package/file-selector/common/file-selector-common.d.ts.map +1 -1
  584. package/file-selector/common/file-selector-common.js +35 -35
  585. package/file-selector/file-selector/file-selector.component.d.ts +1 -0
  586. package/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  587. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -0
  588. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  589. package/flip-card/flip-card-details/flip-card-details.component.d.ts +1 -0
  590. package/flip-card/flip-card-details/flip-card-details.component.d.ts.map +1 -1
  591. package/flip-card/flip-card-details/flip-card-details.component.js +16 -16
  592. package/flip-card/flip-card-summary/flip-card-summary.component.d.ts +1 -0
  593. package/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map +1 -1
  594. package/flip-card/flip-card-summary/flip-card-summary.component.js +13 -13
  595. package/font-characters-extension.css +3 -3
  596. package/footer/footer.component.js +1 -1
  597. package/form-field/form-field/form-field.component.d.ts +9 -10
  598. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  599. package/form-field/form-field/form-field.component.js +194 -209
  600. package/form-field/form-field-clear/form-field-clear.component.d.ts +1 -0
  601. package/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  602. package/form-field/form-field-clear/form-field-clear.component.js +9 -12
  603. package/header/common/header-action-common.d.ts +3 -3
  604. package/header/common/header-action-common.d.ts.map +1 -1
  605. package/header/header/header.component.d.ts +6 -3
  606. package/header/header/header.component.d.ts.map +1 -1
  607. package/header/header/header.component.js +46 -44
  608. package/header/header-button/header-button.component.d.ts +1 -0
  609. package/header/header-button/header-button.component.d.ts.map +1 -1
  610. package/image/image.component.d.ts +1 -1
  611. package/image/image.component.d.ts.map +1 -1
  612. package/image/image.component.js +4 -2
  613. package/link/block-link-button/block-link-button.component.d.ts +1 -0
  614. package/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  615. package/link/common/block-link-common.d.ts +3 -4
  616. package/link/common/block-link-common.d.ts.map +1 -1
  617. package/link/common/block-link-common.js +6 -6
  618. package/link/common/inline-link-common.d.ts +3 -2
  619. package/link/common/inline-link-common.d.ts.map +1 -1
  620. package/link/common/inline-link-common.js +1 -1
  621. package/link/common/link-common.d.ts +4 -2
  622. package/link/common/link-common.d.ts.map +1 -1
  623. package/link/common/link-common.js +1 -1
  624. package/link/common.js +1 -1
  625. package/link/link-button/link-button.component.d.ts +1 -0
  626. package/link/link-button/link-button.component.d.ts.map +1 -1
  627. package/{link-common-DZrQ-32d.js → link-common-BBKGg9HN.js} +1 -1
  628. package/link-list/link-list-anchor/link-list-anchor.component.js +4 -4
  629. package/link.js +1 -1
  630. package/loading-indicator/loading-indicator.component.d.ts +5 -1
  631. package/loading-indicator/loading-indicator.component.d.ts.map +1 -1
  632. package/loading-indicator/loading-indicator.component.js +9 -9
  633. package/loading-indicator-circle/loading-indicator-circle.component.d.ts +5 -1
  634. package/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
  635. package/loading-indicator-circle/loading-indicator-circle.component.js +14 -14
  636. package/menu/common/menu-action-common.d.ts +4 -8
  637. package/menu/common/menu-action-common.d.ts.map +1 -1
  638. package/menu/common/menu-action-common.js +16 -41
  639. package/menu/menu/menu.component.d.ts +3 -3
  640. package/menu/menu/menu.component.d.ts.map +1 -1
  641. package/menu/menu/menu.component.js +32 -34
  642. package/menu/menu-button/menu-button.component.d.ts +1 -0
  643. package/menu/menu-button/menu-button.component.d.ts.map +1 -1
  644. package/navigation/navigation/navigation.component.d.ts +4 -3
  645. package/navigation/navigation/navigation.component.d.ts.map +1 -1
  646. package/navigation/navigation/navigation.component.js +39 -42
  647. package/navigation/navigation-button/navigation-button.component.d.ts +1 -0
  648. package/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  649. package/navigation/navigation-section/navigation-section.component.d.ts +3 -3
  650. package/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  651. package/navigation/navigation-section/navigation-section.component.js +51 -53
  652. package/notification/notification.component.d.ts +4 -7
  653. package/notification/notification.component.d.ts.map +1 -1
  654. package/notification/notification.component.js +63 -73
  655. package/option/optgroup/optgroup-base-element.d.ts +2 -1
  656. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  657. package/option/optgroup/optgroup-base-element.js +43 -43
  658. package/option/option/option-base-element.d.ts +6 -12
  659. package/option/option/option-base-element.d.ts.map +1 -1
  660. package/option/option/option-base-element.js +57 -64
  661. package/option/option/option.component.d.ts +5 -2
  662. package/option/option/option.component.d.ts.map +1 -1
  663. package/option/option/option.component.js +18 -21
  664. package/overlay/overlay-base-element.d.ts +1 -8
  665. package/overlay/overlay-base-element.d.ts.map +1 -1
  666. package/overlay/overlay-base-element.js +44 -55
  667. package/package.json +1 -1
  668. package/paginator/common/paginator-common.d.ts +3 -7
  669. package/paginator/common/paginator-common.d.ts.map +1 -1
  670. package/paginator/common/paginator-common.js +43 -55
  671. package/popover/popover/popover.component.d.ts +3 -3
  672. package/popover/popover/popover.component.d.ts.map +1 -1
  673. package/popover/popover/popover.component.js +35 -32
  674. package/popover/popover-trigger/popover-trigger.component.d.ts +1 -0
  675. package/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  676. package/radio-button/common/radio-button-common.d.ts +4 -2
  677. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  678. package/radio-button/radio-button/radio-button.component.d.ts +6 -2
  679. package/radio-button/radio-button/radio-button.component.d.ts.map +1 -1
  680. package/radio-button/radio-button/radio-button.component.js +43 -31
  681. package/radio-button/radio-button-group/radio-button-group.component.d.ts +8 -6
  682. package/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  683. package/radio-button/radio-button-group/radio-button-group.component.js +24 -26
  684. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts +6 -2
  685. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  686. package/radio-button/radio-button-panel/radio-button-panel.component.js +46 -34
  687. package/select/select.component.d.ts +14 -12
  688. package/select/select.component.d.ts.map +1 -1
  689. package/select/select.component.js +130 -113
  690. package/sidebar/icon-sidebar/icon-sidebar.component.d.ts +4 -2
  691. package/sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
  692. package/sidebar/icon-sidebar/icon-sidebar.component.js +19 -20
  693. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -0
  694. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  695. package/sidebar/sidebar/sidebar.component.js +1 -1
  696. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +2 -0
  697. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  698. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +11 -9
  699. package/sidebar/sidebar-title/sidebar-title.component.d.ts +1 -0
  700. package/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  701. package/sidebar/sidebar-title/sidebar-title.component.js +17 -15
  702. package/slider/slider.component.d.ts +6 -15
  703. package/slider/slider.component.d.ts.map +1 -1
  704. package/slider/slider.component.js +71 -98
  705. package/standard-theme.css +41 -17
  706. package/stepper/step/step.component.d.ts +4 -1
  707. package/stepper/step/step.component.d.ts.map +1 -1
  708. package/stepper/step/step.component.js +5 -8
  709. package/stepper/step-label/step-label.component.d.ts +2 -0
  710. package/stepper/step-label/step-label.component.d.ts.map +1 -1
  711. package/stepper/step-label/step-label.component.js +12 -17
  712. package/stepper/stepper/stepper.component.d.ts +1 -1
  713. package/stepper/stepper/stepper.component.d.ts.map +1 -1
  714. package/stepper/stepper/stepper.component.js +8 -6
  715. package/table/table-wrapper/table-wrapper.component.d.ts +2 -1
  716. package/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
  717. package/table/table-wrapper/table-wrapper.component.js +19 -21
  718. package/tabs/tab/tab.component.d.ts +4 -1
  719. package/tabs/tab/tab.component.d.ts.map +1 -1
  720. package/tabs/tab/tab.component.js +10 -9
  721. package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  722. package/tabs/tab-group/tab-group.component.js +8 -8
  723. package/tabs/tab-label/tab-label.component.d.ts +2 -1
  724. package/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  725. package/tabs/tab-label/tab-label.component.js +18 -18
  726. package/tag/tag/tag.component.d.ts +7 -3
  727. package/tag/tag/tag.component.d.ts.map +1 -1
  728. package/tag/tag/tag.component.js +75 -62
  729. package/tag/tag-group/tag-group.component.d.ts +7 -5
  730. package/tag/tag-group/tag-group.component.d.ts.map +1 -1
  731. package/tag/tag-group/tag-group.component.js +69 -64
  732. package/teaser-product/common/teaser-product-common.d.ts +4 -2
  733. package/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  734. package/time-input/time-input.component.d.ts +29 -42
  735. package/time-input/time-input.component.d.ts.map +1 -1
  736. package/time-input/time-input.component.js +100 -143
  737. package/title/title-base.d.ts +4 -1
  738. package/title/title-base.d.ts.map +1 -1
  739. package/title/title-base.js +33 -34
  740. package/toast/toast.component.d.ts +3 -4
  741. package/toast/toast.component.d.ts.map +1 -1
  742. package/toast/toast.component.js +64 -70
  743. package/toggle/toggle/toggle.component.d.ts +13 -9
  744. package/toggle/toggle/toggle.component.d.ts.map +1 -1
  745. package/toggle/toggle/toggle.component.js +48 -49
  746. package/toggle/toggle-option/toggle-option.component.d.ts +5 -3
  747. package/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  748. package/toggle/toggle-option/toggle-option.component.js +37 -39
  749. package/toggle-check/toggle-check.component.d.ts +5 -2
  750. package/toggle-check/toggle-check.component.d.ts.map +1 -1
  751. package/toggle-check/toggle-check.component.js +53 -43
  752. package/core/controllers/connected-abort-controller.d.ts +0 -14
  753. package/core/controllers/connected-abort-controller.d.ts.map +0 -1
  754. package/core/controllers/connected-abort-controller.js +0 -19
  755. package/core/decorators/date-converter.d.ts +0 -8
  756. package/core/decorators/date-converter.d.ts.map +0 -1
  757. package/core/decorators/date-converter.js +0 -17
  758. package/core/decorators/date-only-type.d.ts +0 -8
  759. package/core/decorators/date-only-type.d.ts.map +0 -1
  760. package/core/decorators/date-only-type.js +0 -10
  761. package/core/dom/find-referenced-element.d.ts +0 -8
  762. package/core/dom/find-referenced-element.d.ts.map +0 -1
  763. package/core/dom/find-referenced-element.js +0 -7
  764. package/core/dom/input-element.d.ts +0 -12
  765. package/core/dom/input-element.d.ts.map +0 -1
  766. package/core/dom/input-element.js +0 -12
  767. package/core/testing/scroll.d.ts +0 -7
  768. package/core/testing/scroll.d.ts.map +0 -1
  769. package/core/testing/scroll.js +0 -6
  770. package/development/core/controllers/connected-abort-controller.d.ts +0 -14
  771. package/development/core/controllers/connected-abort-controller.d.ts.map +0 -1
  772. package/development/core/controllers/connected-abort-controller.js +0 -25
  773. package/development/core/decorators/date-converter.d.ts +0 -8
  774. package/development/core/decorators/date-converter.d.ts.map +0 -1
  775. package/development/core/decorators/date-converter.js +0 -18
  776. package/development/core/decorators/date-only-type.d.ts +0 -8
  777. package/development/core/decorators/date-only-type.d.ts.map +0 -1
  778. package/development/core/decorators/date-only-type.js +0 -11
  779. package/development/core/dom/find-referenced-element.d.ts +0 -8
  780. package/development/core/dom/find-referenced-element.d.ts.map +0 -1
  781. package/development/core/dom/find-referenced-element.js +0 -15
  782. package/development/core/dom/input-element.d.ts +0 -12
  783. package/development/core/dom/input-element.d.ts.map +0 -1
  784. package/development/core/dom/input-element.js +0 -13
  785. package/development/core/testing/scroll.d.ts +0 -7
  786. package/development/core/testing/scroll.d.ts.map +0 -1
  787. package/development/core/testing/scroll.js +0 -8
@@ -1,80 +1,88 @@
1
- var B = (a) => {
1
+ var V = (a) => {
2
2
  throw TypeError(a);
3
3
  };
4
- var D = (a, s, i) => s.has(a) || B("Cannot " + i);
5
- var m = (a, s, i) => (D(a, s, "read from private field"), i ? i.call(a) : s.get(a)), v = (a, s, i) => s.has(a) ? B("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, i), n = (a, s, i, r) => (D(a, s, "write to private field"), r ? r.call(a, i) : s.set(a, i), i);
6
- import { __esDecorate as f, __runInitializers as l } from "tslib";
7
- import { css as F, html as V } from "lit";
8
- import { customElement as $, property as p } from "lit/decorators.js";
9
- import { SbbButtonBaseElement as G } from "../../core/base-elements.js";
10
- import { slotState as H, forceType as A, omitEmptyConverter as O, getOverride as j } from "../../core/decorators.js";
11
- import { isLean as L } from "../../core/dom.js";
4
+ var $ = (a, s, i) => s.has(a) || V("Cannot " + i);
5
+ var v = (a, s, i) => ($(a, s, "read from private field"), i ? i.call(a) : s.get(a)), f = (a, s, i) => s.has(a) ? V("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, i), n = (a, s, i, b) => ($(a, s, "write to private field"), b ? b.call(a, i) : s.set(a, i), i);
6
+ import { __esDecorate as p, __runInitializers as l } from "tslib";
7
+ import { css as H, html as L } from "lit";
8
+ import { customElement as O, property as _ } from "lit/decorators.js";
9
+ import { SbbButtonLikeBaseElement as j } from "../../core/base-elements.js";
10
+ import { slotState as M, forceType as G, omitEmptyConverter as R, getOverride as U } from "../../core/decorators.js";
11
+ import { isLean as Y } from "../../core/dom.js";
12
12
  import { EventEmitter as x } from "../../core/eventing.js";
13
- import { SbbDisabledTabIndexActionMixin as M } from "../../core/mixins.js";
14
- import { SbbIconNameMixin as R } from "../../icon.js";
15
- const U = F`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-color-white);--sbb-tag-border-color: var(--sbb-color-cloud);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-charcoal);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: pointer;--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([data-checked]){--sbb-tag-border-color: var(--sbb-color-charcoal);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media (forced-colors: active){:host([data-checked]){--sbb-tag-border-color: Highlight !important}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([data-checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal)}@media (any-hover: hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media (any-hover: hover) and (forced-colors: active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-iron)}@media (forced-colors: active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-font-size-text-xs);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);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{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-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-body-text) * 1em);flex-shrink:0}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-font-size-text-xs);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);color:var(--sbb-tag-amount-color)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
16
- let et = (() => {
17
- var c, d, h, o;
18
- let a = [$("sbb-tag"), H()], s, i = [], r, _ = R(M(G)), k, y = [], w = [], z, C = [], S = [], T, E = [], I = [];
19
- var u = (o = class extends _ {
13
+ import { SbbDisabledTabIndexActionMixin as N } from "../../core/mixins.js";
14
+ import { SbbIconNameMixin as q } from "../../icon.js";
15
+ const J = H`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-color-white);--sbb-tag-border-color: var(--sbb-color-cloud);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-charcoal);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: pointer;--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([data-checked]){--sbb-tag-border-color: var(--sbb-color-charcoal);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media (forced-colors: active){:host([data-checked]){--sbb-tag-border-color: Highlight !important}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([data-checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal)}@media (any-hover: hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media (any-hover: hover) and (forced-colors: active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-iron)}@media (forced-colors: active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-font-size-text-xs);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);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{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-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-body-text) * 1em);flex-shrink:0}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-font-size-text-xs);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);color:var(--sbb-tag-amount-color)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
16
+ let ot = (() => {
17
+ var c, d, h, g, o;
18
+ let a = [O("sbb-tag"), M()], s, i = [], b, k = q(N(j)), y, z = [], w = [], C, S = [], T = [], E, I = [], B = [], D, A = [], F = [];
19
+ var m = (o = class extends k {
20
20
  constructor() {
21
- var t;
21
+ var e;
22
22
  super();
23
- v(this, c);
24
- v(this, d);
25
- v(this, h);
26
- n(this, c, l(this, y, "")), n(this, d, (l(this, w), l(this, C, !1))), n(this, h, (l(this, S), l(this, E, L() ? "s" : "m"))), this._group = (l(this, I), null), this._input = new x(this, u.events.input, {
23
+ f(this, c);
24
+ f(this, d);
25
+ f(this, h);
26
+ f(this, g);
27
+ n(this, c, l(this, z, null)), n(this, d, (l(this, w), l(this, S, ""))), n(this, h, (l(this, T), l(this, I, !1))), n(this, g, (l(this, B), l(this, A, Y() ? "s" : "m"))), this._group = (l(this, F), null), this._input = new x(this, m.events.input, {
27
28
  bubbles: !0,
28
29
  composed: !0
29
- }), this._didChange = new x(this, u.events.didChange, {
30
+ }), this._didChange = new x(this, m.events.didChange, {
30
31
  bubbles: !0
31
- }), this._change = new x(this, u.events.change, {
32
+ }), this._change = new x(this, m.events.change, {
32
33
  bubbles: !0
33
- }), (t = this.addEventListener) == null || t.call(this, "click", () => this._handleClick());
34
+ }), (e = this.addEventListener) == null || e.call(this, "click", () => this._handleClick());
35
+ }
36
+ /** Value of the form element. */
37
+ get value() {
38
+ return v(this, c);
39
+ }
40
+ set value(e) {
41
+ n(this, c, e);
34
42
  }
35
43
  /** Amount displayed inside the tag. */
36
44
  get amount() {
37
- return m(this, c);
45
+ return v(this, d);
38
46
  }
39
- set amount(t) {
40
- n(this, c, t);
47
+ set amount(e) {
48
+ n(this, d, e);
41
49
  }
42
50
  /** Whether the tag is checked. */
43
51
  get checked() {
44
- return m(this, d);
52
+ return v(this, h);
45
53
  }
46
- set checked(t) {
47
- n(this, d, t);
54
+ set checked(e) {
55
+ n(this, h, e);
48
56
  }
49
57
  /**
50
58
  * Tag size, either s or m.
51
59
  * @default 'm' / 's' (lean)
52
60
  */
53
61
  get size() {
54
- return m(this, h);
62
+ return v(this, g);
55
63
  }
56
- set size(t) {
57
- n(this, h, t);
64
+ set size(e) {
65
+ n(this, g, e);
58
66
  }
59
67
  connectedCallback() {
60
68
  super.connectedCallback(), this._group = this.closest("sbb-tag-group");
61
69
  }
62
70
  isDisabledExternally() {
63
- var t;
64
- return ((t = this._group) == null ? void 0 : t.disabled) ?? !1;
71
+ var e;
72
+ return ((e = this._group) == null ? void 0 : e.disabled) ?? !1;
65
73
  }
66
74
  /** Method triggered on button click. Inverts the checked value and emits events. */
67
75
  _handleClick() {
68
76
  if (this.disabled)
69
77
  return;
70
- const t = this.closest("sbb-tag-group");
71
- t && !t.multiple && this.checked || (this.checked = !this.checked, this._input.emit(), this._change.emit(), this._didChange.emit());
78
+ const e = this.closest("sbb-tag-group");
79
+ e && !e.multiple && this.checked || (this.checked = !this.checked, this._input.emit(), this._change.emit(), this._didChange.emit());
72
80
  }
73
- willUpdate(t) {
74
- var b;
75
- super.willUpdate(t), t.has("checked") && (this.setAttribute("aria-pressed", `${this.checked}`), this.toggleAttribute("data-checked", this.checked), this.updateFormValue());
76
- const e = (b = this.closest) == null ? void 0 : b.call(this, "sbb-tag-group");
77
- e && !e.multiple && t.has("checked") && this.checked && (e == null || e.tags.filter((g) => g !== this).forEach((g) => g.checked = !1));
81
+ willUpdate(e) {
82
+ var r;
83
+ super.willUpdate(e), e.has("checked") && (this.setAttribute("aria-pressed", `${this.checked}`), this.toggleAttribute("data-checked", this.checked), this.updateFormValue());
84
+ const t = (r = this.closest) == null ? void 0 : r.call(this, "sbb-tag-group");
85
+ t && !t.multiple && e.has("checked") && this.checked && (t == null || t.tags.filter((u) => u !== this).forEach((u) => u.checked = !1));
78
86
  }
79
87
  /**
80
88
  * @internal
@@ -85,14 +93,17 @@ let et = (() => {
85
93
  /**
86
94
  * @internal
87
95
  */
88
- formStateRestoreCallback(t, e) {
89
- t && (this.checked = t === "true");
96
+ formStateRestoreCallback(e, t) {
97
+ e && (this.checked = e === "true");
90
98
  }
91
99
  updateFormValue() {
92
- this.checked ? this.internals.setFormValue(this.value, `${this.checked}`) : this.internals.setFormValue(null);
100
+ this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
101
+ }
102
+ formState() {
103
+ return `${this.checked}`;
93
104
  }
94
105
  renderTemplate() {
95
- return V`
106
+ return L`
96
107
  <span class="sbb-tag__icon sbb-tag--shift"> ${this.renderIconSlot()} </span>
97
108
  <span class="sbb-tag__text sbb-tag--shift">
98
109
  <slot></slot>
@@ -102,25 +113,27 @@ let et = (() => {
102
113
  </span>
103
114
  `;
104
115
  }
105
- }, c = new WeakMap(), d = new WeakMap(), h = new WeakMap(), r = o, (() => {
106
- const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
107
- k = [A(), p({ reflect: !0, converter: O })], z = [A(), p({ reflect: !1, type: Boolean })], T = [p({ reflect: !0 }), j((e, b) => {
108
- var g;
109
- return ((g = e._group) == null ? void 0 : g.size) ?? b;
110
- })], f(o, null, k, { kind: "accessor", name: "amount", static: !1, private: !1, access: { has: (e) => "amount" in e, get: (e) => e.amount, set: (e, b) => {
111
- e.amount = b;
112
- } }, metadata: t }, y, w), f(o, null, z, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (e) => "checked" in e, get: (e) => e.checked, set: (e, b) => {
113
- e.checked = b;
114
- } }, metadata: t }, C, S), f(o, null, T, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, b) => {
115
- e.size = b;
116
- } }, metadata: t }, E, I), f(null, s = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, i), u = r = s.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
117
- })(), o.styles = U, o.events = {
116
+ }, c = new WeakMap(), d = new WeakMap(), h = new WeakMap(), g = new WeakMap(), b = o, (() => {
117
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
118
+ y = [_()], C = [G(), _({ reflect: !0, converter: R })], E = [G(), _({ reflect: !1, type: Boolean })], D = [_({ reflect: !0 }), U((t, r) => {
119
+ var u;
120
+ return ((u = t._group) == null ? void 0 : u.size) ?? r;
121
+ })], p(o, null, y, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, r) => {
122
+ t.value = r;
123
+ } }, metadata: e }, z, w), p(o, null, C, { kind: "accessor", name: "amount", static: !1, private: !1, access: { has: (t) => "amount" in t, get: (t) => t.amount, set: (t, r) => {
124
+ t.amount = r;
125
+ } }, metadata: e }, S, T), p(o, null, E, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, get: (t) => t.checked, set: (t, r) => {
126
+ t.checked = r;
127
+ } }, metadata: e }, I, B), p(o, null, D, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, r) => {
128
+ t.size = r;
129
+ } }, metadata: e }, A, F), p(null, s = { value: b }, a, { kind: "class", name: b.name, metadata: e }, null, i), m = b = s.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
130
+ })(), o.styles = J, o.events = {
118
131
  input: "input",
119
132
  didChange: "didChange",
120
133
  change: "change"
121
- }, l(r, i), o);
122
- return u = r;
134
+ }, l(b, i), o);
135
+ return m = b;
123
136
  })();
124
137
  export {
125
- et as SbbTagElement
138
+ ot as SbbTagElement
126
139
  };
@@ -1,13 +1,14 @@
1
1
  import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
2
2
  import { WithListChildren } from '../../core/mixins.js';
3
3
  import { SbbTagElement, SbbTagSize } from '../tag.js';
4
- declare const SbbTagGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTagElement>> & typeof LitElement;
4
+ declare const SbbTagGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTagElement<string>>> & typeof LitElement;
5
5
  /**
6
6
  * It can be used as a container for one or more `sbb-tag`.
7
7
  *
8
8
  * @slot - Use the unnamed slot to add one or more 'sbb-tag' elements to the `sbb-tag-group`.
9
+ * @overrideType value - (T = string | (string | null)[]) | null
9
10
  */
10
- export declare class SbbTagGroupElement extends SbbTagGroupElement_base {
11
+ export declare class SbbTagGroupElement<T = string> extends SbbTagGroupElement_base {
11
12
  static styles: CSSResultGroup;
12
13
  protected readonly listChildLocalNames: string[];
13
14
  /**
@@ -31,12 +32,13 @@ export declare class SbbTagGroupElement extends SbbTagGroupElement_base {
31
32
  * If set multiple to false, the value is a string (or null).
32
33
  * If set multiple to true, the value is an array.
33
34
  */
34
- set value(value: string | (string | null)[] | null);
35
- get value(): string | (string | null)[] | null;
35
+ set value(value: T | (T | null)[] | null);
36
+ get value(): T | (T | null)[] | null;
36
37
  private _value;
37
38
  /** The child instances of sbb-tag as an array. */
38
- get tags(): SbbTagElement[];
39
+ get tags(): SbbTagElement<T>[];
39
40
  protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
41
+ private _applyValueToTags;
40
42
  protected render(): TemplateResult;
41
43
  }
42
44
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"tag-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/tag/tag-group/tag-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAI3D;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAEhC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mBAA4B,mBAAmB,WAAsB;IAErE;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;;;;OAKG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,UAAU,CAAwB;IAErF;;;;OAIG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EAyBxD;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAMpD;IACD,OAAO,CAAC,MAAM,CAA2C;IAEzD,kDAAkD;IAClD,IAAW,IAAI,IAAI,aAAa,EAAE,CAEjC;cAEkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cA8B3E,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
1
+ {"version":3,"file":"tag-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/tag/tag-group/tag-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAI3D;;;;;GAKG;AACH,qBAEM,kBAAkB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,uBAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mBAA4B,mBAAmB,WAAsB;IAErE;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;;;;OAKG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,UAAU,CAAwB;IAErF;;;;OAIG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EAM9C;IACD,IAAW,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAM1C;IACD,OAAO,CAAC,MAAM,CAAiC;IAE/C,kDAAkD;IAClD,IAAW,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAEpC;cAEkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAkC9F,OAAO,CAAC,iBAAiB;cA0BN,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
@@ -1,34 +1,34 @@
1
- var D = (i) => {
1
+ var w = (i) => {
2
2
  throw TypeError(i);
3
3
  };
4
- var O = (i, l, a) => l.has(i) || D("Cannot " + a);
5
- var d = (i, l, a) => (O(i, l, "read from private field"), a ? a.call(i) : l.get(i)), f = (i, l, a) => l.has(i) ? D("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(i) : l.set(i, a), n = (i, l, a, c) => (O(i, l, "write to private field"), c ? c.call(i, a) : l.set(i, a), a);
6
- import { __runInitializers as o, __esDecorate as p } from "tslib";
7
- import { css as N, LitElement as T, isServer as U, html as j } from "lit";
8
- import { customElement as C, property as _ } from "lit/decorators.js";
9
- import { forceType as q } from "../../core/decorators.js";
10
- import { isLean as M, setOrRemoveAttribute as B } from "../../core/dom.js";
11
- import { SbbDisabledMixin as G, SbbNamedSlotListMixin as J } from "../../core/mixins.js";
12
- const R = N`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-3x)}.sbb-tag-group__list>:is(li,span){display:flex;max-width:100%}`;
4
+ var I = (i, a, l) => a.has(i) || w("Cannot " + l);
5
+ var d = (i, a, l) => (I(i, a, "read from private field"), l ? l.call(i) : a.get(i)), _ = (i, a, l) => a.has(i) ? w("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, l), h = (i, a, l, c) => (I(i, a, "write to private field"), c ? c.call(i, l) : a.set(i, l), l);
6
+ import { __runInitializers as o, __esDecorate as m } from "tslib";
7
+ import { css as q, LitElement as N, isServer as D, html as V } from "lit";
8
+ import { customElement as j, property as f } from "lit/decorators.js";
9
+ import { forceType as O } from "../../core/decorators.js";
10
+ import { isLean as C, setOrRemoveAttribute as M } from "../../core/dom.js";
11
+ import { SbbDisabledMixin as B, SbbNamedSlotListMixin as G } from "../../core/mixins.js";
12
+ const J = q`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-3x)}.sbb-tag-group__list>:is(li,span){display:flex;max-width:100%}`;
13
13
  let Y = (() => {
14
- var b, u, h, r;
15
- let i = [C("sbb-tag-group")], l, a = [], c, y = G(J(T)), g = [], A, z = [], v = [], L, x = [], k = [], S, E = [], w = [], I;
14
+ var u, n, b, r;
15
+ let i = [j("sbb-tag-group")], a, l = [], c, y = B(G(N)), g = [], A, v = [], z = [], L, x = [], k = [], S, E = [], T = [], U;
16
16
  return r = class extends y {
17
17
  constructor() {
18
18
  super(...arguments);
19
- f(this, b);
20
- f(this, u);
21
- f(this, h);
22
- this.listChildLocalNames = (o(this, g), ["sbb-tag", "div"]), n(this, b, o(this, z, "")), n(this, u, (o(this, v), o(this, x, !1))), n(this, h, (o(this, k), o(this, E, M() ? "s" : "m"))), this._value = (o(this, w), null);
19
+ _(this, u);
20
+ _(this, n);
21
+ _(this, b);
22
+ this.listChildLocalNames = (o(this, g), ["sbb-tag", "div"]), h(this, u, o(this, v, "")), h(this, n, (o(this, z), o(this, x, !1))), h(this, b, (o(this, k), o(this, E, C() ? "s" : "m"))), this._value = (o(this, T), null);
23
23
  }
24
24
  /**
25
25
  * This will be forwarded as aria-label to the inner list.
26
26
  */
27
27
  get listAccessibilityLabel() {
28
- return d(this, b);
28
+ return d(this, u);
29
29
  }
30
- set listAccessibilityLabel(t) {
31
- n(this, b, t);
30
+ set listAccessibilityLabel(e) {
31
+ h(this, u, e);
32
32
  }
33
33
  /**
34
34
  * If set multiple to false, the selection is exclusive and the value is a string (or null).
@@ -37,63 +37,68 @@ let Y = (() => {
37
37
  * Changing multiple during run time is not supported.
38
38
  */
39
39
  get multiple() {
40
- return d(this, u);
40
+ return d(this, n);
41
41
  }
42
- set multiple(t) {
43
- n(this, u, t);
42
+ set multiple(e) {
43
+ h(this, n, e);
44
44
  }
45
45
  /**
46
46
  * Tag group size, either s or m.
47
47
  * @default 'm' / 's' (lean)
48
48
  */
49
49
  get size() {
50
- return d(this, h);
50
+ return d(this, b);
51
51
  }
52
- set size(t) {
53
- n(this, h, t);
52
+ set size(e) {
53
+ h(this, b, e);
54
54
  }
55
55
  /**
56
56
  * Value of the sbb-tag-group.
57
57
  * If set multiple to false, the value is a string (or null).
58
58
  * If set multiple to true, the value is an array.
59
59
  */
60
- set value(t) {
61
- const e = this.tags;
62
- if (U)
63
- this._value = t;
64
- else if (t === null)
65
- e.forEach((s) => s.checked = !1);
66
- else if (this.multiple) {
67
- if (!Array.isArray(t) && e.every((m) => m.value !== t))
68
- try {
69
- t = JSON.parse(t);
70
- } catch {
71
- }
72
- const s = Array.isArray(t) ? t : [t];
73
- e.forEach((m) => m.checked = s.includes(m.value ?? m.getAttribute("value")));
74
- } else
75
- Array.isArray(t) || e.forEach((s) => s.checked = (s.value ?? s.getAttribute("value")) === t);
60
+ set value(e) {
61
+ if (D || !this.hasUpdated) {
62
+ this._value = e;
63
+ return;
64
+ }
65
+ this._applyValueToTags(e);
76
66
  }
77
67
  get value() {
78
- var t;
79
- return U ? this._value : this.multiple ? this.tags.filter((e) => e.checked).map((e) => e.value) : ((t = this.tags.find((e) => e.checked)) == null ? void 0 : t.value) ?? null;
68
+ var e;
69
+ return D || !this.hasUpdated ? this._value : this.multiple ? this.tags.filter((t) => t.checked).map((t) => t.value) : ((e = this.tags.find((t) => t.checked)) == null ? void 0 : e.value) ?? null;
80
70
  }
81
71
  /** The child instances of sbb-tag as an array. */
82
72
  get tags() {
83
- var t;
84
- return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-tag")) ?? []);
73
+ var e;
74
+ return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-tag")) ?? []);
85
75
  }
86
- willUpdate(t) {
87
- super.willUpdate(t), t.has("size") && this.tags.forEach((e) => {
76
+ willUpdate(e) {
77
+ super.willUpdate(e), e.has("value") && !this.hasUpdated && this._value && this._applyValueToTags(this.value), e.has("size") && this.tags.forEach((t) => {
88
78
  var s;
89
- return (s = e.requestUpdate) == null ? void 0 : s.call(e, "size");
90
- }), t.has("disabled") && this.tags.forEach((e) => {
79
+ return (s = t.requestUpdate) == null ? void 0 : s.call(t, "size");
80
+ }), e.has("disabled") && this.tags.forEach((t) => {
91
81
  var s;
92
- return (s = e.requestUpdate) == null ? void 0 : s.call(e, "disabled");
93
- }), (t.has("listChildren") || t.has("multiple")) && !this.multiple && this.tags.filter((e) => e.checked).slice(1).forEach((e) => e.checked = !1), B(this, "role", t.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
82
+ return (s = t.requestUpdate) == null ? void 0 : s.call(t, "disabled");
83
+ }), (e.has("listChildren") || e.has("multiple")) && !this.multiple && this.tags.filter((t) => t.checked).slice(1).forEach((t) => t.checked = !1), M(this, "role", e.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
84
+ }
85
+ _applyValueToTags(e) {
86
+ const t = this.tags;
87
+ if (e === null)
88
+ t.forEach((s) => s.checked = !1);
89
+ else if (this.multiple) {
90
+ if (!Array.isArray(e) && t.every((p) => p.value !== e))
91
+ try {
92
+ e = JSON.parse(e);
93
+ } catch {
94
+ }
95
+ const s = Array.isArray(e) ? e : [e];
96
+ t.forEach((p) => p.checked = s.includes(p.value));
97
+ } else
98
+ Array.isArray(e) || t.forEach((s) => s.checked = s.value === e);
94
99
  }
95
100
  render() {
96
- return j`
101
+ return V`
97
102
  <div class="sbb-tag-group">
98
103
  ${this.renderList({
99
104
  class: "sbb-tag-group__list",
@@ -102,18 +107,18 @@ let Y = (() => {
102
107
  </div>
103
108
  `;
104
109
  }
105
- }, b = new WeakMap(), u = new WeakMap(), h = new WeakMap(), c = r, (() => {
106
- const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
107
- A = [q(), _({ attribute: "list-accessibility-label" })], L = [q(), _({ type: Boolean })], S = [_({ reflect: !0 })], I = [_()], p(r, null, A, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (e) => "listAccessibilityLabel" in e, get: (e) => e.listAccessibilityLabel, set: (e, s) => {
108
- e.listAccessibilityLabel = s;
109
- } }, metadata: t }, z, v), p(r, null, L, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, s) => {
110
- e.multiple = s;
111
- } }, metadata: t }, x, k), p(r, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, s) => {
112
- e.size = s;
113
- } }, metadata: t }, E, w), p(r, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, s) => {
114
- e.value = s;
115
- } }, metadata: t }, null, g), p(null, l = { value: c }, i, { kind: "class", name: c.name, metadata: t }, null, a), c = l.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
116
- })(), r.styles = R, o(c, a), c;
110
+ }, u = new WeakMap(), n = new WeakMap(), b = new WeakMap(), c = r, (() => {
111
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
112
+ A = [O(), f({ attribute: "list-accessibility-label" })], L = [O(), f({ type: Boolean })], S = [f({ reflect: !0 })], U = [f()], m(r, null, A, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (t) => "listAccessibilityLabel" in t, get: (t) => t.listAccessibilityLabel, set: (t, s) => {
113
+ t.listAccessibilityLabel = s;
114
+ } }, metadata: e }, v, z), m(r, null, L, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (t) => "multiple" in t, get: (t) => t.multiple, set: (t, s) => {
115
+ t.multiple = s;
116
+ } }, metadata: e }, x, k), m(r, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, s) => {
117
+ t.size = s;
118
+ } }, metadata: e }, E, T), m(r, null, U, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, s) => {
119
+ t.value = s;
120
+ } }, metadata: e }, null, g), m(null, a = { value: c }, i, { kind: "class", name: c.name, metadata: e }, null, l), c = a.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
121
+ })(), r.styles = J, o(c, l), c;
117
122
  })();
118
123
  export {
119
124
  Y as SbbTagGroupElement
@@ -1,7 +1,9 @@
1
1
  import { SbbActionBaseElement } from '../../core/base-elements.js';
2
- import { AbstractConstructor, SbbNegativeMixinType } from '../../core/mixins.js';
3
- export declare class SbbTeaserProductCommonElementMixinType extends SbbNegativeMixinType {
2
+ import { AbstractConstructor } from '../../core/mixins.js';
3
+ declare const SbbTeaserProductCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbActionBaseElement;
4
+ export declare class SbbTeaserProductCommonElementMixinType extends SbbTeaserProductCommonElementMixinType_base {
4
5
  accessor imageAlignment: 'after' | 'before';
5
6
  }
6
7
  export declare const SbbTeaserProductCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbTeaserProductCommonElementMixinType> & T;
8
+ export {};
7
9
  //# sourceMappingURL=teaser-product-common.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"teaser-product-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/common/teaser-product-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EACL,KAAK,mBAAmB,EAExB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,oBAAoB;IACtF,SAAgB,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC;CACpD;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA+BhE,CAAC"}
1
+ {"version":3,"file":"teaser-product-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/common/teaser-product-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,sBAAsB,CAAC;;AAElF,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,2CAEnE;IACC,SAAgB,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC;CACpD;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA+BhE,CAAC"}
@@ -1,63 +1,50 @@
1
- import { CSSResultGroup, LitElement, PropertyDeclaration, TemplateResult } from 'lit';
2
- import { SbbDateLike } from '../core/interfaces.js';
1
+ import { CSSResultGroup, LitElement } from 'lit';
2
+ declare const SbbTimeInputElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedInputMixinType> & typeof LitElement;
3
3
  /**
4
- * * Combined with a native input, it displays the input's value as a formatted time.
5
- *
6
- * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
7
- * @event {CustomEvent<SbbValidationChangeEvent>} validationChange - Emits whenever the internal validation state changes.
4
+ * Custom input for a time.
5
+ * @overrideType value - string
8
6
  */
9
- export declare class SbbTimeInputElement extends LitElement {
7
+ export declare class SbbTimeInputElement extends SbbTimeInputElement_base {
10
8
  static styles: CSSResultGroup;
11
- static readonly events: {
12
- readonly didChange: "didChange";
13
- readonly validationChange: "validationChange";
14
- };
15
- /** Reference of the native input connected to the datepicker. */
16
- accessor input: string | HTMLElement | null;
17
- private accessor _inputElement;
9
+ /**
10
+ * The value of the time input. Reflects the current text value
11
+ * of this input.
12
+ */
13
+ set value(value: string);
14
+ get value(): string;
18
15
  /** Formats the current input's value as date. */
19
- set valueAsDate(date: SbbDateLike | null);
16
+ set valueAsDate(date: Date | null);
20
17
  get valueAsDate(): Date | null;
18
+ private _valueAsTime?;
21
19
  /**
22
- * @deprecated only used for React. Will probably be removed once React 19 is available.
20
+ * Stores the last string and parsed date object value to prevent repeated
21
+ * parsing of the string value.
23
22
  */
24
- private _didChange;
25
- /** Emits whenever the internal validation state changes. */
26
- private _validationChange;
27
- private _statusContainer;
28
- private _inputAbortController;
29
- private _inputIdReferenceController;
23
+ private _valueCache?;
30
24
  private _language;
25
+ constructor();
31
26
  connectedCallback(): void;
32
27
  disconnectedCallback(): void;
33
- requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
34
- private _configureInputElement;
35
- /**
36
- * Updates `value` and `valueAsDate`. The direct update on the `_inputElement` is required
37
- * to force the input change when the typed value is the same of the current one.
38
- */
39
- private _updateValue;
40
- /** Emits the change event. */
41
- private _emitChange;
42
- /** Returns the right format for the `value` property. */
43
- private _formatValue;
44
- /**
45
- * Returns the right format for the `valueAsDate` property:
46
- * sets the start date at 01.01.1970, then adds the typed hours/minutes.
47
- */
48
- private _formatValueAsDate;
28
+ protected updateFormValue(): void;
29
+ private _tryParseValue;
30
+ /** Validate input against the defined RegExps. */
31
+ private _parseValue;
32
+ private _updateValueDateFormat;
33
+ private _formatTime;
34
+ protected preparePastedText(text: string): string;
35
+ protected shouldValidate(name: PropertyKey | undefined): boolean;
36
+ protected validate(): void;
37
+ private _removeValidityErrors;
49
38
  /** Checks if values of hours and minutes are possible, to avoid non-existent times. */
50
39
  private _isTimeValid;
51
- /** Validate input against the defined RegExps. */
52
- private _parseInput;
53
40
  /** Only allow typing numbers and separator keys. */
54
41
  private _preventCharInsert;
55
- private _updateAccessibilityMessage;
56
- protected render(): TemplateResult;
42
+ private _hasSelection;
57
43
  }
58
44
  declare global {
59
45
  interface HTMLElementTagNameMap {
60
46
  'sbb-time-input': SbbTimeInputElement;
61
47
  }
62
48
  }
49
+ export {};
63
50
  //# sourceMappingURL=time-input.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"time-input.component.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAGX,iEAAiE;IACjE,SACgB,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAEjD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAExE,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAc9C;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CAEpC;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,qBAAqB,CAAyB;IACtD,OAAO,CAAC,2BAA2B,CAA+C;IAClF,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAQP,OAAO,CAAC,sBAAsB;IA4D9B;;;OAGG;IACH,OAAO,CAAC,YAAY;IA4BpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
1
+ {"version":3,"file":"time-input.component.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAY,UAAU,EAAE,MAAM,KAAK,CAAC;;AAyBhE;;;GAGG;AACH,qBAEM,mBAAoB,SAAQ,wBAAuC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAcvC;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CASpC;IACD,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAwB;IAE5C,OAAO,CAAC,SAAS,CAAmC;;IAWpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;cAIzB,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,cAAc;IAOtB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAUA,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;cAMvC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAOtD,QAAQ,IAAI,IAAI;IAanC,OAAO,CAAC,qBAAqB;IAI7B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,aAAa;CAItB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}