@sbb-esta/lyne-elements 1.9.0 → 1.11.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 (426) hide show
  1. package/accordion/accordion.d.ts +5 -5
  2. package/accordion/accordion.d.ts.map +1 -1
  3. package/accordion.js +17 -17
  4. package/action-group/action-group.d.ts +1 -1
  5. package/action-group/action-group.d.ts.map +1 -1
  6. package/action-group.js +3 -3
  7. package/alert/alert/alert.d.ts +1 -1
  8. package/alert/alert/alert.d.ts.map +1 -1
  9. package/alert/alert.js +3 -3
  10. package/autocomplete/autocomplete-base-element.d.ts +1 -1
  11. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  12. package/autocomplete/autocomplete.d.ts.map +1 -1
  13. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
  14. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -4
  15. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  16. package/autocomplete-grid/autocomplete-grid-button.js +32 -28
  17. package/autocomplete-grid/autocomplete-grid-option.js +1 -1
  18. package/autocomplete-grid/autocomplete-grid.js +24 -25
  19. package/autocomplete.js +28 -29
  20. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +0 -1
  21. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  22. package/breadcrumb/breadcrumb-group.js +25 -24
  23. package/button/button/button.d.ts +1 -1
  24. package/button/button-link/button-link.d.ts +1 -1
  25. package/button/button-link.js +14 -14
  26. package/button/common.js +5 -5
  27. package/button/mini-button/mini-button.d.ts +1 -1
  28. package/button/secondary-button/secondary-button.d.ts +1 -1
  29. package/button/secondary-button-link/secondary-button-link.d.ts +1 -1
  30. package/button/secondary-button-link.js +15 -15
  31. package/button/tertiary-button/tertiary-button.d.ts +1 -1
  32. package/button/tertiary-button-link/tertiary-button-link.d.ts +1 -1
  33. package/button/tertiary-button-link.js +12 -12
  34. package/button/transparent-button/transparent-button.d.ts +1 -1
  35. package/button/transparent-button-link/transparent-button-link.d.ts +1 -1
  36. package/button/transparent-button-link.js +15 -15
  37. package/calendar/calendar.d.ts +2 -2
  38. package/calendar/calendar.d.ts.map +1 -1
  39. package/calendar.js +5 -4
  40. package/card/card-badge/card-badge.d.ts.map +1 -1
  41. package/card/card-badge.js +7 -9
  42. package/card/common/card-action-common.d.ts.map +1 -1
  43. package/card/common.js +24 -25
  44. package/clock/clock.d.ts +2 -2
  45. package/clock/clock.d.ts.map +1 -1
  46. package/container/sticky-bar/sticky-bar.d.ts +0 -1
  47. package/container/sticky-bar/sticky-bar.d.ts.map +1 -1
  48. package/container/sticky-bar.js +20 -20
  49. package/core/a11y/arrow-navigation.d.ts.map +1 -1
  50. package/core/a11y/focus-visible-within-controller.d.ts +1 -1
  51. package/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
  52. package/core/a11y/input-modality-detector.d.ts +2 -2
  53. package/core/a11y/input-modality-detector.d.ts.map +1 -1
  54. package/core/a11y.js +49 -50
  55. package/core/base-elements/action-base-element.d.ts +2 -0
  56. package/core/base-elements/action-base-element.d.ts.map +1 -1
  57. package/core/base-elements/button-base-element.d.ts +1 -1
  58. package/core/base-elements/button-base-element.d.ts.map +1 -1
  59. package/core/base-elements.js +47 -42
  60. package/core/controllers/language-controller.d.ts.map +1 -1
  61. package/core/controllers/slot-state-controller.d.ts +1 -1
  62. package/core/controllers/slot-state-controller.d.ts.map +1 -1
  63. package/core/controllers.js +22 -23
  64. package/core/dom/get-document-writing-mode.d.ts +3 -0
  65. package/core/dom/get-document-writing-mode.d.ts.map +1 -1
  66. package/core/mixins/disabled-mixin.d.ts +14 -1
  67. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  68. package/core/mixins.js +132 -114
  69. package/core/observers/intersection-observer.d.ts +6 -0
  70. package/core/observers/intersection-observer.d.ts.map +1 -1
  71. package/core/observers/mutation-observer.d.ts +6 -0
  72. package/core/observers/mutation-observer.d.ts.map +1 -1
  73. package/core/observers/resize-observer.d.ts +6 -0
  74. package/core/observers/resize-observer.d.ts.map +1 -1
  75. package/core/styles/core.scss +23 -0
  76. package/core/styles/mixins/overlay.scss +2 -2
  77. package/core/styles/mixins/panel.scss +0 -2
  78. package/core/styles/mixins/table.scss +11 -0
  79. package/core/styles/mixins/typo.scss +0 -30
  80. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +1 -0
  81. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +2 -1
  82. package/core/styles/table.scss +6 -1
  83. package/core.css +25 -14
  84. package/custom-elements.json +1566 -385
  85. package/datepicker/datepicker/datepicker.d.ts +1 -1
  86. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  87. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  88. package/datepicker/datepicker-toggle.js +13 -12
  89. package/datepicker/datepicker.js +35 -35
  90. package/development/accordion/accordion.d.ts +5 -5
  91. package/development/accordion/accordion.d.ts.map +1 -1
  92. package/development/accordion.js +25 -38
  93. package/development/action-group/action-group.d.ts +1 -1
  94. package/development/action-group/action-group.d.ts.map +1 -1
  95. package/development/action-group.js +8 -21
  96. package/development/alert/alert/alert.d.ts +1 -1
  97. package/development/alert/alert/alert.d.ts.map +1 -1
  98. package/development/alert/alert-group.js +2 -15
  99. package/development/alert/alert.js +6 -19
  100. package/development/autocomplete/autocomplete-base-element.d.ts +1 -1
  101. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  102. package/development/autocomplete/autocomplete.d.ts.map +1 -1
  103. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
  104. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -4
  105. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  106. package/development/autocomplete-grid/autocomplete-grid-button.js +18 -29
  107. package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -15
  108. package/development/autocomplete-grid/autocomplete-grid-option.js +4 -17
  109. package/development/autocomplete-grid/autocomplete-grid-row.js +2 -15
  110. package/development/autocomplete-grid/autocomplete-grid.js +7 -8
  111. package/development/autocomplete.js +10 -24
  112. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +0 -1
  113. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  114. package/development/breadcrumb/breadcrumb-group.js +10 -22
  115. package/development/breadcrumb/breadcrumb.js +2 -15
  116. package/development/button/button/button.d.ts +1 -1
  117. package/development/button/button-link/button-link.d.ts +1 -1
  118. package/development/button/button-link.js +3 -3
  119. package/development/button/common.js +2 -17
  120. package/development/button/mini-button/mini-button.d.ts +1 -1
  121. package/development/button/mini-button-group.js +2 -15
  122. package/development/button/mini-button.js +2 -15
  123. package/development/button/secondary-button/secondary-button.d.ts +1 -1
  124. package/development/button/secondary-button-link/secondary-button-link.d.ts +1 -1
  125. package/development/button/secondary-button-link.js +3 -3
  126. package/development/button/tertiary-button/tertiary-button.d.ts +1 -1
  127. package/development/button/tertiary-button-link/tertiary-button-link.d.ts +1 -1
  128. package/development/button/tertiary-button-link.js +3 -3
  129. package/development/button/transparent-button/transparent-button.d.ts +1 -1
  130. package/development/button/transparent-button-link/transparent-button-link.d.ts +1 -1
  131. package/development/button/transparent-button-link.js +3 -3
  132. package/development/calendar/calendar.d.ts +2 -2
  133. package/development/calendar/calendar.d.ts.map +1 -1
  134. package/development/calendar.js +7 -19
  135. package/development/card/card-badge/card-badge.d.ts.map +1 -1
  136. package/development/card/card-badge.js +4 -19
  137. package/development/card/card.js +2 -15
  138. package/development/card/common/card-action-common.d.ts.map +1 -1
  139. package/development/card/common.js +9 -24
  140. package/development/checkbox/checkbox-group.js +2 -15
  141. package/development/checkbox/checkbox.js +2 -15
  142. package/development/checkbox/common.js +1 -14
  143. package/development/chip.js +2 -15
  144. package/development/clock/clock.d.ts +2 -2
  145. package/development/clock/clock.d.ts.map +1 -1
  146. package/development/clock.js +2 -15
  147. package/development/container/container.js +1 -14
  148. package/development/container/sticky-bar/sticky-bar.d.ts +0 -1
  149. package/development/container/sticky-bar/sticky-bar.d.ts.map +1 -1
  150. package/development/container/sticky-bar.js +9 -23
  151. package/development/core/a11y/arrow-navigation.d.ts.map +1 -1
  152. package/development/core/a11y/focus-visible-within-controller.d.ts +1 -1
  153. package/development/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
  154. package/development/core/a11y/input-modality-detector.d.ts +2 -2
  155. package/development/core/a11y/input-modality-detector.d.ts.map +1 -1
  156. package/development/core/a11y.js +7 -8
  157. package/development/core/base-elements/action-base-element.d.ts +2 -0
  158. package/development/core/base-elements/action-base-element.d.ts.map +1 -1
  159. package/development/core/base-elements/button-base-element.d.ts +1 -1
  160. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  161. package/development/core/base-elements.js +17 -5
  162. package/development/core/controllers/language-controller.d.ts.map +1 -1
  163. package/development/core/controllers/slot-state-controller.d.ts +1 -1
  164. package/development/core/controllers/slot-state-controller.d.ts.map +1 -1
  165. package/development/core/controllers.js +9 -4
  166. package/development/core/dom/get-document-writing-mode.d.ts +3 -0
  167. package/development/core/dom/get-document-writing-mode.d.ts.map +1 -1
  168. package/development/core/dom.js +1 -1
  169. package/development/core/mixins/disabled-mixin.d.ts +14 -1
  170. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  171. package/development/core/mixins.js +48 -23
  172. package/development/core/observers/intersection-observer.d.ts +6 -0
  173. package/development/core/observers/intersection-observer.d.ts.map +1 -1
  174. package/development/core/observers/mutation-observer.d.ts +6 -0
  175. package/development/core/observers/mutation-observer.d.ts.map +1 -1
  176. package/development/core/observers/resize-observer.d.ts +6 -0
  177. package/development/core/observers/resize-observer.d.ts.map +1 -1
  178. package/development/core/observers.js +1 -1
  179. package/development/datepicker/datepicker/datepicker.d.ts +1 -1
  180. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  181. package/development/datepicker/datepicker-next-day.js +2 -15
  182. package/development/datepicker/datepicker-previous-day.js +2 -15
  183. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  184. package/development/datepicker/datepicker-toggle.js +9 -21
  185. package/development/datepicker/datepicker.js +8 -21
  186. package/development/dialog/dialog/dialog.d.ts +0 -1
  187. package/development/dialog/dialog/dialog.d.ts.map +1 -1
  188. package/development/dialog/dialog-actions.js +2 -15
  189. package/development/dialog/dialog-content.js +2 -15
  190. package/development/dialog/dialog-title.js +2 -15
  191. package/development/dialog/dialog.js +12 -25
  192. package/development/divider.js +2 -15
  193. package/development/expansion-panel/expansion-panel-content.js +2 -15
  194. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -1
  195. package/development/expansion-panel/expansion-panel-header.js +3 -15
  196. package/development/expansion-panel/expansion-panel.js +2 -15
  197. package/development/file-selector/file-selector.d.ts +4 -4
  198. package/development/file-selector/file-selector.d.ts.map +1 -1
  199. package/development/file-selector.js +2 -17
  200. package/development/flip-card/flip-card-details/flip-card-details.d.ts +2 -5
  201. package/development/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
  202. package/development/flip-card/flip-card-details.js +11 -36
  203. package/development/flip-card/flip-card-summary.js +2 -15
  204. package/development/flip-card/flip-card.js +2 -15
  205. package/development/footer.js +2 -15
  206. package/development/form-error.js +2 -15
  207. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  208. package/development/form-field/form-field-clear.js +2 -15
  209. package/development/form-field/form-field.js +11 -25
  210. package/development/header/common.js +43 -35
  211. package/development/header/header/header.d.ts +2 -0
  212. package/development/header/header/header.d.ts.map +1 -1
  213. package/development/header/header.js +13 -15
  214. package/development/icon/icon.d.ts +6 -0
  215. package/development/icon/icon.d.ts.map +1 -1
  216. package/development/icon.js +10 -15
  217. package/development/image.js +4 -17
  218. package/development/journey-header/journey-header.d.ts.map +1 -1
  219. package/development/journey-header.js +4 -18
  220. package/development/lead-container.js +2 -15
  221. package/development/link/block-link-button/block-link-button.d.ts +1 -1
  222. package/development/link/common.js +4 -43
  223. package/development/link/link-button/link-button.d.ts +1 -1
  224. package/development/link-list/common.js +2 -15
  225. package/development/link-list/link-list-anchor.js +2 -15
  226. package/development/link-list/link-list.js +2 -15
  227. package/development/loading-indicator.js +2 -15
  228. package/development/logo.js +3 -18
  229. package/development/map-container/map-container.d.ts +8 -5
  230. package/development/map-container/map-container.d.ts.map +1 -1
  231. package/development/map-container.js +32 -48
  232. package/development/menu/common/menu-action-common.d.ts +1 -2
  233. package/development/menu/common/menu-action-common.d.ts.map +1 -1
  234. package/development/menu/common.js +2 -15
  235. package/development/menu/menu/menu.d.ts.map +1 -1
  236. package/development/menu/menu-button/menu-button.d.ts +1 -1
  237. package/development/menu/menu-link/menu-link.d.ts +1 -1
  238. package/development/menu/menu-link/menu-link.d.ts.map +1 -1
  239. package/development/menu/menu-link.js +5 -2
  240. package/development/menu/menu.js +3 -16
  241. package/development/message.js +2 -15
  242. package/development/navigation/common.js +2 -17
  243. package/development/navigation/navigation/navigation.d.ts +1 -1
  244. package/development/navigation/navigation/navigation.d.ts.map +1 -1
  245. package/development/navigation/navigation-list.js +2 -15
  246. package/development/navigation/navigation-marker/navigation-marker.d.ts +1 -2
  247. package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  248. package/development/navigation/navigation-marker.js +9 -31
  249. package/development/navigation/navigation-section.js +2 -19
  250. package/development/navigation/navigation.js +14 -24
  251. package/development/notification/notification.d.ts +0 -1
  252. package/development/notification/notification.d.ts.map +1 -1
  253. package/development/notification.js +12 -27
  254. package/development/option/optgroup/optgroup-base-element.d.ts +2 -4
  255. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  256. package/development/option/optgroup.js +10 -28
  257. package/development/option/option/option-base-element.d.ts +14 -7
  258. package/development/option/option/option-base-element.d.ts.map +1 -1
  259. package/development/option/option.js +19 -29
  260. package/development/overlay/overlay-base-element.d.ts +1 -1
  261. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  262. package/development/overlay.js +2 -15
  263. package/development/popover/popover-trigger/popover-trigger.d.ts +1 -1
  264. package/development/popover/popover-trigger.js +2 -15
  265. package/development/popover/popover.js +2 -15
  266. package/development/radio-button/common.js +2 -15
  267. package/development/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
  268. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  269. package/development/radio-button/radio-button-group.js +9 -22
  270. package/development/radio-button/radio-button.js +2 -15
  271. package/development/screen-reader-only.js +2 -15
  272. package/development/select/select.d.ts.map +1 -1
  273. package/development/select.js +33 -47
  274. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
  275. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  276. package/development/selection-expansion-panel.js +40 -19
  277. package/development/signet/signet.d.ts +4 -1
  278. package/development/signet/signet.d.ts.map +1 -1
  279. package/development/signet.js +38 -22
  280. package/development/skiplink-list.js +2 -15
  281. package/development/slider/slider.d.ts.map +1 -1
  282. package/development/slider.js +12 -16
  283. package/development/status.js +2 -15
  284. package/development/stepper/step/step.d.ts +1 -2
  285. package/development/stepper/step/step.d.ts.map +1 -1
  286. package/development/stepper/step-label/step-label.d.ts +6 -6
  287. package/development/stepper/step-label/step-label.d.ts.map +1 -1
  288. package/development/stepper/step-label.js +31 -44
  289. package/development/stepper/step.js +10 -28
  290. package/development/stepper/stepper/stepper.d.ts +3 -3
  291. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  292. package/development/stepper/stepper.js +2 -15
  293. package/development/table/table-wrapper/table-wrapper.d.ts +0 -1
  294. package/development/table/table-wrapper/table-wrapper.d.ts.map +1 -1
  295. package/development/table/table-wrapper.js +8 -21
  296. package/development/tabs/tab-group/tab-group.d.ts +4 -5
  297. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  298. package/development/tabs/tab-group.js +39 -51
  299. package/development/tabs/tab-label.js +2 -19
  300. package/development/tabs/tab.js +1 -14
  301. package/development/tag/tag/tag.d.ts +1 -1
  302. package/development/tag/tag-group.js +2 -15
  303. package/development/tag/tag.js +2 -15
  304. package/development/teaser-hero.js +3 -23
  305. package/development/teaser-product/common.js +2 -15
  306. package/development/teaser-product/teaser-product.js +3 -16
  307. package/development/teaser.js +2 -15
  308. package/development/time-input.js +2 -15
  309. package/development/timetable-occupancy-icon.js +2 -15
  310. package/development/timetable-occupancy.js +2 -15
  311. package/development/title.js +3 -41
  312. package/development/toast.js +2 -17
  313. package/development/toggle/toggle/toggle.d.ts +2 -3
  314. package/development/toggle/toggle/toggle.d.ts.map +1 -1
  315. package/development/toggle/toggle-option.js +2 -15
  316. package/development/toggle/toggle.js +29 -42
  317. package/development/toggle-check.js +1 -14
  318. package/development/train/train-blocked-passage.js +2 -15
  319. package/development/train/train-formation/train-formation.d.ts +1 -2
  320. package/development/train/train-formation/train-formation.d.ts.map +1 -1
  321. package/development/train/train-formation.js +11 -22
  322. package/development/train/train-wagon.js +2 -17
  323. package/development/train/train.js +2 -15
  324. package/development/visual-checkbox.js +2 -15
  325. package/dialog/dialog/dialog.d.ts +0 -1
  326. package/dialog/dialog/dialog.d.ts.map +1 -1
  327. package/dialog/dialog.js +17 -18
  328. package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -1
  329. package/expansion-panel/expansion-panel-header.js +5 -5
  330. package/file-selector/file-selector.d.ts +4 -4
  331. package/file-selector/file-selector.d.ts.map +1 -1
  332. package/file-selector.js +1 -1
  333. package/flip-card/flip-card-details/flip-card-details.d.ts +2 -5
  334. package/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
  335. package/flip-card/flip-card-details.js +20 -28
  336. package/form-field/form-field/form-field.d.ts.map +1 -1
  337. package/form-field/form-field.js +26 -27
  338. package/header/common.js +3 -3
  339. package/header/header/header.d.ts +2 -0
  340. package/header/header/header.d.ts.map +1 -1
  341. package/header/header.js +21 -18
  342. package/icon/icon.d.ts +6 -0
  343. package/icon/icon.d.ts.map +1 -1
  344. package/icon.js +27 -19
  345. package/image.js +2 -2
  346. package/journey-header/journey-header.d.ts.map +1 -1
  347. package/journey-header.js +14 -15
  348. package/link/block-link-button/block-link-button.d.ts +1 -1
  349. package/link/link-button/link-button.d.ts +1 -1
  350. package/lists.css +0 -13
  351. package/logo.js +1 -1
  352. package/map-container/map-container.d.ts +8 -5
  353. package/map-container/map-container.d.ts.map +1 -1
  354. package/map-container.js +35 -37
  355. package/menu/common/menu-action-common.d.ts +1 -2
  356. package/menu/common/menu-action-common.d.ts.map +1 -1
  357. package/menu/menu/menu.d.ts.map +1 -1
  358. package/menu/menu-button/menu-button.d.ts +1 -1
  359. package/menu/menu-link/menu-link.d.ts +1 -1
  360. package/menu/menu-link/menu-link.d.ts.map +1 -1
  361. package/menu/menu-link.js +15 -12
  362. package/menu/menu.js +1 -1
  363. package/navigation/common.js +1 -1
  364. package/navigation/navigation/navigation.d.ts +1 -1
  365. package/navigation/navigation/navigation.d.ts.map +1 -1
  366. package/navigation/navigation-marker/navigation-marker.d.ts +1 -2
  367. package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  368. package/navigation/navigation-marker.js +17 -22
  369. package/navigation/navigation-section.js +1 -1
  370. package/navigation/navigation.js +40 -34
  371. package/notification/notification.d.ts +0 -1
  372. package/notification/notification.d.ts.map +1 -1
  373. package/notification.js +17 -18
  374. package/option/optgroup/optgroup-base-element.d.ts +2 -4
  375. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  376. package/option/optgroup.js +31 -33
  377. package/option/option/option-base-element.d.ts +14 -7
  378. package/option/option/option-base-element.d.ts.map +1 -1
  379. package/option/option.js +45 -40
  380. package/overlay/overlay-base-element.d.ts +1 -1
  381. package/overlay/overlay-base-element.d.ts.map +1 -1
  382. package/package.json +2 -1
  383. package/popover/popover-trigger/popover-trigger.d.ts +1 -1
  384. package/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
  385. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  386. package/radio-button/radio-button-group.js +5 -5
  387. package/select/select.d.ts.map +1 -1
  388. package/select.js +37 -38
  389. package/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
  390. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  391. package/selection-expansion-panel.js +71 -49
  392. package/signet/signet.d.ts +4 -1
  393. package/signet/signet.d.ts.map +1 -1
  394. package/signet.js +34 -23
  395. package/slider/slider.d.ts.map +1 -1
  396. package/slider.js +5 -5
  397. package/standard-theme.css +58 -23
  398. package/stepper/step/step.d.ts +1 -2
  399. package/stepper/step/step.d.ts.map +1 -1
  400. package/stepper/step-label/step-label.d.ts +6 -6
  401. package/stepper/step-label/step-label.d.ts.map +1 -1
  402. package/stepper/step-label.js +20 -20
  403. package/stepper/step.js +19 -24
  404. package/stepper/stepper/stepper.d.ts +3 -3
  405. package/stepper/stepper/stepper.d.ts.map +1 -1
  406. package/table/table-wrapper/table-wrapper.d.ts +0 -1
  407. package/table/table-wrapper/table-wrapper.d.ts.map +1 -1
  408. package/table/table-wrapper.js +19 -18
  409. package/tabs/tab-group/tab-group.d.ts +4 -5
  410. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  411. package/tabs/tab-group.js +51 -47
  412. package/tabs/tab-label.js +12 -12
  413. package/tag/tag/tag.d.ts +1 -1
  414. package/teaser-hero.js +13 -13
  415. package/teaser-product/teaser-product.js +5 -5
  416. package/teaser.js +15 -15
  417. package/title.js +23 -23
  418. package/toast.js +4 -4
  419. package/toggle/toggle/toggle.d.ts +2 -3
  420. package/toggle/toggle/toggle.d.ts.map +1 -1
  421. package/toggle/toggle.js +40 -39
  422. package/train/train-formation/train-formation.d.ts +1 -2
  423. package/train/train-formation/train-formation.d.ts.map +1 -1
  424. package/train/train-formation.js +23 -22
  425. package/train/train-wagon.js +7 -7
  426. package/typography.css +0 -13
