@sbb-esta/lyne-elements 1.13.0 → 1.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (889) hide show
  1. package/accordion/accordion.d.ts +4 -8
  2. package/accordion/accordion.d.ts.map +1 -1
  3. package/accordion.js +90 -81
  4. package/action-group/action-group.d.ts +5 -5
  5. package/action-group/action-group.d.ts.map +1 -1
  6. package/action-group.js +100 -50
  7. package/alert/alert/alert.d.ts +11 -11
  8. package/alert/alert/alert.d.ts.map +1 -1
  9. package/alert/alert-group/alert-group.d.ts +4 -4
  10. package/alert/alert-group/alert-group.d.ts.map +1 -1
  11. package/alert/alert-group.js +101 -69
  12. package/alert/alert.js +191 -104
  13. package/autocomplete/autocomplete-base-element.d.ts +3 -7
  14. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  15. package/autocomplete/autocomplete.d.ts.map +1 -1
  16. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
  17. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -0
  18. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  19. package/autocomplete-grid/autocomplete-grid-button.js +53 -60
  20. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -1
  21. package/autocomplete-grid/autocomplete-grid-cell.js +20 -22
  22. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
  23. package/autocomplete-grid/autocomplete-grid-optgroup.js +31 -35
  24. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -1
  25. package/autocomplete-grid/autocomplete-grid-option.js +45 -63
  26. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -1
  27. package/autocomplete-grid/autocomplete-grid-row.js +23 -25
  28. package/autocomplete-grid/autocomplete-grid.js +112 -133
  29. package/autocomplete.js +283 -295
  30. package/breadcrumb/breadcrumb/breadcrumb.d.ts +1 -1
  31. package/breadcrumb/breadcrumb/breadcrumb.d.ts.map +1 -1
  32. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  33. package/breadcrumb/breadcrumb-group.js +107 -114
  34. package/breadcrumb/breadcrumb.js +44 -35
  35. package/button/button/button.d.ts.map +1 -1
  36. package/button/button-link/button-link.d.ts.map +1 -1
  37. package/button/button-link.js +15 -18
  38. package/button/button-static/button-static.d.ts.map +1 -1
  39. package/button/button-static.js +15 -18
  40. package/button/button.js +15 -18
  41. package/button/common/button-common.d.ts +4 -4
  42. package/button/common/button-common.d.ts.map +1 -1
  43. package/button/common.js +41 -30
  44. package/button/mini-button/mini-button-base-element.d.ts.map +1 -1
  45. package/button/mini-button/mini-button.d.ts.map +1 -1
  46. package/button/mini-button-group/mini-button-group.d.ts +2 -2
  47. package/button/mini-button-group/mini-button-group.d.ts.map +1 -1
  48. package/button/mini-button-group.js +55 -43
  49. package/button/mini-button.js +30 -34
  50. package/button/secondary-button/secondary-button.d.ts.map +1 -1
  51. package/button/secondary-button-link/secondary-button-link.d.ts.map +1 -1
  52. package/button/secondary-button-link.js +15 -18
  53. package/button/secondary-button-static/secondary-button-static.d.ts.map +1 -1
  54. package/button/secondary-button-static.js +15 -18
  55. package/button/secondary-button.js +15 -18
  56. package/button/tertiary-button/tertiary-button.d.ts.map +1 -1
  57. package/button/tertiary-button-link/tertiary-button-link.d.ts.map +1 -1
  58. package/button/tertiary-button-link.js +15 -18
  59. package/button/tertiary-button-static/tertiary-button-static.d.ts.map +1 -1
  60. package/button/tertiary-button-static.js +15 -18
  61. package/button/tertiary-button.js +15 -18
  62. package/button/transparent-button/transparent-button.d.ts.map +1 -1
  63. package/button/transparent-button-link/transparent-button-link.d.ts.map +1 -1
  64. package/button/transparent-button-link.js +15 -18
  65. package/button/transparent-button-static/transparent-button-static.d.ts.map +1 -1
  66. package/button/transparent-button-static.js +15 -18
  67. package/button/transparent-button.js +15 -18
  68. package/calendar/calendar.d.ts +7 -7
  69. package/calendar/calendar.d.ts.map +1 -1
  70. package/calendar.js +644 -699
  71. package/card/card/card.d.ts +2 -2
  72. package/card/card/card.d.ts.map +1 -1
  73. package/card/card-badge/card-badge.d.ts +1 -1
  74. package/card/card-badge/card-badge.d.ts.map +1 -1
  75. package/card/card-badge.js +45 -34
  76. package/card/card-button/card-button.d.ts.map +1 -1
  77. package/card/card-button.js +16 -16
  78. package/card/card-link/card-link.d.ts.map +1 -1
  79. package/card/card-link.js +17 -17
  80. package/card/card.js +55 -36
  81. package/card/common/card-action-common.d.ts +1 -1
  82. package/card/common/card-action-common.d.ts.map +1 -1
  83. package/card/common.js +27 -33
  84. package/checkbox/checkbox/checkbox.d.ts +3 -4
  85. package/checkbox/checkbox/checkbox.d.ts.map +1 -1
  86. package/checkbox/checkbox-group/checkbox-group.d.ts +4 -4
  87. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  88. package/checkbox/checkbox-group.js +99 -76
  89. package/checkbox/checkbox-panel/checkbox-panel.d.ts +2 -3
  90. package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  91. package/checkbox/checkbox-panel.js +51 -50
  92. package/checkbox/checkbox.js +54 -43
  93. package/checkbox/common/checkbox-common.d.ts +1 -1
  94. package/checkbox/common/checkbox-common.d.ts.map +1 -1
  95. package/checkbox/common.js +39 -24
  96. package/chip/chip.d.ts +2 -2
  97. package/chip/chip.d.ts.map +1 -1
  98. package/chip.js +45 -26
  99. package/clock/clock.d.ts +1 -1
  100. package/clock/clock.d.ts.map +1 -1
  101. package/clock.js +136 -144
  102. package/container/container/container.d.ts +3 -3
  103. package/container/container/container.d.ts.map +1 -1
  104. package/container/container.js +60 -35
  105. package/container/sticky-bar/sticky-bar.d.ts +1 -1
  106. package/container/sticky-bar/sticky-bar.d.ts.map +1 -1
  107. package/container/sticky-bar.js +55 -47
  108. package/core/a11y.js +29 -51
  109. package/core/base-elements/action-base-element.d.ts.map +1 -1
  110. package/core/base-elements/button-base-element.d.ts +2 -2
  111. package/core/base-elements/button-base-element.d.ts.map +1 -1
  112. package/core/base-elements/link-base-element.d.ts +5 -5
  113. package/core/base-elements/link-base-element.d.ts.map +1 -1
  114. package/core/base-elements.js +243 -196
  115. package/core/controllers.js +8 -13
  116. package/core/decorators/base.d.ts +14 -0
  117. package/core/decorators/base.d.ts.map +1 -0
  118. package/core/decorators/force-type.d.ts +8 -0
  119. package/core/decorators/force-type.d.ts.map +1 -0
  120. package/core/decorators/get-override.d.ts +7 -0
  121. package/core/decorators/get-override.d.ts.map +1 -0
  122. package/core/decorators/handle-distinct-change.d.ts +8 -0
  123. package/core/decorators/handle-distinct-change.d.ts.map +1 -0
  124. package/core/decorators/omit-empty-converter.d.ts +8 -0
  125. package/core/decorators/omit-empty-converter.d.ts.map +1 -0
  126. package/core/decorators.d.ts +4 -0
  127. package/core/decorators.d.ts.map +1 -1
  128. package/core/decorators.js +59 -15
  129. package/core/dom.js +1 -5
  130. package/core/eventing.js +1 -4
  131. package/core/interfaces/paginator-page.d.ts +7 -0
  132. package/core/interfaces/paginator-page.d.ts.map +1 -0
  133. package/core/interfaces.d.ts +1 -0
  134. package/core/interfaces.d.ts.map +1 -1
  135. package/core/mixins/disabled-mixin.d.ts +2 -3
  136. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  137. package/core/mixins/named-slot-list-mixin.d.ts +1 -1
  138. package/core/mixins/named-slot-list-mixin.d.ts.map +1 -1
  139. package/core/mixins/negative-mixin.d.ts +1 -1
  140. package/core/mixins/negative-mixin.d.ts.map +1 -1
  141. package/core/mixins/panel-mixin.d.ts +3 -3
  142. package/core/mixins/panel-mixin.d.ts.map +1 -1
  143. package/core/mixins/required-mixin.d.ts +1 -2
  144. package/core/mixins/required-mixin.d.ts.map +1 -1
  145. package/core/mixins.js +290 -237
  146. package/core/testing/private.d.ts +1 -0
  147. package/core/testing/private.d.ts.map +1 -1
  148. package/core/testing.js +7 -13
  149. package/custom-elements.json +15974 -15154
  150. package/datepicker/common/datepicker-button.d.ts +2 -2
  151. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  152. package/datepicker/common.js +110 -116
  153. package/datepicker/datepicker/datepicker.d.ts +6 -6
  154. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  155. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  156. package/datepicker/datepicker-next-day.js +24 -26
  157. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  158. package/datepicker/datepicker-previous-day.js +25 -27
  159. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +6 -6
  160. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  161. package/datepicker/datepicker-toggle.js +154 -136
  162. package/datepicker/datepicker.js +248 -213
  163. package/development/accordion/accordion.d.ts +4 -8
  164. package/development/accordion/accordion.d.ts.map +1 -1
  165. package/development/accordion.js +118 -93
  166. package/development/action-group/action-group.d.ts +5 -5
  167. package/development/action-group/action-group.d.ts.map +1 -1
  168. package/development/action-group.js +138 -64
  169. package/development/alert/alert/alert.d.ts +11 -11
  170. package/development/alert/alert/alert.d.ts.map +1 -1
  171. package/development/alert/alert-group/alert-group.d.ts +4 -4
  172. package/development/alert/alert-group/alert-group.d.ts.map +1 -1
  173. package/development/alert/alert-group.js +135 -79
  174. package/development/alert/alert.js +259 -109
  175. package/development/autocomplete/autocomplete-base-element.d.ts +3 -7
  176. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  177. package/development/autocomplete/autocomplete.d.ts.map +1 -1
  178. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
  179. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -0
  180. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  181. package/development/autocomplete-grid/autocomplete-grid-button.js +74 -75
  182. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -1
  183. package/development/autocomplete-grid/autocomplete-grid-cell.js +24 -24
  184. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
  185. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +38 -39
  186. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -1
  187. package/development/autocomplete-grid/autocomplete-grid-option.js +57 -73
  188. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -1
  189. package/development/autocomplete-grid/autocomplete-grid-row.js +28 -28
  190. package/development/autocomplete-grid/autocomplete-grid.js +142 -160
  191. package/development/autocomplete.js +394 -393
  192. package/development/breadcrumb/breadcrumb/breadcrumb.d.ts +1 -1
  193. package/development/breadcrumb/breadcrumb/breadcrumb.d.ts.map +1 -1
  194. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  195. package/development/breadcrumb/breadcrumb-group.js +130 -130
  196. package/development/breadcrumb/breadcrumb.js +53 -36
  197. package/development/button/button/button.d.ts.map +1 -1
  198. package/development/button/button-link/button-link.d.ts.map +1 -1
  199. package/development/button/button-link.js +18 -19
  200. package/development/button/button-static/button-static.d.ts.map +1 -1
  201. package/development/button/button-static.js +18 -19
  202. package/development/button/button.js +18 -19
  203. package/development/button/common/button-common.d.ts +4 -4
  204. package/development/button/common/button-common.d.ts.map +1 -1
  205. package/development/button/common.js +50 -29
  206. package/development/button/mini-button/mini-button-base-element.d.ts.map +1 -1
  207. package/development/button/mini-button/mini-button.d.ts.map +1 -1
  208. package/development/button/mini-button-group/mini-button-group.d.ts +2 -2
  209. package/development/button/mini-button-group/mini-button-group.d.ts.map +1 -1
  210. package/development/button/mini-button-group.js +77 -50
  211. package/development/button/mini-button.js +38 -37
  212. package/development/button/secondary-button/secondary-button.d.ts.map +1 -1
  213. package/development/button/secondary-button-link/secondary-button-link.d.ts.map +1 -1
  214. package/development/button/secondary-button-link.js +18 -19
  215. package/development/button/secondary-button-static/secondary-button-static.d.ts.map +1 -1
  216. package/development/button/secondary-button-static.js +18 -19
  217. package/development/button/secondary-button.js +18 -19
  218. package/development/button/tertiary-button/tertiary-button.d.ts.map +1 -1
  219. package/development/button/tertiary-button-link/tertiary-button-link.d.ts.map +1 -1
  220. package/development/button/tertiary-button-link.js +18 -19
  221. package/development/button/tertiary-button-static/tertiary-button-static.d.ts.map +1 -1
  222. package/development/button/tertiary-button-static.js +18 -19
  223. package/development/button/tertiary-button.js +18 -19
  224. package/development/button/transparent-button/transparent-button.d.ts.map +1 -1
  225. package/development/button/transparent-button-link/transparent-button-link.d.ts.map +1 -1
  226. package/development/button/transparent-button-link.js +18 -19
  227. package/development/button/transparent-button-static/transparent-button-static.d.ts.map +1 -1
  228. package/development/button/transparent-button-static.js +18 -19
  229. package/development/button/transparent-button.js +18 -19
  230. package/development/calendar/calendar.d.ts +7 -7
  231. package/development/calendar/calendar.d.ts.map +1 -1
  232. package/development/calendar.js +774 -773
  233. package/development/card/card/card.d.ts +2 -2
  234. package/development/card/card/card.d.ts.map +1 -1
  235. package/development/card/card-badge/card-badge.d.ts +1 -1
  236. package/development/card/card-badge/card-badge.d.ts.map +1 -1
  237. package/development/card/card-badge.js +65 -45
  238. package/development/card/card-button/card-button.d.ts.map +1 -1
  239. package/development/card/card-button.js +23 -20
  240. package/development/card/card-link/card-link.d.ts.map +1 -1
  241. package/development/card/card-link.js +23 -20
  242. package/development/card/card.js +72 -41
  243. package/development/card/common/card-action-common.d.ts +1 -1
  244. package/development/card/common/card-action-common.d.ts.map +1 -1
  245. package/development/card/common.js +74 -73
  246. package/development/checkbox/checkbox/checkbox.d.ts +3 -4
  247. package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
  248. package/development/checkbox/checkbox-group/checkbox-group.d.ts +4 -4
  249. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  250. package/development/checkbox/checkbox-group.js +139 -92
  251. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +2 -3
  252. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  253. package/development/checkbox/checkbox-panel.js +68 -60
  254. package/development/checkbox/checkbox.js +69 -46
  255. package/development/checkbox/common/checkbox-common.d.ts +1 -1
  256. package/development/checkbox/common/checkbox-common.d.ts.map +1 -1
  257. package/development/checkbox/common.js +65 -46
  258. package/development/chip/chip.d.ts +2 -2
  259. package/development/chip/chip.d.ts.map +1 -1
  260. package/development/chip.js +64 -33
  261. package/development/clock/clock.d.ts +1 -1
  262. package/development/clock/clock.d.ts.map +1 -1
  263. package/development/clock.js +203 -201
  264. package/development/container/container/container.d.ts +3 -3
  265. package/development/container/container/container.d.ts.map +1 -1
  266. package/development/container/container.js +86 -45
  267. package/development/container/sticky-bar/sticky-bar.d.ts +1 -1
  268. package/development/container/sticky-bar/sticky-bar.d.ts.map +1 -1
  269. package/development/container/sticky-bar.js +76 -58
  270. package/development/core/a11y.js +40 -62
  271. package/development/core/base-elements/action-base-element.d.ts.map +1 -1
  272. package/development/core/base-elements/button-base-element.d.ts +2 -2
  273. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  274. package/development/core/base-elements/link-base-element.d.ts +5 -5
  275. package/development/core/base-elements/link-base-element.d.ts.map +1 -1
  276. package/development/core/base-elements.js +329 -226
  277. package/development/core/config.js +1 -1
  278. package/development/core/controllers.js +13 -21
  279. package/development/core/datetime.js +1 -1
  280. package/development/core/decorators/base.d.ts +14 -0
  281. package/development/core/decorators/base.d.ts.map +1 -0
  282. package/development/core/decorators/force-type.d.ts +8 -0
  283. package/development/core/decorators/force-type.d.ts.map +1 -0
  284. package/development/core/decorators/get-override.d.ts +7 -0
  285. package/development/core/decorators/get-override.d.ts.map +1 -0
  286. package/development/core/decorators/handle-distinct-change.d.ts +8 -0
  287. package/development/core/decorators/handle-distinct-change.d.ts.map +1 -0
  288. package/development/core/decorators/omit-empty-converter.d.ts +8 -0
  289. package/development/core/decorators/omit-empty-converter.d.ts.map +1 -0
  290. package/development/core/decorators.d.ts +4 -0
  291. package/development/core/decorators.d.ts.map +1 -1
  292. package/development/core/decorators.js +69 -5
  293. package/development/core/dom.js +2 -6
  294. package/development/core/eventing.js +2 -5
  295. package/development/core/i18n.js +1 -1
  296. package/development/core/interfaces/paginator-page.d.ts +7 -0
  297. package/development/core/interfaces/paginator-page.d.ts.map +1 -0
  298. package/development/core/interfaces.d.ts +1 -0
  299. package/development/core/interfaces.d.ts.map +1 -1
  300. package/development/core/mixins/disabled-mixin.d.ts +2 -3
  301. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  302. package/development/core/mixins/named-slot-list-mixin.d.ts +1 -1
  303. package/development/core/mixins/named-slot-list-mixin.d.ts.map +1 -1
  304. package/development/core/mixins/negative-mixin.d.ts +1 -1
  305. package/development/core/mixins/negative-mixin.d.ts.map +1 -1
  306. package/development/core/mixins/panel-mixin.d.ts +3 -3
  307. package/development/core/mixins/panel-mixin.d.ts.map +1 -1
  308. package/development/core/mixins/required-mixin.d.ts +1 -2
  309. package/development/core/mixins/required-mixin.d.ts.map +1 -1
  310. package/development/core/mixins.js +573 -475
  311. package/development/core/observers.js +1 -1
  312. package/development/core/overlay.js +1 -1
  313. package/development/core/testing/private.d.ts +1 -0
  314. package/development/core/testing/private.d.ts.map +1 -1
  315. package/development/core/testing.js +16 -22
  316. package/development/datepicker/common/datepicker-button.d.ts +2 -2
  317. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  318. package/development/datepicker/common.js +144 -142
  319. package/development/datepicker/datepicker/datepicker.d.ts +6 -6
  320. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  321. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  322. package/development/datepicker/datepicker-next-day.js +32 -32
  323. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  324. package/development/datepicker/datepicker-previous-day.js +32 -32
  325. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +6 -6
  326. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  327. package/development/datepicker/datepicker-toggle.js +227 -174
  328. package/development/datepicker/datepicker.js +327 -249
  329. package/development/dialog/dialog/dialog.d.ts +1 -1
  330. package/development/dialog/dialog/dialog.d.ts.map +1 -1
  331. package/development/dialog/dialog-actions/dialog-actions.d.ts.map +1 -1
  332. package/development/dialog/dialog-actions.js +21 -20
  333. package/development/dialog/dialog-content/dialog-content.d.ts.map +1 -1
  334. package/development/dialog/dialog-content.js +22 -21
  335. package/development/dialog/dialog-title/dialog-title.d.ts +3 -3
  336. package/development/dialog/dialog-title/dialog-title.d.ts.map +1 -1
  337. package/development/dialog/dialog-title.js +121 -66
  338. package/development/dialog/dialog.js +205 -191
  339. package/development/divider/divider.d.ts +1 -1
  340. package/development/divider/divider.d.ts.map +1 -1
  341. package/development/divider.js +55 -36
  342. package/development/expansion-panel/expansion-panel/expansion-panel.d.ts +4 -4
  343. package/development/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
  344. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.d.ts.map +1 -1
  345. package/development/expansion-panel/expansion-panel-content.js +25 -25
  346. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -1
  347. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
  348. package/development/expansion-panel/expansion-panel-header.js +56 -63
  349. package/development/expansion-panel/expansion-panel.js +227 -182
  350. package/development/file-selector/file-selector.d.ts +8 -7
  351. package/development/file-selector/file-selector.d.ts.map +1 -1
  352. package/development/file-selector.js +295 -198
  353. package/development/flip-card/flip-card/flip-card.d.ts +2 -2
  354. package/development/flip-card/flip-card/flip-card.d.ts.map +1 -1
  355. package/development/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
  356. package/development/flip-card/flip-card-details.js +39 -39
  357. package/development/flip-card/flip-card-summary/flip-card-summary.d.ts +1 -1
  358. package/development/flip-card/flip-card-summary/flip-card-summary.d.ts.map +1 -1
  359. package/development/flip-card/flip-card-summary.js +57 -38
  360. package/development/flip-card/flip-card.js +110 -78
  361. package/development/footer/footer.d.ts +4 -4
  362. package/development/footer/footer.d.ts.map +1 -1
  363. package/development/footer.js +103 -41
  364. package/development/form-error/form-error.d.ts.map +1 -1
  365. package/development/form-error.js +29 -28
  366. package/development/form-field/form-field/form-field.d.ts +10 -10
  367. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  368. package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  369. package/development/form-field/form-field-clear.js +50 -50
  370. package/development/form-field/form-field.js +439 -328
  371. package/development/header/common/header-action-common.d.ts +2 -2
  372. package/development/header/common/header-action-common.d.ts.map +1 -1
  373. package/development/header/common.js +44 -24
  374. package/development/header/header/header.d.ts +4 -4
  375. package/development/header/header/header.d.ts.map +1 -1
  376. package/development/header/header-button/header-button.d.ts.map +1 -1
  377. package/development/header/header-button.js +19 -18
  378. package/development/header/header-link/header-link.d.ts.map +1 -1
  379. package/development/header/header-link.js +19 -16
  380. package/development/header/header.js +198 -140
  381. package/development/icon/icon-base.d.ts +3 -4
  382. package/development/icon/icon-base.d.ts.map +1 -1
  383. package/development/icon/icon-name-mixin.d.ts +1 -1
  384. package/development/icon/icon-name-mixin.d.ts.map +1 -1
  385. package/development/icon/icon.d.ts +2 -2
  386. package/development/icon/icon.d.ts.map +1 -1
  387. package/development/icon.js +258 -157
  388. package/development/image/image.d.ts +17 -17
  389. package/development/image/image.d.ts.map +1 -1
  390. package/development/image.js +584 -216
  391. package/development/journey-header/journey-header.d.ts +5 -5
  392. package/development/journey-header/journey-header.d.ts.map +1 -1
  393. package/development/journey-header.js +115 -43
  394. package/development/lead-container/lead-container.d.ts.map +1 -1
  395. package/development/lead-container.js +22 -21
  396. package/development/link/block-link/block-link.d.ts.map +1 -1
  397. package/development/link/block-link-button/block-link-button.d.ts.map +1 -1
  398. package/development/link/block-link-button.js +19 -18
  399. package/development/link/block-link-static/block-link-static.d.ts.map +1 -1
  400. package/development/link/block-link-static.js +19 -18
  401. package/development/link/block-link.js +19 -18
  402. package/development/link/common/block-link-common.d.ts +4 -3
  403. package/development/link/common/block-link-common.d.ts.map +1 -1
  404. package/development/link/common/link-common.d.ts +1 -1
  405. package/development/link/common/link-common.d.ts.map +1 -1
  406. package/development/link/common.js +81 -51
  407. package/development/link/link/link.d.ts.map +1 -1
  408. package/development/link/link-button/link-button.d.ts.map +1 -1
  409. package/development/link/link-button.js +19 -18
  410. package/development/link/link-static/link-static.d.ts.map +1 -1
  411. package/development/link/link-static.js +19 -18
  412. package/development/link/link.js +19 -18
  413. package/development/link-list/common/link-list-base.d.ts +3 -3
  414. package/development/link-list/common/link-list-base.d.ts.map +1 -1
  415. package/development/link-list/common.js +97 -48
  416. package/development/link-list/link-list/link-list.d.ts +2 -2
  417. package/development/link-list/link-list/link-list.d.ts.map +1 -1
  418. package/development/link-list/link-list-anchor/link-list-anchor.d.ts.map +1 -1
  419. package/development/link-list/link-list-anchor.js +18 -17
  420. package/development/link-list/link-list.js +60 -28
  421. package/development/loading-indicator/loading-indicator.d.ts +3 -3
  422. package/development/loading-indicator/loading-indicator.d.ts.map +1 -1
  423. package/development/loading-indicator.js +82 -40
  424. package/development/logo/logo.d.ts +2 -2
  425. package/development/logo/logo.d.ts.map +1 -1
  426. package/development/logo.js +64 -32
  427. package/development/map-container/map-container.d.ts +2 -2
  428. package/development/map-container/map-container.d.ts.map +1 -1
  429. package/development/map-container.js +107 -75
  430. package/development/menu/common/menu-action-common.d.ts +2 -2
  431. package/development/menu/common/menu-action-common.d.ts.map +1 -1
  432. package/development/menu/common.js +41 -20
  433. package/development/menu/menu/menu.d.ts +1 -1
  434. package/development/menu/menu/menu.d.ts.map +1 -1
  435. package/development/menu/menu-button/menu-button.d.ts.map +1 -1
  436. package/development/menu/menu-button.js +19 -18
  437. package/development/menu/menu-link/menu-link.d.ts.map +1 -1
  438. package/development/menu/menu-link.js +19 -18
  439. package/development/menu/menu.js +261 -241
  440. package/development/message/message.d.ts +2 -2
  441. package/development/message/message.d.ts.map +1 -1
  442. package/development/message.js +65 -32
  443. package/development/navigation/common/navigation-action-common.d.ts +1 -1
  444. package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
  445. package/development/navigation/common.js +63 -52
  446. package/development/navigation/navigation/navigation.d.ts +2 -2
  447. package/development/navigation/navigation/navigation.d.ts.map +1 -1
  448. package/development/navigation/navigation-button/navigation-button.d.ts.map +1 -1
  449. package/development/navigation/navigation-button.js +19 -18
  450. package/development/navigation/navigation-link/navigation-link.d.ts.map +1 -1
  451. package/development/navigation/navigation-link.js +19 -18
  452. package/development/navigation/navigation-list/navigation-list.d.ts +1 -1
  453. package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  454. package/development/navigation/navigation-list.js +64 -41
  455. package/development/navigation/navigation-marker/navigation-marker.d.ts +1 -1
  456. package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  457. package/development/navigation/navigation-marker.js +108 -91
  458. package/development/navigation/navigation-section/navigation-section.d.ts +3 -3
  459. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  460. package/development/navigation/navigation-section.js +282 -236
  461. package/development/navigation/navigation.js +278 -254
  462. package/development/notification/notification.d.ts +6 -6
  463. package/development/notification/notification.d.ts.map +1 -1
  464. package/development/notification.js +212 -146
  465. package/development/option/optgroup/optgroup-base-element.d.ts +3 -3
  466. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  467. package/development/option/optgroup/optgroup.d.ts.map +1 -1
  468. package/development/option/optgroup.js +187 -142
  469. package/development/option/option/option-base-element.d.ts +7 -7
  470. package/development/option/option/option-base-element.d.ts.map +1 -1
  471. package/development/option/option/option.d.ts.map +1 -1
  472. package/development/option/option.js +392 -296
  473. package/development/overlay/overlay-base-element.d.ts +1 -1
  474. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  475. package/development/overlay/overlay.d.ts +4 -4
  476. package/development/overlay/overlay.d.ts.map +1 -1
  477. package/development/overlay.js +260 -207
  478. package/development/paginator/common/paginator-common.d.ts +26 -0
  479. package/development/paginator/common/paginator-common.d.ts.map +1 -0
  480. package/development/paginator/common.d.ts +2 -0
  481. package/development/paginator/common.d.ts.map +1 -0
  482. package/development/paginator/common.js +189 -0
  483. package/development/paginator/compact-paginator/compact-paginator.d.ts +20 -0
  484. package/development/paginator/compact-paginator/compact-paginator.d.ts.map +1 -0
  485. package/development/paginator/compact-paginator.d.ts +2 -0
  486. package/development/paginator/compact-paginator.d.ts.map +1 -0
  487. package/development/paginator/compact-paginator.js +96 -0
  488. package/development/paginator/paginator/paginator.d.ts +51 -0
  489. package/development/paginator/paginator/paginator.d.ts.map +1 -0
  490. package/development/paginator/paginator.d.ts +1 -90
  491. package/development/paginator/paginator.d.ts.map +1 -1
  492. package/development/paginator/paginator.js +449 -0
  493. package/development/paginator.d.ts +2 -0
  494. package/development/paginator.d.ts.map +1 -1
  495. package/development/paginator.js +4 -541
  496. package/development/popover/popover/popover.d.ts +6 -7
  497. package/development/popover/popover/popover.d.ts.map +1 -1
  498. package/development/popover/popover-trigger/popover-trigger.d.ts.map +1 -1
  499. package/development/popover/popover-trigger.js +28 -29
  500. package/development/popover/popover.js +358 -303
  501. package/development/radio-button/common/radio-button-common.d.ts +1 -1
  502. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  503. package/development/radio-button/common.js +170 -127
  504. package/development/radio-button/radio-button/radio-button.d.ts +2 -6
  505. package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
  506. package/development/radio-button/radio-button-group/radio-button-group.d.ts +6 -6
  507. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  508. package/development/radio-button/radio-button-group.js +269 -199
  509. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +2 -6
  510. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  511. package/development/radio-button/radio-button-panel.js +60 -48
  512. package/development/radio-button/radio-button.js +54 -40
  513. package/development/screen-reader-only/screen-reader-only.d.ts.map +1 -1
  514. package/development/screen-reader-only.js +22 -21
  515. package/development/select/select.d.ts +5 -4
  516. package/development/select/select.d.ts.map +1 -1
  517. package/development/select.js +555 -555
  518. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +3 -3
  519. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  520. package/development/selection-expansion-panel.js +223 -193
  521. package/development/signet/signet.d.ts +2 -2
  522. package/development/signet/signet.d.ts.map +1 -1
  523. package/development/signet.js +65 -33
  524. package/development/skiplink-list/skiplink-list.d.ts +2 -2
  525. package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
  526. package/development/skiplink-list.js +74 -41
  527. package/development/slider/slider.d.ts +5 -4
  528. package/development/slider/slider.d.ts.map +1 -1
  529. package/development/slider.js +260 -184
  530. package/development/status/status.d.ts +3 -3
  531. package/development/status/status.d.ts.map +1 -1
  532. package/development/status.js +96 -51
  533. package/development/stepper/step/step.d.ts.map +1 -1
  534. package/development/stepper/step-label/step-label.d.ts.map +1 -1
  535. package/development/stepper/step-label.js +86 -90
  536. package/development/stepper/step.js +122 -126
  537. package/development/stepper/stepper/stepper.d.ts +3 -3
  538. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  539. package/development/stepper/stepper.js +291 -241
  540. package/development/table/table-wrapper/table-wrapper.d.ts.map +1 -1
  541. package/development/table/table-wrapper.js +37 -39
  542. package/development/tabs/tab/tab.d.ts.map +1 -1
  543. package/development/tabs/tab-group/tab-group.d.ts +2 -2
  544. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  545. package/development/tabs/tab-group.js +296 -279
  546. package/development/tabs/tab-label/tab-label.d.ts +3 -3
  547. package/development/tabs/tab-label/tab-label.d.ts.map +1 -1
  548. package/development/tabs/tab-label.js +83 -37
  549. package/development/tabs/tab.js +40 -39
  550. package/development/tag/tag/tag.d.ts +3 -5
  551. package/development/tag/tag/tag.d.ts.map +1 -1
  552. package/development/tag/tag-group/tag-group.d.ts +3 -3
  553. package/development/tag/tag-group/tag-group.d.ts.map +1 -1
  554. package/development/tag/tag-group.js +143 -88
  555. package/development/tag/tag.js +126 -89
  556. package/development/teaser/teaser.d.ts +4 -4
  557. package/development/teaser/teaser.d.ts.map +1 -1
  558. package/development/teaser-hero/teaser-hero.d.ts +3 -3
  559. package/development/teaser-hero/teaser-hero.d.ts.map +1 -1
  560. package/development/teaser-hero.js +83 -36
  561. package/development/teaser-product/common/teaser-product-common.d.ts +1 -1
  562. package/development/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  563. package/development/teaser-product/common.js +51 -26
  564. package/development/teaser-product/teaser-product/teaser-product.d.ts.map +1 -1
  565. package/development/teaser-product/teaser-product-static/teaser-product-static.d.ts.map +1 -1
  566. package/development/teaser-product/teaser-product-static.js +18 -19
  567. package/development/teaser-product/teaser-product.js +18 -19
  568. package/development/teaser.js +94 -40
  569. package/development/time-input/time-input.d.ts +1 -1
  570. package/development/time-input/time-input.d.ts.map +1 -1
  571. package/development/time-input.js +225 -219
  572. package/development/timetable-occupancy/timetable-occupancy.d.ts +2 -2
  573. package/development/timetable-occupancy/timetable-occupancy.d.ts.map +1 -1
  574. package/development/timetable-occupancy-icon/timetable-occupancy-icon.d.ts +1 -1
  575. package/development/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  576. package/development/timetable-occupancy-icon.js +78 -57
  577. package/development/timetable-occupancy.js +67 -35
  578. package/development/title/title-base.d.ts +3 -3
  579. package/development/title/title-base.d.ts.map +1 -1
  580. package/development/title/title.d.ts.map +1 -1
  581. package/development/title.js +106 -58
  582. package/development/toast/toast.d.ts +4 -4
  583. package/development/toast/toast.d.ts.map +1 -1
  584. package/development/toast.js +204 -146
  585. package/development/toggle/toggle/toggle.d.ts +3 -5
  586. package/development/toggle/toggle/toggle.d.ts.map +1 -1
  587. package/development/toggle/toggle-option/toggle-option.d.ts +2 -2
  588. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  589. package/development/toggle/toggle-option.js +127 -93
  590. package/development/toggle/toggle.js +200 -163
  591. package/development/toggle-check/toggle-check.d.ts +4 -3
  592. package/development/toggle-check/toggle-check.d.ts.map +1 -1
  593. package/development/toggle-check.js +87 -49
  594. package/development/train/train/train.d.ts +5 -5
  595. package/development/train/train/train.d.ts.map +1 -1
  596. package/development/train/train-blocked-passage/train-blocked-passage.d.ts.map +1 -1
  597. package/development/train/train-blocked-passage.js +22 -21
  598. package/development/train/train-formation/train-formation.d.ts +2 -2
  599. package/development/train/train-formation/train-formation.d.ts.map +1 -1
  600. package/development/train/train-formation.js +113 -90
  601. package/development/train/train-wagon/train-wagon.d.ts +7 -9
  602. package/development/train/train-wagon/train-wagon.d.ts.map +1 -1
  603. package/development/train/train-wagon.js +166 -87
  604. package/development/train/train.js +142 -75
  605. package/development/visual-checkbox/visual-checkbox.d.ts +3 -3
  606. package/development/visual-checkbox/visual-checkbox.d.ts.map +1 -1
  607. package/development/visual-checkbox.js +79 -36
  608. package/dialog/dialog/dialog.d.ts +1 -1
  609. package/dialog/dialog/dialog.d.ts.map +1 -1
  610. package/dialog/dialog-actions/dialog-actions.d.ts.map +1 -1
  611. package/dialog/dialog-actions.js +18 -19
  612. package/dialog/dialog-content/dialog-content.d.ts.map +1 -1
  613. package/dialog/dialog-content.js +17 -18
  614. package/dialog/dialog-title/dialog-title.d.ts +3 -3
  615. package/dialog/dialog-title/dialog-title.d.ts.map +1 -1
  616. package/dialog/dialog-title.js +98 -66
  617. package/dialog/dialog.js +120 -114
  618. package/divider/divider.d.ts +1 -1
  619. package/divider/divider.d.ts.map +1 -1
  620. package/divider.js +41 -30
  621. package/expansion-panel/expansion-panel/expansion-panel.d.ts +4 -4
  622. package/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
  623. package/expansion-panel/expansion-panel-content/expansion-panel-content.d.ts.map +1 -1
  624. package/expansion-panel/expansion-panel-content.js +20 -22
  625. package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -1
  626. package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
  627. package/expansion-panel/expansion-panel-header.js +53 -61
  628. package/expansion-panel/expansion-panel.js +145 -130
  629. package/file-selector/file-selector.d.ts +8 -7
  630. package/file-selector/file-selector.d.ts.map +1 -1
  631. package/file-selector.js +224 -174
  632. package/flip-card/flip-card/flip-card.d.ts +2 -2
  633. package/flip-card/flip-card/flip-card.d.ts.map +1 -1
  634. package/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
  635. package/flip-card/flip-card-details.js +36 -38
  636. package/flip-card/flip-card-summary/flip-card-summary.d.ts +1 -1
  637. package/flip-card/flip-card-summary/flip-card-summary.d.ts.map +1 -1
  638. package/flip-card/flip-card-summary.js +42 -31
  639. package/flip-card/flip-card.js +88 -69
  640. package/footer/footer.d.ts +4 -4
  641. package/footer/footer.d.ts.map +1 -1
  642. package/footer.js +78 -37
  643. package/form-error/form-error.d.ts.map +1 -1
  644. package/form-error.js +24 -25
  645. package/form-field/form-field/form-field.d.ts +10 -10
  646. package/form-field/form-field/form-field.d.ts.map +1 -1
  647. package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  648. package/form-field/form-field-clear.js +39 -41
  649. package/form-field/form-field.js +295 -239
  650. package/header/common/header-action-common.d.ts +2 -2
  651. package/header/common/header-action-common.d.ts.map +1 -1
  652. package/header/common.js +36 -21
  653. package/header/header/header.d.ts +4 -4
  654. package/header/header/header.d.ts.map +1 -1
  655. package/header/header-button/header-button.d.ts.map +1 -1
  656. package/header/header-button.js +14 -16
  657. package/header/header-link/header-link.d.ts.map +1 -1
  658. package/header/header-link.js +14 -14
  659. package/header/header.js +138 -109
  660. package/icon/icon-base.d.ts +3 -4
  661. package/icon/icon-base.d.ts.map +1 -1
  662. package/icon/icon-name-mixin.d.ts +1 -1
  663. package/icon/icon-name-mixin.d.ts.map +1 -1
  664. package/icon/icon.d.ts +2 -2
  665. package/icon/icon.d.ts.map +1 -1
  666. package/icon.js +230 -165
  667. package/image/image.d.ts +17 -17
  668. package/image/image.d.ts.map +1 -1
  669. package/image.js +465 -195
  670. package/index.d.ts +3 -1
  671. package/index.js +3 -1
  672. package/journey-header/journey-header.d.ts +5 -5
  673. package/journey-header/journey-header.d.ts.map +1 -1
  674. package/journey-header.js +89 -49
  675. package/lead-container/lead-container.d.ts.map +1 -1
  676. package/lead-container.js +17 -18
  677. package/link/block-link/block-link.d.ts.map +1 -1
  678. package/link/block-link-button/block-link-button.d.ts.map +1 -1
  679. package/link/block-link-button.js +15 -17
  680. package/link/block-link-static/block-link-static.d.ts.map +1 -1
  681. package/link/block-link-static.js +14 -16
  682. package/link/block-link.js +15 -17
  683. package/link/common/block-link-common.d.ts +4 -3
  684. package/link/common/block-link-common.d.ts.map +1 -1
  685. package/link/common/link-common.d.ts +1 -1
  686. package/link/common/link-common.d.ts.map +1 -1
  687. package/link/common.js +64 -46
  688. package/link/link/link.d.ts.map +1 -1
  689. package/link/link-button/link-button.d.ts.map +1 -1
  690. package/link/link-button.js +15 -17
  691. package/link/link-static/link-static.d.ts.map +1 -1
  692. package/link/link-static.js +15 -17
  693. package/link/link.js +15 -17
  694. package/link-list/common/link-list-base.d.ts +3 -3
  695. package/link-list/common/link-list-base.d.ts.map +1 -1
  696. package/link-list/common.js +72 -44
  697. package/link-list/link-list/link-list.d.ts +2 -2
  698. package/link-list/link-list/link-list.d.ts.map +1 -1
  699. package/link-list/link-list-anchor/link-list-anchor.d.ts.map +1 -1
  700. package/link-list/link-list-anchor.js +15 -16
  701. package/link-list/link-list.js +43 -24
  702. package/loading-indicator/loading-indicator.d.ts +3 -3
  703. package/loading-indicator/loading-indicator.d.ts.map +1 -1
  704. package/loading-indicator.js +61 -36
  705. package/logo/logo.d.ts +2 -2
  706. package/logo/logo.d.ts.map +1 -1
  707. package/logo.js +47 -27
  708. package/map-container/map-container.d.ts +2 -2
  709. package/map-container/map-container.d.ts.map +1 -1
  710. package/map-container.js +84 -65
  711. package/menu/common/menu-action-common.d.ts +2 -2
  712. package/menu/common/menu-action-common.d.ts.map +1 -1
  713. package/menu/common.js +37 -22
  714. package/menu/menu/menu.d.ts +1 -1
  715. package/menu/menu/menu.d.ts.map +1 -1
  716. package/menu/menu-button/menu-button.d.ts.map +1 -1
  717. package/menu/menu-button.js +14 -16
  718. package/menu/menu-link/menu-link.d.ts.map +1 -1
  719. package/menu/menu-link.js +15 -17
  720. package/menu/menu.js +175 -170
  721. package/message/message.d.ts +2 -2
  722. package/message/message.d.ts.map +1 -1
  723. package/message.js +47 -27
  724. package/navigation/common/navigation-action-common.d.ts +1 -1
  725. package/navigation/common/navigation-action-common.d.ts.map +1 -1
  726. package/navigation/common.js +38 -33
  727. package/navigation/navigation/navigation.d.ts +2 -2
  728. package/navigation/navigation/navigation.d.ts.map +1 -1
  729. package/navigation/navigation-button/navigation-button.d.ts.map +1 -1
  730. package/navigation/navigation-button.js +14 -16
  731. package/navigation/navigation-link/navigation-link.d.ts.map +1 -1
  732. package/navigation/navigation-link.js +14 -16
  733. package/navigation/navigation-list/navigation-list.d.ts +1 -1
  734. package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  735. package/navigation/navigation-list.js +48 -35
  736. package/navigation/navigation-marker/navigation-marker.d.ts +1 -1
  737. package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  738. package/navigation/navigation-marker.js +77 -69
  739. package/navigation/navigation-section/navigation-section.d.ts +3 -3
  740. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  741. package/navigation/navigation-section.js +192 -171
  742. package/navigation/navigation.js +185 -181
  743. package/notification/notification.d.ts +6 -6
  744. package/notification/notification.d.ts.map +1 -1
  745. package/notification.js +147 -116
  746. package/option/optgroup/optgroup-base-element.d.ts +3 -3
  747. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  748. package/option/optgroup/optgroup.d.ts.map +1 -1
  749. package/option/optgroup.js +131 -112
  750. package/option/option/option-base-element.d.ts +7 -7
  751. package/option/option/option-base-element.d.ts.map +1 -1
  752. package/option/option/option.d.ts.map +1 -1
  753. package/option/option.js +295 -252
  754. package/overlay/overlay-base-element.d.ts +1 -1
  755. package/overlay/overlay-base-element.d.ts.map +1 -1
  756. package/overlay/overlay.d.ts +4 -4
  757. package/overlay/overlay.d.ts.map +1 -1
  758. package/overlay.js +194 -165
  759. package/package.json +18 -2
  760. package/paginator/common/paginator-common.d.ts +26 -0
  761. package/paginator/common/paginator-common.d.ts.map +1 -0
  762. package/paginator/common.d.ts +2 -0
  763. package/paginator/common.d.ts.map +1 -0
  764. package/paginator/common.js +145 -0
  765. package/paginator/compact-paginator/compact-paginator.d.ts +20 -0
  766. package/paginator/compact-paginator/compact-paginator.d.ts.map +1 -0
  767. package/paginator/compact-paginator.d.ts +2 -0
  768. package/paginator/compact-paginator.d.ts.map +1 -0
  769. package/paginator/compact-paginator.js +40 -0
  770. package/paginator/paginator/paginator.d.ts +51 -0
  771. package/paginator/paginator/paginator.d.ts.map +1 -0
  772. package/paginator/paginator.d.ts +1 -90
  773. package/paginator/paginator.d.ts.map +1 -1
  774. package/paginator/paginator.js +171 -0
  775. package/paginator.d.ts +2 -0
  776. package/paginator.d.ts.map +1 -1
  777. package/paginator.js +3 -265
  778. package/popover/popover/popover.d.ts +6 -7
  779. package/popover/popover/popover.d.ts.map +1 -1
  780. package/popover/popover-trigger/popover-trigger.d.ts.map +1 -1
  781. package/popover/popover-trigger.js +26 -29
  782. package/popover/popover.js +230 -208
  783. package/radio-button/common/radio-button-common.d.ts +1 -1
  784. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  785. package/radio-button/common.js +67 -43
  786. package/radio-button/radio-button/radio-button.d.ts +2 -6
  787. package/radio-button/radio-button/radio-button.d.ts.map +1 -1
  788. package/radio-button/radio-button-group/radio-button-group.d.ts +6 -6
  789. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  790. package/radio-button/radio-button-group.js +192 -156
  791. package/radio-button/radio-button-panel/radio-button-panel.d.ts +2 -6
  792. package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  793. package/radio-button/radio-button-panel.js +49 -45
  794. package/radio-button/radio-button.js +43 -37
  795. package/screen-reader-only/screen-reader-only.d.ts.map +1 -1
  796. package/screen-reader-only.js +17 -18
  797. package/select/select.d.ts +5 -4
  798. package/select/select.d.ts.map +1 -1
  799. package/select.js +377 -401
  800. package/selection-expansion-panel/selection-expansion-panel.d.ts +3 -3
  801. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  802. package/selection-expansion-panel.js +157 -148
  803. package/signet/signet.d.ts +2 -2
  804. package/signet/signet.d.ts.map +1 -1
  805. package/signet.js +48 -28
  806. package/skiplink-list/skiplink-list.d.ts +2 -2
  807. package/skiplink-list/skiplink-list.d.ts.map +1 -1
  808. package/skiplink-list.js +54 -36
  809. package/slider/slider.d.ts +5 -4
  810. package/slider/slider.d.ts.map +1 -1
  811. package/slider.js +197 -158
  812. package/status/status.d.ts +3 -3
  813. package/status/status.d.ts.map +1 -1
  814. package/status.js +71 -46
  815. package/stepper/step/step.d.ts.map +1 -1
  816. package/stepper/step-label/step-label.d.ts.map +1 -1
  817. package/stepper/step-label.js +69 -75
  818. package/stepper/step.js +99 -104
  819. package/stepper/stepper/stepper.d.ts +3 -3
  820. package/stepper/stepper/stepper.d.ts.map +1 -1
  821. package/stepper/stepper.js +208 -188
  822. package/table/table-wrapper/table-wrapper.d.ts.map +1 -1
  823. package/table/table-wrapper.js +32 -36
  824. package/tabs/tab/tab.d.ts.map +1 -1
  825. package/tabs/tab-group/tab-group.d.ts +2 -2
  826. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  827. package/tabs/tab-group.js +200 -193
  828. package/tabs/tab-label/tab-label.d.ts +3 -3
  829. package/tabs/tab-label/tab-label.d.ts.map +1 -1
  830. package/tabs/tab-label.js +65 -37
  831. package/tabs/tab.js +34 -35
  832. package/tag/tag/tag.d.ts +3 -5
  833. package/tag/tag/tag.d.ts.map +1 -1
  834. package/tag/tag-group/tag-group.d.ts +3 -3
  835. package/tag/tag-group/tag-group.d.ts.map +1 -1
  836. package/tag/tag-group.js +107 -75
  837. package/tag/tag.js +92 -73
  838. package/teaser/teaser.d.ts +4 -4
  839. package/teaser/teaser.d.ts.map +1 -1
  840. package/teaser-hero/teaser-hero.d.ts +3 -3
  841. package/teaser-hero/teaser-hero.d.ts.map +1 -1
  842. package/teaser-hero.js +66 -38
  843. package/teaser-product/common/teaser-product-common.d.ts +1 -1
  844. package/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  845. package/teaser-product/common.js +36 -21
  846. package/teaser-product/teaser-product/teaser-product.d.ts.map +1 -1
  847. package/teaser-product/teaser-product-static/teaser-product-static.d.ts.map +1 -1
  848. package/teaser-product/teaser-product-static.js +14 -17
  849. package/teaser-product/teaser-product.js +14 -17
  850. package/teaser.js +69 -37
  851. package/time-input/time-input.d.ts +1 -1
  852. package/time-input/time-input.d.ts.map +1 -1
  853. package/time-input.js +160 -166
  854. package/timetable-occupancy/timetable-occupancy.d.ts +2 -2
  855. package/timetable-occupancy/timetable-occupancy.d.ts.map +1 -1
  856. package/timetable-occupancy-icon/timetable-occupancy-icon.d.ts +1 -1
  857. package/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  858. package/timetable-occupancy-icon.js +60 -48
  859. package/timetable-occupancy.js +55 -38
  860. package/title/title-base.d.ts +3 -3
  861. package/title/title-base.d.ts.map +1 -1
  862. package/title/title.d.ts.map +1 -1
  863. package/title.js +81 -53
  864. package/toast/toast.d.ts +4 -4
  865. package/toast/toast.d.ts.map +1 -1
  866. package/toast.js +156 -123
  867. package/toggle/toggle/toggle.d.ts +3 -5
  868. package/toggle/toggle/toggle.d.ts.map +1 -1
  869. package/toggle/toggle-option/toggle-option.d.ts +2 -2
  870. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  871. package/toggle/toggle-option.js +89 -72
  872. package/toggle/toggle.js +139 -122
  873. package/toggle-check/toggle-check.d.ts +4 -3
  874. package/toggle-check/toggle-check.d.ts.map +1 -1
  875. package/toggle-check.js +63 -41
  876. package/train/train/train.d.ts +5 -5
  877. package/train/train/train.d.ts.map +1 -1
  878. package/train/train-blocked-passage/train-blocked-passage.d.ts.map +1 -1
  879. package/train/train-blocked-passage.js +17 -18
  880. package/train/train-formation/train-formation.d.ts +2 -2
  881. package/train/train-formation/train-formation.d.ts.map +1 -1
  882. package/train/train-formation.js +96 -87
  883. package/train/train-wagon/train-wagon.d.ts +7 -9
  884. package/train/train-wagon/train-wagon.d.ts.map +1 -1
  885. package/train/train-wagon.js +150 -110
  886. package/train/train.js +108 -71
  887. package/visual-checkbox/visual-checkbox.d.ts +3 -3
  888. package/visual-checkbox/visual-checkbox.d.ts.map +1 -1
  889. package/visual-checkbox.js +59 -32
