@sbb-esta/lyne-elements 1.2.1 → 1.4.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 (401) hide show
  1. package/autocomplete/autocomplete-base-element.d.ts +93 -0
  2. package/autocomplete/autocomplete-base-element.d.ts.map +1 -0
  3. package/autocomplete/autocomplete.d.ts +13 -86
  4. package/autocomplete/autocomplete.d.ts.map +1 -1
  5. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +45 -0
  6. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  7. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +33 -0
  8. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -0
  9. package/autocomplete-grid/autocomplete-grid-button.d.ts +2 -0
  10. package/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -0
  11. package/autocomplete-grid/autocomplete-grid-button.js +66 -0
  12. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts +17 -0
  13. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -0
  14. package/autocomplete-grid/autocomplete-grid-cell.d.ts +2 -0
  15. package/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -0
  16. package/autocomplete-grid/autocomplete-grid-cell.js +28 -0
  17. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +21 -0
  18. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -0
  19. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +2 -0
  20. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +1 -0
  21. package/autocomplete-grid/autocomplete-grid-optgroup.d.ts +2 -0
  22. package/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -0
  23. package/autocomplete-grid/autocomplete-grid-optgroup.js +37 -0
  24. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts +40 -0
  25. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -0
  26. package/autocomplete-grid/autocomplete-grid-option.d.ts +2 -0
  27. package/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -0
  28. package/autocomplete-grid/autocomplete-grid-option.js +67 -0
  29. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts +18 -0
  30. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -0
  31. package/autocomplete-grid/autocomplete-grid-row.d.ts +2 -0
  32. package/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -0
  33. package/autocomplete-grid/autocomplete-grid-row.js +31 -0
  34. package/autocomplete-grid/autocomplete-grid.d.ts +2 -0
  35. package/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  36. package/autocomplete-grid/autocomplete-grid.js +139 -0
  37. package/autocomplete-grid.d.ts +7 -0
  38. package/autocomplete-grid.d.ts.map +1 -0
  39. package/autocomplete-grid.js +6 -0
  40. package/autocomplete.d.ts +1 -0
  41. package/autocomplete.d.ts.map +1 -1
  42. package/autocomplete.js +162 -145
  43. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  44. package/button/common/button-common.d.ts.map +1 -1
  45. package/button/common.js +20 -20
  46. package/button/mini-button/mini-button-base-element.d.ts +9 -0
  47. package/button/mini-button/mini-button-base-element.d.ts.map +1 -0
  48. package/button/mini-button/mini-button.d.ts +3 -5
  49. package/button/mini-button/mini-button.d.ts.map +1 -1
  50. package/button/mini-button.d.ts +1 -0
  51. package/button/mini-button.d.ts.map +1 -1
  52. package/button/mini-button.js +27 -19
  53. package/calendar/calendar.d.ts.map +1 -1
  54. package/calendar.js +22 -20
  55. package/checkbox/checkbox/checkbox.d.ts +0 -1
  56. package/checkbox/checkbox/checkbox.d.ts.map +1 -1
  57. package/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  58. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  59. package/checkbox/checkbox-group.js +5 -3
  60. package/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  61. package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  62. package/checkbox/checkbox-panel.js +12 -11
  63. package/checkbox/checkbox.js +20 -19
  64. package/checkbox/common.js +13 -13
  65. package/container/container.js +3 -3
  66. package/core/datetime/date-adapter.d.ts +23 -13
  67. package/core/datetime/date-adapter.d.ts.map +1 -1
  68. package/core/datetime/native-date-adapter.d.ts +0 -1
  69. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  70. package/core/datetime.js +23 -23
  71. package/core/decorators/host-attributes.d.ts +1 -1
  72. package/core/decorators/slot-state.d.ts +18 -0
  73. package/core/decorators/slot-state.d.ts.map +1 -0
  74. package/core/decorators.d.ts +1 -0
  75. package/core/decorators.d.ts.map +1 -1
  76. package/core/decorators.js +15 -9
  77. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  78. package/core/mixins.js +3 -1
  79. package/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  80. package/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  81. package/core/overlay.js +2 -2
  82. package/core/styles/core.scss +1 -0
  83. package/core/styles/mixins/buttons.scss +28 -56
  84. package/core/styles/mixins/helpers.scss +1 -0
  85. package/core/styles/mixins/pearl-chain-bullet.scss +1 -1
  86. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +1 -0
  87. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +2 -1
  88. package/core.css +3 -1
  89. package/custom-elements.json +13640 -8731
  90. package/datepicker/common/datepicker-button.d.ts +5 -5
  91. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  92. package/datepicker/common.js +21 -20
  93. package/datepicker/datepicker/datepicker.d.ts +55 -38
  94. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  95. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  96. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  97. package/datepicker/datepicker-next-day.js +18 -18
  98. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  99. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  100. package/datepicker/datepicker-previous-day.js +14 -14
  101. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  102. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  103. package/datepicker/datepicker-toggle.js +25 -23
  104. package/datepicker/datepicker.js +147 -181
  105. package/development/autocomplete/autocomplete-base-element.d.ts +93 -0
  106. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -0
  107. package/development/autocomplete/autocomplete.d.ts +13 -86
  108. package/development/autocomplete/autocomplete.d.ts.map +1 -1
  109. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +45 -0
  110. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  111. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +33 -0
  112. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -0
  113. package/development/autocomplete-grid/autocomplete-grid-button.d.ts +2 -0
  114. package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -0
  115. package/development/autocomplete-grid/autocomplete-grid-button.js +224 -0
  116. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts +17 -0
  117. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -0
  118. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +2 -0
  119. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -0
  120. package/development/autocomplete-grid/autocomplete-grid-cell.js +67 -0
  121. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +21 -0
  122. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -0
  123. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +2 -0
  124. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +1 -0
  125. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +2 -0
  126. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -0
  127. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +45 -0
  128. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts +40 -0
  129. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -0
  130. package/development/autocomplete-grid/autocomplete-grid-option.d.ts +2 -0
  131. package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -0
  132. package/development/autocomplete-grid/autocomplete-grid-option.js +174 -0
  133. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts +18 -0
  134. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -0
  135. package/development/autocomplete-grid/autocomplete-grid-row.d.ts +2 -0
  136. package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -0
  137. package/development/autocomplete-grid/autocomplete-grid-row.js +143 -0
  138. package/development/autocomplete-grid/autocomplete-grid.d.ts +2 -0
  139. package/development/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  140. package/development/autocomplete-grid/autocomplete-grid.js +185 -0
  141. package/development/autocomplete-grid.d.ts +7 -0
  142. package/development/autocomplete-grid.d.ts.map +1 -0
  143. package/development/autocomplete-grid.js +7 -0
  144. package/development/autocomplete.d.ts +1 -0
  145. package/development/autocomplete.d.ts.map +1 -1
  146. package/development/autocomplete.js +168 -143
  147. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  148. package/development/breadcrumb/breadcrumb-group.js +1 -1
  149. package/development/button/common/button-common.d.ts.map +1 -1
  150. package/development/button/common.js +30 -25
  151. package/development/button/mini-button/mini-button-base-element.d.ts +9 -0
  152. package/development/button/mini-button/mini-button-base-element.d.ts.map +1 -0
  153. package/development/button/mini-button/mini-button.d.ts +3 -5
  154. package/development/button/mini-button/mini-button.d.ts.map +1 -1
  155. package/development/button/mini-button.d.ts +1 -0
  156. package/development/button/mini-button.d.ts.map +1 -1
  157. package/development/button/mini-button.js +45 -67
  158. package/development/calendar/calendar.d.ts.map +1 -1
  159. package/development/calendar.js +4 -2
  160. package/development/checkbox/checkbox/checkbox.d.ts +0 -1
  161. package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
  162. package/development/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  163. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  164. package/development/checkbox/checkbox-group.js +6 -5
  165. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  166. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  167. package/development/checkbox/checkbox-panel.js +5 -5
  168. package/development/checkbox/checkbox.js +11 -5
  169. package/development/checkbox/common.js +1 -3
  170. package/development/container/container.js +2 -1
  171. package/development/core/datetime/date-adapter.d.ts +23 -13
  172. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  173. package/development/core/datetime/native-date-adapter.d.ts +0 -1
  174. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  175. package/development/core/datetime.js +28 -26
  176. package/development/core/decorators/host-attributes.d.ts +1 -1
  177. package/development/core/decorators/slot-state.d.ts +18 -0
  178. package/development/core/decorators/slot-state.d.ts.map +1 -0
  179. package/development/core/decorators.d.ts +1 -0
  180. package/development/core/decorators.d.ts.map +1 -1
  181. package/development/core/decorators.js +11 -2
  182. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  183. package/development/core/mixins.js +4 -2
  184. package/development/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  185. package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  186. package/development/core/overlay.js +3 -3
  187. package/development/datepicker/common/datepicker-button.d.ts +5 -5
  188. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  189. package/development/datepicker/common.js +10 -9
  190. package/development/datepicker/datepicker/datepicker.d.ts +55 -38
  191. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  192. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  193. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  194. package/development/datepicker/datepicker-next-day.js +21 -60
  195. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  196. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  197. package/development/datepicker/datepicker-previous-day.js +21 -60
  198. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  199. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  200. package/development/datepicker/datepicker-toggle.js +16 -10
  201. package/development/datepicker/datepicker.js +134 -159
  202. package/development/dialog/dialog.js +1 -1
  203. package/development/file-selector/file-selector.d.ts +0 -1
  204. package/development/file-selector/file-selector.d.ts.map +1 -1
  205. package/development/file-selector.js +6 -5
  206. package/development/form-field/form-field/form-field.d.ts +1 -2
  207. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  208. package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  209. package/development/form-field/form-field-clear.js +22 -57
  210. package/development/form-field/form-field.js +10 -9
  211. package/development/icon/icon-base.d.ts.map +1 -1
  212. package/development/icon/icon.d.ts.map +1 -1
  213. package/development/icon.js +1 -1
  214. package/development/image/image.d.ts +1 -0
  215. package/development/image/image.d.ts.map +1 -1
  216. package/development/image.js +10 -4
  217. package/development/link/common/link-common.d.ts.map +1 -1
  218. package/development/link/common.js +6 -7
  219. package/development/link-list/link-list.d.ts +0 -1
  220. package/development/link-list/link-list.d.ts.map +1 -1
  221. package/development/link-list.js +5 -5
  222. package/development/map-container.js +15 -14
  223. package/development/navigation/navigation-list/navigation-list.d.ts +0 -1
  224. package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  225. package/development/navigation/navigation-list.js +5 -5
  226. package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  227. package/development/navigation/navigation-marker.js +1 -1
  228. package/development/navigation/navigation-section/navigation-section.d.ts +0 -1
  229. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  230. package/development/navigation/navigation-section.js +6 -6
  231. package/development/notification/notification.d.ts +5 -16
  232. package/development/notification/notification.d.ts.map +1 -1
  233. package/development/notification.js +8 -9
  234. package/development/option/optgroup/optgroup-base-element.d.ts +28 -0
  235. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -0
  236. package/development/option/optgroup/optgroup.d.ts +7 -20
  237. package/development/option/optgroup/optgroup.d.ts.map +1 -1
  238. package/development/option/optgroup.d.ts +1 -0
  239. package/development/option/optgroup.d.ts.map +1 -1
  240. package/development/option/optgroup.js +74 -49
  241. package/development/option/option/option-base-element.d.ts +69 -0
  242. package/development/option/option/option-base-element.d.ts.map +1 -0
  243. package/development/option/option/option.d.ts +14 -57
  244. package/development/option/option/option.d.ts.map +1 -1
  245. package/development/option/option.d.ts +1 -0
  246. package/development/option/option.d.ts.map +1 -1
  247. package/development/option/option.js +267 -220
  248. package/development/popover/popover/popover.d.ts +3 -1
  249. package/development/popover/popover/popover.d.ts.map +1 -1
  250. package/development/popover/popover-trigger.js +14 -49
  251. package/development/popover/popover.js +11 -4
  252. package/development/radio-button/common/radio-button-common.d.ts +1 -1
  253. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  254. package/development/radio-button/common.js +13 -12
  255. package/development/radio-button/radio-button/radio-button.d.ts +7 -1
  256. package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
  257. package/development/radio-button/radio-button-group/radio-button-group.d.ts +1 -2
  258. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  259. package/development/radio-button/radio-button-group.js +6 -6
  260. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +7 -1
  261. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  262. package/development/radio-button/radio-button-panel.js +17 -6
  263. package/development/radio-button/radio-button.js +17 -6
  264. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  265. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  266. package/development/selection-expansion-panel.js +6 -5
  267. package/development/skiplink-list/skiplink-list.d.ts +1 -1
  268. package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
  269. package/development/skiplink-list.js +5 -5
  270. package/development/status/status.d.ts +0 -1
  271. package/development/status/status.d.ts.map +1 -1
  272. package/development/status.js +5 -5
  273. package/development/stepper/stepper/stepper.d.ts +3 -1
  274. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  275. package/development/stepper/stepper.js +3 -2
  276. package/development/tabs/tab-group/tab-group.d.ts +3 -1
  277. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  278. package/development/tabs/tab-group.js +4 -10
  279. package/development/tabs/tab-label/tab-label.d.ts +0 -1
  280. package/development/tabs/tab-label/tab-label.d.ts.map +1 -1
  281. package/development/tabs/tab-label.js +5 -5
  282. package/development/tabs/tab.js +10 -2
  283. package/development/tag/tag/tag.d.ts +0 -1
  284. package/development/tag/tag/tag.d.ts.map +1 -1
  285. package/development/tag/tag-group.js +1 -1
  286. package/development/tag/tag.js +6 -5
  287. package/development/teaser/teaser.d.ts +0 -1
  288. package/development/teaser/teaser.d.ts.map +1 -1
  289. package/development/teaser.js +5 -5
  290. package/development/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  291. package/development/timetable-occupancy-icon.js +3 -6
  292. package/development/toast/toast.d.ts +1 -2
  293. package/development/toast/toast.d.ts.map +1 -1
  294. package/development/toast.js +10 -8
  295. package/development/toggle/toggle-option/toggle-option.d.ts +0 -1
  296. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  297. package/development/toggle/toggle-option.js +6 -6
  298. package/development/toggle/toggle.js +1 -1
  299. package/development/toggle-check/toggle-check.d.ts +0 -1
  300. package/development/toggle-check/toggle-check.d.ts.map +1 -1
  301. package/development/toggle-check.js +5 -5
  302. package/dialog/dialog.js +1 -1
  303. package/file-selector/file-selector.d.ts +0 -1
  304. package/file-selector/file-selector.d.ts.map +1 -1
  305. package/file-selector.js +17 -15
  306. package/form-field/form-field/form-field.d.ts +1 -2
  307. package/form-field/form-field/form-field.d.ts.map +1 -1
  308. package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  309. package/form-field/form-field-clear.js +17 -18
  310. package/form-field/form-field.js +18 -16
  311. package/icon/icon-base.d.ts.map +1 -1
  312. package/icon/icon.d.ts.map +1 -1
  313. package/image/image.d.ts +1 -0
  314. package/image/image.d.ts.map +1 -1
  315. package/image.js +24 -24
  316. package/index.d.ts +12 -0
  317. package/index.js +12 -0
  318. package/link/common/link-common.d.ts.map +1 -1
  319. package/link/common.js +9 -9
  320. package/link-list/link-list.d.ts +0 -1
  321. package/link-list/link-list.d.ts.map +1 -1
  322. package/link-list.js +8 -7
  323. package/map-container.js +8 -8
  324. package/navigation/navigation-list/navigation-list.d.ts +0 -1
  325. package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  326. package/navigation/navigation-list.js +9 -8
  327. package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  328. package/navigation/navigation-section/navigation-section.d.ts +0 -1
  329. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  330. package/navigation/navigation-section.js +10 -9
  331. package/notification/notification.d.ts +5 -16
  332. package/notification/notification.d.ts.map +1 -1
  333. package/notification.js +9 -9
  334. package/option/optgroup/optgroup-base-element.d.ts +28 -0
  335. package/option/optgroup/optgroup-base-element.d.ts.map +1 -0
  336. package/option/optgroup/optgroup.d.ts +7 -20
  337. package/option/optgroup/optgroup.d.ts.map +1 -1
  338. package/option/optgroup.d.ts +1 -0
  339. package/option/optgroup.d.ts.map +1 -1
  340. package/option/optgroup.js +80 -60
  341. package/option/option/option-base-element.d.ts +69 -0
  342. package/option/option/option-base-element.d.ts.map +1 -0
  343. package/option/option/option.d.ts +14 -57
  344. package/option/option/option.d.ts.map +1 -1
  345. package/option/option.d.ts +1 -0
  346. package/option/option.d.ts.map +1 -1
  347. package/option/option.js +184 -142
  348. package/package.json +36 -1
  349. package/popover/popover/popover.d.ts +3 -1
  350. package/popover/popover/popover.d.ts.map +1 -1
  351. package/popover/popover-trigger.js +13 -13
  352. package/popover/popover.js +55 -48
  353. package/radio-button/common/radio-button-common.d.ts +1 -1
  354. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  355. package/radio-button/common.js +6 -15
  356. package/radio-button/radio-button/radio-button.d.ts +7 -1
  357. package/radio-button/radio-button/radio-button.d.ts.map +1 -1
  358. package/radio-button/radio-button-group/radio-button-group.d.ts +1 -2
  359. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  360. package/radio-button/radio-button-group.js +7 -6
  361. package/radio-button/radio-button-panel/radio-button-panel.d.ts +7 -1
  362. package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  363. package/radio-button/radio-button-panel.js +33 -22
  364. package/radio-button/radio-button.js +30 -19
  365. package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  366. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  367. package/selection-expansion-panel.js +15 -13
  368. package/skiplink-list/skiplink-list.d.ts +1 -1
  369. package/skiplink-list/skiplink-list.d.ts.map +1 -1
  370. package/skiplink-list.js +4 -3
  371. package/standard-theme.css +3 -1
  372. package/status/status.d.ts +0 -1
  373. package/status/status.d.ts.map +1 -1
  374. package/status.js +9 -8
  375. package/stepper/stepper/stepper.d.ts +3 -1
  376. package/stepper/stepper/stepper.d.ts.map +1 -1
  377. package/stepper/stepper.js +7 -6
  378. package/tabs/tab-group/tab-group.d.ts +3 -1
  379. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  380. package/tabs/tab-group.js +25 -24
  381. package/tabs/tab-label/tab-label.d.ts +0 -1
  382. package/tabs/tab-label/tab-label.d.ts.map +1 -1
  383. package/tabs/tab-label.js +4 -3
  384. package/tabs/tab.js +10 -10
  385. package/tag/tag/tag.d.ts +0 -1
  386. package/tag/tag/tag.d.ts.map +1 -1
  387. package/tag/tag.js +6 -4
  388. package/teaser/teaser.d.ts +0 -1
  389. package/teaser/teaser.d.ts.map +1 -1
  390. package/teaser.js +4 -3
  391. package/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  392. package/timetable-occupancy-icon.js +22 -24
  393. package/toast/toast.d.ts +1 -2
  394. package/toast/toast.d.ts.map +1 -1
  395. package/toast.js +15 -12
  396. package/toggle/toggle-option/toggle-option.d.ts +0 -1
  397. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  398. package/toggle/toggle-option.js +12 -11
  399. package/toggle-check/toggle-check.d.ts +0 -1
  400. package/toggle-check/toggle-check.d.ts.map +1 -1
  401. package/toggle-check.js +4 -3