package/core/a11y.js CHANGED
@@ -1,69 +1,65 @@
1
- import { getDocumentWritingMode as _ } from "./dom.js";
2
- import { isServer as w } from "lit";
1
+ import { isServer as _ } from "lit";
3
2
  import { getEventTarget as a } from "./eventing.js";
4
3
  function d() {
5
- return _() === "rtl" ? { prevKey: "ArrowRight", nextKey: "ArrowLeft" } : { prevKey: "ArrowLeft", nextKey: "ArrowRight" };
4
+ return document.documentElement.matches(":dir(rtl)") ? { prevKey: "ArrowRight", nextKey: "ArrowLeft" } : { prevKey: "ArrowLeft", nextKey: "ArrowRight" };
6
5
  }
7
- function R(t) {
6
+ function w(t) {
8
7
  return ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(t.key);
9
8
  }
10
- function V(t) {
9
+ function O(t) {
11
10
  return t.key === "ArrowUp" || t.key === d().prevKey;
12
11
  }
13
- function W(t) {
12
+ function U(t) {
14
13
  return t.key === "ArrowDown" || t.key === d().nextKey;
15
14
  }
16
- function Y(t) {
17
- return R(t) || ["PageUp", "PageDown", "Home", "End"].includes(t.key);
15
+ function V(t) {
16
+ return w(t) || ["PageUp", "PageDown", "Home", "End"].includes(t.key);
18
17
  }
19
18
  function f(t, e, o) {
20
19
  return (t + o + e) % e;
21
20
  }
22
- function A(t) {
21
+ function R(t) {
23
22
  return t - 1;
24
23
  }
25
24
  const y = 0;
26
- function B(t, e, o) {
25
+ function Y(t, e, o) {
27
26
  const { prevKey: s, nextKey: r } = d();
28
- return t.key === s || t.key === "ArrowUp" ? e < y ? A(o) : f(e, o, -1) : t.key === r || t.key === "ArrowDown" ? e >= o ? y : f(e, o, 1) : e;
27
+ return t.key === s || t.key === "ArrowUp" ? e < y ? R(o) : f(e, o, -1) : t.key === r || t.key === "ArrowDown" ? e >= o ? y : f(e, o, 1) : e;
29
28
  }
30
- function E(t) {
29
+ function A(t) {
31
30
  return t.buttons === 0 || t.detail === 0;
32
31
  }
33
- function M(t) {
32
+ function E(t) {
34
33
  const e = t.touches && t.touches[0] || t.changedTouches && t.changedTouches[0];
35
34
  return !!e && e.identifier === -1 && (e.radiusX == null || e.radiusX === 1) && (e.radiusY == null || e.radiusY === 1);
36
35
  }
37
- const k = 16, v = 17, T = 18, K = 91, L = 224, C = {
38
- ignoreKeys: [T, v, L, K, k]
39
- }, x = 650, l = {
36
+ const M = 16, k = 17, v = 18, T = 91, K = 224, L = {
37
+ ignoreKeys: [v, k, K, T, M]
38
+ }, C = 650, l = {
40
39
  passive: !0,
41
40
  capture: !0
42
41
  };
43
- class F {
42
+ class x {
44
43
  constructor() {
45
44
  this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._options = {
46
- ...C
45
+ ...L
47
46
  }, this._lastTouchMs = 0, this._onKeydown = (e) => {
48
47
  var o, s;
49
48
  (s = (o = this._options) == null ? void 0 : o.ignoreKeys) != null && s.some((r) => r === e.keyCode) || (this._mostRecentModality = "keyboard", this._mostRecentTarget = a(e));
50
49
  }, this._onMousedown = (e) => {
51
- Date.now() - this._lastTouchMs < x || (this._mostRecentModality = E(e) ? "keyboard" : "mouse", this._mostRecentTarget = a(e));
50
+ Date.now() - this._lastTouchMs < C || (this._mostRecentModality = A(e) ? "keyboard" : "mouse", this._mostRecentTarget = a(e));
52
51
  }, this._onTouchstart = (e) => {
53
- if (M(e)) {
52
+ if (E(e)) {
54
53
  this._mostRecentModality = "keyboard", this._mostRecentTarget = a(e);
55
54
  return;
56
55
  }
57
56
  this._lastTouchMs = Date.now(), this._mostRecentModality = "touch", this._mostRecentTarget = a(e);
58
- }, w || (document.addEventListener("keydown", this._onKeydown, l), document.addEventListener("mousedown", this._onMousedown, l), document.addEventListener("touchstart", this._onTouchstart, l));
57
+ }, _ || (document.addEventListener("keydown", this._onKeydown, l), document.addEventListener("mousedown", this._onMousedown, l), document.addEventListener("touchstart", this._onTouchstart, l));
59
58
  }
60
59
  /** The most recently detected input modality. */
61
60
  get mostRecentModality() {
62
61
  return this._mostRecentModality;
63
62
  }
64
- reset() {
65
- this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._lastTouchMs = 0;
66
- }
67
63
  /**
68
64
  * The most recently detected input modality event target. Is null if no input modality has been
69
65
  * detected or if the associated event target is null for some unknown reason.
@@ -71,9 +67,12 @@ class F {
71
67
  get mostRecentTarget() {
72
68
  return this._mostRecentTarget;
73
69
  }
70
+ reset() {
71
+ this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._lastTouchMs = 0;
72
+ }
74
73
  }
75
- const m = new F();
76
- function X(t) {
74
+ const m = new x();
75
+ function B(t) {
77
76
  if (!t)
78
77
  return;
79
78
  const e = m.mostRecentModality;
@@ -91,7 +90,7 @@ function X(t) {
91
90
  { once: !0 }
92
91
  );
93
92
  }
94
- class j {
93
+ class W {
95
94
  constructor(e) {
96
95
  this._host = e, this._focusinHandler = () => {
97
96
  this._host.toggleAttribute(
@@ -109,10 +108,10 @@ class j {
109
108
  this._host.removeEventListener("focusin", this._focusinHandler), this._host.removeEventListener("focusout", this._focusoutHandler);
110
109
  }
111
110
  }
112
- function S(t) {
111
+ function F(t) {
113
112
  return !!(t.offsetWidth || t.offsetHeight || typeof t.getClientRects == "function" && t.getClientRects().length);
114
113
  }
115
- class D {
114
+ class S {
116
115
  /**
117
116
  * Gets whether an element is visible for the purposes of interactivity.
118
117
  *
@@ -122,15 +121,15 @@ class D {
122
121
  * @returns Whether the element is visible.
123
122
  */
124
123
  isVisible(e) {
125
- return S(e) && getComputedStyle(e).visibility === "visible";
124
+ return F(e) && getComputedStyle(e).visibility === "visible";
126
125
  }
127
126
  }
128
- class I {
127
+ class D {
129
128
  isVisible() {
130
129
  return !0;
131
130
  }
132
131
  }
133
- const H = typeof getComputedStyle > "u" || getComputedStyle(document.documentElement).visibility === "" ? new I() : new D(), N = [
132
+ const I = typeof getComputedStyle > "u" || getComputedStyle(document.documentElement).visibility === "" ? new D() : new S(), H = [
134
133
  "button",
135
134
  "[href]",
136
135
  "input",
@@ -153,7 +152,7 @@ function g(t, e) {
153
152
  );
154
153
  continue;
155
154
  }
156
- if (n.matches(N) && ((e == null ? void 0 : e.includeInvisibleElements) ?? H.isVisible(n)) && o.add(n), e != null && e.findFirstFocusable && o.size > 0)
155
+ if (n.matches(H) && ((e == null ? void 0 : e.includeInvisibleElements) ?? I.isVisible(n)) && o.add(n), e != null && e.findFirstFocusable && o.size > 0)
157
156
  break;
158
157
  if (n.children.length || (i = n.shadowRoot) != null && i.children.length) {
159
158
  const u = Array.from(n.children).length ? Array.from(n.children) : Array.from(n.shadowRoot.children);
@@ -163,14 +162,14 @@ function g(t, e) {
163
162
  }
164
163
  return s(t, e == null ? void 0 : e.filter), [...o];
165
164
  }
166
- function G(t, e) {
165
+ function X(t, e) {
167
166
  const o = g(t, {
168
167
  filter: e,
169
168
  findFirstFocusable: !0
170
169
  });
171
170
  return o.length ? o[0] : null;
172
171
  }
173
- class Q {
172
+ class j {
174
173
  constructor() {
175
174
  this._controller = new AbortController();
176
175
  }
@@ -206,21 +205,21 @@ class Q {
206
205
  }
207
206
  }
208
207
  export {
209
- N as IS_FOCUSABLE_QUERY,
210
- D as InteractivityChecker,
211
- Q as SbbFocusHandler,
212
- j as SbbFocusVisibleWithinController,
213
- G as getFirstFocusableElement,
208
+ H as IS_FOCUSABLE_QUERY,
209
+ S as InteractivityChecker,
210
+ j as SbbFocusHandler,
211
+ W as SbbFocusVisibleWithinController,
212
+ X as getFirstFocusableElement,
214
213
  g as getFocusableElements,
215
- B as getNextElementIndex,
216
- S as hasGeometry,
217
- H as interactivityChecker,
218
- Y as isArrowKeyOrPageKeysPressed,
219
- R as isArrowKeyPressed,
220
- E as isFakeMousedownFromScreenReader,
221
- M as isFakeTouchstartFromScreenReader,
222
- W as isNextArrowKeyPressed,
223
- V as isPreviousArrowKeyPressed,
214
+ Y as getNextElementIndex,
215
+ F as hasGeometry,
216
+ I as interactivityChecker,
217
+ V as isArrowKeyOrPageKeysPressed,
218
+ w as isArrowKeyPressed,
219
+ A as isFakeMousedownFromScreenReader,
220
+ E as isFakeTouchstartFromScreenReader,
221
+ U as isNextArrowKeyPressed,
222
+ O as isPreviousArrowKeyPressed,
224
223
  m as sbbInputModalityDetector,
225
- X as setModalityOnNextFocus
224
+ B as setModalityOnNextFocus
226
225
  };
@@ -1,6 +1,8 @@
1
1
  import { LitElement, TemplateResult } from 'lit';
2
2
  export declare abstract class SbbActionBaseElement extends LitElement {
3
3
  protected get maybeDisabled(): boolean | undefined;
4
+ protected get maybeDisabledInteractive(): boolean | undefined;
5
+ connectedCallback(): void;
4
6
  protected setupBaseEventHandlers(): void;
5
7
  /** Override this method to render the component template. */
6
8
  protected renderTemplate(): TemplateResult;
@@ -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,8BAIsB,oBAAqB,SAAQ,UAAU;IAC3D,SAAS,KAAK,aAAa,IAAI,OAAO,GAAG,SAAS,CAGjD;IAED,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,6DAA6D;IAC7D,SAAS,CAAC,cAAc,IAAI,cAAc;IAI1C,wDAAwD;cACrC,MAAM,IAAI,cAAc;CAO5C"}
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,8BAGsB,oBAAqB,SAAQ,UAAU;IAC3D,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;CAO5C"}
@@ -23,6 +23,7 @@ export declare abstract class SbbButtonBaseElement extends SbbActionBaseElement
23
23
  get value(): string;
24
24
  /** The <form> element to associate the button with. */
25
25
  form?: string;
26
+ constructor();
26
27
  private _handleButtonClick;
27
28
  /**
28
29
  * Prevents scrolling from pressing Space, when the event target is an action element.
@@ -39,7 +40,6 @@ export declare abstract class SbbButtonBaseElement extends SbbActionBaseElement
39
40
  */
40
41
  private _dispatchClickEventOnSpaceKeyup;
41
42
  private _dispatchClickEvent;
42
- constructor();
43
43
  attributeChangedCallback(name: string, old: string | null, value: string | null): void;
44
44
  }
45
45
  //# sourceMappingURL=button-base-element.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D,yBAAyB;AACzB,8BAKsB,oBAAqB,SAAQ,oBAAoB;IACrE,gDAAgD;IAC7B,IAAI,EAAE,aAAa,CAAY;IAElD;;;;;OAKG;IACH,IACW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IACD,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,uDAAuD;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEjC,OAAO,CAAC,kBAAkB,CAmBxB;IAEF;;;;OAIG;IACH,OAAO,CAAC,4BAA4B,CAKlC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,+BAA+B,CAKrC;IAEF,OAAO,CAAC,mBAAmB,CAezB;;IAwBc,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;CAKR"}
1
+ {"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D,yBAAyB;AACzB,8BAKsB,oBAAqB,SAAQ,oBAAoB;IACrE,gDAAgD;IAC7B,IAAI,EAAE,aAAa,CAAY;IAElD;;;;;OAKG;IACH,IACW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IACD,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,uDAAuD;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;;IAwBjC,OAAO,CAAC,kBAAkB,CAmBxB;IAEF;;;;OAIG;IACH,OAAO,CAAC,4BAA4B,CAKlC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,+BAA+B,CAKrC;IAEF,OAAO,CAAC,mBAAmB,CAezB;IAEc,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;CAKR"}
@@ -1,26 +1,32 @@
1
- import { LitElement as w, html as v, isServer as g, nothing as o } from "lit";
1
+ import { LitElement as w, html as m, isServer as g, nothing as o } from "lit";
2
2
  import { hostAttributes as f } from "./decorators.js";
3
- import { getDocumentWritingMode as O, getLocalName as _ } from "./dom.js";
3
+ import { getLocalName as _ } from "./dom.js";
4
4
  import { property as l } from "lit/decorators.js";
5
5
  import { isEventPrevented as C, EventEmitter as b } from "./eventing.js";
6
- import { SbbLanguageController as E } from "./controllers.js";
7
- import { i18nTargetOpensInNewWindow as $ } from "./i18n.js";
6
+ import { SbbLanguageController as O } from "./controllers.js";
7
+ import { i18nTargetOpensInNewWindow as E } from "./i18n.js";
8
8
  import "../screen-reader-only.js";
9
- var D = Object.defineProperty, k = Object.getOwnPropertyDescriptor, A = (e, t, r, i) => {
10
- for (var s = i > 1 ? void 0 : i ? k(t, r) : t, a = e.length - 1, n; a >= 0; a--)
9
+ var $ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, k = (e, t, r, i) => {
10
+ for (var s = i > 1 ? void 0 : i ? D(t, r) : t, a = e.length - 1, n; a >= 0; a--)
11
11
  (n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
12
- return i && s && D(t, r, s), s;
12
+ return i && s && $(t, r, s), s;
13
13
  };
14
- let m = class extends w {
14
+ let v = class extends w {
15
15
  get maybeDisabled() {
16
16
  const e = this;
17
17
  return e.disabled || e.formDisabled;
18
18
  }
19
+ get maybeDisabledInteractive() {
20
+ return this.disabledInteractive;
21
+ }
22
+ connectedCallback() {
23
+ super.connectedCallback();
24
+ }
19
25
  setupBaseEventHandlers() {
20
26
  this.addEventListener(
21
27
  "click",
22
28
  (e) => {
23
- this.maybeDisabled && (e.preventDefault(), e.stopImmediatePropagation());
29
+ this.maybeDisabled && !this.maybeDisabledInteractive && (e.preventDefault(), e.stopImmediatePropagation());
24
30
  },
25
31
  // capture is necessary here, as this event handler needs to be executed before any other
26
32
  // in order to stop immediate propagation in the disabled case.
@@ -33,25 +39,24 @@ let m = class extends w {
33
39
  }
34
40
  /** Default render method for button-like components. */
35
41
  render() {
36
- return v`
42
+ return m`
37
43
  <span class="sbb-action-base ${this.localName ?? _(this)}">
38
44
  ${this.renderTemplate()}
39
45
  </span>
40
46
  `;
41
47
  }
42
48
  };
43
- m = A([
49
+ v = k([
44
50
  f({
45
- dir: O(),
46
51
  "data-action": ""
47
52
  })
48
- ], m);
49
- var P = Object.defineProperty, S = Object.getOwnPropertyDescriptor, u = (e, t, r, i) => {
50
- for (var s = i > 1 ? void 0 : i ? S(t, r) : t, a = e.length - 1, n; a >= 0; a--)
53
+ ], v);
54
+ var A = Object.defineProperty, P = Object.getOwnPropertyDescriptor, u = (e, t, r, i) => {
55
+ for (var s = i > 1 ? void 0 : i ? P(t, r) : t, a = e.length - 1, n; a >= 0; a--)
51
56
  (n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
52
- return i && s && P(t, r, s), s;
57
+ return i && s && A(t, r, s), s;
53
58
  };
54
- let h = class extends m {
59
+ let h = class extends v {
55
60
  constructor() {
56
61
  if (super(), this.type = "button", this._handleButtonClick = async (e) => {
57
62
  if (this.type === "button" || await C(e))
@@ -129,14 +134,14 @@ h = u([
129
134
  "data-button": ""
130
135
  })
131
136
  ], h);
132
- var L = Object.defineProperty, x = Object.getOwnPropertyDescriptor, d = (e, t, r, i) => {
133
- for (var s = i > 1 ? void 0 : i ? x(t, r) : t, a = e.length - 1, n; a >= 0; a--)
137
+ var S = Object.defineProperty, L = Object.getOwnPropertyDescriptor, d = (e, t, r, i) => {
138
+ for (var s = i > 1 ? void 0 : i ? L(t, r) : t, a = e.length - 1, n; a >= 0; a--)
134
139
  (n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
135
- return i && s && L(t, r, s), s;
140
+ return i && s && S(t, r, s), s;
136
141
  };
137
- let c = class extends m {
142
+ let p = class extends v {
138
143
  constructor() {
139
- super(), this.language = new E(this), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : o, g || this.setupBaseEventHandlers();
144
+ super(), this.language = new O(this), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : o, g || this.setupBaseEventHandlers();
140
145
  }
141
146
  /** @internal */
142
147
  focus(e) {
@@ -155,7 +160,7 @@ let c = class extends m {
155
160
  }
156
161
  /** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
157
162
  render() {
158
- return v`
163
+ return m`
159
164
  <a
160
165
  class="sbb-action-base ${this.localName ?? _(this)}"
161
166
  href=${this.href || o}
@@ -163,12 +168,12 @@ let c = class extends m {
163
168
  target=${this.target || o}
164
169
  rel=${this._evaluateRelAttribute()}
165
170
  aria-label=${this.accessibilityLabel || o}
166
- tabindex=${this.maybeDisabled ? "-1" : o}
171
+ tabindex=${this.maybeDisabled && !this.maybeDisabledInteractive ? "-1" : o}
167
172
  aria-disabled=${this.maybeDisabled ? "true" : o}
168
173
  >
169
174
  ${this.renderTemplate()}
170
- ${this.href && this.target === "_blank" ? v`<sbb-screen-reader-only
171
- >. ${$[this.language.current]}</sbb-screen-reader-only
175
+ ${this.href && this.target === "_blank" ? m`<sbb-screen-reader-only
176
+ >. ${E[this.language.current]}</sbb-screen-reader-only
172
177
  >` : o}
173
178
  </a>
174
179
  `;
@@ -176,35 +181,35 @@ let c = class extends m {
176
181
  };
177
182
  d([
178
183
  l()
179
- ], c.prototype, "href", 2);
184
+ ], p.prototype, "href", 2);
180
185
  d([
181
186
  l()
182
- ], c.prototype, "target", 2);
187
+ ], p.prototype, "target", 2);
183
188
  d([
184
189
  l()
185
- ], c.prototype, "rel", 2);
190
+ ], p.prototype, "rel", 2);
186
191
  d([
187
192
  l({ type: Boolean })
188
- ], c.prototype, "download", 2);
193
+ ], p.prototype, "download", 2);
189
194
  d([
190
195
  l({ attribute: "accessibility-label" })
191
- ], c.prototype, "accessibilityLabel", 2);
192
- c = d([
196
+ ], p.prototype, "accessibilityLabel", 2);
197
+ p = d([
193
198
  f({
194
199
  "data-link": ""
195
200
  })
196
- ], c);
197
- const p = class p extends w {
201
+ ], p);
202
+ const c = class c extends w {
198
203
  constructor() {
199
204
  super(...arguments), this.willOpen = new b(
200
205
  this,
201
- p.events.willOpen
202
- ), this.didOpen = new b(this, p.events.didOpen), this.willClose = new b(
206
+ c.events.willOpen
207
+ ), this.didOpen = new b(this, c.events.didOpen), this.willClose = new b(
203
208
  this,
204
- p.events.willClose
209
+ c.events.willClose
205
210
  ), this.didClose = new b(
206
211
  this,
207
- p.events.didClose
212
+ c.events.didClose
208
213
  );
209
214
  }
210
215
  /** The state of the component. */
@@ -222,16 +227,16 @@ const p = class p extends w {
222
227
  super.connectedCallback(), this.state || (this.state = "closed");
223
228
  }
224
229
  };
225
- p.events = {
230
+ c.events = {
226
231
  willOpen: "willOpen",
227
232
  didOpen: "didOpen",
228
233
  willClose: "willClose",
229
234
  didClose: "didClose"
230
235
  };
231
- let y = p;
236
+ let y = c;
232
237
  export {
233
- m as SbbActionBaseElement,
238
+ v as SbbActionBaseElement,
234
239
  h as SbbButtonBaseElement,
235
- c as SbbLinkBaseElement,
240
+ p as SbbLinkBaseElement,
236
241
  y as SbbOpenCloseBaseElement
237
242
  };
@@ -1 +1 @@
1
- {"version":3,"file":"language-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/language-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKrF;;;;;;;GAOG;AACH,qBAAa,qBAAsB,YAAW,kBAAkB;IA0C3C,OAAO,CAAC,KAAK;IAzChC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IAChD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAA4B;IAErE,gFAAgF;IAChF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAoC;IAEtE,iFAAiF;IACjF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAI9B;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAGrC;IAEF,gCAAgC;IAChC,WAAkB,OAAO,IAAI,MAAM,CAalC;IAED,gCAAgC;IAChC,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,CAAC,iBAAiB,CAAC,CAAS;IACnC,OAAO,CAAC,SAAS,CAAsB;gBAEZ,KAAK,EAAE,sBAAsB;IAIxD,qCAAqC;IAC9B,WAAW,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAOtC,aAAa,IAAI,IAAI;IAcrB,gBAAgB,IAAI,IAAI;IAQ/B,OAAO,CAAC,aAAa;CAMtB"}
1
+ {"version":3,"file":"language-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/language-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAIrF;;;;;;;GAOG;AACH,qBAAa,qBAAsB,YAAW,kBAAkB;IA4C3C,OAAO,CAAC,KAAK;IA3ChC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IAChD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAA4B;IAErE,gFAAgF;IAChF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAoC;IAEtE,iFAAiF;IACjF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAMxB;IACT,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAGrC;IAEF,gCAAgC;IAChC,WAAkB,OAAO,IAAI,MAAM,CAalC;IAED,gCAAgC;IAChC,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,CAAC,iBAAiB,CAAC,CAAS;IACnC,OAAO,CAAC,SAAS,CAAsB;gBAEZ,KAAK,EAAE,sBAAsB;IAIxD,qCAAqC;IAC9B,WAAW,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAOtC,aAAa,IAAI,IAAI;IAiBrB,gBAAgB,IAAI,IAAI;IAW/B,OAAO,CAAC,aAAa;CAMtB"}
@@ -22,10 +22,10 @@ export declare class SbbSlotStateController implements ReactiveController {
22
22
  private _host;
23
23
  private _onChangeCallback;
24
24
  readonly slots: Set<string>;
25
- private _slotchangeHandler;
26
25
  constructor(_host: ReactiveControllerHost & HTMLElement, _onChangeCallback?: (() => void) | null);
27
26
  hostConnected(): void;
28
27
  hostDisconnected(): void;
28
+ private _slotchangeHandler;
29
29
  private _syncSlots;
30
30
  }
31
31
  //# sourceMappingURL=slot-state-controller.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAU7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAV3B,SAAgB,KAAK,cAAqB;IAI1C,OAAO,CAAC,kBAAkB,CAExB;gBAGQ,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAI/B,OAAO,CAAC,UAAU;CAuBnB"}
1
+ {"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAI7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAJ3B,SAAgB,KAAK,cAAqB;gBAGhC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;CAuBnB"}
@@ -1,7 +1,6 @@
1
- import { isServer as c } from "lit";
1
+ import { isServer as n } from "lit";
2
2
  import { readConfig as u } from "./config.js";
3
- import { AgnosticMutationObserver as _ } from "./observers.js";
4
- class C {
3
+ class m {
5
4
  constructor(t) {
6
5
  this._host = t, this._abortController = new AbortController(), this._host.addController(this);
7
6
  }
@@ -17,9 +16,9 @@ class C {
17
16
  (t = this._abortController) == null || t.abort(), this._abortController = void 0;
18
17
  }
19
18
  }
20
- const b = ["script", "head", "template", "style"], f = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Set();
21
- class E {
22
- constructor(t, i = f, r = g) {
19
+ const _ = ["script", "head", "template", "style"], b = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
20
+ class A {
21
+ constructor(t, i = b, r = f) {
23
22
  var s, o;
24
23
  this._host = t, this._inertElements = i, this._inertOverlays = r, (o = (s = this._host).addController) == null || o.call(s, this);
25
24
  }
@@ -54,7 +53,7 @@ class E {
54
53
  let t = this._currentOverlay();
55
54
  for (; t !== document.documentElement && t !== null; )
56
55
  Array.from(((i = (t == null ? void 0 : t.parentElement) ?? (t == null ? void 0 : t.getRootNode())) == null ? void 0 : i.childNodes) ?? []).filter(
57
- (s) => s !== t && s instanceof window.HTMLElement && !b.includes(s.localName)
56
+ (s) => s !== t && s instanceof window.HTMLElement && !_.includes(s.localName)
58
57
  ).forEach((s) => {
59
58
  this._inertElements.add(s), s.inert || (s.inert = !0, s.toggleAttribute("data-sbb-inert", !0)), s.hasAttribute("aria-hidden") || (s.setAttribute("aria-hidden", "true"), s.toggleAttribute("data-sbb-aria-hidden", !0));
60
59
  }), t = (t == null ? void 0 : t.parentElement) ?? ((r = t == null ? void 0 : t.getRootNode()) == null ? void 0 : r.host) ?? null;
@@ -66,7 +65,7 @@ const e = class e {
66
65
  }
67
66
  /** Get the current language. */
68
67
  static get current() {
69
- const i = ((u().language ?? (c ? e._defaultLanguage : document.documentElement.getAttribute("lang"))) || e._defaultLanguage).split("-")[0];
68
+ const i = ((u().language ?? (n ? e._defaultLanguage : document.documentElement.getAttribute("lang"))) || e._defaultLanguage).split("-")[0];
70
69
  return e._supportedLocales.includes(i) ? i : e._defaultLanguage;
71
70
  }
72
71
  /** Get the current language. */
@@ -78,26 +77,26 @@ const e = class e {
78
77
  return this._handlers.unshift(t), this;
79
78
  }
80
79
  hostConnected() {
81
- e._listeners.size || e._observer.observe(
80
+ n || (e._listeners.size || e._observer.observe(
82
81
  document.documentElement,
83
82
  e._observerConfig
84
- ), e._listeners.add(this), this._previousLanguage !== this.current && this._callHandlers(this._previousLanguage !== void 0);
83
+ ), e._listeners.add(this), this._previousLanguage !== this.current && this._callHandlers(this._previousLanguage !== void 0));
85
84
  }
86
85
  hostDisconnected() {
87
- this._previousLanguage = this.current, e._listeners.delete(this), e._listeners.size || e._observer.disconnect();
86
+ n || (this._previousLanguage = this.current, e._listeners.delete(this), e._listeners.size || e._observer.disconnect());
88
87
  }
89
88
  _callHandlers(t = !0) {
90
89
  this._handlers.forEach((i) => i()), t && this._host.requestUpdate();
91
90
  }
92
91
  };
93
- e._defaultLanguage = "en", e._supportedLocales = ["en", "de", "fr", "it"], e._listeners = /* @__PURE__ */ new Set(), e._observer = new _((t) => {
92
+ e._defaultLanguage = "en", e._supportedLocales = ["en", "de", "fr", "it"], e._listeners = /* @__PURE__ */ new Set(), e._observer = n ? null : new MutationObserver((t) => {
94
93
  t[0].oldValue !== document.documentElement.getAttribute("lang") && e._listeners.forEach((i) => i._callHandlers());
95
94
  }), e._observerConfig = {
96
95
  attributeFilter: ["lang"],
97
96
  attributeOldValue: !0
98
97
  };
99
- let d = e;
100
- class p {
98
+ let c = e;
99
+ class C {
101
100
  constructor(t, i = null) {
102
101
  this._host = t, this._onChangeCallback = i, this.slots = /* @__PURE__ */ new Set(), this._slotchangeHandler = (r) => {
103
102
  this._syncSlots(r.target);
@@ -114,19 +113,19 @@ class p {
114
113
  _syncSlots(...t) {
115
114
  var s;
116
115
  for (const o of t) {
117
- const a = o.name || "unnamed";
118
- o.assignedNodes().some((h) => {
119
- var l;
120
- return "tagName" in h || ((l = h.textContent) == null ? void 0 : l.trim());
121
- }) ? this.slots.add(a) : this.slots.delete(a);
116
+ const h = o.name || "unnamed";
117
+ o.assignedNodes().some((l) => {
118
+ var d;
119
+ return "tagName" in l || ((d = l.textContent) == null ? void 0 : d.trim());
120
+ }) ? this.slots.add(h) : this.slots.delete(h);
122
121
  }
123
122
  const i = this._host.getAttribute("data-slot-names"), r = [...this.slots].sort().join(" ");
124
123
  r ? this._host.getAttribute("data-slot-names") !== r && this._host.setAttribute("data-slot-names", r) : this._host.removeAttribute("data-slot-names"), r !== i && ((s = this._onChangeCallback) == null || s.call(this));
125
124
  }
126
125
  }
127
126
  export {
128
- C as SbbConnectedAbortController,
129
- E as SbbInertController,
130
- d as SbbLanguageController,
131
- p as SbbSlotStateController
127
+ m as SbbConnectedAbortController,
128
+ A as SbbInertController,
129
+ c as SbbLanguageController,
130
+ C as SbbSlotStateController
132
131
  };
@@ -1,2 +1,5 @@
1
+ /**
2
+ * @deprecated use :dir() selector instead
3
+ */
1
4
  export declare const getDocumentWritingMode: () => string;
2
5
  //# sourceMappingURL=get-document-writing-mode.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"get-document-writing-mode.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/get-document-writing-mode.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,QAAO,MAC4B,CAAC"}
1
+ {"version":3,"file":"get-document-writing-mode.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/get-document-writing-mode.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAAO,MAC4B,CAAC"}
@@ -5,9 +5,22 @@ export declare class SbbDisabledMixinType {
5
5
  get disabled(): boolean;
6
6
  protected isDisabledExternally(): boolean;
7
7
  }
8
+ export declare class SbbDisabledInteractiveMixinType {
9
+ disabledInteractive: boolean;
10
+ }
8
11
  /**
9
12
  * Enhance your component with a disabled property.
10
13
  */
11
14
  export declare const SbbDisabledMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
12
- export declare const SbbDisabledTabIndexActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
15
+ /**
16
+ * Enhance your component with a disabled interactive property.
17
+ */
18
+ export declare const SbbDisabledInteractiveMixin: <T extends AbstractConstructor<LitElement & SbbDisabledMixinType>>(superClass: T) => AbstractConstructor<SbbDisabledInteractiveMixinType> & T;
19
+ export declare const SbbDisabledTabIndexActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType & SbbDisabledInteractiveMixinType> & T;
20
+ /**
21
+ * Extends `SbbDisabledMixin` with the `aria-disabled` attribute.
22
+ * For a11y purposes, keeps the element focusable even when disabled.
23
+ * @deprecated Will be removed with next major version
24
+ */
25
+ export declare const SbbFocusableDisabledActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
13
26
  //# sourceMappingURL=disabled-mixin.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAGF,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC1E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC"}
1
+ {"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED,MAAM,CAAC,OAAO,OAAO,+BAA+B;IAC3C,mBAAmB,EAAE,OAAO,CAAC;CACrC;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GACtC,CAAC,SAAS,mBAAmB,CAAC,UAAU,GAAG,oBAAoB,CAAC,cAEpD,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAYzD,CAAC;AAGF,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC1E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,GAAG,+BAA+B,CAAC,GAAG,CA6BhF,CAAC;AAEF;;;;GAIG;AAEH,eAAO,MAAM,+BAA+B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC3E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAoB9C,CAAC"}