@@ -1 +1 @@
1
- {"version":3,"file":"expansion-panel-content.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,qBAKa,+BAAgC,SAAQ,UAAU;IAC7D,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
1
+ {"version":3,"file":"expansion-panel-content.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,qBAMM,+BAAgC,SAAQ,UAAU;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
@@ -1,29 +1,27 @@
1
- import { css as l, LitElement as b, html as r } from "lit";
1
+ import { __esDecorate as o, __runInitializers as r } from "tslib";
2
+ import { css as p, html as b, LitElement as c } from "lit";
2
3
  import { customElement as d } from "lit/decorators.js";
3
- import { hostAttributes as c } from "../core/decorators.js";
4
- const x = l`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block}:host([data-size=s]){--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 22.5rem){:host([data-icon-space]){--sbb-expansion-panel-content-padding-inline-start: calc( var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap) )}}.sbb-expansion-panel-content{padding-block-end:var(--sbb-spacing-responsive-s);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`;
5
- var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, m = (p, e, t, s) => {
6
- for (var n = s > 1 ? void 0 : s ? g(e, t) : e, i = p.length - 1, a; i >= 0; i--)
7
- (a = p[i]) && (n = (s ? a(e, t, n) : a(n)) || n);
8
- return s && n && v(e, t, n), n;
9
- };
10
- let o = class extends b {
11
- render() {
12
- return r`
4
+ import { hostAttributes as m } from "../core/decorators.js";
5
+ const x = p`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block}:host([data-size=s]){--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 22.5rem){:host([data-icon-space]){--sbb-expansion-panel-content-padding-inline-start: calc( var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap) )}}.sbb-expansion-panel-content{padding-block-end:var(--sbb-spacing-responsive-s);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`;
6
+ let h = (() => {
7
+ var e;
8
+ let l = [d("sbb-expansion-panel-content"), m({
9
+ role: "region",
10
+ slot: "content"
11
+ })], a, s = [], n, i = c;
12
+ return e = class extends i {
13
+ render() {
14
+ return b`
13
15
  <div class="sbb-expansion-panel-content">
14
16
  <slot></slot>
15
17
  </div>
16
18
  `;
17
- }
18
- };
19
- o.styles = x;
20
- o = m([
21
- d("sbb-expansion-panel-content"),
22
- c({
23
- role: "region",
24
- slot: "content"
25
- })
26
- ], o);
19
+ }
20
+ }, n = e, (() => {
21
+ const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
22
+ o(null, a = { value: n }, l, { kind: "class", name: n.name, metadata: t }, null, s), n = a.value, t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
23
+ })(), e.styles = x, r(n, s), n;
24
+ })();
27
25
  export {
28
- o as SbbExpansionPanelContentElement
26
+ h as SbbExpansionPanelContentElement
29
27
  };
@@ -23,7 +23,7 @@ export declare class SbbExpansionPanelHeaderElement extends SbbExpansionPanelHea
23
23
  /**
24
24
  * The 'data-icon' is used by the 'sbb-expansion-panel'.
25
25
  * It needs to be set before the @slotchange event bubbles to the 'expansion-panel'
26
- * but after the 'NamedSlotStateController' has run.
26
+ * but after the 'SbbSlotStateController' has run.
27
27
  */
28
28
  private _setDataIconAttribute;
29
29
  protected renderTemplate(): TemplateResult;
@@ -1 +1 @@
1
- {"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAUnE;;;;;;GAMG;AACH,qBAIa,8BAA+B,SAAQ,mCAEnD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,6DAA6D;IAC7D,OAAO,CAAC,eAAe,CAMrB;IACF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,WAAW,CAAwE;IAE3E,iBAAiB,IAAI,IAAI;IAQzC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAQxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;cAIV,cAAc,IAAI,cAAc;CAkBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
1
+ {"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAUnE;;;;;;GAMG;AACH,qBAKM,8BAA+B,SAAQ,mCAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,6DAA6D;IAC7D,OAAO,CAAC,eAAe,CAMrB;IACF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,WAAW,CAAwE;IAE3E,iBAAiB,IAAI,IAAI;IAQzC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAQxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;cAIV,cAAc,IAAI,cAAc;CAkBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
@@ -1,56 +1,51 @@
1
- import { css as l, html as b, nothing as p } from "lit";
2
- import { customElement as d } from "lit/decorators.js";
3
- import { SbbButtonBaseElement as c } from "../core/base-elements.js";
4
- import { SbbConnectedAbortController as h, SbbSlotStateController as x } from "../core/controllers.js";
5
- import { hostAttributes as g } from "../core/decorators.js";
6
- import { EventEmitter as m } from "../core/eventing.js";
7
- import { SbbDisabledTabIndexActionMixin as v } from "../core/mixins.js";
8
- import { SbbIconNameMixin as f } from "../icon.js";
9
- const u = l`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-expansion-panel-header-cursor: pointer;--sbb-expansion-panel-header-text-color: var(--sbb-color-charcoal);--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x)}@media (forced-colors: active){:host{--sbb-expansion-panel-header-text-color: ButtonText}}:host([data-size=s]){--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x)}:host([disabled]){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{--sbb-text-font-size: var(--sbb-font-size-text-l);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;justify-content:space-between;align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
10
- var _ = Object.defineProperty, E = Object.getOwnPropertyDescriptor, w = (e, n, o, t) => {
11
- for (var a = t > 1 ? void 0 : t ? E(n, o) : n, i = e.length - 1, r; i >= 0; i--)
12
- (r = e[i]) && (a = (t ? r(n, o, a) : r(a)) || a);
13
- return t && a && _(n, o, a), a;
14
- };
15
- let s = class extends v(
16
- f(c)
17
- ) {
18
- constructor() {
19
- super(...arguments), this._toggleExpanded = new m(
20
- this,
21
- s.events.toggleExpanded,
22
- {
1
+ import { __esDecorate as p, __runInitializers as d } from "tslib";
2
+ import { css as c, html as b, nothing as h } from "lit";
3
+ import { customElement as x } from "lit/decorators.js";
4
+ import { SbbButtonBaseElement as m } from "../core/base-elements.js";
5
+ import { SbbConnectedAbortController as g, SbbSlotStateController as u } from "../core/controllers.js";
6
+ import { hostAttributes as v } from "../core/decorators.js";
7
+ import { EventEmitter as f } from "../core/eventing.js";
8
+ import { SbbDisabledTabIndexActionMixin as _ } from "../core/mixins.js";
9
+ import { SbbIconNameMixin as y } from "../icon.js";
10
+ const E = c`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-expansion-panel-header-cursor: pointer;--sbb-expansion-panel-header-text-color: var(--sbb-color-charcoal);--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x)}@media (forced-colors: active){:host{--sbb-expansion-panel-header-text-color: ButtonText}}:host([data-size=s]){--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x)}:host([disabled]){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{--sbb-text-font-size: var(--sbb-font-size-text-l);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;justify-content:space-between;align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
11
+ let T = (() => {
12
+ var a;
13
+ let l = [x("sbb-expansion-panel-header"), v({
14
+ slot: "header"
15
+ })], s, o = [], n, i = _(y(m));
16
+ var t = (a = class extends i {
17
+ constructor() {
18
+ super(...arguments), this._toggleExpanded = new f(this, t.events.toggleExpanded, {
23
19
  bubbles: !0
24
- }
25
- ), this._abort = new h(this), this._namedSlots = new x(this, () => this._setDataIconAttribute());
26
- }
27
- connectedCallback() {
28
- super.connectedCallback();
29
- const e = this._abort.signal;
30
- this.addEventListener("click", () => this._emitExpandedEvent(), { signal: e }), this.addEventListener("mouseenter", () => this._onMouseMovement(!0), { signal: e }), this.addEventListener("mouseleave", () => this._onMouseMovement(!1), { signal: e });
31
- }
32
- _emitExpandedEvent() {
33
- this.disabled || this._toggleExpanded.emit();
34
- }
35
- _onMouseMovement(e) {
36
- const n = this.closest("sbb-expansion-panel");
37
- (!e || n && window.matchMedia("(any-hover: hover)").matches) && n.toggleAttribute("data-toggle-hover", e);
38
- }
39
- /**
40
- * The 'data-icon' is used by the 'sbb-expansion-panel'.
41
- * It needs to be set before the @slotchange event bubbles to the 'expansion-panel'
42
- * but after the 'NamedSlotStateController' has run.
43
- */
44
- _setDataIconAttribute() {
45
- this.toggleAttribute("data-icon", !!(this.iconName || this._namedSlots.slots.has("icon")));
46
- }
47
- renderTemplate() {
48
- return this._setDataIconAttribute(), b`
20
+ }), this._abort = new g(this), this._namedSlots = new u(this, () => this._setDataIconAttribute());
21
+ }
22
+ connectedCallback() {
23
+ super.connectedCallback();
24
+ const e = this._abort.signal;
25
+ this.addEventListener("click", () => this._emitExpandedEvent(), { signal: e }), this.addEventListener("mouseenter", () => this._onMouseMovement(!0), { signal: e }), this.addEventListener("mouseleave", () => this._onMouseMovement(!1), { signal: e });
26
+ }
27
+ _emitExpandedEvent() {
28
+ this.disabled || this._toggleExpanded.emit();
29
+ }
30
+ _onMouseMovement(e) {
31
+ const r = this.closest("sbb-expansion-panel");
32
+ (!e || r && window.matchMedia("(any-hover: hover)").matches) && r.toggleAttribute("data-toggle-hover", e);
33
+ }
34
+ /**
35
+ * The 'data-icon' is used by the 'sbb-expansion-panel'.
36
+ * It needs to be set before the @slotchange event bubbles to the 'expansion-panel'
37
+ * but after the 'SbbSlotStateController' has run.
38
+ */
39
+ _setDataIconAttribute() {
40
+ this.toggleAttribute("data-icon", !!(this.iconName || this._namedSlots.slots.has("icon")));
41
+ }
42
+ renderTemplate() {
43
+ return this._setDataIconAttribute(), b`
49
44
  <span class="sbb-expansion-panel-header__title">
50
45
  <span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
51
46
  <slot></slot>
52
47
  </span>
53
- ${this.disabled ? p : b`<span class="sbb-expansion-panel-header__toggle">
48
+ ${this.disabled ? h : b`<span class="sbb-expansion-panel-header__toggle">
54
49
  <sbb-icon
55
50
  name="chevron-small-down-medium"
56
51
  class="sbb-expansion-panel-header__toggle-icon"
@@ -58,18 +53,15 @@ let s = class extends v(
58
53
  </sbb-icon>
59
54
  </span>`}
60
55
  `;
61
- }
62
- };
63
- s.styles = u;
64
- s.events = {
65
- toggleExpanded: "toggleExpanded"
66
- };
67
- s = w([
68
- d("sbb-expansion-panel-header"),
69
- g({
70
- slot: "header"
71
- })
72
- ], s);
56
+ }
57
+ }, n = a, (() => {
58
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
59
+ p(null, s = { value: n }, l, { kind: "class", name: n.name, metadata: e }, null, o), t = n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
60
+ })(), a.styles = E, a.events = {
61
+ toggleExpanded: "toggleExpanded"
62
+ }, d(n, o), a);
63
+ return t = n;
64
+ })();
73
65
  export {
74
- s as SbbExpansionPanelHeaderElement
66
+ T as SbbExpansionPanelHeaderElement
75
67
  };
@@ -1,105 +1,126 @@
1
- import { css as c, LitElement as h } from "lit";
2
- import { property as r, customElement as x } from "lit/decorators.js";
3
- import { html as _, unsafeStatic as p } from "lit/static-html.js";
4
- import { SbbConnectedAbortController as u } from "../core/controllers.js";
5
- import { EventEmitter as d } from "../core/eventing.js";
6
- import { SbbHydrationMixin as f } from "../core/mixins.js";
7
- const m = c`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-background-color: var(--sbb-color-white);--sbb-expansion-panel-content-visibility: hidden;--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-border-block-start-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-4x);--sbb-expansion-panel-icon-size: var(--sbb-size-icon-ui-medium);display:block}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--sbb-expansion-panel-content-visibility: visible}:host([data-accordion][data-accordion-first]){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host([data-accordion][data-accordion-last]){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-last])){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media (forced-colors: active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media (forced-colors: active){:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}@media (forced-colors: active){:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}:host(:not([disabled])[color=milk][data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-white)}.sbb-expansion-panel{background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:grid;visibility:var(--sbb-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-expansion-panel__content-wrapper{animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{overflow:hidden}@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}}`;
8
- var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (e, a, t, s) => {
9
- for (var i = s > 1 ? void 0 : s ? v(a, t) : a, b = e.length - 1, l; b >= 0; b--)
10
- (l = e[b]) && (i = (s ? l(a, t, i) : l(i)) || i);
11
- return s && i && g(a, t, i), i;
1
+ var T = (s) => {
2
+ throw TypeError(s);
12
3
  };
13
- let w = 0, n = class extends f(h) {
14
- constructor() {
15
- super(...arguments), this.color = "white", this._expanded = !1, this._disabled = !1, this.borderless = !1, this.size = "l", this._willOpen = new d(
16
- this,
17
- n.events.willOpen
18
- ), this._didOpen = new d(
19
- this,
20
- n.events.didOpen
21
- ), this._willClose = new d(
22
- this,
23
- n.events.willClose
24
- ), this._didClose = new d(
25
- this,
26
- n.events.didClose
27
- ), this._progressiveId = `-${++w}`, this._abort = new u(this), this._initialized = !1;
28
- }
29
- set expanded(e) {
30
- this._expanded = e, this._onExpandedChange();
31
- }
32
- get expanded() {
33
- return this._expanded;
34
- }
35
- set disabled(e) {
36
- this._disabled = e, this._updateDisabledOnHeader(this._disabled);
37
- }
38
- get disabled() {
39
- return this._disabled;
40
- }
41
- /**
42
- * The state of the notification.
43
- */
44
- set _state(e) {
45
- this.setAttribute("data-state", e);
46
- }
47
- get _state() {
48
- return this.getAttribute("data-state");
49
- }
50
- connectedCallback() {
51
- var a;
52
- super.connectedCallback();
53
- const e = this._abort.signal;
54
- this.addEventListener("toggleExpanded", () => this._toggleExpanded(), { signal: e }), this.toggleAttribute("data-accordion", !!((a = this.closest) != null && a.call(this, "sbb-accordion")));
55
- }
56
- willUpdate(e) {
57
- var a, t;
58
- super.willUpdate(e), e.has("size") && ((a = this._headerRef) == null || a.setAttribute("data-size", String(this.size)), (t = this._contentRef) == null || t.setAttribute("data-size", String(this.size)));
59
- }
60
- disconnectedCallback() {
61
- super.disconnectedCallback(), this.removeAttribute("data-accordion");
62
- }
63
- firstUpdated(e) {
64
- super.firstUpdated(e), this._initialized = !0;
65
- }
66
- _toggleExpanded() {
67
- this.expanded = !this.expanded;
68
- }
69
- _onExpandedChange() {
70
- var e, a;
71
- (e = this._headerRef) == null || e.setAttribute("aria-expanded", String(this.expanded)), (a = this._contentRef) == null || a.setAttribute("aria-hidden", String(!this.expanded)), this.expanded ? this._open(!this._initialized) : this._state === "opened" && this._close();
72
- }
73
- _open(e = !1) {
74
- this._state = "opening", this._willOpen.emit(), e && (this._state = "opened", this._didOpen.emit());
75
- }
76
- _close() {
77
- this._state = "closing", this._willClose.emit();
78
- }
79
- _updateDisabledOnHeader(e) {
80
- this._headerRef && (this._headerRef.disabled = e);
81
- }
82
- _handleSlotchange() {
83
- const e = Array.from(this.children ?? []), a = e.find(
84
- (s) => s.localName === "sbb-expansion-panel-header"
85
- ), t = e.find(
86
- (s) => s.localName === "sbb-expansion-panel-content"
87
- );
88
- this._headerRef === a && this._contentRef === t || (a && this._headerRef !== a && (a.id || (a.id = `sbb-expansion-panel-header${this._progressiveId}`), a.setAttribute("aria-expanded", String(this.expanded)), a.toggleAttribute("disabled", this.disabled), a.setAttribute("data-size", String(this.size))), t && this._contentRef !== t && (t.id || (t.id = `sbb-expansion-panel-content${this._progressiveId}`), t.setAttribute("aria-hidden", String(!this.expanded)), t.setAttribute("data-size", String(this.size))), this._headerRef = a, this._contentRef = t, this._headerRef && this._contentRef && (this._headerRef.setAttribute("aria-controls", this._contentRef.id), this._contentRef.setAttribute("aria-labelledby", this._headerRef.id), this._contentRef.toggleAttribute(
89
- "data-icon-space",
90
- this._headerRef.hasAttribute("data-icon")
91
- )));
92
- }
93
- _onAnimationEnd(e) {
94
- e.animationName === "open-opacity" && this._state === "opening" ? (this._state = "opened", this._didOpen.emit()) : e.animationName === "close" && this._state === "closing" && (this._state = "closed", this._didClose.emit());
95
- }
96
- render() {
97
- const e = this.titleLevel ? `h${this.titleLevel}` : "div";
98
- return _`
4
+ var U = (s, i, o) => i.has(s) || T("Cannot " + o);
5
+ var m = (s, i, o) => (U(s, i, "read from private field"), o ? o.call(s) : i.get(s)), f = (s, i, o) => i.has(s) ? T("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, o), d = (s, i, o, r) => (U(s, i, "write to private field"), r ? r.call(s, o) : i.set(s, o), o);
6
+ import { __runInitializers as l, __esDecorate as b } from "tslib";
7
+ import { css as G, LitElement as j } from "lit";
8
+ import { customElement as M, property as u } from "lit/decorators.js";
9
+ import { html as P, unsafeStatic as B } from "lit/static-html.js";
10
+ import { SbbConnectedAbortController as q } from "../core/controllers.js";
11
+ import { forceType as F } from "../core/decorators.js";
12
+ import { EventEmitter as v } from "../core/eventing.js";
13
+ import { SbbHydrationMixin as J } from "../core/mixins.js";
14
+ const K = G`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-background-color: var(--sbb-color-white);--sbb-expansion-panel-content-visibility: hidden;--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-border-block-start-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-4x);--sbb-expansion-panel-icon-size: var(--sbb-size-icon-ui-medium);display:block}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--sbb-expansion-panel-content-visibility: visible}:host([data-accordion][data-accordion-first]){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host([data-accordion][data-accordion-last]){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-last])){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media (forced-colors: active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media (forced-colors: active){:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}@media (forced-colors: active){:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}:host(:not([disabled])[color=milk][data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-white)}.sbb-expansion-panel{background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:grid;visibility:var(--sbb-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-expansion-panel__content-wrapper{animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{overflow:hidden}@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}}`;
15
+ let Q = 0, ne = (() => {
16
+ var c, h, _, x, n;
17
+ let s = [M("sbb-expansion-panel")], i, o = [], r, k = J(j), g = [], z, y = [], A = [], S, R = [], E = [], C, O, L, I = [], $ = [], D, H = [], N = [];
18
+ var p = (n = class extends k {
19
+ constructor() {
20
+ super(...arguments);
21
+ f(this, c);
22
+ f(this, h);
23
+ f(this, _);
24
+ f(this, x);
25
+ d(this, c, (l(this, g), l(this, y, null))), d(this, h, (l(this, A), l(this, R, "white"))), this._expanded = (l(this, E), !1), this._disabled = !1, d(this, _, l(this, I, !1)), d(this, x, (l(this, $), l(this, H, "l"))), this._willOpen = (l(this, N), new v(this, p.events.willOpen)), this._didOpen = new v(this, p.events.didOpen), this._willClose = new v(this, p.events.willClose), this._didClose = new v(this, p.events.didClose), this._progressiveId = `-${++Q}`, this._abort = new q(this), this._initialized = !1;
26
+ }
27
+ /** Heading level; if unset, a `div` will be rendered. */
28
+ get titleLevel() {
29
+ return m(this, c);
30
+ }
31
+ set titleLevel(t) {
32
+ d(this, c, t);
33
+ }
34
+ /** The background color of the panel. */
35
+ get color() {
36
+ return m(this, h);
37
+ }
38
+ set color(t) {
39
+ d(this, h, t);
40
+ }
41
+ /** Whether the panel is expanded. */
42
+ set expanded(t) {
43
+ this._expanded = t, this._onExpandedChange();
44
+ }
45
+ get expanded() {
46
+ return this._expanded;
47
+ }
48
+ /** Whether the panel is disabled, so its expanded state can't be changed. */
49
+ set disabled(t) {
50
+ this._disabled = t, this._updateDisabledOnHeader(this._disabled);
51
+ }
52
+ get disabled() {
53
+ return this._disabled;
54
+ }
55
+ /** Whether the panel has no border. */
56
+ get borderless() {
57
+ return m(this, _);
58
+ }
59
+ set borderless(t) {
60
+ d(this, _, t);
61
+ }
62
+ /** Size variant, either l or s. */
63
+ get size() {
64
+ return m(this, x);
65
+ }
66
+ set size(t) {
67
+ d(this, x, t);
68
+ }
69
+ /**
70
+ * The state of the notification.
71
+ */
72
+ set _state(t) {
73
+ this.setAttribute("data-state", t);
74
+ }
75
+ get _state() {
76
+ return this.getAttribute("data-state");
77
+ }
78
+ connectedCallback() {
79
+ var e;
80
+ super.connectedCallback();
81
+ const t = this._abort.signal;
82
+ this.addEventListener("toggleExpanded", () => this._toggleExpanded(), { signal: t }), this.toggleAttribute("data-accordion", !!((e = this.closest) != null && e.call(this, "sbb-accordion")));
83
+ }
84
+ willUpdate(t) {
85
+ var e, a;
86
+ super.willUpdate(t), t.has("size") && ((e = this._headerRef) == null || e.setAttribute("data-size", String(this.size)), (a = this._contentRef) == null || a.setAttribute("data-size", String(this.size)));
87
+ }
88
+ disconnectedCallback() {
89
+ super.disconnectedCallback(), this.removeAttribute("data-accordion");
90
+ }
91
+ firstUpdated(t) {
92
+ super.firstUpdated(t), this._initialized = !0;
93
+ }
94
+ _toggleExpanded() {
95
+ this.expanded = !this.expanded;
96
+ }
97
+ _onExpandedChange() {
98
+ var t, e;
99
+ (t = this._headerRef) == null || t.setAttribute("aria-expanded", String(this.expanded)), (e = this._contentRef) == null || e.setAttribute("aria-hidden", String(!this.expanded)), this.expanded ? this._open(!this._initialized) : this._state === "opened" && this._close();
100
+ }
101
+ _open(t = !1) {
102
+ this._state = "opening", this._willOpen.emit(), t && (this._state = "opened", this._didOpen.emit());
103
+ }
104
+ _close() {
105
+ this._state = "closing", this._willClose.emit();
106
+ }
107
+ _updateDisabledOnHeader(t) {
108
+ this._headerRef && (this._headerRef.disabled = t);
109
+ }
110
+ _handleSlotchange() {
111
+ const t = Array.from(this.children ?? []), e = t.find((w) => w.localName === "sbb-expansion-panel-header"), a = t.find((w) => w.localName === "sbb-expansion-panel-content");
112
+ this._headerRef === e && this._contentRef === a || (e && this._headerRef !== e && (e.id || (e.id = `sbb-expansion-panel-header${this._progressiveId}`), e.setAttribute("aria-expanded", String(this.expanded)), e.toggleAttribute("disabled", this.disabled), e.setAttribute("data-size", String(this.size))), a && this._contentRef !== a && (a.id || (a.id = `sbb-expansion-panel-content${this._progressiveId}`), a.setAttribute("aria-hidden", String(!this.expanded)), a.setAttribute("data-size", String(this.size))), this._headerRef = e, this._contentRef = a, this._headerRef && this._contentRef && (this._headerRef.setAttribute("aria-controls", this._contentRef.id), this._contentRef.setAttribute("aria-labelledby", this._headerRef.id), this._contentRef.toggleAttribute("data-icon-space", this._headerRef.hasAttribute("data-icon"))));
113
+ }
114
+ _onAnimationEnd(t) {
115
+ t.animationName === "open-opacity" && this._state === "opening" ? (this._state = "opened", this._didOpen.emit()) : t.animationName === "close" && this._state === "closing" && (this._state = "closed", this._didClose.emit());
116
+ }
117
+ render() {
118
+ const t = this.titleLevel ? `h${this.titleLevel}` : "div";
119
+ return P`
99
120
  <div class="sbb-expansion-panel">
100
- <${p(e)} class="sbb-expansion-panel__header">
121
+ <${B(t)} class="sbb-expansion-panel__header">
101
122
  <slot name="header" @slotchange=${this._handleSlotchange}></slot>
102
- </${p(e)}>
123
+ </${B(t)}>
103
124
  <div class="sbb-expansion-panel__content-wrapper" @animationend=${this._onAnimationEnd}>
104
125
  <span class="sbb-expansion-panel__content">
105
126
  <slot name="content" @slotchange=${this._handleSlotchange}></slot>
@@ -107,36 +128,30 @@ let w = 0, n = class extends f(h) {
107
128
  </div>
108
129
  </div>
109
130
  `;
110
- }
111
- };
112
- n.styles = m;
113
- n.events = {
114
- willOpen: "willOpen",
115
- didOpen: "didOpen",
116
- willClose: "willClose",
117
- didClose: "didClose"
118
- };
119
- o([
120
- r({ attribute: "title-level" })
121
- ], n.prototype, "titleLevel", 2);
122
- o([
123
- r()
124
- ], n.prototype, "color", 2);
125
- o([
126
- r({ reflect: !0, type: Boolean })
127
- ], n.prototype, "expanded", 1);
128
- o([
129
- r({ reflect: !0, type: Boolean })
130
- ], n.prototype, "disabled", 1);
131
- o([
132
- r({ reflect: !0, type: Boolean })
133
- ], n.prototype, "borderless", 2);
134
- o([
135
- r({ reflect: !0 })
136
- ], n.prototype, "size", 2);
137
- n = o([
138
- x("sbb-expansion-panel")
139
- ], n);
131
+ }
132
+ }, c = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), r = n, (() => {
133
+ const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
134
+ z = [u({ attribute: "title-level" })], S = [u()], C = [u({ reflect: !0, type: Boolean })], O = [u({ reflect: !0, type: Boolean })], L = [F(), u({ reflect: !0, type: Boolean })], D = [u({ reflect: !0 })], b(n, null, z, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (e) => "titleLevel" in e, get: (e) => e.titleLevel, set: (e, a) => {
135
+ e.titleLevel = a;
136
+ } }, metadata: t }, y, A), b(n, null, S, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, a) => {
137
+ e.color = a;
138
+ } }, metadata: t }, R, E), b(n, null, C, { kind: "setter", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, set: (e, a) => {
139
+ e.expanded = a;
140
+ } }, metadata: t }, null, g), b(n, null, O, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (e) => "disabled" in e, set: (e, a) => {
141
+ e.disabled = a;
142
+ } }, metadata: t }, null, g), b(n, null, L, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (e) => "borderless" in e, get: (e) => e.borderless, set: (e, a) => {
143
+ e.borderless = a;
144
+ } }, metadata: t }, I, $), b(n, null, D, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, a) => {
145
+ e.size = a;
146
+ } }, metadata: t }, H, N), b(null, i = { value: r }, s, { kind: "class", name: r.name, metadata: t }, null, o), p = r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
147
+ })(), n.styles = K, n.events = {
148
+ willOpen: "willOpen",
149
+ didOpen: "didOpen",
150
+ willClose: "willClose",
151
+ didClose: "didClose"
152
+ }, l(r, o), n);
153
+ return p = r;
154
+ })();
140
155
  export {
141
- n as SbbExpansionPanelElement
156
+ ne as SbbExpansionPanelElement
142
157
  };