@@ -1,31 +1,32 @@
1
1
  import { css as b, LitElement as c, html as h } from "lit";
2
- import { property as d, state as _, customElement as u } from "lit/decorators.js";
3
- import { SbbLanguageController as m, SbbConnectedAbortController as x, SbbSlotStateController as v } from "./core/controllers.js";
4
- import { EventEmitter as a } from "./core/eventing.js";
2
+ import { property as d, state as _, customElement as m } from "lit/decorators.js";
3
+ import { SbbLanguageController as u, SbbConnectedAbortController as x } from "./core/controllers.js";
4
+ import { slotState as v } from "./core/decorators.js";
5
+ import { EventEmitter as o } from "./core/eventing.js";
5
6
  import { i18nExpanded as g, i18nCollapsed as f } from "./core/i18n.js";
6
7
  import { SbbHydrationMixin as w } from "./core/mixins.js";
7
8
  import "./divider.js";
8
9
  const y = b`*,:before,:after{box-sizing:border-box}:host{--sbb-selection-expansion-panel-background: var(--sbb-color-white);--sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-selection-expansion-panel-inner-background: transparent;--sbb-selection-expansion-panel-inner-border-width: 0px;--sbb-selection-expansion-panel-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-selection-expansion-panel-content-visibility: hidden;--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-selection-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:contents}:host([color=milk]){--sbb-selection-expansion-panel-background: var(--sbb-color-milk)}:host([data-checked]:not([data-disabled])){--sbb-selection-expansion-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-2x)}:host([data-slot-names~=content][data-disabled]){--sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud)}:host([borderless]:not([data-checked])){--sbb-selection-expansion-panel-border-color: transparent}:host([data-slot-names~=content]:where([data-state=opening],[data-state=opened])){--sbb-selection-expansion-panel-content-visibility: visible;--sbb-selection-expansion-panel-content-padding-block-end: var(--sbb-spacing-responsive-xs)}.sbb-selection-expansion-panel{flex:auto;position:relative;width:100%;background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-expansion-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-expansion-panel:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-expansion-panel-border-radius)}}.sbb-selection-expansion-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-selection-expansion-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not([data-slot-names~=content])) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-spacing-responsive-xxs)}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
9
- var k = Object.defineProperty, C = Object.getOwnPropertyDescriptor, s = (e, n, r, o) => {
10
- for (var i = o > 1 ? void 0 : o ? C(n, r) : n, l = e.length - 1, p; l >= 0; l--)
11
- (p = e[l]) && (i = (o ? p(n, r, i) : p(i)) || i);
12
- return o && i && k(n, r, i), i;
10
+ var k = Object.defineProperty, C = Object.getOwnPropertyDescriptor, s = (e, n, r, a) => {
11
+ for (var i = a > 1 ? void 0 : a ? C(n, r) : n, l = e.length - 1, p; l >= 0; l--)
12
+ (p = e[l]) && (i = (a ? p(n, r, i) : p(i)) || i);
13
+ return a && i && k(n, r, i), i;
13
14
  };
14
15
  let t = class extends w(c) {
15
16
  constructor() {
16
- super(), this.color = "white", this.forceOpen = !1, this.borderless = !1, this._willOpen = new a(
17
+ super(...arguments), this.color = "white", this.forceOpen = !1, this.borderless = !1, this._willOpen = new o(
17
18
  this,
18
19
  t.events.willOpen
19
- ), this._didOpen = new a(
20
+ ), this._didOpen = new o(
20
21
  this,
21
22
  t.events.didOpen
22
- ), this._willClose = new a(
23
+ ), this._willClose = new o(
23
24
  this,
24
25
  t.events.willClose
25
- ), this._didClose = new a(
26
+ ), this._didClose = new o(
26
27
  this,
27
28
  t.events.didClose
28
- ), this._language = new m(this), this._abort = new x(this), this._initialized = !1, new v(this);
29
+ ), this._language = new u(this), this._abort = new x(this), this._initialized = !1;
29
30
  }
30
31
  set _state(e) {
31
32
  this.setAttribute("data-state", e);
@@ -139,7 +140,8 @@ s([
139
140
  _()
140
141
  ], t.prototype, "_state", 1);
141
142
  t = s([
142
- u("sbb-selection-expansion-panel")
143
+ m("sbb-selection-expansion-panel"),
144
+ v()
143
145
  ], t);
144
146
  export {
145
147
  t as SbbSelectionExpansionPanelElement
@@ -8,6 +8,7 @@ declare const SbbSkiplinkListElement_base: import('../core/mixins.js').AbstractC
8
8
  * It displays a list of `sbb-block-link`/`sbb-block-link-button` which are visible only when focused.
9
9
  *
10
10
  * @slot - Use the unnamed slot to add `sbb-block-link`/`sbb-block-link-button` elements to the `sbb-skiplink-list`.
11
+ * @slot title - Use this to provide a title for the skiplink-list (optional).
11
12
  * @cssprop [--sbb-skiplink-list-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
12
13
  * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
13
14
  * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
@@ -19,7 +20,6 @@ export declare class SbbSkiplinkListElement extends SbbSkiplinkListElement_base
19
20
  titleContent?: string;
20
21
  /** The semantic level of the title, e.g. 2 = h2. */
21
22
  titleLevel: SbbTitleLevel;
22
- constructor();
23
23
  protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
24
24
  protected render(): TemplateResult;
25
25
  }
@@ -1 +1 @@
1
- {"version":3,"file":"skiplink-list.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list/skiplink-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;;;GAOG;AACH,qBACa,sBAAuB,SAAQ,2BAG/B;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAA+C;IAE9F,uDAAuD;IACS,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,oDAAoD;IACL,UAAU,EAAE,aAAa,CAAO;;cAO5D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAW3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
1
+ {"version":3,"file":"skiplink-list.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list/skiplink-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;;;;GAQG;AACH,qBAEa,sBAAuB,SAAQ,2BAG/B;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAA+C;IAE9F,uDAAuD;IACS,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,oDAAoD;IACL,UAAU,EAAE,aAAa,CAAO;cAE5D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAW3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
package/skiplink-list.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css as d, LitElement as v, html as p, nothing as k } from "lit";
2
2
  import { property as n, customElement as h } from "lit/decorators.js";
3
- import { SbbSlotStateController as c } from "./core/controllers.js";
3
+ import { slotState as c } from "./core/decorators.js";
4
4
  import { SbbNamedSlotListMixin as f } from "./core/mixins.js";
5
5
  import "./title.js";
6
6
  const w = d`*,:before,:after{box-sizing:border-box}:host{--sbb-skiplink-list-height: 0;--sbb-skiplink-list-overflow: hidden;--sbb-skiplink-list-background: transparent;--sbb-skiplink-list-border: unset;display:block}.sbb-skiplink-list__wrapper{position:fixed;inset-block-start:var(--sbb-spacing-fixed-4x);inset-inline-start:var(--sbb-spacing-fixed-4x);z-index:calc(var(--sbb-skiplink-list-z-index, var(--sbb-overlay-default-z-index)) + 1)}.sbb-skiplink-list{list-style:none;margin:0;padding:0;font-size:inherit}.sbb-skiplink-list>:is(li,span){box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);height:var(--sbb-skiplink-list-height);overflow:var(--sbb-skiplink-list-overflow);border-radius:var(--sbb-border-radius-4x);background-color:var(--sbb-skiplink-list-background);border:var(--sbb-skiplink-list-border);width:fit-content}.sbb-skiplink-list>:is(li,span):focus-within{--sbb-skiplink-list-height: auto;--sbb-skiplink-list-overflow: visible;--sbb-skiplink-list-background: var(--sbb-color-black);--sbb-skiplink-list-border: var(--sbb-border-width-2x) solid var(--sbb-color-white)}::slotted([data-sbb-link]){--sbb-focus-outline-color: transparent;--sbb-link-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xxs)}`;
@@ -11,7 +11,7 @@ var u = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (e, s, b
11
11
  };
12
12
  let l = class extends f(v) {
13
13
  constructor() {
14
- super(), this.listChildLocalNames = ["sbb-block-link", "sbb-block-link-button"], this.titleLevel = "2", new c(this);
14
+ super(...arguments), this.listChildLocalNames = ["sbb-block-link", "sbb-block-link-button"], this.titleLevel = "2";
15
15
  }
16
16
  willUpdate(e) {
17
17
  if (super.willUpdate(e), e.has("listChildren"))
@@ -44,7 +44,8 @@ a([
44
44
  n({ attribute: "title-level" })
45
45
  ], l.prototype, "titleLevel", 2);
46
46
  l = a([
47
- h("sbb-skiplink-list")
47
+ h("sbb-skiplink-list"),
48
+ c()
48
49
  ], l);
49
50
  export {
50
51
  l as SbbSkiplinkListElement
@@ -218,7 +218,7 @@ summary {
218
218
 
219
219
  /**
220
220
  * Do not edit directly
221
- * Generated on Fri, 14 Jun 2024 15:20:35 GMT
221
+ * Generated on Mon, 15 Jul 2024 09:40:16 GMT
222
222
  */
223
223
  *,
224
224
  ::before,
@@ -361,6 +361,7 @@ summary {
361
361
  --sbb-color-aluminium: #d2d2d2;
362
362
  --sbb-color-silver: #dcdcdc;
363
363
  --sbb-color-cloud: #e5e5e5;
364
+ --sbb-color-cloud-alpha-80: rgba(229, 229, 229, 0.8);
364
365
  --sbb-color-milk: #f6f6f6;
365
366
  --sbb-color-red: #eb0000;
366
367
  --sbb-color-red-alpha-0: rgba(235, 0, 0, 0);
@@ -1453,6 +1454,7 @@ sbb-form-field[negative] textarea::-webkit-scrollbar-button, sbb-form-field[nega
1453
1454
  }
1454
1455
 
1455
1456
  :is(sbb-autocomplete,
1457
+ sbb-autocomplete-grid,
1456
1458
  sbb-dialog,
1457
1459
  sbb-menu,
1458
1460
  sbb-navigation,
@@ -19,7 +19,6 @@ export declare class SbbStatusElement extends SbbStatusElement_base {
19
19
  titleContent?: string;
20
20
  /** Level of title, it will be rendered as heading tag (e.g. h3). Defaults to level 3. */
21
21
  titleLevel: SbbTitleLevel;
22
- constructor();
23
22
  protected renderIconSlot(): TemplateResult;
24
23
  protected render(): TemplateResult;
25
24
  }
@@ -1 +1 @@
1
- {"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/elements/status/status.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,aAAa,CAAC;AAGrB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;;AAErE;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,qBAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAK1B;IAEH,8BAA8B;IACM,IAAI,EAAE,aAAa,CAAU;IAEjE,wBAAwB;IACwC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,yFAAyF;IAC1C,UAAU,EAAE,aAAa,CAAO;;cAO5D,cAAc,IAAI,cAAc;cAQhC,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/elements/status/status.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;;AAErE;;;;;;GAMG;AACH,qBAEa,gBAAiB,SAAQ,qBAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAK1B;IAEH,8BAA8B;IACM,IAAI,EAAE,aAAa,CAAU;IAEjE,wBAAwB;IACwC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,yFAAyF;IAC1C,UAAU,EAAE,aAAa,CAAO;cAE5D,cAAc,IAAI,cAAc;cAQhC,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
package/status.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import { css as p, LitElement as u, html as c } from "lit";
2
2
  import { property as i, customElement as v } from "lit/decorators.js";
3
- import { SbbSlotStateController as m } from "./core/controllers.js";
3
+ import { slotState as m } from "./core/decorators.js";
4
4
  import { SbbIconNameMixin as f } from "./icon.js";
5
5
  import "./title.js";
6
6
  const y = p`*,:before,:after{box-sizing:border-box}:host{--sbb-status-gap: var(--sbb-spacing-fixed-1x);--sbb-status-icon-color: var(--sbb-color-iron);--sbb-status-text-color: var(--sbb-color-iron);--_sbb-status-icon-font-size: var(--sbb-font-size-text-s);display:block}:host([type=error]){--sbb-status-text-color: var(--sbb-color-red125)}:host(:is([type=error],[type=error]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-red125)}:host([type=success]){--sbb-status-text-color: var(--sbb-color-green)}:host(:is([type=success],[type=success]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-green)}:host([type=warning]){--sbb-status-icon-color: var(--sbb-color-charcoal);--sbb-status-text-color: var(--sbb-color-charcoal)}:host(:is([data-slot-names~=title],[title-content])){--sbb-status-text-color: var(--sbb-color-granite);--sbb-status-icon-color: var(--sbb-color-charcoal);--sbb-status-gap: var(--sbb-spacing-responsive-xxxs);--_sbb-status-icon-font-size: var(--sbb-font-size-title-5)}.sbb-status{--sbb-text-font-size: var(--sbb-font-size-text-s);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);display:flex;gap:var(--sbb-status-gap);color:var(--sbb-status-text-color)}.sbb-status__icon{display:flex;flex-shrink:0;color:var(--sbb-status-icon-color);margin-block-start:calc((var(--_sbb-status-icon-font-size) * var(--sbb-typo-line-height-body-text) - var(--sbb-size-icon-ui-small)) / 2)}.sbb-status__title{margin-block:0}:host(:not(:is([data-slot-names~=title],[title-content]))) .sbb-status__title{display:none}.sbb-status__content-slot{display:inline;margin:0;padding:0}`;
7
- var h = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (n, e, b, o) => {
8
- for (var t = o > 1 ? void 0 : o ? x(e, b) : e, a = n.length - 1, l; a >= 0; a--)
9
- (l = n[a]) && (t = (o ? l(e, b, t) : l(t)) || t);
10
- return o && t && h(e, b, t), t;
7
+ var h = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (n, e, a, o) => {
8
+ for (var t = o > 1 ? void 0 : o ? x(e, a) : e, b = n.length - 1, l; b >= 0; b--)
9
+ (l = n[b]) && (t = (o ? l(e, a, t) : l(t)) || t);
10
+ return o && t && h(e, a, t), t;
11
11
  };
12
12
  let s = class extends f(u) {
13
13
  constructor() {
14
- super(), this._statusTypes = /* @__PURE__ */ new Map([
14
+ super(...arguments), this._statusTypes = /* @__PURE__ */ new Map([
15
15
  ["info", "circle-information-small"],
16
16
  ["success", "circle-tick-small"],
17
17
  ["warning", "circle-exclamation-point-small"],
18
18
  ["error", "circle-cross-small"]
19
- ]), this.type = "info", this.titleLevel = "3", new m(this);
19
+ ]), this.type = "info", this.titleLevel = "3";
20
20
  }
21
21
  renderIconSlot() {
22
22
  return c`
