@sbb-esta/lyne-elements 2.11.0 → 3.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (787) hide show
  1. package/_index.scss +1 -1
  2. package/action-group/action-group.component.d.ts.map +1 -1
  3. package/alert/alert/alert.component.d.ts +2 -7
  4. package/alert/alert/alert.component.d.ts.map +1 -1
  5. package/alert/alert/alert.component.js +55 -67
  6. package/autocomplete/autocomplete-base-element.d.ts +26 -17
  7. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  8. package/autocomplete/autocomplete-base-element.js +98 -70
  9. package/autocomplete/autocomplete.component.d.ts +3 -2
  10. package/autocomplete/autocomplete.component.d.ts.map +1 -1
  11. package/autocomplete/autocomplete.component.js +16 -19
  12. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +3 -2
  13. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  14. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +22 -25
  15. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -0
  16. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  17. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +6 -7
  18. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -1
  19. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  20. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +11 -13
  21. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +4 -6
  22. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  23. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +25 -29
  24. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -1
  25. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  26. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +10 -12
  27. package/autocomplete.js +4 -5
  28. package/breadcrumb/breadcrumb/breadcrumb.component.js +1 -1
  29. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts +1 -0
  30. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
  31. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +9 -12
  32. package/button/accent-button/accent-button.component.d.ts +1 -0
  33. package/button/accent-button/accent-button.component.d.ts.map +1 -1
  34. package/button/button/button.component.d.ts +1 -0
  35. package/button/button/button.component.d.ts.map +1 -1
  36. package/button/common/button-common.d.ts +4 -6
  37. package/button/common/button-common.d.ts.map +1 -1
  38. package/button/mini-button/mini-button.component.d.ts +1 -0
  39. package/button/mini-button/mini-button.component.d.ts.map +1 -1
  40. package/button/secondary-button/secondary-button.component.d.ts +1 -0
  41. package/button/secondary-button/secondary-button.component.d.ts.map +1 -1
  42. package/button/transparent-button/transparent-button.component.d.ts +1 -0
  43. package/button/transparent-button/transparent-button.component.d.ts.map +1 -1
  44. package/calendar/calendar.component.d.ts +16 -14
  45. package/calendar/calendar.component.d.ts.map +1 -1
  46. package/calendar/calendar.component.js +132 -120
  47. package/card/card-badge/card-badge.component.d.ts +4 -1
  48. package/card/card-badge/card-badge.component.d.ts.map +1 -1
  49. package/card/card-badge/card-badge.component.js +8 -11
  50. package/card/card-button/card-button.component.d.ts +1 -0
  51. package/card/card-button/card-button.component.d.ts.map +1 -1
  52. package/card/common/card-action-common.d.ts.map +1 -1
  53. package/card/common/card-action-common.js +21 -24
  54. package/checkbox/checkbox/checkbox.component.d.ts +4 -1
  55. package/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  56. package/checkbox/checkbox/checkbox.component.js +48 -38
  57. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts +4 -1
  58. package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  59. package/checkbox/checkbox-panel/checkbox-panel.component.js +46 -36
  60. package/checkbox/common/checkbox-common.d.ts +4 -2
  61. package/checkbox/common/checkbox-common.d.ts.map +1 -1
  62. package/chip/chip/chip.component.d.ts +5 -6
  63. package/chip/chip/chip.component.d.ts.map +1 -1
  64. package/chip/chip/chip.component.js +37 -50
  65. package/chip/chip-group/chip-group.component.d.ts +22 -10
  66. package/chip/chip-group/chip-group.component.d.ts.map +1 -1
  67. package/chip/chip-group/chip-group.component.js +131 -116
  68. package/clock/clock.component.d.ts +1 -1
  69. package/clock/clock.component.d.ts.map +1 -1
  70. package/clock/clock.component.js +2 -2
  71. package/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  72. package/container/sticky-bar/sticky-bar.component.js +10 -13
  73. package/core/a11y/focus.d.ts +0 -32
  74. package/core/a11y/focus.d.ts.map +1 -1
  75. package/core/a11y/focus.js +3 -65
  76. package/core/a11y/input-modality-detector.d.ts +0 -5
  77. package/core/a11y/input-modality-detector.d.ts.map +1 -1
  78. package/core/a11y/input-modality-detector.js +16 -27
  79. package/core/a11y/interactivity-checker.d.ts +0 -11
  80. package/core/a11y/interactivity-checker.d.ts.map +1 -1
  81. package/core/a11y/interactivity-checker.js +0 -1
  82. package/core/a11y/live-announcer.d.ts +62 -0
  83. package/core/a11y/live-announcer.d.ts.map +1 -0
  84. package/core/a11y/live-announcer.js +47 -0
  85. package/core/a11y.d.ts +1 -0
  86. package/core/a11y.d.ts.map +1 -1
  87. package/core/a11y.js +19 -21
  88. package/core/base-elements/action-base-element.d.ts +3 -1
  89. package/core/base-elements/action-base-element.d.ts.map +1 -1
  90. package/core/base-elements/action-base-element.js +12 -11
  91. package/core/base-elements/button-base-element.d.ts +25 -18
  92. package/core/base-elements/button-base-element.d.ts.map +1 -1
  93. package/core/base-elements/button-base-element.js +97 -65
  94. package/core/base-elements/open-close-base-element.d.ts +3 -1
  95. package/core/base-elements/open-close-base-element.d.ts.map +1 -1
  96. package/core/base-elements/open-close-base-element.js +2 -1
  97. package/core/base-elements.js +9 -8
  98. package/core/controllers/inert-controller.d.ts.map +1 -1
  99. package/core/controllers/inert-controller.js +3 -3
  100. package/core/controllers.d.ts +0 -1
  101. package/core/controllers.d.ts.map +1 -1
  102. package/core/controllers.js +17 -19
  103. package/core/datetime/date-adapter.d.ts +2 -2
  104. package/core/datetime/date-adapter.d.ts.map +1 -1
  105. package/core/datetime/date-adapter.js +1 -1
  106. package/core/datetime/native-date-adapter.d.ts +2 -3
  107. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  108. package/core/datetime/native-date-adapter.js +71 -75
  109. package/core/decorators/id-reference.d.ts +11 -0
  110. package/core/decorators/id-reference.d.ts.map +1 -0
  111. package/core/decorators/id-reference.js +79 -0
  112. package/core/decorators/plain-date.d.ts +23 -0
  113. package/core/decorators/plain-date.d.ts.map +1 -0
  114. package/core/decorators/plain-date.js +29 -0
  115. package/core/decorators.d.ts +2 -2
  116. package/core/decorators.d.ts.map +1 -1
  117. package/core/decorators.js +17 -16
  118. package/core/dom.d.ts +0 -2
  119. package/core/dom.d.ts.map +1 -1
  120. package/core/dom.js +22 -26
  121. package/core/eventing/forward-event.d.ts +0 -6
  122. package/core/eventing/forward-event.d.ts.map +1 -1
  123. package/core/eventing/forward-event.js +4 -6
  124. package/core/eventing.js +12 -13
  125. package/core/i18n/i18n.d.ts +4 -1
  126. package/core/i18n/i18n.d.ts.map +1 -1
  127. package/core/i18n/i18n.js +106 -88
  128. package/core/i18n.js +42 -39
  129. package/core/interfaces/types.d.ts +0 -1
  130. package/core/interfaces/types.d.ts.map +1 -1
  131. package/core/mixins/animation-complete-mixin.d.ts +1 -1
  132. package/core/mixins/animation-complete-mixin.d.ts.map +1 -1
  133. package/core/mixins/disabled-mixin.d.ts +2 -2
  134. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  135. package/core/mixins/element-internals-mixin.d.ts +15 -0
  136. package/core/mixins/element-internals-mixin.d.ts.map +1 -0
  137. package/core/mixins/element-internals-mixin.js +41 -0
  138. package/core/mixins/form-associated-checkbox-mixin.d.ts +7 -13
  139. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  140. package/core/mixins/form-associated-checkbox-mixin.js +30 -26
  141. package/core/mixins/form-associated-input-mixin.d.ts +15 -9
  142. package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  143. package/core/mixins/form-associated-input-mixin.js +65 -49
  144. package/core/mixins/form-associated-mixin.d.ts +8 -7
  145. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  146. package/core/mixins/form-associated-mixin.js +49 -41
  147. package/core/mixins/form-associated-radio-button-mixin.d.ts +6 -14
  148. package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  149. package/core/mixins/form-associated-radio-button-mixin.js +32 -23
  150. package/core/mixins/readonly-mixin.d.ts +10 -0
  151. package/core/mixins/readonly-mixin.d.ts.map +1 -0
  152. package/core/mixins/readonly-mixin.js +30 -0
  153. package/core/mixins/required-mixin.d.ts +2 -2
  154. package/core/mixins/required-mixin.d.ts.map +1 -1
  155. package/core/mixins.d.ts +2 -0
  156. package/core/mixins.d.ts.map +1 -1
  157. package/core/mixins.js +25 -21
  158. package/core/styles/core.scss +38 -14
  159. package/core/styles/mixins/font-face.scss +6 -18
  160. package/core/styles/mixins/link.scss +3 -7
  161. package/core/styles/mixins/lists.scss +0 -63
  162. package/core/styles/mixins/overlay.scss +7 -1
  163. package/core/styles/mixins/table.scss +0 -7
  164. package/core/styles/table.scss +0 -4
  165. package/core/testing.d.ts +0 -1
  166. package/core/testing.d.ts.map +1 -1
  167. package/core/testing.js +8 -10
  168. package/core.css +41 -17
  169. package/custom-elements.json +13180 -6120
  170. package/date-input/date-input.component.d.ts +12 -14
  171. package/date-input/date-input.component.d.ts.map +1 -1
  172. package/date-input/date-input.component.js +53 -57
  173. package/datepicker/common/datepicker-association-controllers.d.ts.map +1 -1
  174. package/datepicker/common/datepicker-association-controllers.js +7 -7
  175. package/datepicker/common/datepicker-button.d.ts +0 -12
  176. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  177. package/datepicker/common/datepicker-button.js +45 -59
  178. package/datepicker/datepicker/datepicker.component.d.ts +3 -20
  179. package/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  180. package/datepicker/datepicker/datepicker.component.js +85 -95
  181. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -0
  182. package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  183. package/datepicker/datepicker-next-day/datepicker-next-day.component.js +12 -12
  184. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -0
  185. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  186. package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +13 -13
  187. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +0 -8
  188. package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  189. package/datepicker/datepicker-toggle/datepicker-toggle.component.js +51 -65
  190. package/datepicker/datepicker.js +2 -4
  191. package/datepicker.js +10 -12
  192. package/development/action-group/action-group.component.d.ts.map +1 -1
  193. package/development/action-group/action-group.component.js +1 -1
  194. package/development/alert/alert/alert.component.d.ts +2 -7
  195. package/development/alert/alert/alert.component.d.ts.map +1 -1
  196. package/development/alert/alert/alert.component.js +8 -26
  197. package/development/autocomplete/autocomplete-base-element.d.ts +26 -17
  198. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  199. package/development/autocomplete/autocomplete-base-element.js +69 -39
  200. package/development/autocomplete/autocomplete.component.d.ts +3 -2
  201. package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
  202. package/development/autocomplete/autocomplete.component.js +5 -9
  203. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +3 -2
  204. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
  205. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -9
  206. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -0
  207. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  208. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +2 -3
  209. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -1
  210. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  211. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +5 -7
  212. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +4 -6
  213. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
  214. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +20 -19
  215. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -1
  216. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  217. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +5 -7
  218. package/development/autocomplete.js +2 -3
  219. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +2 -2
  220. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts +1 -0
  221. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
  222. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +5 -8
  223. package/development/button/accent-button/accent-button.component.d.ts +1 -0
  224. package/development/button/accent-button/accent-button.component.d.ts.map +1 -1
  225. package/development/button/accent-button/accent-button.component.js +1 -1
  226. package/development/button/button/button.component.d.ts +1 -0
  227. package/development/button/button/button.component.d.ts.map +1 -1
  228. package/development/button/button/button.component.js +1 -1
  229. package/development/button/common/button-common.d.ts +4 -6
  230. package/development/button/common/button-common.d.ts.map +1 -1
  231. package/development/button/common/button-common.js +1 -1
  232. package/development/button/mini-button/mini-button.component.d.ts +1 -0
  233. package/development/button/mini-button/mini-button.component.d.ts.map +1 -1
  234. package/development/button/mini-button/mini-button.component.js +1 -1
  235. package/development/button/secondary-button/secondary-button.component.d.ts +1 -0
  236. package/development/button/secondary-button/secondary-button.component.d.ts.map +1 -1
  237. package/development/button/secondary-button/secondary-button.component.js +1 -1
  238. package/development/button/transparent-button/transparent-button.component.d.ts +1 -0
  239. package/development/button/transparent-button/transparent-button.component.d.ts.map +1 -1
  240. package/development/button/transparent-button/transparent-button.component.js +1 -1
  241. package/development/calendar/calendar.component.d.ts +16 -14
  242. package/development/calendar/calendar.component.d.ts.map +1 -1
  243. package/development/calendar/calendar.component.js +52 -32
  244. package/development/card/card-badge/card-badge.component.d.ts +4 -1
  245. package/development/card/card-badge/card-badge.component.d.ts.map +1 -1
  246. package/development/card/card-badge/card-badge.component.js +6 -8
  247. package/development/card/card-button/card-button.component.d.ts +1 -0
  248. package/development/card/card-button/card-button.component.d.ts.map +1 -1
  249. package/development/card/card-button/card-button.component.js +1 -1
  250. package/development/card/common/card-action-common.d.ts.map +1 -1
  251. package/development/card/common/card-action-common.js +6 -15
  252. package/development/checkbox/checkbox/checkbox.component.d.ts +4 -1
  253. package/development/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  254. package/development/checkbox/checkbox/checkbox.component.js +19 -4
  255. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts +4 -1
  256. package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map +1 -1
  257. package/development/checkbox/checkbox-panel/checkbox-panel.component.js +20 -4
  258. package/development/checkbox/common/checkbox-common.d.ts +4 -2
  259. package/development/checkbox/common/checkbox-common.d.ts.map +1 -1
  260. package/development/checkbox/common/checkbox-common.js +1 -1
  261. package/development/chip/chip/chip.component.d.ts +5 -6
  262. package/development/chip/chip/chip.component.d.ts.map +1 -1
  263. package/development/chip/chip/chip.component.js +12 -31
  264. package/development/chip/chip-group/chip-group.component.d.ts +22 -10
  265. package/development/chip/chip-group/chip-group.component.d.ts.map +1 -1
  266. package/development/chip/chip-group/chip-group.component.js +52 -27
  267. package/development/clock/clock.component.d.ts +1 -1
  268. package/development/clock/clock.component.d.ts.map +1 -1
  269. package/development/clock/clock.component.js +3 -3
  270. package/development/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
  271. package/development/container/sticky-bar/sticky-bar.component.js +3 -5
  272. package/development/core/a11y/focus.d.ts +0 -32
  273. package/development/core/a11y/focus.d.ts.map +1 -1
  274. package/development/core/a11y/focus.js +2 -82
  275. package/development/core/a11y/input-modality-detector.d.ts +0 -5
  276. package/development/core/a11y/input-modality-detector.d.ts.map +1 -1
  277. package/development/core/a11y/input-modality-detector.js +2 -18
  278. package/development/core/a11y/interactivity-checker.d.ts +0 -11
  279. package/development/core/a11y/interactivity-checker.d.ts.map +1 -1
  280. package/development/core/a11y/interactivity-checker.js +1 -2
  281. package/development/core/a11y/live-announcer.d.ts +62 -0
  282. package/development/core/a11y/live-announcer.d.ts.map +1 -0
  283. package/development/core/a11y/live-announcer.js +87 -0
  284. package/development/core/a11y.d.ts +1 -0
  285. package/development/core/a11y.d.ts.map +1 -1
  286. package/development/core/a11y.js +7 -9
  287. package/development/core/base-elements/action-base-element.d.ts +3 -1
  288. package/development/core/base-elements/action-base-element.d.ts.map +1 -1
  289. package/development/core/base-elements/action-base-element.js +3 -2
  290. package/development/core/base-elements/button-base-element.d.ts +25 -18
  291. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  292. package/development/core/base-elements/button-base-element.js +105 -67
  293. package/development/core/base-elements/open-close-base-element.d.ts +3 -1
  294. package/development/core/base-elements/open-close-base-element.d.ts.map +1 -1
  295. package/development/core/base-elements/open-close-base-element.js +3 -2
  296. package/development/core/base-elements.js +2 -1
  297. package/development/core/controllers/inert-controller.d.ts.map +1 -1
  298. package/development/core/controllers/inert-controller.js +2 -2
  299. package/development/core/controllers.d.ts +0 -1
  300. package/development/core/controllers.d.ts.map +1 -1
  301. package/development/core/controllers.js +1 -3
  302. package/development/core/datetime/date-adapter.d.ts +2 -2
  303. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  304. package/development/core/datetime/date-adapter.js +2 -2
  305. package/development/core/datetime/native-date-adapter.d.ts +2 -3
  306. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  307. package/development/core/datetime/native-date-adapter.js +2 -6
  308. package/development/core/decorators/id-reference.d.ts +11 -0
  309. package/development/core/decorators/id-reference.d.ts.map +1 -0
  310. package/development/core/decorators/id-reference.js +123 -0
  311. package/development/core/decorators/plain-date.d.ts +23 -0
  312. package/development/core/decorators/plain-date.d.ts.map +1 -0
  313. package/development/core/decorators/plain-date.js +37 -0
  314. package/development/core/decorators.d.ts +2 -2
  315. package/development/core/decorators.d.ts.map +1 -1
  316. package/development/core/decorators.js +5 -4
  317. package/development/core/dom.d.ts +0 -2
  318. package/development/core/dom.d.ts.map +1 -1
  319. package/development/core/dom.js +1 -5
  320. package/development/core/eventing/forward-event.d.ts +0 -6
  321. package/development/core/eventing/forward-event.d.ts.map +1 -1
  322. package/development/core/eventing/forward-event.js +2 -4
  323. package/development/core/eventing.js +1 -2
  324. package/development/core/i18n/i18n.d.ts +4 -1
  325. package/development/core/i18n/i18n.d.ts.map +1 -1
  326. package/development/core/i18n/i18n.js +43 -22
  327. package/development/core/i18n.js +4 -1
  328. package/development/core/interfaces/types.d.ts +0 -1
  329. package/development/core/interfaces/types.d.ts.map +1 -1
  330. package/development/core/mixins/animation-complete-mixin.d.ts +1 -1
  331. package/development/core/mixins/animation-complete-mixin.d.ts.map +1 -1
  332. package/development/core/mixins/animation-complete-mixin.js +1 -1
  333. package/development/core/mixins/disabled-mixin.d.ts +2 -2
  334. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  335. package/development/core/mixins/disabled-mixin.js +1 -1
  336. package/development/core/mixins/element-internals-mixin.d.ts +15 -0
  337. package/development/core/mixins/element-internals-mixin.d.ts.map +1 -0
  338. package/development/core/mixins/element-internals-mixin.js +59 -0
  339. package/development/core/mixins/form-associated-checkbox-mixin.d.ts +7 -13
  340. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  341. package/development/core/mixins/form-associated-checkbox-mixin.js +8 -6
  342. package/development/core/mixins/form-associated-input-mixin.d.ts +15 -9
  343. package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  344. package/development/core/mixins/form-associated-input-mixin.js +39 -20
  345. package/development/core/mixins/form-associated-mixin.d.ts +8 -7
  346. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  347. package/development/core/mixins/form-associated-mixin.js +31 -17
  348. package/development/core/mixins/form-associated-radio-button-mixin.d.ts +6 -14
  349. package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  350. package/development/core/mixins/form-associated-radio-button-mixin.js +20 -8
  351. package/development/core/mixins/readonly-mixin.d.ts +10 -0
  352. package/development/core/mixins/readonly-mixin.d.ts.map +1 -0
  353. package/development/core/mixins/readonly-mixin.js +40 -0
  354. package/development/core/mixins/required-mixin.d.ts +2 -2
  355. package/development/core/mixins/required-mixin.d.ts.map +1 -1
  356. package/development/core/mixins/required-mixin.js +1 -1
  357. package/development/core/mixins.d.ts +2 -0
  358. package/development/core/mixins.d.ts.map +1 -1
  359. package/development/core/mixins.js +5 -1
  360. package/development/core/testing.d.ts +0 -1
  361. package/development/core/testing.d.ts.map +1 -1
  362. package/development/core/testing.js +1 -3
  363. package/development/date-input/date-input.component.d.ts +12 -14
  364. package/development/date-input/date-input.component.d.ts.map +1 -1
  365. package/development/date-input/date-input.component.js +17 -22
  366. package/development/datepicker/common/datepicker-association-controllers.d.ts.map +1 -1
  367. package/development/datepicker/common/datepicker-association-controllers.js +3 -3
  368. package/development/datepicker/common/datepicker-button.d.ts +0 -12
  369. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  370. package/development/datepicker/common/datepicker-button.js +1 -23
  371. package/development/datepicker/datepicker/datepicker.component.d.ts +3 -20
  372. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  373. package/development/datepicker/datepicker/datepicker.component.js +24 -33
  374. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -0
  375. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
  376. package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +7 -6
  377. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -0
  378. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
  379. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +7 -6
  380. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +0 -8
  381. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
  382. package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +1 -21
  383. package/development/datepicker/datepicker.js +2 -4
  384. package/development/datepicker.js +2 -4
  385. package/development/divider/divider.component.d.ts +2 -1
  386. package/development/divider/divider.component.d.ts.map +1 -1
  387. package/development/divider/divider.component.js +5 -8
  388. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts +5 -1
  389. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts.map +1 -1
  390. package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +9 -8
  391. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +2 -0
  392. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  393. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +6 -5
  394. package/development/file-selector/common/file-selector-common.d.ts +6 -5
  395. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  396. package/development/file-selector/common/file-selector-common.js +4 -4
  397. package/development/file-selector/file-selector/file-selector.component.d.ts +1 -0
  398. package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  399. package/development/file-selector/file-selector/file-selector.component.js +1 -1
  400. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -0
  401. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  402. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  403. package/development/flip-card/flip-card-details/flip-card-details.component.d.ts +1 -0
  404. package/development/flip-card/flip-card-details/flip-card-details.component.d.ts.map +1 -1
  405. package/development/flip-card/flip-card-details/flip-card-details.component.js +6 -5
  406. package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts +1 -0
  407. package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map +1 -1
  408. package/development/flip-card/flip-card-summary/flip-card-summary.component.js +6 -5
  409. package/development/footer/footer.component.js +1 -1
  410. package/development/form-field/form-field/form-field.component.d.ts +9 -10
  411. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  412. package/development/form-field/form-field/form-field.component.js +167 -178
  413. package/development/form-field/form-field-clear/form-field-clear.component.d.ts +1 -0
  414. package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  415. package/development/form-field/form-field-clear/form-field-clear.component.js +3 -5
  416. package/development/header/common/header-action-common.d.ts +3 -3
  417. package/development/header/common/header-action-common.d.ts.map +1 -1
  418. package/development/header/common/header-action-common.js +1 -1
  419. package/development/header/header/header.component.d.ts +6 -3
  420. package/development/header/header/header.component.d.ts.map +1 -1
  421. package/development/header/header/header.component.js +10 -9
  422. package/development/header/header-button/header-button.component.d.ts +1 -0
  423. package/development/header/header-button/header-button.component.d.ts.map +1 -1
  424. package/development/header/header-button/header-button.component.js +1 -1
  425. package/development/image/image.component.d.ts +1 -1
  426. package/development/image/image.component.d.ts.map +1 -1
  427. package/development/image/image.component.js +7 -6
  428. package/development/link/block-link-button/block-link-button.component.d.ts +1 -0
  429. package/development/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  430. package/development/link/block-link-button/block-link-button.component.js +1 -1
  431. package/development/link/common/block-link-common.d.ts +3 -4
  432. package/development/link/common/block-link-common.d.ts.map +1 -1
  433. package/development/link/common/block-link-common.js +4 -4
  434. package/development/link/common/inline-link-common.d.ts +3 -2
  435. package/development/link/common/inline-link-common.d.ts.map +1 -1
  436. package/development/link/common/inline-link-common.js +2 -2
  437. package/development/link/common/link-common.d.ts +4 -2
  438. package/development/link/common/link-common.d.ts.map +1 -1
  439. package/development/link/common/link-common.js +1 -1
  440. package/development/link/common.js +1 -1
  441. package/development/link/link-button/link-button.component.d.ts +1 -0
  442. package/development/link/link-button/link-button.component.d.ts.map +1 -1
  443. package/development/link/link-button/link-button.component.js +1 -1
  444. package/development/{link-common-CJEWffDZ.js → link-common-DPLJx5Uo.js} +2 -2
  445. package/development/link-list/link-list-anchor/link-list-anchor.component.js +1 -1
  446. package/development/link.js +1 -1
  447. package/development/loading-indicator/loading-indicator.component.d.ts +5 -1
  448. package/development/loading-indicator/loading-indicator.component.d.ts.map +1 -1
  449. package/development/loading-indicator/loading-indicator.component.js +9 -8
  450. package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts +5 -1
  451. package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
  452. package/development/loading-indicator-circle/loading-indicator-circle.component.js +9 -8
  453. package/development/menu/common/menu-action-common.d.ts +4 -8
  454. package/development/menu/common/menu-action-common.d.ts.map +1 -1
  455. package/development/menu/common/menu-action-common.js +5 -63
  456. package/development/menu/menu/menu.component.d.ts +3 -3
  457. package/development/menu/menu/menu.component.d.ts.map +1 -1
  458. package/development/menu/menu/menu.component.js +10 -12
  459. package/development/menu/menu-button/menu-button.component.d.ts +1 -0
  460. package/development/menu/menu-button/menu-button.component.d.ts.map +1 -1
  461. package/development/menu/menu-button/menu-button.component.js +1 -1
  462. package/development/navigation/navigation/navigation.component.d.ts +4 -3
  463. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  464. package/development/navigation/navigation/navigation.component.js +11 -14
  465. package/development/navigation/navigation-button/navigation-button.component.d.ts +1 -0
  466. package/development/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  467. package/development/navigation/navigation-button/navigation-button.component.js +1 -1
  468. package/development/navigation/navigation-section/navigation-section.component.d.ts +3 -3
  469. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  470. package/development/navigation/navigation-section/navigation-section.component.js +10 -12
  471. package/development/notification/notification.component.d.ts +4 -7
  472. package/development/notification/notification.component.d.ts.map +1 -1
  473. package/development/notification/notification.component.js +12 -29
  474. package/development/option/optgroup/optgroup-base-element.d.ts +2 -1
  475. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  476. package/development/option/optgroup/optgroup-base-element.js +16 -37
  477. package/development/option/option/option-base-element.d.ts +6 -12
  478. package/development/option/option/option-base-element.d.ts.map +1 -1
  479. package/development/option/option/option-base-element.js +25 -21
  480. package/development/option/option/option.component.d.ts +5 -2
  481. package/development/option/option/option.component.d.ts.map +1 -1
  482. package/development/option/option/option.component.js +24 -21
  483. package/development/overlay/overlay-base-element.d.ts +1 -8
  484. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  485. package/development/overlay/overlay-base-element.js +10 -30
  486. package/development/paginator/common/paginator-common.d.ts +3 -7
  487. package/development/paginator/common/paginator-common.d.ts.map +1 -1
  488. package/development/paginator/common/paginator-common.js +9 -27
  489. package/development/popover/popover/popover.component.d.ts +3 -3
  490. package/development/popover/popover/popover.component.d.ts.map +1 -1
  491. package/development/popover/popover/popover.component.js +15 -12
  492. package/development/popover/popover-trigger/popover-trigger.component.d.ts +1 -0
  493. package/development/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  494. package/development/popover/popover-trigger/popover-trigger.component.js +1 -1
  495. package/development/radio-button/common/radio-button-common.d.ts +4 -2
  496. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  497. package/development/radio-button/common/radio-button-common.js +1 -1
  498. package/development/radio-button/radio-button/radio-button.component.d.ts +6 -2
  499. package/development/radio-button/radio-button/radio-button.component.d.ts.map +1 -1
  500. package/development/radio-button/radio-button/radio-button.component.js +21 -4
  501. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts +8 -6
  502. package/development/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  503. package/development/radio-button/radio-button-group/radio-button-group.component.js +8 -11
  504. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts +6 -2
  505. package/development/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  506. package/development/radio-button/radio-button-panel/radio-button-panel.component.js +22 -4
  507. package/development/select/select.component.d.ts +14 -12
  508. package/development/select/select.component.d.ts.map +1 -1
  509. package/development/select/select.component.js +111 -67
  510. package/development/sidebar/icon-sidebar/icon-sidebar.component.d.ts +4 -2
  511. package/development/sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
  512. package/development/sidebar/icon-sidebar/icon-sidebar.component.js +5 -6
  513. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -0
  514. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  515. package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +1 -1
  516. package/development/sidebar/sidebar/sidebar.component.js +1 -1
  517. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +2 -0
  518. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  519. package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +6 -3
  520. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts +1 -0
  521. package/development/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  522. package/development/sidebar/sidebar-title/sidebar-title.component.js +6 -3
  523. package/development/slider/slider.component.d.ts +6 -15
  524. package/development/slider/slider.component.d.ts.map +1 -1
  525. package/development/slider/slider.component.js +37 -85
  526. package/development/stepper/step/step.component.d.ts +4 -1
  527. package/development/stepper/step/step.component.d.ts.map +1 -1
  528. package/development/stepper/step/step.component.js +6 -8
  529. package/development/stepper/step-label/step-label.component.d.ts +2 -0
  530. package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
  531. package/development/stepper/step-label/step-label.component.js +5 -8
  532. package/development/stepper/stepper/stepper.component.d.ts +1 -1
  533. package/development/stepper/stepper/stepper.component.d.ts.map +1 -1
  534. package/development/stepper/stepper/stepper.component.js +9 -8
  535. package/development/table/table-wrapper/table-wrapper.component.d.ts +2 -1
  536. package/development/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
  537. package/development/table/table-wrapper/table-wrapper.component.js +4 -6
  538. package/development/tabs/tab/tab.component.d.ts +4 -1
  539. package/development/tabs/tab/tab.component.d.ts.map +1 -1
  540. package/development/tabs/tab/tab.component.js +4 -3
  541. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  542. package/development/tabs/tab-group/tab-group.component.js +2 -4
  543. package/development/tabs/tab-label/tab-label.component.d.ts +2 -1
  544. package/development/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  545. package/development/tabs/tab-label/tab-label.component.js +4 -4
  546. package/development/tag/tag/tag.component.d.ts +7 -3
  547. package/development/tag/tag/tag.component.d.ts.map +1 -1
  548. package/development/tag/tag/tag.component.js +26 -7
  549. package/development/tag/tag-group/tag-group.component.d.ts +7 -5
  550. package/development/tag/tag-group/tag-group.component.d.ts.map +1 -1
  551. package/development/tag/tag-group/tag-group.component.js +29 -21
  552. package/development/teaser-product/common/teaser-product-common.d.ts +4 -2
  553. package/development/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  554. package/development/teaser-product/common/teaser-product-common.js +1 -1
  555. package/development/time-input/time-input.component.d.ts +29 -42
  556. package/development/time-input/time-input.component.d.ts.map +1 -1
  557. package/development/time-input/time-input.component.js +158 -205
  558. package/development/title/title-base.d.ts +4 -1
  559. package/development/title/title-base.d.ts.map +1 -1
  560. package/development/title/title-base.js +9 -17
  561. package/development/toast/toast.component.d.ts +3 -4
  562. package/development/toast/toast.component.d.ts.map +1 -1
  563. package/development/toast/toast.component.js +53 -73
  564. package/development/toggle/toggle/toggle.component.d.ts +13 -9
  565. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  566. package/development/toggle/toggle/toggle.component.js +29 -29
  567. package/development/toggle/toggle-option/toggle-option.component.d.ts +5 -3
  568. package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  569. package/development/toggle/toggle-option/toggle-option.component.js +6 -8
  570. package/development/toggle-check/toggle-check.component.d.ts +5 -2
  571. package/development/toggle-check/toggle-check.component.d.ts.map +1 -1
  572. package/development/toggle-check/toggle-check.component.js +19 -4
  573. package/divider/divider.component.d.ts +2 -1
  574. package/divider/divider.component.d.ts.map +1 -1
  575. package/divider/divider.component.js +26 -29
  576. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts +5 -1
  577. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts.map +1 -1
  578. package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +14 -14
  579. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts +2 -0
  580. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  581. package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +20 -20
  582. package/file-selector/common/file-selector-common.d.ts +6 -5
  583. package/file-selector/common/file-selector-common.d.ts.map +1 -1
  584. package/file-selector/common/file-selector-common.js +35 -35
  585. package/file-selector/file-selector/file-selector.component.d.ts +1 -0
  586. package/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  587. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -0
  588. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  589. package/flip-card/flip-card-details/flip-card-details.component.d.ts +1 -0
  590. package/flip-card/flip-card-details/flip-card-details.component.d.ts.map +1 -1
  591. package/flip-card/flip-card-details/flip-card-details.component.js +16 -16
  592. package/flip-card/flip-card-summary/flip-card-summary.component.d.ts +1 -0
  593. package/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map +1 -1
  594. package/flip-card/flip-card-summary/flip-card-summary.component.js +13 -13
  595. package/font-characters-extension.css +3 -3
  596. package/footer/footer.component.js +1 -1
  597. package/form-field/form-field/form-field.component.d.ts +9 -10
  598. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  599. package/form-field/form-field/form-field.component.js +194 -209
  600. package/form-field/form-field-clear/form-field-clear.component.d.ts +1 -0
  601. package/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
  602. package/form-field/form-field-clear/form-field-clear.component.js +9 -12
  603. package/header/common/header-action-common.d.ts +3 -3
  604. package/header/common/header-action-common.d.ts.map +1 -1
  605. package/header/header/header.component.d.ts +6 -3
  606. package/header/header/header.component.d.ts.map +1 -1
  607. package/header/header/header.component.js +46 -44
  608. package/header/header-button/header-button.component.d.ts +1 -0
  609. package/header/header-button/header-button.component.d.ts.map +1 -1
  610. package/image/image.component.d.ts +1 -1
  611. package/image/image.component.d.ts.map +1 -1
  612. package/image/image.component.js +4 -2
  613. package/link/block-link-button/block-link-button.component.d.ts +1 -0
  614. package/link/block-link-button/block-link-button.component.d.ts.map +1 -1
  615. package/link/common/block-link-common.d.ts +3 -4
  616. package/link/common/block-link-common.d.ts.map +1 -1
  617. package/link/common/block-link-common.js +6 -6
  618. package/link/common/inline-link-common.d.ts +3 -2
  619. package/link/common/inline-link-common.d.ts.map +1 -1
  620. package/link/common/inline-link-common.js +1 -1
  621. package/link/common/link-common.d.ts +4 -2
  622. package/link/common/link-common.d.ts.map +1 -1
  623. package/link/common/link-common.js +1 -1
  624. package/link/common.js +1 -1
  625. package/link/link-button/link-button.component.d.ts +1 -0
  626. package/link/link-button/link-button.component.d.ts.map +1 -1
  627. package/{link-common-DZrQ-32d.js → link-common-BBKGg9HN.js} +1 -1
  628. package/link-list/link-list-anchor/link-list-anchor.component.js +4 -4
  629. package/link.js +1 -1
  630. package/loading-indicator/loading-indicator.component.d.ts +5 -1
  631. package/loading-indicator/loading-indicator.component.d.ts.map +1 -1
  632. package/loading-indicator/loading-indicator.component.js +9 -9
  633. package/loading-indicator-circle/loading-indicator-circle.component.d.ts +5 -1
  634. package/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
  635. package/loading-indicator-circle/loading-indicator-circle.component.js +14 -14
  636. package/menu/common/menu-action-common.d.ts +4 -8
  637. package/menu/common/menu-action-common.d.ts.map +1 -1
  638. package/menu/common/menu-action-common.js +16 -41
  639. package/menu/menu/menu.component.d.ts +3 -3
  640. package/menu/menu/menu.component.d.ts.map +1 -1
  641. package/menu/menu/menu.component.js +32 -34
  642. package/menu/menu-button/menu-button.component.d.ts +1 -0
  643. package/menu/menu-button/menu-button.component.d.ts.map +1 -1
  644. package/navigation/navigation/navigation.component.d.ts +4 -3
  645. package/navigation/navigation/navigation.component.d.ts.map +1 -1
  646. package/navigation/navigation/navigation.component.js +39 -42
  647. package/navigation/navigation-button/navigation-button.component.d.ts +1 -0
  648. package/navigation/navigation-button/navigation-button.component.d.ts.map +1 -1
  649. package/navigation/navigation-section/navigation-section.component.d.ts +3 -3
  650. package/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  651. package/navigation/navigation-section/navigation-section.component.js +51 -53
  652. package/notification/notification.component.d.ts +4 -7
  653. package/notification/notification.component.d.ts.map +1 -1
  654. package/notification/notification.component.js +63 -73
  655. package/option/optgroup/optgroup-base-element.d.ts +2 -1
  656. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  657. package/option/optgroup/optgroup-base-element.js +43 -43
  658. package/option/option/option-base-element.d.ts +6 -12
  659. package/option/option/option-base-element.d.ts.map +1 -1
  660. package/option/option/option-base-element.js +57 -64
  661. package/option/option/option.component.d.ts +5 -2
  662. package/option/option/option.component.d.ts.map +1 -1
  663. package/option/option/option.component.js +18 -21
  664. package/overlay/overlay-base-element.d.ts +1 -8
  665. package/overlay/overlay-base-element.d.ts.map +1 -1
  666. package/overlay/overlay-base-element.js +44 -55
  667. package/package.json +1 -1
  668. package/paginator/common/paginator-common.d.ts +3 -7
  669. package/paginator/common/paginator-common.d.ts.map +1 -1
  670. package/paginator/common/paginator-common.js +43 -55
  671. package/popover/popover/popover.component.d.ts +3 -3
  672. package/popover/popover/popover.component.d.ts.map +1 -1
  673. package/popover/popover/popover.component.js +35 -32
  674. package/popover/popover-trigger/popover-trigger.component.d.ts +1 -0
  675. package/popover/popover-trigger/popover-trigger.component.d.ts.map +1 -1
  676. package/radio-button/common/radio-button-common.d.ts +4 -2
  677. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  678. package/radio-button/radio-button/radio-button.component.d.ts +6 -2
  679. package/radio-button/radio-button/radio-button.component.d.ts.map +1 -1
  680. package/radio-button/radio-button/radio-button.component.js +43 -31
  681. package/radio-button/radio-button-group/radio-button-group.component.d.ts +8 -6
  682. package/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
  683. package/radio-button/radio-button-group/radio-button-group.component.js +24 -26
  684. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts +6 -2
  685. package/radio-button/radio-button-panel/radio-button-panel.component.d.ts.map +1 -1
  686. package/radio-button/radio-button-panel/radio-button-panel.component.js +46 -34
  687. package/select/select.component.d.ts +14 -12
  688. package/select/select.component.d.ts.map +1 -1
  689. package/select/select.component.js +130 -113
  690. package/sidebar/icon-sidebar/icon-sidebar.component.d.ts +4 -2
  691. package/sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
  692. package/sidebar/icon-sidebar/icon-sidebar.component.js +19 -20
  693. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -0
  694. package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map +1 -1
  695. package/sidebar/sidebar/sidebar.component.js +1 -1
  696. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +2 -0
  697. package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
  698. package/sidebar/sidebar-close-button/sidebar-close-button.component.js +11 -9
  699. package/sidebar/sidebar-title/sidebar-title.component.d.ts +1 -0
  700. package/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
  701. package/sidebar/sidebar-title/sidebar-title.component.js +17 -15
  702. package/slider/slider.component.d.ts +6 -15
  703. package/slider/slider.component.d.ts.map +1 -1
  704. package/slider/slider.component.js +71 -98
  705. package/standard-theme.css +41 -17
  706. package/stepper/step/step.component.d.ts +4 -1
  707. package/stepper/step/step.component.d.ts.map +1 -1
  708. package/stepper/step/step.component.js +5 -8
  709. package/stepper/step-label/step-label.component.d.ts +2 -0
  710. package/stepper/step-label/step-label.component.d.ts.map +1 -1
  711. package/stepper/step-label/step-label.component.js +12 -17
  712. package/stepper/stepper/stepper.component.d.ts +1 -1
  713. package/stepper/stepper/stepper.component.d.ts.map +1 -1
  714. package/stepper/stepper/stepper.component.js +8 -6
  715. package/table/table-wrapper/table-wrapper.component.d.ts +2 -1
  716. package/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
  717. package/table/table-wrapper/table-wrapper.component.js +19 -21
  718. package/tabs/tab/tab.component.d.ts +4 -1
  719. package/tabs/tab/tab.component.d.ts.map +1 -1
  720. package/tabs/tab/tab.component.js +10 -9
  721. package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  722. package/tabs/tab-group/tab-group.component.js +8 -8
  723. package/tabs/tab-label/tab-label.component.d.ts +2 -1
  724. package/tabs/tab-label/tab-label.component.d.ts.map +1 -1
  725. package/tabs/tab-label/tab-label.component.js +18 -18
  726. package/tag/tag/tag.component.d.ts +7 -3
  727. package/tag/tag/tag.component.d.ts.map +1 -1
  728. package/tag/tag/tag.component.js +75 -62
  729. package/tag/tag-group/tag-group.component.d.ts +7 -5
  730. package/tag/tag-group/tag-group.component.d.ts.map +1 -1
  731. package/tag/tag-group/tag-group.component.js +69 -64
  732. package/teaser-product/common/teaser-product-common.d.ts +4 -2
  733. package/teaser-product/common/teaser-product-common.d.ts.map +1 -1
  734. package/time-input/time-input.component.d.ts +29 -42
  735. package/time-input/time-input.component.d.ts.map +1 -1
  736. package/time-input/time-input.component.js +100 -143
  737. package/title/title-base.d.ts +4 -1
  738. package/title/title-base.d.ts.map +1 -1
  739. package/title/title-base.js +33 -34
  740. package/toast/toast.component.d.ts +3 -4
  741. package/toast/toast.component.d.ts.map +1 -1
  742. package/toast/toast.component.js +64 -70
  743. package/toggle/toggle/toggle.component.d.ts +13 -9
  744. package/toggle/toggle/toggle.component.d.ts.map +1 -1
  745. package/toggle/toggle/toggle.component.js +48 -49
  746. package/toggle/toggle-option/toggle-option.component.d.ts +5 -3
  747. package/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
  748. package/toggle/toggle-option/toggle-option.component.js +37 -39
  749. package/toggle-check/toggle-check.component.d.ts +5 -2
  750. package/toggle-check/toggle-check.component.d.ts.map +1 -1
  751. package/toggle-check/toggle-check.component.js +53 -43
  752. package/core/controllers/connected-abort-controller.d.ts +0 -14
  753. package/core/controllers/connected-abort-controller.d.ts.map +0 -1
  754. package/core/controllers/connected-abort-controller.js +0 -19
  755. package/core/decorators/date-converter.d.ts +0 -8
  756. package/core/decorators/date-converter.d.ts.map +0 -1
  757. package/core/decorators/date-converter.js +0 -17
  758. package/core/decorators/date-only-type.d.ts +0 -8
  759. package/core/decorators/date-only-type.d.ts.map +0 -1
  760. package/core/decorators/date-only-type.js +0 -10
  761. package/core/dom/find-referenced-element.d.ts +0 -8
  762. package/core/dom/find-referenced-element.d.ts.map +0 -1
  763. package/core/dom/find-referenced-element.js +0 -7
  764. package/core/dom/input-element.d.ts +0 -12
  765. package/core/dom/input-element.d.ts.map +0 -1
  766. package/core/dom/input-element.js +0 -12
  767. package/core/testing/scroll.d.ts +0 -7
  768. package/core/testing/scroll.d.ts.map +0 -1
  769. package/core/testing/scroll.js +0 -6
  770. package/development/core/controllers/connected-abort-controller.d.ts +0 -14
  771. package/development/core/controllers/connected-abort-controller.d.ts.map +0 -1
  772. package/development/core/controllers/connected-abort-controller.js +0 -25
  773. package/development/core/decorators/date-converter.d.ts +0 -8
  774. package/development/core/decorators/date-converter.d.ts.map +0 -1
  775. package/development/core/decorators/date-converter.js +0 -18
  776. package/development/core/decorators/date-only-type.d.ts +0 -8
  777. package/development/core/decorators/date-only-type.d.ts.map +0 -1
  778. package/development/core/decorators/date-only-type.js +0 -11
  779. package/development/core/dom/find-referenced-element.d.ts +0 -8
  780. package/development/core/dom/find-referenced-element.d.ts.map +0 -1
  781. package/development/core/dom/find-referenced-element.js +0 -15
  782. package/development/core/dom/input-element.d.ts +0 -12
  783. package/development/core/dom/input-element.d.ts.map +0 -1
  784. package/development/core/dom/input-element.js +0 -13
  785. package/development/core/testing/scroll.d.ts +0 -7
  786. package/development/core/testing/scroll.d.ts.map +0 -1
  787. package/development/core/testing/scroll.js +0 -8