@@ -9,6 +9,7 @@ declare const SbbFileSelectorElement_base: import('../core/mixins.js').AbstractC
9
9
  * @event {CustomEvent<File[]>} fileChanged - An event which is emitted each time the file list changes.
10
10
  * @event change - An event which is emitted each time the user modifies the value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value
11
11
  * @event input - An event which is emitted each time the value changes as a direct result of a user action.
12
+ * @overrideType value - string | null
12
13
  */
13
14
  export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base {
14
15
  static styles: CSSResultGroup;
@@ -16,19 +17,19 @@ export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base
16
17
  readonly fileChangedEvent: "fileChanged";
17
18
  };
18
19
  /** Whether the component has a dropzone area or not. */
19
- variant: 'default' | 'dropzone';
20
+ accessor variant: 'default' | 'dropzone';
20
21
  /** Size variant, either s or m. */
21
- size: 's' | 'm';
22
+ accessor size: 's' | 'm';
22
23
  /** Whether more than one file can be selected. */
23
- multiple: boolean;
24
+ accessor multiple: boolean;
24
25
  /** Whether the newly added files should override the previously added ones. */
25
- multipleMode: 'default' | 'persistent';
26
+ accessor multipleMode: 'default' | 'persistent';
26
27
  /** A comma-separated list of allowed unique file type specifiers. */
