@sbb-esta/lyne-elements 3.0.0-next.3 → 3.0.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 (420) hide show
  1. package/accordion/accordion.component.js +10 -10
  2. package/alert/alert/alert.component.d.ts +4 -8
  3. package/alert/alert/alert.component.d.ts.map +1 -1
  4. package/alert/alert/alert.component.js +33 -33
  5. package/alert/alert-group/alert-group.component.d.ts +0 -3
  6. package/alert/alert-group/alert-group.component.d.ts.map +1 -1
  7. package/alert/alert-group/alert-group.component.js +44 -45
  8. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  9. package/autocomplete/autocomplete-base-element.js +9 -9
  10. package/autocomplete/autocomplete.component.d.ts +0 -4
  11. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  12. package/autocomplete/autocomplete.component.js +1 -1
  13. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +0 -4
  14. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  15. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +11 -11
  16. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +0 -10
  17. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  18. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +14 -18
  19. package/button/accent-button/accent-button.component.d.ts +0 -1
  20. package/button/accent-button/accent-button.component.d.ts.map +1 -1
  21. package/button/button/button.component.d.ts +0 -1
  22. package/button/button/button.component.d.ts.map +1 -1
  23. package/button/mini-button/mini-button.component.d.ts +0 -1
  24. package/button/mini-button/mini-button.component.d.ts.map +1 -1
  25. package/button/secondary-button/secondary-button.component.d.ts +0 -1
  26. package/button/secondary-button/secondary-button.component.d.ts.map +1 -1
  27. package/button/transparent-button/transparent-button.component.d.ts +0 -1
  28. package/button/transparent-button/transparent-button.component.d.ts.map +1 -1
  29. package/calendar/calendar.component.d.ts +1 -5
  30. package/calendar/calendar.component.d.ts.map +1 -1
  31. package/calendar/calendar.component.js +68 -66
  32. package/card/card-button/card-button.component.d.ts +0 -1
  33. package/card/card-button/card-button.component.d.ts.map +1 -1
  34. package/checkbox/checkbox/checkbox.component.d.ts +2 -2
  35. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts +3 -13
  36. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  37. package/checkbox/checkbox-panel/checkbox-panel.component.js +37 -39
  38. package/chip/chip/chip.component.d.ts +2 -3
  39. package/chip/chip/chip.component.d.ts.map +1 -1
  40. package/chip/chip/chip.component.js +31 -30
  41. package/chip/chip-group/chip-group.component.d.ts +4 -12
  42. package/chip/chip-group/chip-group.component.d.ts.map +1 -1
  43. package/chip/chip-group/chip-group.component.js +52 -46
  44. package/container/sticky-bar/sticky-bar.component.d.ts +6 -12
  45. package/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  46. package/container/sticky-bar/sticky-bar.component.js +49 -49
  47. package/core/base-elements/open-close-base-element.d.ts +12 -22
  48. package/core/base-elements/open-close-base-element.d.ts.map +1 -1
  49. package/core/base-elements/open-close-base-element.js +23 -17
  50. package/core/eventing.d.ts +0 -1
  51. package/core/eventing.d.ts.map +1 -1
  52. package/core/eventing.js +10 -12
  53. package/core/interfaces/types.d.ts +0 -5
  54. package/core/interfaces/types.d.ts.map +1 -1
  55. package/core/interfaces.d.ts +0 -1
  56. package/core/interfaces.d.ts.map +1 -1
  57. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  58. package/core/mixins/disabled-mixin.js +43 -40
  59. package/core/mixins/panel-mixin.d.ts.map +1 -1
  60. package/core/mixins/panel-mixin.js +35 -38
  61. package/core/mixins/readonly-mixin.d.ts.map +1 -1
  62. package/core/mixins/readonly-mixin.js +25 -19
  63. package/custom-elements.json +17450 -16552
  64. package/date-input/date-input.component.d.ts +0 -1
  65. package/date-input/date-input.component.d.ts.map +1 -1
  66. package/datepicker/datepicker/datepicker.component.d.ts +0 -6
  67. package/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  68. package/datepicker/datepicker/datepicker.component.js +9 -9
  69. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +0 -1
  70. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  71. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +0 -1
  72. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  73. package/development/accordion/accordion.component.js +3 -3
  74. package/development/alert/alert/alert.component.d.ts +4 -8
  75. package/development/alert/alert/alert.component.d.ts.map +1 -1
  76. package/development/alert/alert/alert.component.js +11 -9
  77. package/development/alert/alert-group/alert-group.component.d.ts +0 -3
  78. package/development/alert/alert-group/alert-group.component.d.ts.map +1 -1
  79. package/development/alert/alert-group/alert-group.component.js +14 -18
  80. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  81. package/development/autocomplete/autocomplete-base-element.js +5 -8
  82. package/development/autocomplete/autocomplete.component.d.ts +0 -4
  83. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  84. package/development/autocomplete/autocomplete.component.js +2 -2
  85. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +0 -4
  86. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  87. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +2 -2
  88. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +0 -10
  89. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  90. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +5 -9
  91. package/development/button/accent-button/accent-button.component.d.ts +0 -1
  92. package/development/button/accent-button/accent-button.component.d.ts.map +1 -1
  93. package/development/button/accent-button/accent-button.component.js +1 -1
  94. package/development/button/button/button.component.d.ts +0 -1
  95. package/development/button/button/button.component.d.ts.map +1 -1
  96. package/development/button/button/button.component.js +1 -1
  97. package/development/button/mini-button/mini-button.component.d.ts +0 -1
  98. package/development/button/mini-button/mini-button.component.d.ts.map +1 -1
  99. package/development/button/mini-button/mini-button.component.js +1 -1
  100. package/development/button/secondary-button/secondary-button.component.d.ts +0 -1
  101. package/development/button/secondary-button/secondary-button.component.d.ts.map +1 -1
  102. package/development/button/secondary-button/secondary-button.component.js +1 -1
  103. package/development/button/transparent-button/transparent-button.component.d.ts +0 -1
  104. package/development/button/transparent-button/transparent-button.component.d.ts.map +1 -1
  105. package/development/button/transparent-button/transparent-button.component.js +1 -1
  106. package/development/calendar/calendar.component.d.ts +1 -5
  107. package/development/calendar/calendar.component.d.ts.map +1 -1
  108. package/development/calendar/calendar.component.js +11 -9
  109. package/development/card/card-button/card-button.component.d.ts +0 -1
  110. package/development/card/card-button/card-button.component.d.ts.map +1 -1
  111. package/development/card/card-button/card-button.component.js +1 -1
  112. package/development/checkbox/checkbox/checkbox.component.d.ts +2 -2
  113. package/development/checkbox/checkbox/checkbox.component.js +1 -1
  114. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts +3 -13
  115. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  116. package/development/checkbox/checkbox-panel/checkbox-panel.component.js +14 -17
  117. package/development/chip/chip/chip.component.d.ts +2 -3
  118. package/development/chip/chip/chip.component.d.ts.map +1 -1
  119. package/development/chip/chip/chip.component.js +11 -10
  120. package/development/chip/chip-group/chip-group.component.d.ts +4 -12
  121. package/development/chip/chip-group/chip-group.component.d.ts.map +1 -1
  122. package/development/chip/chip-group/chip-group.component.js +20 -16
  123. package/development/container/sticky-bar/sticky-bar.component.d.ts +6 -12
  124. package/development/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  125. package/development/container/sticky-bar/sticky-bar.component.js +20 -22
  126. package/development/core/base-elements/open-close-base-element.d.ts +12 -22
  127. package/development/core/base-elements/open-close-base-element.d.ts.map +1 -1
  128. package/development/core/base-elements/open-close-base-element.js +17 -15
  129. package/development/core/eventing.d.ts +0 -1
  130. package/development/core/eventing.d.ts.map +1 -1
  131. package/development/core/eventing.js +1 -3
  132. package/development/core/interfaces/types.d.ts +0 -5
  133. package/development/core/interfaces/types.d.ts.map +1 -1
  134. package/development/core/interfaces.d.ts +0 -1
  135. package/development/core/interfaces.d.ts.map +1 -1
  136. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  137. package/development/core/mixins/disabled-mixin.js +20 -17
  138. package/development/core/mixins/panel-mixin.d.ts.map +1 -1
  139. package/development/core/mixins/panel-mixin.js +8 -14
  140. package/development/core/mixins/readonly-mixin.d.ts.map +1 -1
  141. package/development/core/mixins/readonly-mixin.js +17 -9
  142. package/development/date-input/date-input.component.d.ts +0 -1
  143. package/development/date-input/date-input.component.d.ts.map +1 -1
  144. package/development/date-input/date-input.component.js +1 -1
  145. package/development/datepicker/datepicker/datepicker.component.d.ts +0 -6
  146. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  147. package/development/datepicker/datepicker/datepicker.component.js +3 -3
  148. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +0 -1
  149. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  150. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +1 -1
  151. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +0 -1
  152. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  153. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +1 -1
  154. package/development/dialog/dialog/dialog.component.d.ts +0 -4
  155. package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
  156. package/development/dialog/dialog/dialog.component.js +3 -3
  157. package/development/dialog/dialog-title/dialog-title.component.js +1 -1
  158. package/development/expansion-panel/expansion-panel/expansion-panel.component.d.ts +4 -16
  159. package/development/expansion-panel/expansion-panel/expansion-panel.component.d.ts.map +1 -1
  160. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +15 -20
  161. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +1 -5
  162. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  163. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +7 -11
  164. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  165. package/development/file-selector/common/file-selector-common.js +16 -7
  166. package/development/file-selector/file-selector/file-selector.component.d.ts +1 -5
  167. package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  168. package/development/file-selector/file-selector/file-selector.component.js +2 -2
  169. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -5
  170. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  171. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +2 -2
  172. package/development/flip-card/flip-card/flip-card.component.d.ts +0 -4
  173. package/development/flip-card/flip-card/flip-card.component.d.ts.map +1 -1
  174. package/development/flip-card/flip-card/flip-card.component.js +7 -9
  175. package/development/form-field/form-field/form-field.component.js +2 -2
  176. package/development/form-field/form-field-clear/form-field-clear.component.d.ts +0 -1
  177. package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  178. package/development/form-field/form-field-clear/form-field-clear.component.js +1 -1
  179. package/development/header/header-button/header-button.component.d.ts +0 -1
  180. package/development/header/header-button/header-button.component.d.ts.map +1 -1
  181. package/development/header/header-button/header-button.component.js +1 -1
  182. package/development/image/image.component.d.ts +0 -2
  183. package/development/image/image.component.d.ts.map +1 -1
  184. package/development/image/image.component.js +4 -2
  185. package/development/journey-header/journey-header.component.js +1 -1
  186. package/development/link/block-link-button/block-link-button.component.d.ts +0 -1
  187. package/development/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  188. package/development/link/block-link-button/block-link-button.component.js +1 -1
  189. package/development/link/link-button/link-button.component.d.ts +0 -1
  190. package/development/link/link-button/link-button.component.d.ts.map +1 -1
  191. package/development/link/link-button/link-button.component.js +1 -1
  192. package/development/menu/menu/menu.component.d.ts +0 -4
  193. package/development/menu/menu/menu.component.d.ts.map +1 -1
  194. package/development/menu/menu/menu.component.js +5 -8
  195. package/development/menu/menu-button/menu-button.component.d.ts +0 -1
  196. package/development/menu/menu-button/menu-button.component.d.ts.map +1 -1
  197. package/development/menu/menu-button/menu-button.component.js +1 -1
  198. package/development/navigation/navigation/navigation.component.d.ts +0 -4
  199. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  200. package/development/navigation/navigation/navigation.component.js +5 -8
  201. package/development/navigation/navigation-button/navigation-button.component.d.ts +0 -1
  202. package/development/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  203. package/development/navigation/navigation-button/navigation-button.component.js +1 -1
  204. package/development/notification/notification.component.d.ts +5 -16
  205. package/development/notification/notification.component.d.ts.map +1 -1
  206. package/development/notification/notification.component.js +16 -18
  207. package/development/option/option/option-base-element.d.ts +8 -3
  208. package/development/option/option/option-base-element.d.ts.map +1 -1
  209. package/development/option/option/option-base-element.js +5 -4
  210. package/development/option/option/option.component.d.ts +3 -11
  211. package/development/option/option/option.component.d.ts.map +1 -1
  212. package/development/option/option/option.component.js +8 -11
  213. package/development/overlay/overlay-base-element.d.ts +2 -3
  214. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  215. package/development/overlay/overlay-base-element.js +10 -5
  216. package/development/overlay/overlay.component.d.ts +4 -8
  217. package/development/overlay/overlay.component.d.ts.map +1 -1
  218. package/development/overlay/overlay.component.js +7 -7
  219. package/development/paginator/common/paginator-common.d.ts.map +1 -1
  220. package/development/paginator/common/paginator-common.js +12 -10
  221. package/development/paginator/compact-paginator/compact-paginator.component.d.ts +0 -2
  222. package/development/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  223. package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
  224. package/development/paginator/paginator/paginator.component.d.ts +0 -2
  225. package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
  226. package/development/paginator/paginator/paginator.component.js +1 -1
  227. package/development/popover/popover/popover.component.d.ts +6 -14
  228. package/development/popover/popover/popover.component.d.ts.map +1 -1
  229. package/development/popover/popover/popover.component.js +16 -8
  230. package/development/popover/popover-trigger/popover-trigger.component.d.ts +0 -1
  231. package/development/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  232. package/development/popover/popover-trigger/popover-trigger.component.js +1 -1
  233. package/development/radio-button/radio-button/radio-button.component.d.ts +3 -3
  234. package/development/radio-button/radio-button/radio-button.component.js +2 -2
  235. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts +0 -6
  236. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  237. package/development/radio-button/radio-button-group/radio-button-group.component.js +7 -8
  238. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts +3 -10
  239. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  240. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +11 -12
  241. package/development/select/select.component.d.ts +6 -19
  242. package/development/select/select.component.d.ts.map +1 -1
  243. package/development/select/select.component.js +31 -44
  244. package/development/selection-expansion-panel/selection-expansion-panel.component.d.ts +6 -13
  245. package/development/selection-expansion-panel/selection-expansion-panel.component.d.ts.map +1 -1
  246. package/development/selection-expansion-panel/selection-expansion-panel.component.js +16 -21
  247. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +0 -1
  248. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  249. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +1 -1
  250. package/development/sidebar/sidebar/sidebar.component.d.ts +0 -4
  251. package/development/sidebar/sidebar/sidebar.component.d.ts.map +1 -1
  252. package/development/sidebar/sidebar/sidebar.component.js +5 -5
  253. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +0 -1
  254. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  255. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
  256. package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
  257. package/development/slider/slider.component.d.ts +2 -7
  258. package/development/slider/slider.component.d.ts.map +1 -1
  259. package/development/slider/slider.component.js +10 -14
  260. package/development/stepper/step/step.component.d.ts +2 -10
  261. package/development/stepper/step/step.component.d.ts.map +1 -1
  262. package/development/stepper/step/step.component.js +13 -11
  263. package/development/stepper/step-label/step-label.component.d.ts +0 -1
  264. package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
  265. package/development/stepper/step-label/step-label.component.js +1 -1
  266. package/development/stepper/stepper/stepper.component.js +2 -2
  267. package/development/tabs/tab-group/tab-group.component.d.ts +1 -4
  268. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  269. package/development/tabs/tab-group/tab-group.component.js +21 -18
  270. package/development/tag/tag/tag.component.d.ts +0 -9
  271. package/development/tag/tag/tag.component.d.ts.map +1 -1
  272. package/development/tag/tag/tag.component.js +11 -19
  273. package/development/time-input/time-input.component.d.ts +0 -1
  274. package/development/time-input/time-input.component.d.ts.map +1 -1
  275. package/development/time-input/time-input.component.js +1 -1
  276. package/development/toast/toast.component.d.ts +0 -4
  277. package/development/toast/toast.component.d.ts.map +1 -1
  278. package/development/toast/toast.component.js +5 -5
  279. package/development/toggle/toggle/toggle.component.d.ts +0 -3
  280. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  281. package/development/toggle/toggle/toggle.component.js +6 -11
  282. package/development/toggle-check/toggle-check.component.d.ts +2 -2
  283. package/development/toggle-check/toggle-check.component.js +1 -1
  284. package/development/train/train/train.component.d.ts +1 -6
  285. package/development/train/train/train.component.d.ts.map +1 -1
  286. package/development/train/train/train.component.js +7 -12
  287. package/development/train/train-formation/train-formation.component.js +3 -3
  288. package/development/train/train-wagon/train-wagon.component.d.ts +1 -6
  289. package/development/train/train-wagon/train-wagon.component.d.ts.map +1 -1
  290. package/development/train/train-wagon/train-wagon.component.js +7 -12
  291. package/dialog/dialog/dialog.component.d.ts +0 -4
  292. package/dialog/dialog/dialog.component.d.ts.map +1 -1
  293. package/dialog/dialog/dialog.component.js +2 -2
  294. package/expansion-panel/expansion-panel/expansion-panel.component.d.ts +4 -16
  295. package/expansion-panel/expansion-panel/expansion-panel.component.d.ts.map +1 -1
  296. package/expansion-panel/expansion-panel/expansion-panel.component.js +48 -50
  297. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +1 -5
  298. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  299. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +26 -30
  300. package/file-selector/common/file-selector-common.d.ts.map +1 -1
  301. package/file-selector/common/file-selector-common.js +47 -37
  302. package/file-selector/file-selector/file-selector.component.d.ts +1 -5
  303. package/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  304. package/file-selector/file-selector/file-selector.component.js +3 -3
  305. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -5
  306. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  307. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +5 -5
  308. package/flip-card/flip-card/flip-card.component.d.ts +0 -4
  309. package/flip-card/flip-card/flip-card.component.d.ts.map +1 -1
  310. package/flip-card/flip-card/flip-card.component.js +35 -37
  311. package/form-field/form-field/form-field.component.js +1 -1
  312. package/form-field/form-field-clear/form-field-clear.component.d.ts +0 -1
  313. package/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  314. package/header/header-button/header-button.component.d.ts +0 -1
  315. package/header/header-button/header-button.component.d.ts.map +1 -1
  316. package/image/image.component.d.ts +0 -2
  317. package/image/image.component.d.ts.map +1 -1
  318. package/link/block-link-button/block-link-button.component.d.ts +0 -1
  319. package/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  320. package/link/link-button/link-button.component.d.ts +0 -1
  321. package/link/link-button/link-button.component.d.ts.map +1 -1
  322. package/menu/menu/menu.component.d.ts +0 -4
  323. package/menu/menu/menu.component.d.ts.map +1 -1
  324. package/menu/menu/menu.component.js +8 -8
  325. package/menu/menu-button/menu-button.component.d.ts +0 -1
  326. package/menu/menu-button/menu-button.component.d.ts.map +1 -1
  327. package/navigation/navigation/navigation.component.d.ts +0 -4
  328. package/navigation/navigation/navigation.component.d.ts.map +1 -1
  329. package/navigation/navigation/navigation.component.js +17 -17
  330. package/navigation/navigation-button/navigation-button.component.d.ts +0 -1
  331. package/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  332. package/notification/notification.component.d.ts +5 -16
  333. package/notification/notification.component.d.ts.map +1 -1
  334. package/notification/notification.component.js +54 -53
  335. package/option/option/option-base-element.d.ts +8 -3
  336. package/option/option/option-base-element.d.ts.map +1 -1
  337. package/option/option/option-base-element.js +22 -20
  338. package/option/option/option.component.d.ts +3 -11
  339. package/option/option/option.component.d.ts.map +1 -1
  340. package/option/option/option.component.js +23 -25
  341. package/overlay/overlay-base-element.d.ts +2 -3
  342. package/overlay/overlay-base-element.d.ts.map +1 -1
  343. package/overlay/overlay-base-element.js +42 -37
  344. package/overlay/overlay.component.d.ts +4 -8
  345. package/overlay/overlay.component.d.ts.map +1 -1
  346. package/overlay/overlay.component.js +11 -11
  347. package/package.json +1 -1
  348. package/paginator/common/paginator-common.d.ts.map +1 -1
  349. package/paginator/common/paginator-common.js +37 -34
  350. package/paginator/compact-paginator/compact-paginator.component.d.ts +0 -2
  351. package/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  352. package/paginator/paginator/paginator.component.d.ts +0 -2
  353. package/paginator/paginator/paginator.component.d.ts.map +1 -1
  354. package/popover/popover/popover.component.d.ts +6 -14
  355. package/popover/popover/popover.component.d.ts.map +1 -1
  356. package/popover/popover/popover.component.js +76 -67
  357. package/popover/popover-trigger/popover-trigger.component.d.ts +0 -1
  358. package/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  359. package/radio-button/radio-button/radio-button.component.d.ts +3 -3
  360. package/radio-button/radio-button/radio-button.component.js +10 -10
  361. package/radio-button/radio-button-group/radio-button-group.component.d.ts +0 -6
  362. package/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  363. package/radio-button/radio-button-group/radio-button-group.component.js +24 -26
  364. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts +3 -10
  365. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  366. package/radio-button/radio-button-panel/radio-button-panel.component.js +39 -40
  367. package/select/select.component.d.ts +6 -19
  368. package/select/select.component.d.ts.map +1 -1
  369. package/select/select.component.js +99 -101
  370. package/selection-expansion-panel/selection-expansion-panel.component.d.ts +6 -13
  371. package/selection-expansion-panel/selection-expansion-panel.component.d.ts.map +1 -1
  372. package/selection-expansion-panel/selection-expansion-panel.component.js +49 -51
  373. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +0 -1
  374. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  375. package/sidebar/sidebar/sidebar.component.d.ts +0 -4
  376. package/sidebar/sidebar/sidebar.component.d.ts.map +1 -1
  377. package/sidebar/sidebar/sidebar.component.js +28 -28
  378. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +0 -1
  379. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  380. package/slider/slider.component.d.ts +2 -7
  381. package/slider/slider.component.d.ts.map +1 -1
  382. package/slider/slider.component.js +38 -43
  383. package/stepper/step/step.component.d.ts +2 -10
  384. package/stepper/step/step.component.d.ts.map +1 -1
  385. package/stepper/step/step.component.js +26 -23
  386. package/stepper/step-label/step-label.component.d.ts +0 -1
  387. package/stepper/step-label/step-label.component.d.ts.map +1 -1
  388. package/stepper/stepper/stepper.component.js +6 -6
  389. package/tabs/tab-group/tab-group.component.d.ts +1 -4
  390. package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  391. package/tabs/tab-group/tab-group.component.js +55 -52
  392. package/tag/tag/tag.component.d.ts +0 -9
  393. package/tag/tag/tag.component.d.ts.map +1 -1
  394. package/tag/tag/tag.component.js +34 -40
  395. package/time-input/time-input.component.d.ts +0 -1
  396. package/time-input/time-input.component.d.ts.map +1 -1
  397. package/toast/toast.component.d.ts +0 -4
  398. package/toast/toast.component.d.ts.map +1 -1
  399. package/toast/toast.component.js +19 -19
  400. package/toggle/toggle/toggle.component.d.ts +0 -3
  401. package/toggle/toggle/toggle.component.d.ts.map +1 -1
  402. package/toggle/toggle/toggle.component.js +35 -40
  403. package/toggle-check/toggle-check.component.d.ts +2 -2
  404. package/train/train/train.component.d.ts +1 -6
  405. package/train/train/train.component.d.ts.map +1 -1
  406. package/train/train/train.component.js +33 -38
  407. package/train/train-formation/train-formation.component.js +1 -1
  408. package/train/train-wagon/train-wagon.component.d.ts +1 -6
  409. package/train/train-wagon/train-wagon.component.d.ts.map +1 -1
  410. package/train/train-wagon/train-wagon.component.js +48 -53
  411. package/core/eventing/event-emitter.d.ts +0 -23
  412. package/core/eventing/event-emitter.d.ts.map +0 -1
  413. package/core/eventing/event-emitter.js +0 -22
  414. package/core/interfaces/validation-change.d.ts +0 -4
  415. package/core/interfaces/validation-change.d.ts.map +0 -1
  416. package/development/core/eventing/event-emitter.d.ts +0 -23
  417. package/development/core/eventing/event-emitter.d.ts.map +0 -1
  418. package/development/core/eventing/event-emitter.js +0 -25
  419. package/development/core/interfaces/validation-change.d.ts +0 -4
  420. package/development/core/interfaces/validation-change.d.ts.map +0 -1