@@ -52,7 +52,8 @@ r([
52
52
  i({ attribute: "title-level" })
53
53
  ], s.prototype, "titleLevel", 2);
54
54
  s = r([
55
- v("sbb-status")
55
+ v("sbb-status"),
56
+ m()
56
57
  ], s);
57
58
  export {
58
59
  s as SbbStatusElement
@@ -2,13 +2,14 @@ import { CSSResultGroup, LitElement, TemplateResult, PropertyValues } from 'lit'
2
2
  import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
3
3
  import { SbbStepElement } from '../step.js';
4
4
 
5
+ declare const SbbStepperElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
5
6
  /**
6
7
  * Provides a structured, step-by-step workflow for user interactions.
7
8
  * @slot - Provide a `sbb-expansion-panel-header` and a `sbb-expansion-panel-content` to the stepper.
8
9
  * @slot step-label - Use this slot to provide an `sbb-step-label`.
9
10
  * @slot step - Use this slot to provide an `sbb-step`.
10
11
  */
11
- export declare class SbbStepperElement extends LitElement {
12
+ export declare class SbbStepperElement extends SbbStepperElement_base {
12
13
  static styles: CSSResultGroup;
13
14
  /** If set to true, only the current and previous labels can be clicked and selected. */
14
15
  linear: boolean;
@@ -56,4 +57,5 @@ declare global {
56
57
  'sbb-stepper': SbbStepperElement;
57
58
  }
58
59
  }
60
+ export {};
59
61
  //# sourceMappingURL=stepper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/stepper/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAA+B,MAAM,YAAY,CAAC;AAM9E;;;;;GAKG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wFAAwF;IACpD,MAAM,UAAS;IAEnD,yDAAyD;IACzD,IACW,cAAc,CAAC,KAAK,EAAE,iBAAiB,EAKjD;IACD,IAAW,cAAc,IAAI,iBAAiB,GAAG,SAAS,CAEzD;IACD,OAAO,CAAC,eAAe,CAAC,CAAgC;IAExD,wDAAwD;IAEjD,WAAW,EAAE,cAAc,CAAgB;IAElD,mCAAmC;IACnC,IACW,QAAQ,CAAC,IAAI,EAAE,cAAc,EAIvC;IACD,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAEhD;IAED,yCAAyC;IACzC,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,EAIrC;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,SAAS,CAE7C;IAED,gCAAgC;IAChC,IAAW,KAAK,IAAI,cAAc,EAAE,CAEnC;IAED,OAAO,KAAK,aAAa,GAExB;IAED,6BAA6B;IACtB,IAAI,IAAI,IAAI;IAMnB,iCAAiC;IAC1B,QAAQ,IAAI,IAAI;IAMvB,yFAAyF;IAClF,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,sBAAsB,CAA8C;IAE5E,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,OAAO;IAwBf,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,oBAAoB;IAUZ,iBAAiB,IAAI,IAAI;cAWhB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAU1E,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,OAAO,CAAC,cAAc;cAmBH,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
1
+ {"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/stepper/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,cAAc,EAA+B,MAAM,YAAY,CAAC;;AAM9E;;;;;GAKG;AACH,qBACa,iBAAkB,SAAQ,sBAA6B;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wFAAwF;IACpD,MAAM,UAAS;IAEnD,yDAAyD;IACzD,IACW,cAAc,CAAC,KAAK,EAAE,iBAAiB,EAKjD;IACD,IAAW,cAAc,IAAI,iBAAiB,GAAG,SAAS,CAEzD;IACD,OAAO,CAAC,eAAe,CAAC,CAAgC;IAExD,wDAAwD;IAEjD,WAAW,EAAE,cAAc,CAAgB;IAElD,mCAAmC;IACnC,IACW,QAAQ,CAAC,IAAI,EAAE,cAAc,EAIvC;IACD,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAEhD;IAED,yCAAyC;IACzC,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,EAIrC;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,SAAS,CAE7C;IAED,gCAAgC;IAChC,IAAW,KAAK,IAAI,cAAc,EAAE,CAEnC;IAED,OAAO,KAAK,aAAa,GAExB;IAED,6BAA6B;IACtB,IAAI,IAAI,IAAI;IAMnB,iCAAiC;IAC1B,QAAQ,IAAI,IAAI;IAMvB,yFAAyF;IAClF,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,sBAAsB,CAA8C;IAE5E,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,OAAO;IAwBf,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,oBAAoB;IAUZ,iBAAiB,IAAI,IAAI;cAWhB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAU1E,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,OAAO,CAAC,cAAc;cAmBH,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
@@ -3,14 +3,15 @@ import { property as l, customElement as f } from "lit/decorators.js";
3
3
  import { isArrowKeyPressed as u, getNextElementIndex as m } from "../core/a11y.js";
4
4
  import { SbbConnectedAbortController as _ } from "../core/controllers.js";
5
5
  import { breakpoints as v, isBreakpoint as g } from "../core/dom.js";
6
- const x = h`*,:before,:after{box-sizing:border-box}:host{--sbb-stepper-orientation: row;--sbb-stepper-border-width: var(--sbb-border-width-1x);--sbb-stepper-marker-size: 0;--sbb-stepper-marker-width: var(--sbb-border-width-3x);--sbb-stepper-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-stepper-marker-color: var(--sbb-color-charcoal);display:block;position:relative;counter-reset:step-label}@media (forced-colors: active){:host{--sbb-stepper-marker-color: ButtonText}}:host([data-disable-animation]){--sbb-disable-animation-time: .1ms;--sbb-disable-animation-zero-time: 0s}:host([orientation=vertical]){--sbb-stepper-orientation: column}.sbb-stepper{width:100%}.sbb-stepper__labels{display:flex;flex-direction:var(--sbb-stepper-orientation);position:relative;justify-content:space-between;margin-block-end:var(--sbb-spacing-responsive-m)}.sbb-stepper__labels:before{content:"";position:absolute;inset-inline-start:calc(var(--sbb-stepper-border-width) * -1);background-color:var(--sbb-stepper-marker-color)}:host([orientation=horizontal]) .sbb-stepper__labels{gap:var(--sbb-spacing-fixed-4x);padding-block-end:var(--sbb-spacing-fixed-4x);border-block-end:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=horizontal]) .sbb-stepper__labels:before{inset-block-end:calc(var(--sbb-stepper-border-width) * -1);height:var(--sbb-stepper-marker-width);width:var(--sbb-stepper-marker-size);transition:width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([orientation=vertical]) .sbb-stepper__labels{padding-inline-start:var(--sbb-spacing-fixed-4x);border-inline-start:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=vertical]) .sbb-stepper__labels:before{inset-block-start:0;width:var(--sbb-stepper-marker-width);height:var(--sbb-stepper-marker-size);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}.sbb-stepper__steps{position:relative}:host([orientation=horizontal]) .sbb-stepper__steps{height:var(--sbb-stepper-content-height);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}::slotted(sbb-step-label):before{content:counter(step-label);counter-increment:step-label}`;
7
- var z = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, t, s, i) => {
8
- for (var r = i > 1 ? void 0 : i ? w(t, s) : t, a = e.length - 1, d; a >= 0; a--)
6
+ import { SbbHydrationMixin as x } from "../core/mixins.js";
7
+ const z = h`*,:before,:after{box-sizing:border-box}:host{--sbb-stepper-orientation: row;--sbb-stepper-border-width: var(--sbb-border-width-1x);--sbb-stepper-marker-size: 0;--sbb-stepper-marker-width: var(--sbb-border-width-3x);--sbb-stepper-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-stepper-marker-color: var(--sbb-color-charcoal);display:block;position:relative;counter-reset:step-label}@media (forced-colors: active){:host{--sbb-stepper-marker-color: ButtonText}}:host([data-disable-animation]){--sbb-disable-animation-time: .1ms;--sbb-disable-animation-zero-time: 0s}:host([orientation=vertical]){--sbb-stepper-orientation: column}.sbb-stepper{width:100%}.sbb-stepper__labels{display:flex;flex-direction:var(--sbb-stepper-orientation);position:relative;justify-content:space-between;margin-block-end:var(--sbb-spacing-responsive-m)}.sbb-stepper__labels:before{content:"";position:absolute;inset-inline-start:calc(var(--sbb-stepper-border-width) * -1);background-color:var(--sbb-stepper-marker-color)}:host([orientation=horizontal]) .sbb-stepper__labels{gap:var(--sbb-spacing-fixed-4x);padding-block-end:var(--sbb-spacing-fixed-4x);border-block-end:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=horizontal]) .sbb-stepper__labels:before{inset-block-end:calc(var(--sbb-stepper-border-width) * -1);height:var(--sbb-stepper-marker-width);width:var(--sbb-stepper-marker-size);transition:width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([orientation=vertical]) .sbb-stepper__labels{padding-inline-start:var(--sbb-spacing-fixed-4x);border-inline-start:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=vertical]) .sbb-stepper__labels:before{inset-block-start:0;width:var(--sbb-stepper-marker-width);height:var(--sbb-stepper-marker-size);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}.sbb-stepper__steps{position:relative}:host([orientation=horizontal]) .sbb-stepper__steps{height:var(--sbb-stepper-content-height);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}::slotted(sbb-step-label):before{content:counter(step-label);counter-increment:step-label}`;
8
+ var w = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (e, t, s, i) => {
9
+ for (var r = i > 1 ? void 0 : i ? y(t, s) : t, a = e.length - 1, d; a >= 0; a--)
9
10
  (d = e[a]) && (r = (i ? d(t, s, r) : d(r)) || r);
10
- return i && r && z(t, s, r), r;
11
+ return i && r && w(t, s, r), r;
11
12
  };
12
13
  const b = 150;
13
- let o = class extends p {
14
+ let o = class extends x(p) {
14
15
  constructor() {
15
16
  super(...arguments), this.linear = !1, this.orientation = "horizontal", this._loaded = !1, this._abort = new _(this), this._resizeObserverTimeout = null;
16
17
  }
@@ -167,7 +168,7 @@ let o = class extends p {
167
168
  `;
168
169
  }
169
170
  };
170
- o.styles = x;
171
+ o.styles = z;
171
172
  n([
172
173
  l({ type: Boolean })
173
174
  ], o.prototype, "linear", 2);
@@ -25,6 +25,7 @@ export interface InterfaceSbbTabGroupTab extends SbbTabLabelElement {
25
25
  tabGroupActions?: InterfaceSbbTabGroupActions;
26
26
  size: 's' | 'l' | 'xl';
27
27
  }
28
+ declare const SbbTabGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
28
29
  /**
29
30
  * It displays one or more tabs, each one with a label and a content.
30
31
  *
@@ -32,7 +33,7 @@ export interface InterfaceSbbTabGroupTab extends SbbTabLabelElement {
32
33
  * `sbb-tab-label` and `sbb-tab` instances.
33
34
  * @event {CustomEvent<SbbTabChangedEventDetails>} didChange - Emits an event on selected tab change.
34
35
  */
35
- export declare class SbbTabGroupElement extends LitElement {
36
+ export declare class SbbTabGroupElement extends SbbTabGroupElement_base {
36
37
  static styles: CSSResultGroup;
37
38
  static readonly events: {
38
39
  readonly didChange: "didChange";
@@ -93,4 +94,5 @@ declare global {
93
94
  'sbb-tab-group': SbbTabGroupElement;
94
95
  }
95
96
  }
97
+ export {};
96
98
  //# sourceMappingURL=tab-group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab-group/tab-group.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab-group/tab-group.ts"],"names":[],"mappings":"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"}
package/tabs/tab-group.js CHANGED
@@ -1,27 +1,28 @@
1
1
  import { css as h, LitElement as u, html as f } from "lit";
2
- import { property as d, customElement as v } from "lit/decorators.js";
2
+ import { property as c, customElement as v } from "lit/decorators.js";
3
3
  import { ref as p } from "lit/directives/ref.js";
4
4
  import { isArrowKeyPressed as _, getNextElementIndex as g } from "../core/a11y.js";
5
5
  import { SbbConnectedAbortController as m } from "../core/controllers.js";
6
6
  import { EventEmitter as A, throttle as T } from "../core/eventing.js";
7
- import { AgnosticMutationObserver as x, AgnosticResizeObserver as c } from "../core/observers.js";
7
+ import { SbbHydrationMixin as x } from "../core/mixins.js";
8
+ import { AgnosticMutationObserver as C, AgnosticResizeObserver as d } from "../core/observers.js";
8
9
  import { SbbTabElement as y } from "./tab.js";
9
- const C = h`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-tab-group-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );display:block}.tab-group{display:flex;flex-wrap:wrap}.tab-content{margin-block-start:var(--sbb-spacing-responsive-m);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}.tab-content:after,.tab-content:before{content:" ";display:block;visibility:hidden;height:0}.tab-content ::slotted(*){visibility:hidden;opacity:0;height:0;overflow:hidden;position:relative}.tab-content ::slotted(*[active]){visibility:visible;opacity:1;height:fit-content;overflow:unset;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,visibility}.tab-content ::slotted([role=tabpanel]:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`;
10
- var E = Object.defineProperty, z = Object.getOwnPropertyDescriptor, b = (t, i, e, n) => {
11
- for (var s = n > 1 ? void 0 : n ? z(i, e) : i, o = t.length - 1, r; o >= 0; o--)
12
- (r = t[o]) && (s = (n ? r(i, e, s) : r(s)) || s);
13
- return n && s && E(i, e, s), s;
10
+ const E = h`*,:before,:after{box-sizing:border-box}:host{--sbb-tab-group-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );display:block}.tab-group{display:flex;flex-wrap:wrap}.tab-content{margin-block-start:var(--sbb-spacing-responsive-m);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}.tab-content ::slotted(*){visibility:hidden;opacity:0;height:0;overflow:hidden;position:relative}.tab-content ::slotted(*[active]){visibility:visible;opacity:1;height:fit-content;overflow:unset;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,visibility}.tab-content ::slotted([role=tabpanel]:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`;
11
+ var z = Object.defineProperty, G = Object.getOwnPropertyDescriptor, b = (t, i, e, n) => {
12
+ for (var s = n > 1 ? void 0 : n ? G(i, e) : i, r = t.length - 1, o; r >= 0; r--)
13
+ (o = t[r]) && (s = (n ? o(i, e, s) : o(s)) || s);
14
+ return n && s && z(i, e, s), s;
14
15
  };
15
- const G = {
16
+ const I = {
16
17
  attributeFilter: ["active", "disabled"]
17
18
  };
18
- let I = 0, a = class extends u {
19
+ let S = 0, a = class extends x(u) {
19
20
  constructor() {
20
- super(...arguments), this._tabs = [], this._abort = new m(this), this._tabAttributeObserver = new x(
21
+ super(...arguments), this._tabs = [], this._abort = new m(this), this._tabAttributeObserver = new C(
21
22
  (t) => this._onTabAttributesChange(t)
22
- ), this._tabGroupResizeObserver = new c(
23
+ ), this._tabGroupResizeObserver = new d(
23
24
  (t) => this._onTabGroupElementResize(t)
24
- ), this._tabContentResizeObserver = new c(
25
+ ), this._tabContentResizeObserver = new d(
25
26
  (t) => this._onTabContentElementResize(t)
26
27
  ), this._size = "l", this.initialSelectedIndex = 0, this._selectedTabChanged = new A(
27
28
  this,
@@ -92,7 +93,7 @@ let I = 0, a = class extends u {
92
93
  super.disconnectedCallback(), this._tabAttributeObserver.disconnect(), this._tabContentResizeObserver.disconnect(), this._tabGroupResizeObserver.disconnect();
93
94
  }
94
95
  _assignId() {
95
- return `sbb-tab-panel-${++I}`;
96
+ return `sbb-tab-panel-${++S}`;
96
97
  }
97
98
  _initSelection() {
98
99
  var t, i, e;
@@ -103,8 +104,8 @@ let I = 0, a = class extends u {
103
104
  for (const s of t) {
104
105
  if (s.type !== "attributes")
105
106
  return;
106
- const o = s.target;
107
- s.attributeName === "disabled" && (o.hasAttribute("disabled") && o !== this._selectedTab ? (i = o.tabGroupActions) == null || i.disable() : o.disabled && ((e = o.tabGroupActions) == null || e.enable())), s.attributeName === "active" && (o.hasAttribute("active") && !o.disabled ? (n = o.tabGroupActions) == null || n.select() : o === this._selectedTab && o.toggleAttribute("active", !0));
107
+ const r = s.target;
108
+ s.attributeName === "disabled" && (r.hasAttribute("disabled") && r !== this._selectedTab ? (i = r.tabGroupActions) == null || i.disable() : r.disabled && ((e = r.tabGroupActions) == null || e.enable())), s.attributeName === "active" && (r.hasAttribute("active") && !r.disabled ? (n = r.tabGroupActions) == null || n.select() : r === this._selectedTab && r.toggleAttribute("active", !0));
108
109
  }
109
110
  }
110
111
  _onTabGroupElementResize(t) {
@@ -146,12 +147,12 @@ let I = 0, a = class extends u {
146
147
  if (t !== this._selectedTab && !t.disabled) {
147
148
  const s = this._selectedTab;
148
149
  s && ((e = s.tabGroupActions) == null || e.deactivate(), this._tabContentResizeObserver.unobserve(s.tab)), (n = t.tabGroupActions) == null || n.activate(), this._selectedTab = t, this._tabContentResizeObserver.observe(t.tab);
149
- const o = this._tabs;
150
+ const r = this._tabs;
150
151
  this._selectedTabChanged.emit({
151
- activeIndex: o.findIndex((r) => r === t),
152
+ activeIndex: r.findIndex((o) => o === t),
152
153
  activeTabLabel: t,
153
154
  activeTab: t.tab,
154
- previousIndex: o.findIndex((r) => r === s),
155
+ previousIndex: r.findIndex((o) => o === s),
155
156
  previousTabLabel: s,
156
157
  previousTab: s == null ? void 0 : s.tab
157
158
  });
@@ -160,15 +161,15 @@ let I = 0, a = class extends u {
160
161
  }, ((i = t.nextElementSibling) == null ? void 0 : i.localName) === "sbb-tab" && (t.tab = t.nextElementSibling, t.tab.id = this._assignId(), t.tab instanceof y && (t.tab.tabIndex = 0, t.tab.configure())), t.tabIndex = -1, t.disabled = t.hasAttribute("disabled"), t.active = t.hasAttribute("active") && !t.disabled, t.setAttribute("role", "tab"), t.setAttribute("aria-selected", "false"), t.addEventListener("click", () => {
161
162
  var e;
162
163
  (e = t.tabGroupActions) == null || e.select();
163
- }), t.tab && (t.setAttribute("aria-controls", t.tab.id), t.tab.setAttribute("role", "tabpanel"), t.tab.toggleAttribute("active", t.active)), this._tabAttributeObserver.observe(t, G), t.slot = "tab-bar";
164
+ }), t.tab && (t.setAttribute("aria-controls", t.tab.id), t.tab.setAttribute("role", "tabpanel"), t.tab.toggleAttribute("active", t.active)), this._tabAttributeObserver.observe(t, I), t.slot = "tab-bar";
164
165
  }
165
166
  _handleKeyDown(t) {
166
167
  var e, n, s;
167
168
  const i = this._enabledTabs;
168
169
  if (!(!i || // don't trap nested handling
169
170
  t.target !== this && t.target.parentElement !== this) && _(t)) {
170
- const o = i.findIndex((l) => l.active), r = g(t, o, i.length);
171
- (n = (e = i[r]) == null ? void 0 : e.tabGroupActions) == null || n.select(), (s = i[r]) == null || s.focus(), t.preventDefault();
171
+ const r = i.findIndex((l) => l.active), o = g(t, r, i.length);
172
+ (n = (e = i[o]) == null ? void 0 : e.tabGroupActions) == null || n.select(), (s = i[o]) == null || s.focus(), t.preventDefault();
172
173
  }
173
174
  }
174
175
  render() {
@@ -187,15 +188,15 @@ let I = 0, a = class extends u {
187
188
  `;
188
189
  }
189
190
  };
190
- a.styles = C;
191
+ a.styles = E;
191
192
  a.events = {
192
193
  didChange: "didChange"
193
194
  };
194
195
  b([
195
- d()
196
+ c()
196
197
  ], a.prototype, "size", 1);
197
198
  b([
198
- d({ attribute: "initial-selected-index", type: Number })
199
+ c({ attribute: "initial-selected-index", type: Number })
199
200
  ], a.prototype, "initialSelectedIndex", 2);
200
201
  a = b([
201
202
  v("sbb-tab-group")
@@ -20,7 +20,6 @@ export declare class SbbTabLabelElement extends SbbTabLabelElement_base {
20
20
  active?: boolean;
21
21
  /** Amount displayed inside the tab. */
22
22
  amount?: string;
23
- constructor();
24
23
  protected render(): TemplateResult;
25
24
  }
26
25
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"tab-label.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab-label/tab-label.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAIpD;;;;;;GAMG;AACH,qBACa,kBAAmB,SAAQ,uBAA8C;IACpF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgB,KAAK,EAAE,aAAa,CAAO;IAE9C,uBAAuB;IAC4B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEpE,uCAAuC;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;;cAOjC,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
1
+ {"version":3,"file":"tab-label.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab-label/tab-label.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAIpD;;;;;;GAMG;AACH,qBAEa,kBAAmB,SAAQ,uBAA8C;IACpF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgB,KAAK,EAAE,aAAa,CAAO;IAE9C,uBAAuB;IAC4B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEpE,uCAAuC;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;cAEjC,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
package/tabs/tab-label.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { css as v, LitElement as f } from "lit";
2
2
  import { property as r, customElement as d } from "lit/decorators.js";
3
3
  import { html as m, unsafeStatic as c } from "lit/static-html.js";
4
- import { SbbSlotStateController as p } from "../core/controllers.js";
4
+ import { slotState as p } from "../core/decorators.js";
5
5
  import { SbbDisabledMixin as h } from "../core/mixins.js";
6
6
  import { SbbIconNameMixin as u } from "../icon.js";
7
7
  const g = v`*,:before,:after{box-sizing:border-box}:host{--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-color: var(--sbb-color-granite);--sbb-tab-label-icon-color: var(--sbb-color-black);--sbb-tab-label-background-color: var(--sbb-color-white);--sbb-tab-label-cursor: pointer;--sbb-tab-label-pointer-events: unset;--sbb-tab-label-inset: 0;--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-marker-transform: scale(0);--sbb-tab-label-text-decoration: none;--sbb-tab-label-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-tab-label-animation-easing: var(--sbb-animation-easing);--sbb-tab-label-amount-color: var(--sbb-color-metal);display:inline-block;max-width:100%;pointer-events:var(--sbb-tab-label-pointer-events);-webkit-tap-highlight-color:transparent;outline:none!important}@media (forced-colors: active){:host{--sbb-tab-label-color: ButtonText;--sbb-tab-label-icon-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host([data-size=s]){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs)}:host([disabled]){--sbb-tab-label-icon-color: var(--sbb-color-granite);--sbb-tab-label-background-color: var(--sbb-color-milk);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media (forced-colors: active){:host([disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-icon-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host([active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-charcoal);--sbb-tab-label-icon-color: var(--sbb-tab-label-color);--sbb-tab-label-background-color: var(--sbb-color-black);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-transform: scale(1)}@media (forced-colors: active){:host([active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-icon-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media (any-hover: hover){:host(:hover:not([disabled])){--sbb-tab-label-marker-transform: scale(1)}}:host(:is([data-active],:active)){--sbb-tab-label-color: var(--sbb-color-charcoal)}.sbb-tab-label__wrapper{position:relative}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-tab-label__wrapper:before{content:"";position:absolute;display:block;inset:calc((var(--sbb-focus-outline-width) + var(--sbb-focus-outline-offset)) * -1);border:var(--sbb-focus-outline-width) solid var(--sbb-focus-outline-color);border-radius:var(--sbb-border-radius-2x);z-index:1}.sbb-tab-label{position:relative;margin:0;min-height:var(--sbb-tab-label-height);display:flex;align-items:center;padding-inline:var(--sbb-tab-label-inline-padding);gap:var(--sbb-spacing-fixed-2x);-webkit-user-select:none;user-select:none;cursor:var(--sbb-tab-label-cursor);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);color:var(--sbb-tab-label-icon-color)}:host([data-has-divider]) .sbb-tab-label:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-color-cloud)}.sbb-tab-label:before{position:absolute;content:"";inset-inline:0;inset-block-end:0;height:.1875rem;background-color:var(--sbb-tab-label-color);transform:var(--sbb-tab-label-marker-transform);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:transform,background-color;z-index:1}.sbb-tab-label__icon,.sbb-tab-label__text,.sbb-tab-label__amount{text-decoration:var(--sbb-tab-label-text-decoration)}.sbb-tab-label__icon{display:flex;flex-shrink:0;color:var(--sbb-tab-label-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{--sbb-text-font-size: var(--sbb-font-size-text-m);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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sbb-tab-label-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing)}:host([data-size=s]) .sbb-tab-label__text{--sbb-text-font-size: var(--sbb-font-size-text-s);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}:host([data-size=xl]) .sbb-tab-label__text{--sbb-text-font-size: var(--sbb-font-size-text-xl);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}.sbb-tab-label__amount{--sbb-text-font-size: var(--sbb-font-size-text-m);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);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;color:var(--sbb-tab-label-amount-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tab-label__amount{display:none}:host([data-size=s]) .sbb-tab-label__amount{--sbb-text-font-size: var(--sbb-font-size-text-s);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)}:host([data-size=xl]) .sbb-tab-label__amount{--sbb-text-font-size: var(--sbb-font-size-text-xl);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)}`;
@@ -12,7 +12,7 @@ var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (a, e, l
12
12
  };
13
13
  let b = class extends h(u(f)) {
14
14
  constructor() {
15
- super(), this.level = "1", new p(this);
15
+ super(...arguments), this.level = "1";
16
16
  }
17
17
  render() {
18
18
  const a = `h${Number(this.level) < 7 ? this.level : "1"}`;
@@ -44,7 +44,8 @@ s([
44
44
  r({ reflect: !0 })
45
45
  ], b.prototype, "amount", 2);
46
46
  b = s([
47
- d("sbb-tab-label")
47
+ d("sbb-tab-label"),
48
+ p()
48
49
  ], b);
49
50
  export {
50
51
  b as SbbTabLabelElement
package/tabs/tab.js CHANGED
@@ -1,12 +1,12 @@
1
- import { css as a, LitElement as n, html as u } from "lit";
2
- import { customElement as m } from "lit/decorators.js";
3
- const p = a`*,:before,:after{box-sizing:border-box}:host{display:block}`;
4
- var c = Object.defineProperty, v = Object.getOwnPropertyDescriptor, _ = (e, l, r, s) => {
5
- for (var t = s > 1 ? void 0 : s ? v(l, r) : l, b = e.length - 1, i; b >= 0; b--)
1
+ import { css as n, LitElement as a, html as h } from "lit";
2
+ import { customElement as c } from "lit/decorators.js";
3
+ const p = n`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:block}:host:after,:host:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}`;
4
+ var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, m = (e, l, r, s) => {
5
+ for (var t = s > 1 ? void 0 : s ? f(l, r) : l, b = e.length - 1, i; b >= 0; b--)
6
6
  (i = e[b]) && (t = (s ? i(l, r, t) : i(t)) || t);
7
- return s && t && c(l, r, t), t;
7
+ return s && t && u(l, r, t), t;
8
8
  };
9
- let o = class extends n {
9
+ let o = class extends a {
10
10
  constructor() {
11
11
  super(...arguments), this._label = null;
12
12
  }
@@ -25,7 +25,7 @@ let o = class extends n {
25
25
  this._label = this._getTabLabel();
26
26
  }
27
27
  render() {
28
- return u`
28
+ return h`
29
29
  <div class="sbb-tab">
30
30
  <slot></slot>
31
31
  </div>
@@ -33,8 +33,8 @@ let o = class extends n {
33
33
  }
34
34
  };
35
35
  o.styles = p;
36
- o = _([
37
- m("sbb-tab")
36
+ o = m([
37
+ c("sbb-tab")
38
38
  ], o);
39
39
  export {
40
40
  o as SbbTabElement
package/tag/tag/tag.d.ts CHANGED
@@ -37,7 +37,6 @@ export declare class SbbTagElement extends SbbTagElement_base {
37
37
  /** Change event emitter */
38
38
  private _change;
39
39
  private _abort;
40
- constructor();
41
40
  connectedCallback(): void;
42
41
  /** Method triggered on button click. Inverts the checked value and emits events. */
43
42
  private _handleClick;
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/elements/tag/tag/tag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AASnE,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;;AAEnC;;;;;;;;;GASG;AACH,qBACa,aAAc,SAAQ,kBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,uCAAuC;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpD,kCAAkC;IACiB,OAAO,UAAS;IAEnE,gBAAgB;IAChB,IACW,IAAI,CAAC,KAAK,EAAE,UAAU,EAEhC;IACD,IAAW,IAAI,IAAI,UAAU,CAE5B;IACD,OAAO,CAAC,KAAK,CAAmB;IAEhC,4CAA4C;IAC5C,OAAO,CAAC,MAAM,CAAmC;IAEjD,0BAA0B;IAC1B,OAAO,CAAC,MAAM,CAGX;IAEH,4FAA4F;IAC5F,OAAO,CAAC,UAAU,CAEf;IAEH,2BAA2B;IAC3B,OAAO,CAAC,OAAO,CAEZ;IAEH,OAAO,CAAC,MAAM,CAAyC;;IAOvC,iBAAiB,IAAI,IAAI;IAMzC,oFAAoF;IACpF,OAAO,CAAC,YAAY;cAgBD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAazD,cAAc,IAAI,cAAc;CAWpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/elements/tag/tag/tag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAUnE,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;;AAEnC;;;;;;;;;GASG;AACH,qBAEa,aAAc,SAAQ,kBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,uCAAuC;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpD,kCAAkC;IACiB,OAAO,UAAS;IAEnE,gBAAgB;IAChB,IACW,IAAI,CAAC,KAAK,EAAE,UAAU,EAEhC;IACD,IAAW,IAAI,IAAI,UAAU,CAE5B;IACD,OAAO,CAAC,KAAK,CAAmB;IAEhC,4CAA4C;IAC5C,OAAO,CAAC,MAAM,CAAmC;IAEjD,0BAA0B;IAC1B,OAAO,CAAC,MAAM,CAGX;IAEH,4FAA4F;IAC5F,OAAO,CAAC,UAAU,CAEf;IAEH,2BAA2B;IAC3B,OAAO,CAAC,OAAO,CAEZ;IAEH,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;IAMzC,oFAAoF;IACpF,OAAO,CAAC,YAAY;cAgBD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAazD,cAAc,IAAI,cAAc;CAWpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}
package/tag/tag.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { css as d, html as g } from "lit";
2
2
  import { property as c, customElement as h } from "lit/decorators.js";
3
3
  import { SbbButtonBaseElement as v } from "../core/base-elements.js";
4
- import { SbbConnectedAbortController as u, SbbSlotStateController as m } from "../core/controllers.js";
4
+ import { SbbConnectedAbortController as u } from "../core/controllers.js";
5
+ import { slotState as m } from "../core/decorators.js";
5
6
  import { EventEmitter as l } from "../core/eventing.js";
6
7
  import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
7
8
  import { SbbIconNameMixin as f } from "../icon.js";
@@ -15,14 +16,14 @@ let o = class extends f(
15
16
  p(v)
16
17
  ) {
17
18
  constructor() {
18
- super(), this.checked = !1, this._size = "m", this._group = null, this._input = new l(this, o.events.input, {
19
+ super(...arguments), this.checked = !1, this._size = "m", this._group = null, this._input = new l(this, o.events.input, {
19
20
  bubbles: !0,
20
21
  composed: !0
21
22
  }), this._didChange = new l(this, o.events.didChange, {
22
23
  bubbles: !0
23
24
  }), this._change = new l(this, o.events.change, {
24
25
  bubbles: !0
25
- }), this._abort = new u(this), new m(this);
26
+ }), this._abort = new u(this);
26
27
  }
27
28
  set size(t) {
28
29
  this._size = t;
@@ -75,7 +76,8 @@ r([
75
76
  c({ reflect: !0 })
76
77
  ], o.prototype, "size", 1);
77
78
  o = r([
78
- h("sbb-tag")
79
+ h("sbb-tag"),
80
+ m()
79
81
  ], o);
80
82
  export {
81
83
  o as SbbTagElement
@@ -20,7 +20,6 @@ export declare class SbbTeaserElement extends SbbLinkBaseElement {
20
20
  titleContent?: string;
21
21
  /** Content of chip. */
22
22
  chipContent?: string;
23
- constructor();
24
23
  protected renderTemplate(): TemplateResult;
25
24
  }
26
25
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser/teaser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AAErB;;;;;;;GAOG;AACH,qBACa,gBAAiB,SAAQ,kBAAkB;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gFAAgF;IAC5C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAChE;IAEnB,2DAA2D;IACZ,UAAU,EAAE,aAAa,CAAO;IAE/E,wBAAwB;IACyB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEvE,uBAAuB;IACwC,WAAW,CAAC,EAAE,MAAM,CAAC;;cAOjE,cAAc,IAAI,cAAc;CAoBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser/teaser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AAErB;;;;;;;GAOG;AACH,qBAEa,gBAAiB,SAAQ,kBAAkB;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gFAAgF;IAC5C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAChE;IAEnB,2DAA2D;IACZ,UAAU,EAAE,aAAa,CAAO;IAE/E,wBAAwB;IACyB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEvE,uBAAuB;IACwC,WAAW,CAAC,EAAE,MAAM,CAAC;cAEjE,cAAc,IAAI,cAAc;CAoBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}