27
- accept?: string;
28
+ accessor accept: string;
28
29
  /** The title displayed in `dropzone` variant. */
29
- titleContent?: string;
30
+ accessor titleContent: string;
30
31
  /** This will be forwarded as aria-label to the native input element. */
31
- accessibilityLabel: string | undefined;
32
+ accessor accessibilityLabel: string;
32
33
  /** The path of the first selected file. Empty string ('') if no file is selected */
33
34
  set value(value: string | null);
34
35
  get value(): string | null;
@@ -1 +1 @@
1
- {"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBpF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;;AAExC;;;;;;;GAOG;AACH,qBAEa,sBAAuB,SAAQ,2BAAoD;IAC9F,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,wDAAwD;IACrC,OAAO,EAAE,SAAS,GAAG,UAAU,CAAa;IAE/D,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D,kDAAkD;IACd,QAAQ,EAAE,OAAO,CAAS;IAE9D,+EAA+E;IAExE,YAAY,EAAE,SAAS,GAAG,YAAY,CAAa;IAE1D,qEAAqE;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEnC,iDAAiD;IACA,YAAY,CAAC,EAAE,MAAM,CAAC;IAEvE,wEAAwE;IACjB,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9F,oFAAoF;IACpF,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED;;OAEG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAS7B;IACD,IAAW,KAAK,IAAI,IAAI,EAAE,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,iEAAiE;IACjE,OAAO,CAAC,iBAAiB,CAGvB;IAIF,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,QAAQ,IAAI,IAAI,EAAE;IAIT,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI;cAOY,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;IAUnB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;cA4BJ,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
1
+ {"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBpF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;;AAExC;;;;;;;;GAQG;AACH,qBAGM,sBAAuB,SAAQ,2BAAoD;IACvF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,wDAAwD;IACxD,SAA4B,OAAO,EAAE,SAAS,GAAG,UAAU,CAAa;IAExE,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,kDAAkD;IAClD,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,+EAA+E;IAC/E,SACgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAa;IAEnE,qEAAqE;IACrE,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,oFAAoF;IACpF,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED;;OAEG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAS7B;IACD,IAAW,KAAK,IAAI,IAAI,EAAE,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,iEAAiE;IACjE,OAAO,CAAC,iBAAiB,CAGvB;IAIF,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,QAAQ,IAAI,IAAI,EAAE;IAIT,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI;cAOY,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;IAUnB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;cA4BJ,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}