@@ -4,19 +4,19 @@ var x = (t) => {
4
4
  var S = (t, e, s) => e.has(t) || x("Cannot " + s);
5
5
  var b = (t, e, s) => (S(t, e, "read from private field"), s ? s.call(t) : e.get(t)), m = (t, e, s) => e.has(t) ? x("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), d = (t, e, s, i) => (S(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s);
6
6
  import { __esDecorate as f, __runInitializers as c } from "tslib";
7
- import { css as E, LitElement as B, html as C } from "lit";
8
- import { customElement as I, property as k } from "lit/decorators.js";
9
- import { slotState as D, getOverride as O } from "../../core/decorators.js";
10
- import { isLean as j } from "../../core/dom.js";
11
- import { SbbRadioButtonCommonElementMixin as w, radioButtonCommonStyle as L } from "../common.js";
7
+ import { css as E, LitElement as B, html as I } from "lit";
8
+ import { customElement as D, property as k } from "lit/decorators.js";
9
+ import { slotState as O, getOverride as j } from "../../core/decorators.js";
10
+ import { isLean as w } from "../../core/dom.js";
11
+ import { SbbRadioButtonCommonElementMixin as C, radioButtonCommonStyle as L } from "../common.js";
12
12
  const R = E`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}.sbb-radio-button{display:block}:host(:focus-visible) .sbb-radio-button{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`;
13
13
  let J = (() => {
14
14
  var r, n, o;
15
- let t = [I("sbb-radio-button"), D()], e, s = [], i, _ = w(B), v, h = [], p = [], z, g = [], y = [];
15
+ let t = [D("sbb-radio-button"), O()], e, s = [], i, _ = C(B), v, h = [], p = [], z, g = [], y = [];
16
16
  return o = class extends _ {
17
17
  constructor() {
18
18
  super(...arguments);
19
- m(this, r, c(this, h, j() ? "xs" : "m"));
19
+ m(this, r, c(this, h, w() ? "xs" : "m"));
20
20
  m(this, n, (c(this, p), c(this, g, null)));
21
21
  c(this, y);
22
22
  }
@@ -40,7 +40,7 @@ let J = (() => {
40
40
  d(this, n, l);
41
41
  }
42
42
  render() {
43
- return C`
43
+ return I`
44
44
  <label class="sbb-radio-button">
45
45
  <span class="sbb-radio-button__label-slot">
46
46
  <slot></slot>
@@ -50,13 +50,13 @@ let J = (() => {
50
50
  }
51
51
  }, r = new WeakMap(), n = new WeakMap(), i = o, (() => {
52
52
  const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
53
- v = [k({ reflect: !0 }), O((a, u) => a.group?.size ?? u)], z = [k()], f(o, null, v, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, u) => {
53
+ v = [k({ reflect: !0 }), j((a, u) => a.group?.size ?? u)], z = [k()], f(o, null, v, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, u) => {
54
54
  a.size = u;
55
55
  } }, metadata: l }, h, p), f(o, null, z, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, u) => {
56
56
  a.value = u;
57
57
  } }, metadata: l }, g, y), f(null, e = { value: i }, t, { kind: "class", name: i.name, metadata: l }, null, s), i = e.value, l && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
58
58
  })(), o.styles = [L, R], o.events = {
59
- stateChange: "stateChange",
59
+ statechange: "statechange",
60
60
  change: "change",
61
61
  input: "input"
62
62
  }, c(i, s), i;
@@ -9,7 +9,6 @@ declare const SbbRadioButtonGroupElement_base: import('../../core/mixins.js').Ab
9
9
  *
10
10
  * @slot - Use the unnamed slot to add `sbb-radio-button` elements to the `sbb-radio-button-group`.
11
11
  * @slot error - Use this to provide a `sbb-form-error` to show an error message.
12
- * @event {CustomEvent<void>} didChange - Deprecated. Only used for React. Will probably be removed once React 19 is available. Emits whenever the `sbb-radio-group` value changes.
13
12
  * @overrideType value - (T = string) | null
14
13
  */
15
14
  export declare class SbbRadioButtonGroupElement<T = string> extends SbbRadioButtonGroupElement_base {
@@ -55,11 +54,6 @@ export declare class SbbRadioButtonGroupElement<T = string> extends SbbRadioButt
55
54
  * List of contained radio buttons.
56
55
  */
57
56
  get radioButtons(): (SbbRadioButtonElement<T> | SbbRadioButtonPanelElement<T>)[];
58
- /**
59
- * Emits whenever the `sbb-radio-group` value changes.
60
- * @deprecated only used for React. Will probably be removed once React 19 is available.
61
- */
62
- private _didChange;
63
57
  constructor();
64
58
  connectedCallback(): void;
65
59
  protected willUpdate(changedProperties: PropertyValues<this>): void;
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;;GAOG;AACH,qBAGM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,gBAAgC,IAAI,gBAAgB;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,EAa7B;IACD,IAAW,KAAK,IAAI,CAAC,GAAG,IAAI,CAE3B;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAkB;IAExC;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,0BAA0B,CAAC,CAAC,CAAC,CAAC,EAAE,CAOtF;IAED;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;;IAOc,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,cAAc;IAetB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
1
+ {"version":3,"file":"radio-button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;AACH,qBAGM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,gBAAgC,IAAI,gBAAgB;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,EAa7B;IACD,IAAW,KAAK,IAAI,CAAC,GAAG,IAAI,CAE3B;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAkB;IAExC;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,0BAA0B,CAAC,CAAC,CAAC,CAAC,EAAE,CAOtF;;IAOe,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
@@ -4,17 +4,16 @@ var T = (a) => {
4
4
  var $ = (a, r, n) => r.has(a) || T("Cannot " + n);
5
5
  var u = (a, r, n) => ($(a, r, "read from private field"), n ? n.call(a) : r.get(a)), b = (a, r, n) => r.has(a) ? T("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, n), l = (a, r, n, d) => ($(a, r, "write to private field"), d ? d.call(a, n) : r.set(a, n), n);
6
6
  import { __esDecorate as h, __runInitializers as s } from "tslib";
7
- import { css as H, LitElement as J, html as K } from "lit";
8
- import { customElement as Q, property as c } from "lit/decorators.js";
9
- import { slotState as W, forceType as w } from "../../core/decorators.js";
10
- import { isLean as X } from "../../core/dom.js";
11
- import { EventEmitter as Y } from "../../core/eventing.js";
12
- import { SbbDisabledMixin as Z, SbbElementInternalsMixin as P } from "../../core/mixins.js";
13
- const tt = H`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-group-orientation: row;--sbb-radio-button-group-width: max-content;--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host ::slotted(sbb-radio-button-panel){flex:auto}:host([orientation=vertical]){--sbb-radio-button-group-orientation: column;--sbb-radio-button-group-width: 100%}:host([orientation=vertical]) ::slotted(sbb-radio-button-panel){width:100%}:host([data-has-panel]){--sbb-radio-button-group-width: 100%}:host([data-has-panel][orientation=vertical]){--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}.sbb-radio-group{display:flex;flex-direction:var(--sbb-radio-button-group-orientation);gap:var(--sbb-radio-button-group-gap);align-items:flex-start;width:var(--sbb-radio-button-group-width)}.sbb-radio-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-radio-group__error{display:none}`;
14
- let et = 0, ut = (() => {
7
+ import { css as G, LitElement as H, html as J } from "lit";
8
+ import { customElement as K, property as c } from "lit/decorators.js";
9
+ import { slotState as Q, forceType as v } from "../../core/decorators.js";
10
+ import { isLean as W } from "../../core/dom.js";
11
+ import { SbbDisabledMixin as X, SbbElementInternalsMixin as Y } from "../../core/mixins.js";
12
+ const Z = G`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-group-orientation: row;--sbb-radio-button-group-width: max-content;--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host ::slotted(sbb-radio-button-panel){flex:auto}:host([orientation=vertical]){--sbb-radio-button-group-orientation: column;--sbb-radio-button-group-width: 100%}:host([orientation=vertical]) ::slotted(sbb-radio-button-panel){width:100%}:host([data-has-panel]){--sbb-radio-button-group-width: 100%}:host([data-has-panel][orientation=vertical]){--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}.sbb-radio-group{display:flex;flex-direction:var(--sbb-radio-button-group-orientation);gap:var(--sbb-radio-button-group-gap);align-items:flex-start;width:var(--sbb-radio-button-group-width)}.sbb-radio-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-radio-group__error{display:none}`;
13
+ let P = 0, lt = (() => {
15
14
  var m, p, f, _, g, z, i;
16
- let a = [Q("sbb-radio-button-group"), W()], r, n = [], d, x = Z(P(J)), y = [], E, S = [], k = [], q, B = [], C = [], I, F, R = [], U = [], N, V = [], D = [], A, L = [], j = [], G, M = [], O = [];
17
- var v = (i = class extends x {
15
+ let a = [K("sbb-radio-button-group"), Q()], r, n = [], d, w = X(Y(H)), x = [], y, E = [], S = [], k, q = [], B = [], I, F, C = [], R = [], U, N = [], V = [], D, A = [], L = [], j, M = [], O = [];
16
+ return i = class extends w {
18
17
  constructor() {
19
18
  super();
20
19
  b(this, m);
@@ -23,7 +22,7 @@ let et = 0, ut = (() => {
23
22
  b(this, _);
24
23
  b(this, g);
25
24
  b(this, z);
26
- l(this, m, (s(this, y), s(this, S, !1))), l(this, p, (s(this, k), s(this, B, !1))), this._fallbackValue = (s(this, C), null), l(this, f, s(this, R, X() ? "xs" : "m")), l(this, _, (s(this, U), s(this, V, null))), l(this, g, (s(this, D), s(this, L, "horizontal"))), l(this, z, (s(this, j), s(this, M, `sbb-radio-button-group-${++et}`))), this._didChange = (s(this, O), new Y(this, v.events.didChange)), this.addEventListener?.("change", (e) => this._onRadioChange(e));
25
+ l(this, m, (s(this, x), s(this, E, !1))), l(this, p, (s(this, S), s(this, q, !1))), this._fallbackValue = (s(this, B), null), l(this, f, s(this, C, W() ? "xs" : "m")), l(this, _, (s(this, R), s(this, N, null))), l(this, g, (s(this, V), s(this, A, "horizontal"))), l(this, z, (s(this, L), s(this, M, `sbb-radio-button-group-${++P}`))), s(this, O), this.addEventListener?.("change", (e) => this._onRadioChange(e));
27
26
  }
28
27
  /**
29
28
  * Whether the radios can be deselected.
@@ -110,7 +109,7 @@ let et = 0, ut = (() => {
110
109
  }
111
110
  _onRadioChange(e) {
112
111
  const t = e.target;
113
- t.localName !== "sbb-radio-button" && t.localName !== "sbb-radio-button-panel" || t.group !== this || (this._fallbackValue = null, this._didChange.emit());
112
+ t.localName !== "sbb-radio-button" && t.localName !== "sbb-radio-button-panel" || t.group !== this || (this._fallbackValue = null, this.dispatchEvent(new Event("didChange", { bubbles: !0 })));
114
113
  }
115
114
  /**
116
115
  * Proxy 'name' to child radio-buttons
@@ -126,7 +125,7 @@ let et = 0, ut = (() => {
126
125
  this._fallbackValue && (this.value = this.value);
127
126
  }
128
127
  render() {
129
- return K`
128
+ return J`
130
129
  <div class="sbb-radio-group">
131
130
  <slot
132
131
  @slotchange=${() => {
@@ -140,29 +139,28 @@ let et = 0, ut = (() => {
140
139
  `;
141
140
  }
142
141
  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = i, (() => {
143
- const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
144
- E = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], q = [w(), c({ type: Boolean })], I = [c()], F = [c()], N = [c({ attribute: "horizontal-from", reflect: !0 })], A = [c({ reflect: !0 })], G = [w(), c()], h(i, null, E, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, o) => {
142
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
143
+ y = [v(), c({ attribute: "allow-empty-selection", type: Boolean })], k = [v(), c({ type: Boolean })], I = [c()], F = [c()], U = [c({ attribute: "horizontal-from", reflect: !0 })], D = [c({ reflect: !0 })], j = [v(), c()], h(i, null, y, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, o) => {
145
144
  t.allowEmptySelection = o;
146
- } }, metadata: e }, S, k), h(i, null, q, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, o) => {
145
+ } }, metadata: e }, E, S), h(i, null, k, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, o) => {
147
146
  t.required = o;
148
- } }, metadata: e }, B, C), h(i, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, o) => {
147
+ } }, metadata: e }, q, B), h(i, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, o) => {
149
148
  t.value = o;
150
- } }, metadata: e }, null, y), h(i, null, F, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, o) => {
149
+ } }, metadata: e }, null, x), h(i, null, F, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, o) => {
151
150
  t.size = o;
152
- } }, metadata: e }, R, U), h(i, null, N, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, o) => {
151
+ } }, metadata: e }, C, R), h(i, null, U, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, o) => {
153
152
  t.horizontalFrom = o;
154
- } }, metadata: e }, V, D), h(i, null, A, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, o) => {
153
+ } }, metadata: e }, N, V), h(i, null, D, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, o) => {
155
154
  t.orientation = o;
156
- } }, metadata: e }, L, j), h(i, null, G, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, o) => {
155
+ } }, metadata: e }, A, L), h(i, null, j, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, o) => {
157
156
  t.name = o;
158
- } }, metadata: e }, M, O), h(null, r = { value: d }, a, { kind: "class", name: d.name, metadata: e }, null, n), v = d = r.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
159
- })(), i.role = "radiogroup", i.styles = tt, i.events = {
157
+ } }, metadata: e }, M, O), h(null, r = { value: d }, a, { kind: "class", name: d.name, metadata: e }, null, n), d = r.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
158
+ })(), i.role = "radiogroup", i.styles = Z, i.events = {
160
159
  didChange: "didChange",
161
160
  change: "change",
162
161
  input: "input"
163
- }, s(d, n), i);
164
- return v = d;
162
+ }, s(d, n), d;
165
163
  })();
166
164
  export {
167
- ut as SbbRadioButtonGroupElement
165
+ lt as SbbRadioButtonGroupElement
168
166
  };
@@ -11,8 +11,8 @@ declare const SbbRadioButtonPanelElement_base: import('../../core/mixins.js').Ab
11
11
  * @slot subtext - Slot used to render a subtext under the label.
12
12
  * @slot suffix - Slot used to render additional content after the label.
13
13
  * @slot badge - Use this slot to provide a `sbb-card-badge` (optional).
14
- * @event {Event} change - Fired on change.
15
- * @event {InputEvent} input - Fired on input.
14
+ * @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
15
+ * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
16
16
  * @overrideType value - (T = string) | null
17
17
  */
18
18
  export declare class SbbRadioButtonPanelElement<T = string> extends SbbRadioButtonPanelElement_base {
@@ -20,8 +20,6 @@ export declare class SbbRadioButtonPanelElement<T = string> extends SbbRadioButt
20
20
  static readonly events: {
21
21
  readonly change: "change";
22
22
  readonly input: "input";
23
- readonly panelConnected: "panelConnected";
24
- readonly stateChange: "stateChange";
25
23
  };
26
24
  /**
27
25
  * Size variant, either s or m.
@@ -33,12 +31,6 @@ export declare class SbbRadioButtonPanelElement<T = string> extends SbbRadioButt
33
31
  */
34
32
  accessor value: T | null;
35
33
  private _hasSelectionExpansionPanelElement;
36
- /**
37
- * @internal
38
- * Internal event that emits whenever the state of the radio option
39
- * in relation to the parent selection panel changes.
40
- */
41
- private _stateChange;
42
34
  connectedCallback(): void;
43
35
  protected willUpdate(changedProperties: PropertyValues<this>): void;
44
36
  /**
@@ -49,6 +41,7 @@ export declare class SbbRadioButtonPanelElement<T = string> extends SbbRadioButt
49
41
  * As an exception, radio-panels with an expansion-panel attached are not checked automatically when navigating by keyboard
50
42
  */
51
43
  protected navigateByKeyboard(next: SbbRadioButtonPanelElement): Promise<void>;
44
+ private _dispatchChangeEvent;
52
45
  protected render(): TemplateResult;
53
46
  }
54
47
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-panel/radio-button-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;;GAWG;AACH,qBAGM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAG3F,gBAAuB,MAAM;;;;;MAKlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D;;OAEG;IACH,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC,OAAO,CAAC,kCAAkC,CAAkB;IAE5D;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAIlB;IAEc,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkB5E;;OAEG;cACgB,qBAAqB,IAAI,IAAI;IAShD;;OAEG;cACsB,kBAAkB,CAAC,IAAI,EAAE,0BAA0B,GAAG,OAAO,CAAC,IAAI,CAAC;cAQzE,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
1
+ {"version":3,"file":"radio-button-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-panel/radio-button-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;;GAWG;AACH,qBAGM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,+BAEpD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAG3F,gBAAuB,MAAM;;;MAGlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D;;OAEG;IACH,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC,OAAO,CAAC,kCAAkC,CAAkB;IAE5C,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkB5E;;OAEG;cACgB,qBAAqB,IAAI,IAAI;IAShD;;OAEG;cACsB,kBAAkB,CAAC,IAAI,EAAE,0BAA0B,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ5F,OAAO,CAAC,oBAAoB;cAST,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
@@ -1,66 +1,68 @@
1
- var x = (s) => {
1
+ var E = (s) => {
2
2
  throw TypeError(s);
3
3
  };
4
- var E = (s, a, i) => a.has(s) || x("Cannot " + i);
5
- var m = (s, a, i) => (E(s, a, "read from private field"), i ? i.call(s) : a.get(s)), h = (s, a, i) => a.has(s) ? x("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), d = (s, a, i, l) => (E(s, a, "write to private field"), l ? l.call(s, i) : a.set(s, i), i);
6
- import { __runInitializers as u, __esDecorate as p } from "tslib";
7
- import { LitElement as B, nothing as R, html as k } from "lit";
8
- import { customElement as w, property as C } from "lit/decorators.js";
9
- import { slotState as I, getOverride as P } from "../../core/decorators.js";
4
+ var S = (s, a, i) => a.has(s) || E("Cannot " + i);
5
+ var b = (s, a, i) => (S(s, a, "read from private field"), i ? i.call(s) : a.get(s)), h = (s, a, i) => a.has(s) ? E("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), d = (s, a, i, l) => (S(s, a, "write to private field"), l ? l.call(s, i) : a.set(s, i), i);
6
+ import { __runInitializers as u, __esDecorate as m } from "tslib";
7
+ import { LitElement as C, nothing as B, html as x } from "lit";
8
+ import { customElement as w, property as k } from "lit/decorators.js";
9
+ import { slotState as I, getOverride as R } from "../../core/decorators.js";
10
10
  import { isLean as D } from "../../core/dom.js";
11
- import { EventEmitter as M } from "../../core/eventing.js";
12
- import { SbbPanelMixin as O, SbbUpdateSchedulerMixin as U, panelCommonStyle as j } from "../../core/mixins.js";
13
- import { SbbRadioButtonCommonElementMixin as A, radioButtonCommonStyle as F } from "../common.js";
11
+ import { SbbPanelMixin as M, SbbUpdateSchedulerMixin as O, panelCommonStyle as P } from "../../core/mixins.js";
12
+ import { SbbRadioButtonCommonElementMixin as U, radioButtonCommonStyle as j } from "../common.js";
14
13
  import "../../screen-reader-only.js";
15
- let W = (() => {
14
+ let N = (() => {
16
15
  var o, r, n;
17
- let s = [w("sbb-radio-button-panel"), I()], a, i = [], l, _ = O(A(U(B))), f, g = [], v = [], y, S = [], z = [];
18
- var b = (n = class extends _ {
16
+ let s = [w("sbb-radio-button-panel"), I()], a, i = [], l, p = M(U(O(C))), _, f = [], v = [], g, y = [], z = [];
17
+ return n = class extends p {
19
18
  constructor() {
20
19
  super(...arguments);
21
20
  h(this, o);
22
21
  h(this, r);
23
- d(this, o, u(this, g, D() ? "s" : "m")), d(this, r, (u(this, v), u(this, S, null))), this._hasSelectionExpansionPanelElement = (u(this, z), !1), this._stateChange = new M(this, b.events.stateChange, { bubbles: !0 });
22
+ d(this, o, u(this, f, D() ? "s" : "m")), d(this, r, (u(this, v), u(this, y, null))), this._hasSelectionExpansionPanelElement = (u(this, z), !1);
24
23
  }
25
24
  /**
26
25
  * Size variant, either s or m.
27
26
  * @default 'm' / 's' (lean)
28
27
  */
29
28
  get size() {
30
- return m(this, o);
29
+ return b(this, o);
31
30
  }
32
- set size(t) {
33
- d(this, o, t);
31
+ set size(e) {
32
+ d(this, o, e);
34
33
  }
35
34
  /**
36
35
  * The value of the form element
37
36
  */
38
37
  get value() {
39
- return m(this, r);
38
+ return b(this, r);
40
39
  }
41
- set value(t) {
42
- d(this, r, t);
40
+ set value(e) {
41
+ d(this, r, e);
43
42
  }
44
43
  connectedCallback() {
45
44
  super.connectedCallback(), this._hasSelectionExpansionPanelElement = !!this.closest?.("sbb-selection-expansion-panel");
46
45
  }
47
- willUpdate(t) {
48
- super.willUpdate(t), t.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== t.get("checked") && this._stateChange.emit({ type: "checked", checked: this.checked })), t.has("disabled") && this.disabled !== t.get("disabled") && this._stateChange.emit({ type: "disabled", disabled: this.disabled });
46
+ willUpdate(e) {
47
+ super.willUpdate(e), e.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== e.get("checked") && this._dispatchChangeEvent({ type: "checked", checked: this.checked })), e.has("disabled") && this.disabled !== e.get("disabled") && this._dispatchChangeEvent({ type: "disabled", disabled: this.disabled });
49
48
  }
50
49
  /**
51
50
  * As an exception, panels with an expansion-panel attached are always focusable
52
51
  */
53
52
  updateFocusableRadios() {
54
- super.updateFocusableRadios(), Array.from(this.associatedRadioButtons ?? []).filter((e) => !e.disabled && e._hasSelectionExpansionPanelElement).forEach((e) => e.tabIndex = 0);
53
+ super.updateFocusableRadios(), Array.from(this.associatedRadioButtons ?? []).filter((t) => !t.disabled && t._hasSelectionExpansionPanelElement).forEach((t) => t.tabIndex = 0);
55
54
  }
56
55
  /**
57
56
  * As an exception, radio-panels with an expansion-panel attached are not checked automatically when navigating by keyboard
58
57
  */
59
- async navigateByKeyboard(t) {
60
- this._hasSelectionExpansionPanelElement ? t.focus() : await super.navigateByKeyboard(t);
58
+ async navigateByKeyboard(e) {
59
+ this._hasSelectionExpansionPanelElement ? e.focus() : await super.navigateByKeyboard(e);
60
+ }
61
+ _dispatchChangeEvent(e) {
62
+ this.dispatchEvent(new CustomEvent("statechange", { bubbles: !0, detail: e }));
61
63
  }
62
64
  render() {
63
- return k`
65
+ return x`
64
66
  <label class="sbb-selection-panel">
65
67
  <div class="sbb-selection-panel__badge">
66
68
  <slot name="badge"></slot>
@@ -71,26 +73,23 @@ let W = (() => {
71
73
  <slot name="suffix"></slot>
72
74
  </span>
73
75
  <slot name="subtext"></slot>
74
- ${this.expansionState ? k`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : R}
76
+ ${this.expansionState ? x`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : B}
75
77
  </span>
76
78
  </label>
77
79
  `;
78
80
  }
79
81
  }, o = new WeakMap(), r = new WeakMap(), l = n, (() => {
80
- const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
81
- f = [C({ reflect: !0 }), P((e, c) => e.group?.size ? e.group.size === "xs" ? "s" : e.group.size : c)], y = [C()], p(n, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
82
- e.size = c;
83
- } }, metadata: t }, g, v), p(n, null, y, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, get: (e) => e.value, set: (e, c) => {
84
- e.value = c;
85
- } }, metadata: t }, S, z), p(null, a = { value: l }, s, { kind: "class", name: l.name, metadata: t }, null, i), b = l = a.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
86
- })(), n.styles = [F, j], n.events = {
82
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
83
+ _ = [k({ reflect: !0 }), R((t, c) => t.group?.size ? t.group.size === "xs" ? "s" : t.group.size : c)], g = [k()], m(n, null, _, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, c) => {
84
+ t.size = c;
85
+ } }, metadata: e }, f, v), m(n, null, g, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, c) => {
86
+ t.value = c;
87
+ } }, metadata: e }, y, z), m(null, a = { value: l }, s, { kind: "class", name: l.name, metadata: e }, null, i), l = a.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
88
+ })(), n.styles = [j, P], n.events = {
87
89
  change: "change",
88
- input: "input",
89
- panelConnected: "panelConnected",
90
- stateChange: "stateChange"
91
- }, u(l, i), n);
92
- return b = l;
90
+ input: "input"
91
+ }, u(l, i), l;
93
92
  })();
94
93
  export {
95
- W as SbbRadioButtonPanelElement
94
+ N as SbbRadioButtonPanelElement
96
95
  };
@@ -6,12 +6,6 @@ declare const SbbSelectElement_base: import('../core/mixins.js').AbstractConstru
6
6
  * It displays a panel with selectable options.
7
7
  *
8
8
  * @slot - Use the unnamed slot to add options.
9
- * @event {CustomEvent<void>} change - Notifies that the component's value has changed.
10
- * @event {CustomEvent<void>} input - Notifies that an option value has been selected.
11
- * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-select` starts the opening transition. Can be canceled.
12
- * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-select` is opened.
13
- * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-select` begins the closing transition. Can be canceled.
14
- * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-select` is closed.
15
9
  * @cssprop [--sbb-select-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
16
10
  * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
17
11
  * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
@@ -23,19 +17,17 @@ export declare class SbbSelectElement<T = string> extends SbbSelectElement_base
23
17
  static readonly events: {
24
18
  readonly change: "change";
25
19
  readonly input: "input";
26
- readonly displayValueChange: "displayValueChange";
27
- readonly willOpen: "willOpen";
28
- readonly didOpen: "didOpen";
29
- readonly willClose: "willClose";
30
- readonly didClose: "didClose";
20
+ readonly displayvaluechange: "displayvaluechange";
21
+ readonly beforeopen: "beforeopen";
22
+ readonly open: "open";
23
+ readonly beforeclose: "beforeclose";
24
+ readonly close: "close";
31
25
  };
32
26
  /** The placeholder used if no value has been selected. */
33
27
  accessor placeholder: string;
34
28
  /** Whether the select allows for multiple selection. */
35
29
  accessor multiple: boolean;
36
30
  accessor disabled: boolean;
37
- /** Whether the select is readonly. */
38
- set readOnly(value: boolean);
39
31
  /** Value of the form element. */
40
32
  accessor value: T | T[] | null;
41
33
  /**
@@ -50,12 +42,6 @@ export declare class SbbSelectElement<T = string> extends SbbSelectElement_base
50
42
  get type(): string;
51
43
  /** The value displayed by the component. */
52
44
  private accessor _displayValue;
53
- /** Notifies that the component's value has changed. */
54
- private _change;
55
- /** Notifies that an option value has been selected. */
56
- private _input;
57
- /** @internal */
58
- private _displayValueChanged;
59
45
  private _originResizeObserver;
60
46
  private _overlay;
61
47
  private _optionContainer;
@@ -149,6 +135,7 @@ export declare class SbbSelectElement<T = string> extends SbbSelectElement_base
149
135
  private _onOptionSelected;
150
136
  /** When an option is unselected in `multiple`, removes it from value and updates displayValue. */
151
137
  private _onOptionDeselected;
138
+ private _dispatchInputEvents;
152
139
  private _attachOpenPanelEvents;
153
140
  private _onKeyDown;
154
141
  private _closedPanelKeyboardInteraction;
@@ -1 +1 @@
1
- {"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.component.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.component.ts"],"names":[],"mappings":"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"}