@@ -42,8 +42,8 @@ let it = (() => {
42
42
  willUpdate(t) {
43
43
  super.willUpdate(t), !E && t.has("now") && this._startOrConfigureClock();
44
44
  }
45
- async firstUpdated(t) {
46
- super.firstUpdated(t), E || (document.addEventListener("visibilitychange", this._handlePageVisibilityChange, !1), await this._startOrConfigureClock());
45
+ firstUpdated(t) {
46
+ super.firstUpdated(t), E || (document.addEventListener("visibilitychange", this._handlePageVisibilityChange, !1), this._startOrConfigureClock());
47
47
  }
48
48
  disconnectedCallback() {
49
49
  super.disconnectedCallback(), this._removeEventListeners(), clearInterval(this._resetIntervalId);
@@ -1 +1 @@
1
- {"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAYb;;;;;;;;;;;;;;GAcG;AACH,qBAKM,mBAAoB,SAAQ,wBAAmC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,2DAA2D;IAC3D,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,IAAI,CAAQ;IAEhB;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,kCAAkC;IAClC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,UAAU,CAEf;IACH,OAAO,CAAC,SAAS,CAEd;IACH,OAAO,CAAC,YAAY,CAIlB;IACF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;IAEa,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;cAMzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IA+B1B,wEAAwE;IACjE,KAAK,IAAI,IAAI;IAWpB,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAYtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
1
+ {"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAWb;;;;;;;;;;;;;;GAcG;AACH,qBAEM,mBAAoB,SAAQ,wBAAmC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,2DAA2D;IAC3D,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,IAAI,CAAQ;IAEhB;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,kCAAkC;IAClC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,UAAU,CAEf;IACH,OAAO,CAAC,SAAS,CAEd;IACH,OAAO,CAAC,YAAY,CAIlB;IACF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;IAEa,iBAAiB,IAAI,IAAI;IAiBzB,oBAAoB,IAAI,IAAI;cAMzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IA+B1B,wEAAwE;IACjE,KAAK,IAAI,IAAI;IAWpB,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAYtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
@@ -7,22 +7,19 @@ import { __runInitializers as k, __esDecorate as v } from "tslib";
7
7
  import { IntersectionController as U } from "@lit-labs/observers/intersection-controller.js";
8
8
  import { css as R, LitElement as I, html as D } from "lit";
9
9
  import { customElement as T, property as C } from "lit/decorators.js";
10
- import { hostAttributes as B } from "../../core/decorators.js";
11
- import { isLean as H, isZeroAnimationDuration as L } from "../../core/dom.js";
10
+ import { isLean as B, isZeroAnimationDuration as H } from "../../core/dom.js";
12
11
  import { EventEmitter as u } from "../../core/eventing.js";
13
- import { SbbUpdateSchedulerMixin as N } from "../../core/mixins.js";
14
- const O = R`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-position: sticky;--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sticky-bar-slide-vertically-animation-easing: ease-out;--sbb-sticky-bar-slide-vertically-animation-delay: 0s;--sbb-sticky-bar-slide-vertically-animation-name: unset;--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );--_sbb-sticky-bar-intersector-background-color: transparent;--_sbb-sticky-bar-forced-colors-border: none;display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([data-sticking]:not([data-state=unsticky])){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]:not([data-state=unsticky])){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host([data-sticking]:not([data-state=unsticky])[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking]:not([data-state=unsticky])[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}:host([data-sticking]:not([data-state=unsticky])[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-midnight)}:host([data-sticking]:not([data-state=unsticky])[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-charcoal)}:host(:is([data-sticking]:is([data-slide-vertically],[data-state=sticking],[data-state=unsticking]),[data-state=unsticky])){--_sbb-sticky-bar-background-animation-duration: 0s}:host([data-sticking]:is([data-slide-vertically]:not([data-state=unsticky],[data-state=unsticking]),[data-state=sticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host([data-sticking][data-state=unsticking]){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not([data-initialized]),[data-state=unsticky])){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:var(--sbb-sticky-bar-slide-vertically-animation-delay);animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]:not([data-state=unsticky])) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}`;
15
- let Q = (() => {
12
+ import { SbbUpdateSchedulerMixin as L } from "../../core/mixins.js";
13
+ const N = R`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-position: sticky;--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sticky-bar-slide-vertically-animation-easing: ease-out;--sbb-sticky-bar-slide-vertically-animation-delay: 0s;--sbb-sticky-bar-slide-vertically-animation-name: unset;--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );--_sbb-sticky-bar-intersector-background-color: transparent;--_sbb-sticky-bar-forced-colors-border: none;display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([data-sticking]:not([data-state=unsticky])){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]:not([data-state=unsticky])){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host([data-sticking]:not([data-state=unsticky])[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking]:not([data-state=unsticky])[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}:host([data-sticking]:not([data-state=unsticky])[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-midnight)}:host([data-sticking]:not([data-state=unsticky])[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-charcoal)}:host(:is([data-sticking]:is([data-slide-vertically],[data-state=sticking],[data-state=unsticking]),[data-state=unsticky])){--_sbb-sticky-bar-background-animation-duration: 0s}:host([data-sticking]:is([data-slide-vertically]:not([data-state=unsticky],[data-state=unsticking]),[data-state=sticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host([data-sticking][data-state=unsticking]){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not([data-initialized]),[data-state=unsticky])){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:var(--sbb-sticky-bar-slide-vertically-animation-delay);animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]:not([data-state=unsticky])) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}`;
14
+ let J = (() => {
16
15
  var b, c, o;
17
- let a = [T("sbb-sticky-bar"), B({
18
- slot: "sticky-bar"
19
- })], i, e = [], r, m = N(I), _, g = [], p = [], f, w = [], x = [];
16
+ let a = [T("sbb-sticky-bar")], i, e = [], r, m = L(I), _, g = [], p = [], f, w = [], x = [];
20
17
  var n = (o = class extends m {
21
18
  constructor() {
22
19
  super(...arguments);
23
20
  y(this, b);
24
21
  y(this, c);
25
- d(this, b, k(this, g, null)), d(this, c, (k(this, p), k(this, w, H() ? "s" : "m"))), this._willStick = (k(this, x), new u(this, n.events.willStick, {
22
+ d(this, b, k(this, g, null)), d(this, c, (k(this, p), k(this, w, B() ? "s" : "m"))), this._willStick = (k(this, x), new u(this, n.events.willStick, {
26
23
  cancelable: !0
27
24
  })), this._didStick = new u(this, n.events.didStick, {
28
25
  cancelable: !0
@@ -58,7 +55,7 @@ let Q = (() => {
58
55
  return this.getAttribute("data-state");
59
56
  }
60
57
  connectedCallback() {
61
- super.connectedCallback(), this._state = "sticky", this.startUpdate();
58
+ super.connectedCallback(), this.slot || (this.slot = "sticky-bar"), this._state = "sticky", this.startUpdate();
62
59
  const t = this.closest("sbb-container");
63
60
  t && this.toggleAttribute("data-expanded", t.expanded), this._intersector && this._observer.observe(this._intersector);
64
61
  }
@@ -69,7 +66,7 @@ let Q = (() => {
69
66
  super.firstUpdated(t), this._intersector || (this._intersector = this.shadowRoot.querySelector(".sbb-sticky-bar__intersector"), this._observer.observe(this._intersector)), this._observer.observe(this);
70
67
  }
71
68
  _isZeroAnimationDuration() {
72
- return L(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
69
+ return H(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
73
70
  }
74
71
  _detectStickyState(t) {
75
72
  var S;
@@ -111,7 +108,7 @@ let Q = (() => {
111
108
  } }, metadata: t }, g, p), v(o, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, l) => {
112
109
  s.size = l;
113
110
  } }, metadata: t }, w, x), v(null, i = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, e), n = r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
114
- })(), o.styles = O, o.events = {
111
+ })(), o.styles = N, o.events = {
115
112
  willStick: "willStick",
116
113
  didStick: "didStick",
117
114
  willUnstick: "willUnstick",
@@ -120,5 +117,5 @@ let Q = (() => {
120
117
  return n = r;
121
118
  })();
122
119
  export {
123
- Q as SbbStickyBarElement
120
+ J as SbbStickyBarElement
124
121
  };
@@ -1,34 +1,2 @@
1
1
  export declare const IS_FOCUSABLE_QUERY: string;
2
- /**
3
- * @deprecated will be removed with next major version. Use methods of FocusTrapController.
4
- *
5
- * Note: the use of this function for more complex scenarios (with many nested elements) may be expensive.
6
- */
7
- export declare function getFocusableElements(elements: HTMLElement[], properties?: {
8
- filter?: (el: HTMLElement) => boolean;
9
- findFirstFocusable?: boolean;
10
- includeInvisibleElements?: boolean;
11
- }): HTMLElement[];
12
- /**
13
- * @deprecated will be removed with next major version. Use methods of FocusTrapController.
14
- */
15
- export declare function getFirstFocusableElement(elements: HTMLElement[], filter?: (el: HTMLElement) => boolean): HTMLElement | null;
16
- /**
17
- * @deprecated Will be removed with next major release. Use SbbFocusTrapController.
18
- */
19
- export declare class SbbFocusHandler {
20
- private _controller;
21
- /**
22
- * @param element in which the focus should be trapped.
23
- * @param options options object.
24
- * @param options.filter filter function which is applied during searching for focusable element. If an element is filtered, also child elements are filtered.
25
- * @param options.postFilter filter function which is applied after collecting focusable elements.
26
- */
27
- trap(element: HTMLElement, options?: {
28
- filter?: (el: HTMLElement) => boolean;
29
- postFilter?: (el: HTMLElement) => boolean;
30
- }): void;
31
- isTrapped(): boolean;
32
- disconnect(): void;
33
- }
34
2
  //# sourceMappingURL=focus.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAWnB,CAAC;AAEb;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EAAE,EACvB,UAAU,CAAC,EAAE;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACA,WAAW,EAAE,CAuCf;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,GACpC,WAAW,GAAG,IAAI,CAMpB;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAgC;IAEnD;;;;;OAKG;IACI,IAAI,CACT,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;QACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;KAC3C,GACA,IAAI;IA8CA,SAAS,IAAI,OAAO;IAIpB,UAAU,IAAI,IAAI;CAI1B"}
1
+ {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,QAWnB,CAAC"}
@@ -1,5 +1,4 @@
1
- import { interactivityChecker as f } from "./interactivity-checker.js";
2
- const h = [
1
+ const e = [
3
2
  "button",
4
3
  "[href]",
5
4
  "input",
@@ -8,68 +7,7 @@ const h = [
8
7
  "details",
9
8
  "summary",
10
9
  "[tabindex]"
11
- ].map((o) => `${o}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
12
- function u(o, e) {
13
- const n = /* @__PURE__ */ new Set();
14
- function l(s, a) {
15
- var c;
16
- for (const t of s)
17
- if (!(a && !a(t))) {
18
- if (t.nodeName === "SLOT") {
19
- l(Array.from(t.assignedElements()), a);
20
- continue;
21
- }
22
- if (t.matches(h) && ((e == null ? void 0 : e.includeInvisibleElements) ?? f.isVisible(t)) && n.add(t), e != null && e.findFirstFocusable && n.size > 0)
23
- break;
24
- if (t.children.length || (c = t.shadowRoot) != null && c.children.length) {
25
- const r = Array.from(t.children).length ? Array.from(t.children) : Array.from(t.shadowRoot.children);
26
- l(r, a);
27
- }
28
- }
29
- }
30
- return l(o, e == null ? void 0 : e.filter), [...n];
31
- }
32
- function m(o, e) {
33
- const n = u(o, {
34
- filter: e,
35
- findFirstFocusable: !0
36
- });
37
- return n.length ? n[0] : null;
38
- }
39
- class g {
40
- constructor() {
41
- this._controller = null;
42
- }
43
- /**
44
- * @param element in which the focus should be trapped.
45
- * @param options options object.
46
- * @param options.filter filter function which is applied during searching for focusable element. If an element is filtered, also child elements are filtered.
47
- * @param options.postFilter filter function which is applied after collecting focusable elements.
48
- */
49
- trap(e, n) {
50
- this._controller = new AbortController(), e.addEventListener("keydown", (l) => {
51
- if (l.key !== "Tab")
52
- return;
53
- const s = Array.from(e.shadowRoot.children || []), c = u(s, {
54
- filter: n == null ? void 0 : n.filter
55
- }).filter((n == null ? void 0 : n.postFilter) ?? (() => !0));
56
- if (!c.length)
57
- return;
58
- const t = c[0], r = c[c.length - 1], [i, d] = l.shiftKey ? [t, r] : [r, t];
59
- (t.getRootNode().activeElement === i || r.getRootNode().activeElement === i) && (d.focus(), l.preventDefault());
60
- }, { signal: this._controller.signal });
61
- }
62
- isTrapped() {
63
- return !!this._controller;
64
- }
65
- disconnect() {
66
- var e;
67
- (e = this._controller) == null || e.abort(), this._controller = null;
68
- }
69
- }
10
+ ].map((t) => `${t}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
70
11
  export {
71
- h as IS_FOCUSABLE_QUERY,
72
- g as SbbFocusHandler,
73
- m as getFirstFocusableElement,
74
- u as getFocusableElements
12
+ e as IS_FOCUSABLE_QUERY
75
13
  };
@@ -54,10 +54,5 @@ declare class SbbInputModalityDetector {
54
54
  private _updateState;
55
55
  }
56
56
  export declare const sbbInputModalityDetector: SbbInputModalityDetector;
57
- /**
58
- * @deprecated Will be removed with next major version.
59
- * Set the input modality in order to avoid showing the outline in Safari.
60
- */
61
- export declare function setModalityOnNextFocus(elementToFocus: HTMLElement | null | undefined): void;
62
57
  export {};
63
58
  //# sourceMappingURL=input-modality-detector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"input-modality-detector.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/input-modality-detector.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC;AAmDjF;;;;;;;;;;;;;GAaG;AACH,cAAM,wBAAwB;IAC5B,iDAAiD;IACjD,IAAW,kBAAkB,IAAI,gBAAgB,GAAG,IAAI,CAEvD;IAED;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAAoC;IAE/D;;;OAGG;IACH,IAAW,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,iBAAiB,CAA4B;IAErD,iDAAiD;IACjD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAK;;IAUlB,KAAK,IAAI,IAAI;IAKpB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAQhB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAWlB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,YAAY;CAQrB;AAED,eAAO,MAAM,wBAAwB,0BAAiC,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAyB3F"}
1
+ {"version":3,"file":"input-modality-detector.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/input-modality-detector.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC;AAmDjF;;;;;;;;;;;;;GAaG;AACH,cAAM,wBAAwB;IAC5B,iDAAiD;IACjD,IAAW,kBAAkB,IAAI,gBAAgB,GAAG,IAAI,CAEvD;IAED;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAAoC;IAE/D;;;OAGG;IACH,IAAW,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,iBAAiB,CAA4B;IAErD,iDAAiD;IACjD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAK;;IAUlB,KAAK,IAAI,IAAI;IAKpB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAQhB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAWlB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,YAAY;CAQrB;AAED,eAAO,MAAM,wBAAwB,0BAAiC,CAAC"}
@@ -1,13 +1,13 @@
1
- import { isServer as r } from "lit";
1
+ import { isServer as i } from "lit";
2
2
  import { getEventTarget as a } from "../eventing.js";
3
- import { isFakeMousedownFromScreenReader as d, isFakeTouchstartFromScreenReader as u } from "./fake-event-detection.js";
4
- const c = 16, h = 17, m = 18, l = 91, _ = 224, y = {
5
- ignoreKeys: [m, h, _, l, c]
6
- }, M = 650, s = {
3
+ import { isFakeMousedownFromScreenReader as r, isFakeTouchstartFromScreenReader as c } from "./fake-event-detection.js";
4
+ const u = 16, d = 17, m = 18, h = 91, l = 224, _ = {
5
+ ignoreKeys: [m, d, l, h, u]
6
+ }, y = 650, o = {
7
7
  passive: !0,
8
8
  capture: !0
9
9
  };
10
- class p {
10
+ class M {
11
11
  /** The most recently detected input modality. */
12
12
  get mostRecentModality() {
13
13
  return this._mostRecentModality;
@@ -21,39 +21,28 @@ class p {
21
21
  }
22
22
  constructor() {
23
23
  this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._options = {
24
- ...y
24
+ ..._
25
25
  }, this._lastTouchMs = 0, this._onKeydown = (t) => {
26
- var o, n;
27
- (n = (o = this._options) == null ? void 0 : o.ignoreKeys) != null && n.some((i) => i === t.keyCode) || this._updateState("keyboard", t);
26
+ var e, s;
27
+ (s = (e = this._options) == null ? void 0 : e.ignoreKeys) != null && s.some((n) => n === t.keyCode) || this._updateState("keyboard", t);
28
28
  }, this._onMousedown = (t) => {
29
- Date.now() - this._lastTouchMs < M || this._updateState(d(t) ? "keyboard" : "mouse", t);
29
+ Date.now() - this._lastTouchMs < y || this._updateState(r(t) ? "keyboard" : "mouse", t);
30
30
  }, this._onTouchstart = (t) => {
31
- if (u(t)) {
31
+ if (c(t)) {
32
32
  this._updateState("keyboard", t);
33
33
  return;
34
34
  }
35
35
  this._lastTouchMs = Date.now(), this._updateState("touch", t);
36
- }, r || (document.addEventListener("keydown", this._onKeydown, s), document.addEventListener("mousedown", this._onMousedown, s), document.addEventListener("touchstart", this._onTouchstart, s));
36
+ }, i || (document.addEventListener("keydown", this._onKeydown, o), document.addEventListener("mousedown", this._onMousedown, o), document.addEventListener("touchstart", this._onTouchstart, o));
37
37
  }
38
38
  reset() {
39
39
  this._updateState("mouse", null), this._lastTouchMs = 0;
40
40
  }
41
- _updateState(t, o) {
42
- this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = t, this._mostRecentTarget = o ? a(o) : null, document.documentElement.classList.add(`sbb-focus-modality-${this._mostRecentModality}`);
41
+ _updateState(t, e) {
42
+ this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = t, this._mostRecentTarget = e ? a(e) : null, document.documentElement.classList.add(`sbb-focus-modality-${this._mostRecentModality}`);
43
43
  }
44
44
  }
45
- const f = new p();
46
- function T(e) {
47
- if (!e)
48
- return;
49
- const t = f.mostRecentModality;
50
- e && t !== null && e.addEventListener("focus", () => {
51
- e.setAttribute("data-focus-origin", t), e.addEventListener("blur", () => e.removeAttribute("data-focus-origin"), {
52
- once: !0
53
- });
54
- }, { once: !0 });
55
- }
45
+ const b = new M();
56
46
  export {
57
- f as sbbInputModalityDetector,
58
- T as setModalityOnNextFocus
47
+ b as sbbInputModalityDetector
59
48
  };
@@ -5,12 +5,6 @@
5
5
  * Use of this source code is governed by an MIT-style license that can be
6
6
  * found in the LICENSE file at https://angular.io/license
7
7
  */
8
- /**
9
- * @deprecated Will be removed with next major version.
10
- */
11
- export interface InterfaceInteractivityChecker {
12
- isVisible(element: HTMLElement): boolean;
13
- }
14
8
  /**
15
9
  * Configuration for the isFocusable method.
16
10
  */
@@ -55,9 +49,4 @@ export declare class InteractivityChecker {
55
49
  isFocusable(element: HTMLElement, config?: IsFocusableConfig): boolean;
56
50
  }
57
51
  export declare const interactivityChecker: InteractivityChecker;
58
- /**
59
- * @deprecated Will no longer be available with next major version.
60
- * TODO: remove export keyword
61
- */
62
- export declare function hasGeometry(element: HTMLElement): boolean;
63
52
  //# sourceMappingURL=interactivity-checker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"interactivity-checker.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/interactivity-checker.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC;CAC1C;AAED;;GAEG;AACH,qBAAa,iBAAiB;IAC5B;;OAEG;IACI,gBAAgB,EAAE,OAAO,CAAS;CAC1C;AAED,qBAAa,oBAAoB;IAC/B;;;;;OAKG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIhD;;;;;;;OAOG;IACI,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAI/C;;;;;;OAMG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IA0DhD;;;;;;OAMG;IACI,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,iBAAiB,GAAG,OAAO;CAU9E;AAID,eAAO,MAAM,oBAAoB,sBAA6B,CAAC;AAE/D;;;GAGG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAQzD"}
1
+ {"version":3,"file":"interactivity-checker.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/interactivity-checker.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH;;GAEG;AACH,qBAAa,iBAAiB;IAC5B;;OAEG;IACI,gBAAgB,EAAE,OAAO,CAAS;CAC1C;AAED,qBAAa,oBAAoB;IAC/B;;;;;OAKG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIhD;;;;;;;OAOG;IACI,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAI/C;;;;;;OAMG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IA0DhD;;;;;;OAMG;IACI,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,iBAAiB,GAAG,OAAO;CAU9E;AAID,eAAO,MAAM,oBAAoB,sBAA6B,CAAC"}
@@ -99,6 +99,5 @@ function y(t) {
99
99
  export {
100
100
  b as InteractivityChecker,
101
101
  C as IsFocusableConfig,
102
- f as hasGeometry,
103
102
  v as interactivityChecker
104
103
  };
@@ -0,0 +1,62 @@
1
+ /**
2
+ * @license
3
+ * Copyright Google LLC All Rights Reserved.
4
+ *
5
+ * Use of this source code is governed by an MIT-style license that can be
6
+ * found in the LICENSE file at https://angular.dev/license
7
+ */
8
+ export type AriaLivePoliteness = 'off' | 'polite' | 'assertive';
9
+ /**
10
+ * Allows to announce messages to screen readers.
11
+ *
12
+ * Adapted from https://github.com/angular/components/blob/main/src/cdk/a11y/live-announcer/live-announcer.ts
13
+ */
14
+ export declare class SbbLiveAnnouncer {
15
+ private _liveElement;
16
+ private _previousTimeout;
17
+ private _currentPromise;
18
+ private _currentResolve;
19
+ constructor();
20
+ /**
21
+ * Announces a message to screen readers.
22
+ * @param message Message to be announced to the screen reader.
23
+ * @returns Promise that will be resolved when the message is added to the DOM.
24
+ */
25
+ announce(message: string): Promise<void>;
26
+ /**
27
+ * Announces a message to screen readers.
28
+ * @param message Message to be announced to the screen reader.
29
+ * @param politeness The politeness of the announcer element.
30
+ * @returns Promise that will be resolved when the message is added to the DOM.
31
+ */
32
+ announce(message: string, politeness?: AriaLivePoliteness): Promise<void>;
33
+ /**
34
+ * Announces a message to screen readers.
35
+ * @param message Message to be announced to the screen reader.
36
+ * @param duration Time in milliseconds after which to clear out the announcer element. Note
37
+ * that this takes effect after the message has been added to the DOM, which can be up to
38
+ * 100ms after `announce` has been called.
39
+ * @returns Promise that will be resolved when the message is added to the DOM.
40
+ */
41
+ announce(message: string, duration?: number): Promise<void>;
42
+ /**
43
+ * Announces a message to screen readers.
44
+ * @param message Message to be announced to the screen reader.
45
+ * @param politeness The politeness of the announcer element.
46
+ * @param duration Time in milliseconds after which to clear out the announcer element. Note
47
+ * that this takes effect after the message has been added to the DOM, which can be up to
48
+ * 100ms after `announce` has been called.
49
+ * @returns Promise that will be resolved when the message is added to the DOM.
50
+ */
51
+ announce(message: string, politeness?: AriaLivePoliteness, duration?: number): Promise<void>;
52
+ /**
53
+ * Clears the current text from the announcer element. Can be used to prevent
54
+ * screen readers from reading the text out again while the user is going
55
+ * through the page landmarks.
56
+ */
57
+ clear(): void;
58
+ destroy(): void;
59
+ private _createLiveElement;
60
+ }
61
+ export declare const sbbLiveAnnouncer: SbbLiveAnnouncer;
62
+ //# sourceMappingURL=live-announcer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"live-announcer.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/live-announcer.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;AAIhE;;;;GAIG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,gBAAgB,CAA4C;IACpE,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,eAAe,CAA2B;;IAQlD;;;;OAIG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAE/C;;;;;OAKG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAEhF;;;;;;;OAOG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAElE;;;;;;;;OAQG;IACI,QAAQ,CACb,OAAO,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,kBAAkB,EAC/B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,IAAI,CAAC;IAkDhB;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAMb,OAAO,IAAI,IAAI;IAQtB,OAAO,CAAC,kBAAkB;CAqB3B;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}
@@ -0,0 +1,47 @@
1
+ import { isServer as o } from "lit";
2
+ /**
3
+ * @license
4
+ * Copyright Google LLC All Rights Reserved.
5
+ *
6
+ * Use of this source code is governed by an MIT-style license that can be
7
+ * found in the LICENSE file at https://angular.dev/license
8
+ */
9
+ let l = 0;
10
+ class u {
11
+ constructor() {
12
+ o || (this._liveElement = this._createLiveElement());
13
+ }
14
+ announce(i, ...t) {
15
+ if (o)
16
+ return Promise.resolve();
17
+ const e = {};
18
+ let s, r;
19
+ return t.length === 1 && typeof t[0] == "number" ? r = t[0] : [s, r] = t, this.clear(), clearTimeout(this._previousTimeout), s ?? (s = (e == null ? void 0 : e.politeness) ?? "polite"), r ?? (r = e == null ? void 0 : e.duration), this._liveElement.setAttribute("aria-live", s), this._currentPromise || (this._currentPromise = new Promise((n) => this._currentResolve = n)), clearTimeout(this._previousTimeout), this._previousTimeout = setTimeout(() => {
20
+ var n;
21
+ this._liveElement.textContent = i, typeof r == "number" && (this._previousTimeout = setTimeout(() => this.clear(), r)), (n = this._currentResolve) == null || n.call(this), this._currentPromise = this._currentResolve = void 0;
22
+ }, 100), this._currentPromise;
23
+ }
24
+ /**
25
+ * Clears the current text from the announcer element. Can be used to prevent
26
+ * screen readers from reading the text out again while the user is going
27
+ * through the page landmarks.
28
+ */
29
+ clear() {
30
+ this._liveElement && (this._liveElement.textContent = "");
31
+ }
32
+ destroy() {
33
+ var i, t;
34
+ clearTimeout(this._previousTimeout), (i = this._liveElement) == null || i.remove(), this._liveElement = null, (t = this._currentResolve) == null || t.call(this), this._currentPromise = this._currentResolve = void 0;
35
+ }
36
+ _createLiveElement() {
37
+ const i = "sbb-live-announcer-element", t = document.getElementsByClassName(i), e = document.createElement("div");
38
+ for (let s = 0; s < t.length; s++)
39
+ t[s].remove();
40
+ return e.classList.add(i), e.classList.add("sbb-screen-reader-only"), e.setAttribute("aria-atomic", "true"), e.setAttribute("aria-live", "polite"), e.id = `sbb-live-announcer-${l++}`, document.body.appendChild(e), e;
41
+ }
42
+ }
43
+ const v = new u();
44
+ export {
45
+ u as SbbLiveAnnouncer,
46
+ v as sbbLiveAnnouncer
47
+ };
package/core/a11y.d.ts CHANGED
@@ -8,4 +8,5 @@ export * from './a11y/focus.js';
8
8
  export * from './a11y/focus-trap-controller.js';
9
9
  export * from './a11y/interactivity-checker.js';
10
10
  export * from './a11y/input-modality-detector.js';
11
+ export * from './a11y/live-announcer.js';
11
12
  //# sourceMappingURL=a11y.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../src/elements/core/a11y.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC"}
1
+ {"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../src/elements/core/a11y.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC"}
package/core/a11y.js CHANGED
@@ -1,28 +1,26 @@
1
- import { getNextElementIndex as o, isArrowKeyOrPageKeysPressed as t, isArrowKeyPressed as s, isNextArrowKeyPressed as i, isPreviousArrowKeyPressed as a } from "./a11y/arrow-navigation.js";
2
- import { isFakeMousedownFromScreenReader as c, isFakeTouchstartFromScreenReader as l } from "./a11y/fake-event-detection.js";
3
- import { SbbFocusVisibleWithinController as F } from "./a11y/focus-visible-within-controller.js";
4
- import { IS_FOCUSABLE_QUERY as d, SbbFocusHandler as u, getFirstFocusableElement as x, getFocusableElements as y } from "./a11y/focus.js";
5
- import { SbbFocusTrapController as f } from "./a11y/focus-trap-controller.js";
6
- import { InteractivityChecker as C, IsFocusableConfig as P, hasGeometry as g, interactivityChecker as h } from "./a11y/interactivity-checker.js";
7
- import { sbbInputModalityDetector as A, setModalityOnNextFocus as E } from "./a11y/input-modality-detector.js";
1
+ import { getNextElementIndex as o, isArrowKeyOrPageKeysPressed as t, isArrowKeyPressed as s, isNextArrowKeyPressed as i, isPreviousArrowKeyPressed as n } from "./a11y/arrow-navigation.js";
2
+ import { isFakeMousedownFromScreenReader as b, isFakeTouchstartFromScreenReader as a } from "./a11y/fake-event-detection.js";
3
+ import { SbbFocusVisibleWithinController as x } from "./a11y/focus-visible-within-controller.js";
4
+ import { IS_FOCUSABLE_QUERY as d } from "./a11y/focus.js";
5
+ import { SbbFocusTrapController as u } from "./a11y/focus-trap-controller.js";
6
+ import { InteractivityChecker as y, IsFocusableConfig as F, interactivityChecker as A } from "./a11y/interactivity-checker.js";
7
+ import { sbbInputModalityDetector as C } from "./a11y/input-modality-detector.js";
8
+ import { SbbLiveAnnouncer as v, sbbLiveAnnouncer as w } from "./a11y/live-announcer.js";
8
9
  export {
9
10
  d as IS_FOCUSABLE_QUERY,
10
- C as InteractivityChecker,
11
- P as IsFocusableConfig,
12
- u as SbbFocusHandler,
13
- f as SbbFocusTrapController,
14
- F as SbbFocusVisibleWithinController,
15
- x as getFirstFocusableElement,
16
- y as getFocusableElements,
11
+ y as InteractivityChecker,
12
+ F as IsFocusableConfig,
13
+ u as SbbFocusTrapController,
14
+ x as SbbFocusVisibleWithinController,
15
+ v as SbbLiveAnnouncer,
17
16
  o as getNextElementIndex,
18
- g as hasGeometry,
19
- h as interactivityChecker,
17
+ A as interactivityChecker,
20
18
  t as isArrowKeyOrPageKeysPressed,
21
19
  s as isArrowKeyPressed,
22
- c as isFakeMousedownFromScreenReader,
23
- l as isFakeTouchstartFromScreenReader,
20
+ b as isFakeMousedownFromScreenReader,
21
+ a as isFakeTouchstartFromScreenReader,
24
22
  i as isNextArrowKeyPressed,
25
- a as isPreviousArrowKeyPressed,
26
- A as sbbInputModalityDetector,
27
- E as setModalityOnNextFocus
23
+ n as isPreviousArrowKeyPressed,
24
+ C as sbbInputModalityDetector,
25
+ w as sbbLiveAnnouncer
28
26
  };
@@ -1,5 +1,6 @@
1
1
  import { LitElement, TemplateResult } from 'lit';
2
- export declare abstract class SbbActionBaseElement extends LitElement {
2
+ declare const SbbActionBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.js').SbbElementInternalsConstructor;
3
+ export declare abstract class SbbActionBaseElement extends SbbActionBaseElement_base {
3
4
  protected get maybeDisabled(): boolean | undefined;
4
5
  protected get maybeDisabledInteractive(): boolean | undefined;
5
6
  connectedCallback(): void;
@@ -9,4 +10,5 @@ export declare abstract class SbbActionBaseElement extends LitElement {
9
10
  /** Default render method for button-like components. */
10
11
  protected render(): TemplateResult;
11
12
  }
13
+ export {};
12
14
  //# sourceMappingURL=action-base-element.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"action-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/action-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAe5D,8BAIe,oBAAqB,SAAQ,UAAU;IACpD,SAAS,KAAK,aAAa,IAAI,OAAO,GAAG,SAAS,CAGjD;IAED,SAAS,KAAK,wBAAwB,IAAI,OAAO,GAAG,SAAS,CAE5D;IAEe,iBAAiB,IAAI,IAAI;IAezC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,6DAA6D;IAC7D,SAAS,CAAC,cAAc,IAAI,cAAc;IAI1C,wDAAwD;cACrC,MAAM,IAAI,cAAc;CAG5C"}
1
+ {"version":3,"file":"action-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/action-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAgB5D,8BAIe,oBAAqB,SAAQ,yBAAoC;IAC9E,SAAS,KAAK,aAAa,IAAI,OAAO,GAAG,SAAS,CAGjD;IAED,SAAS,KAAK,wBAAwB,IAAI,OAAO,GAAG,SAAS,CAE5D;IAEe,iBAAiB,IAAI,IAAI;IAezC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,6DAA6D;IAC7D,SAAS,CAAC,cAAc,IAAI,cAAc;IAI1C,wDAAwD;cACrC,MAAM,IAAI,cAAc;CAG5C"}
@@ -1,12 +1,13 @@
1
- import { __esDecorate as n, __runInitializers as c } from "tslib";
2
- import { LitElement as o, html as m } from "lit";
3
- import { hostAttributes as d } from "../decorators.js";
4
- let h = (() => {
1
+ import { __esDecorate as n, __runInitializers as o } from "tslib";
2
+ import { LitElement as m, html as c } from "lit";
3
+ import { hostAttributes as b } from "../decorators.js";
4
+ import { SbbElementInternalsMixin as d } from "../mixins.js";
5
+ let y = (() => {
5
6
  var a;
6
- let i = [d({
7
+ let i = [b({
7
8
  "data-action": ""
8
- })], r, s = [], t, l = o;
9
- return a = class extends l {
9
+ })], r, l = [], t, s = d(m);
10
+ return a = class extends s {
10
11
  get maybeDisabled() {
11
12
  const e = this;
12
13
  return e.disabled || e.formDisabled;
@@ -34,13 +35,13 @@ let h = (() => {
34
35
  }
35
36
  /** Default render method for button-like components. */
36
37
  render() {
37
- return m`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
38
+ return c`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
38
39
  }
39
40
  }, t = a, (() => {
40
- const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
41
- n(null, r = { value: t }, i, { kind: "class", name: t.name, metadata: e }, null, s), t = r.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), c(t, s);
41
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
42
+ n(null, r = { value: t }, i, { kind: "class", name: t.name, metadata: e }, null, l), t = r.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), o(t, l);
42
43
  })(), t;
43
44
  })();
44
45
  export {
45
- h as SbbActionBaseElement
46
+ y as SbbActionBaseElement
46
47
  };