@sbb-esta/lyne-elements 1.2.1 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (401) hide show
  1. package/autocomplete/autocomplete-base-element.d.ts +93 -0
  2. package/autocomplete/autocomplete-base-element.d.ts.map +1 -0
  3. package/autocomplete/autocomplete.d.ts +13 -86
  4. package/autocomplete/autocomplete.d.ts.map +1 -1
  5. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +45 -0
  6. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  7. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +33 -0
  8. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -0
  9. package/autocomplete-grid/autocomplete-grid-button.d.ts +2 -0
  10. package/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -0
  11. package/autocomplete-grid/autocomplete-grid-button.js +66 -0
  12. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts +17 -0
  13. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -0
  14. package/autocomplete-grid/autocomplete-grid-cell.d.ts +2 -0
  15. package/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -0
  16. package/autocomplete-grid/autocomplete-grid-cell.js +28 -0
  17. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +21 -0
  18. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -0
  19. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +2 -0
  20. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +1 -0
  21. package/autocomplete-grid/autocomplete-grid-optgroup.d.ts +2 -0
  22. package/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -0
  23. package/autocomplete-grid/autocomplete-grid-optgroup.js +37 -0
  24. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts +40 -0
  25. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -0
  26. package/autocomplete-grid/autocomplete-grid-option.d.ts +2 -0
  27. package/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -0
  28. package/autocomplete-grid/autocomplete-grid-option.js +67 -0
  29. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts +18 -0
  30. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -0
  31. package/autocomplete-grid/autocomplete-grid-row.d.ts +2 -0
  32. package/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -0
  33. package/autocomplete-grid/autocomplete-grid-row.js +31 -0
  34. package/autocomplete-grid/autocomplete-grid.d.ts +2 -0
  35. package/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  36. package/autocomplete-grid/autocomplete-grid.js +139 -0
  37. package/autocomplete-grid.d.ts +7 -0
  38. package/autocomplete-grid.d.ts.map +1 -0
  39. package/autocomplete-grid.js +6 -0
  40. package/autocomplete.d.ts +1 -0
  41. package/autocomplete.d.ts.map +1 -1
  42. package/autocomplete.js +162 -145
  43. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  44. package/button/common/button-common.d.ts.map +1 -1
  45. package/button/common.js +20 -20
  46. package/button/mini-button/mini-button-base-element.d.ts +9 -0
  47. package/button/mini-button/mini-button-base-element.d.ts.map +1 -0
  48. package/button/mini-button/mini-button.d.ts +3 -5
  49. package/button/mini-button/mini-button.d.ts.map +1 -1
  50. package/button/mini-button.d.ts +1 -0
  51. package/button/mini-button.d.ts.map +1 -1
  52. package/button/mini-button.js +27 -19
  53. package/calendar/calendar.d.ts.map +1 -1
  54. package/calendar.js +22 -20
  55. package/checkbox/checkbox/checkbox.d.ts +0 -1
  56. package/checkbox/checkbox/checkbox.d.ts.map +1 -1
  57. package/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  58. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  59. package/checkbox/checkbox-group.js +5 -3
  60. package/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  61. package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  62. package/checkbox/checkbox-panel.js +12 -11
  63. package/checkbox/checkbox.js +20 -19
  64. package/checkbox/common.js +13 -13
  65. package/container/container.js +3 -3
  66. package/core/datetime/date-adapter.d.ts +23 -13
  67. package/core/datetime/date-adapter.d.ts.map +1 -1
  68. package/core/datetime/native-date-adapter.d.ts +0 -1
  69. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  70. package/core/datetime.js +23 -23
  71. package/core/decorators/host-attributes.d.ts +1 -1
  72. package/core/decorators/slot-state.d.ts +18 -0
  73. package/core/decorators/slot-state.d.ts.map +1 -0
  74. package/core/decorators.d.ts +1 -0
  75. package/core/decorators.d.ts.map +1 -1
  76. package/core/decorators.js +15 -9
  77. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  78. package/core/mixins.js +3 -1
  79. package/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  80. package/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  81. package/core/overlay.js +2 -2
  82. package/core/styles/core.scss +1 -0
  83. package/core/styles/mixins/buttons.scss +28 -56
  84. package/core/styles/mixins/helpers.scss +1 -0
  85. package/core/styles/mixins/pearl-chain-bullet.scss +1 -1
  86. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +1 -0
  87. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +2 -1
  88. package/core.css +3 -1
  89. package/custom-elements.json +13640 -8731
  90. package/datepicker/common/datepicker-button.d.ts +5 -5
  91. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  92. package/datepicker/common.js +21 -20
  93. package/datepicker/datepicker/datepicker.d.ts +55 -38
  94. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  95. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  96. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  97. package/datepicker/datepicker-next-day.js +18 -18
  98. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  99. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  100. package/datepicker/datepicker-previous-day.js +14 -14
  101. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  102. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  103. package/datepicker/datepicker-toggle.js +25 -23
  104. package/datepicker/datepicker.js +147 -181
  105. package/development/autocomplete/autocomplete-base-element.d.ts +93 -0
  106. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -0
  107. package/development/autocomplete/autocomplete.d.ts +13 -86
  108. package/development/autocomplete/autocomplete.d.ts.map +1 -1
  109. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +45 -0
  110. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  111. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +33 -0
  112. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -0
  113. package/development/autocomplete-grid/autocomplete-grid-button.d.ts +2 -0
  114. package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -0
  115. package/development/autocomplete-grid/autocomplete-grid-button.js +224 -0
  116. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts +17 -0
  117. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -0
  118. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +2 -0
  119. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -0
  120. package/development/autocomplete-grid/autocomplete-grid-cell.js +67 -0
  121. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +21 -0
  122. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -0
  123. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +2 -0
  124. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +1 -0
  125. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +2 -0
  126. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -0
  127. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +45 -0
  128. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts +40 -0
  129. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -0
  130. package/development/autocomplete-grid/autocomplete-grid-option.d.ts +2 -0
  131. package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -0
  132. package/development/autocomplete-grid/autocomplete-grid-option.js +174 -0
  133. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts +18 -0
  134. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -0
  135. package/development/autocomplete-grid/autocomplete-grid-row.d.ts +2 -0
  136. package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -0
  137. package/development/autocomplete-grid/autocomplete-grid-row.js +143 -0
  138. package/development/autocomplete-grid/autocomplete-grid.d.ts +2 -0
  139. package/development/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  140. package/development/autocomplete-grid/autocomplete-grid.js +185 -0
  141. package/development/autocomplete-grid.d.ts +7 -0
  142. package/development/autocomplete-grid.d.ts.map +1 -0
  143. package/development/autocomplete-grid.js +7 -0
  144. package/development/autocomplete.d.ts +1 -0
  145. package/development/autocomplete.d.ts.map +1 -1
  146. package/development/autocomplete.js +168 -143
  147. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  148. package/development/breadcrumb/breadcrumb-group.js +1 -1
  149. package/development/button/common/button-common.d.ts.map +1 -1
  150. package/development/button/common.js +30 -25
  151. package/development/button/mini-button/mini-button-base-element.d.ts +9 -0
  152. package/development/button/mini-button/mini-button-base-element.d.ts.map +1 -0
  153. package/development/button/mini-button/mini-button.d.ts +3 -5
  154. package/development/button/mini-button/mini-button.d.ts.map +1 -1
  155. package/development/button/mini-button.d.ts +1 -0
  156. package/development/button/mini-button.d.ts.map +1 -1
  157. package/development/button/mini-button.js +45 -67
  158. package/development/calendar/calendar.d.ts.map +1 -1
  159. package/development/calendar.js +4 -2
  160. package/development/checkbox/checkbox/checkbox.d.ts +0 -1
  161. package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
  162. package/development/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  163. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  164. package/development/checkbox/checkbox-group.js +6 -5
  165. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  166. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  167. package/development/checkbox/checkbox-panel.js +5 -5
  168. package/development/checkbox/checkbox.js +11 -5
  169. package/development/checkbox/common.js +1 -3
  170. package/development/container/container.js +2 -1
  171. package/development/core/datetime/date-adapter.d.ts +23 -13
  172. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  173. package/development/core/datetime/native-date-adapter.d.ts +0 -1
  174. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  175. package/development/core/datetime.js +28 -26
  176. package/development/core/decorators/host-attributes.d.ts +1 -1
  177. package/development/core/decorators/slot-state.d.ts +18 -0
  178. package/development/core/decorators/slot-state.d.ts.map +1 -0
  179. package/development/core/decorators.d.ts +1 -0
  180. package/development/core/decorators.d.ts.map +1 -1
  181. package/development/core/decorators.js +11 -2
  182. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  183. package/development/core/mixins.js +4 -2
  184. package/development/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  185. package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  186. package/development/core/overlay.js +3 -3
  187. package/development/datepicker/common/datepicker-button.d.ts +5 -5
  188. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  189. package/development/datepicker/common.js +10 -9
  190. package/development/datepicker/datepicker/datepicker.d.ts +55 -38
  191. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  192. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  193. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  194. package/development/datepicker/datepicker-next-day.js +21 -60
  195. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  196. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  197. package/development/datepicker/datepicker-previous-day.js +21 -60
  198. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  199. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  200. package/development/datepicker/datepicker-toggle.js +16 -10
  201. package/development/datepicker/datepicker.js +134 -159
  202. package/development/dialog/dialog.js +1 -1
  203. package/development/file-selector/file-selector.d.ts +0 -1
  204. package/development/file-selector/file-selector.d.ts.map +1 -1
  205. package/development/file-selector.js +6 -5
  206. package/development/form-field/form-field/form-field.d.ts +1 -2
  207. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  208. package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  209. package/development/form-field/form-field-clear.js +22 -57
  210. package/development/form-field/form-field.js +10 -9
  211. package/development/icon/icon-base.d.ts.map +1 -1
  212. package/development/icon/icon.d.ts.map +1 -1
  213. package/development/icon.js +1 -1
  214. package/development/image/image.d.ts +1 -0
  215. package/development/image/image.d.ts.map +1 -1
  216. package/development/image.js +10 -4
  217. package/development/link/common/link-common.d.ts.map +1 -1
  218. package/development/link/common.js +6 -7
  219. package/development/link-list/link-list.d.ts +0 -1
  220. package/development/link-list/link-list.d.ts.map +1 -1
  221. package/development/link-list.js +5 -5
  222. package/development/map-container.js +15 -14
  223. package/development/navigation/navigation-list/navigation-list.d.ts +0 -1
  224. package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  225. package/development/navigation/navigation-list.js +5 -5
  226. package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  227. package/development/navigation/navigation-marker.js +1 -1
  228. package/development/navigation/navigation-section/navigation-section.d.ts +0 -1
  229. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  230. package/development/navigation/navigation-section.js +6 -6
  231. package/development/notification/notification.d.ts +5 -16
  232. package/development/notification/notification.d.ts.map +1 -1
  233. package/development/notification.js +8 -9
  234. package/development/option/optgroup/optgroup-base-element.d.ts +28 -0
  235. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -0
  236. package/development/option/optgroup/optgroup.d.ts +7 -20
  237. package/development/option/optgroup/optgroup.d.ts.map +1 -1
  238. package/development/option/optgroup.d.ts +1 -0
  239. package/development/option/optgroup.d.ts.map +1 -1
  240. package/development/option/optgroup.js +74 -49
  241. package/development/option/option/option-base-element.d.ts +69 -0
  242. package/development/option/option/option-base-element.d.ts.map +1 -0
  243. package/development/option/option/option.d.ts +14 -57
  244. package/development/option/option/option.d.ts.map +1 -1
  245. package/development/option/option.d.ts +1 -0
  246. package/development/option/option.d.ts.map +1 -1
  247. package/development/option/option.js +267 -220
  248. package/development/popover/popover/popover.d.ts +3 -1
  249. package/development/popover/popover/popover.d.ts.map +1 -1
  250. package/development/popover/popover-trigger.js +14 -49
  251. package/development/popover/popover.js +11 -4
  252. package/development/radio-button/common/radio-button-common.d.ts +1 -1
  253. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  254. package/development/radio-button/common.js +13 -12
  255. package/development/radio-button/radio-button/radio-button.d.ts +7 -1
  256. package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
  257. package/development/radio-button/radio-button-group/radio-button-group.d.ts +1 -2
  258. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  259. package/development/radio-button/radio-button-group.js +6 -6
  260. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +7 -1
  261. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  262. package/development/radio-button/radio-button-panel.js +17 -6
  263. package/development/radio-button/radio-button.js +17 -6
  264. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  265. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  266. package/development/selection-expansion-panel.js +6 -5
  267. package/development/skiplink-list/skiplink-list.d.ts +1 -1
  268. package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
  269. package/development/skiplink-list.js +5 -5
  270. package/development/status/status.d.ts +0 -1
  271. package/development/status/status.d.ts.map +1 -1
  272. package/development/status.js +5 -5
  273. package/development/stepper/stepper/stepper.d.ts +3 -1
  274. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  275. package/development/stepper/stepper.js +3 -2
  276. package/development/tabs/tab-group/tab-group.d.ts +3 -1
  277. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  278. package/development/tabs/tab-group.js +4 -10
  279. package/development/tabs/tab-label/tab-label.d.ts +0 -1
  280. package/development/tabs/tab-label/tab-label.d.ts.map +1 -1
  281. package/development/tabs/tab-label.js +5 -5
  282. package/development/tabs/tab.js +10 -2
  283. package/development/tag/tag/tag.d.ts +0 -1
  284. package/development/tag/tag/tag.d.ts.map +1 -1
  285. package/development/tag/tag-group.js +1 -1
  286. package/development/tag/tag.js +6 -5
  287. package/development/teaser/teaser.d.ts +0 -1
  288. package/development/teaser/teaser.d.ts.map +1 -1
  289. package/development/teaser.js +5 -5
  290. package/development/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  291. package/development/timetable-occupancy-icon.js +3 -6
  292. package/development/toast/toast.d.ts +1 -2
  293. package/development/toast/toast.d.ts.map +1 -1
  294. package/development/toast.js +10 -8
  295. package/development/toggle/toggle-option/toggle-option.d.ts +0 -1
  296. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  297. package/development/toggle/toggle-option.js +6 -6
  298. package/development/toggle/toggle.js +1 -1
  299. package/development/toggle-check/toggle-check.d.ts +0 -1
  300. package/development/toggle-check/toggle-check.d.ts.map +1 -1
  301. package/development/toggle-check.js +5 -5
  302. package/dialog/dialog.js +1 -1
  303. package/file-selector/file-selector.d.ts +0 -1
  304. package/file-selector/file-selector.d.ts.map +1 -1
  305. package/file-selector.js +17 -15
  306. package/form-field/form-field/form-field.d.ts +1 -2
  307. package/form-field/form-field/form-field.d.ts.map +1 -1
  308. package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  309. package/form-field/form-field-clear.js +17 -18
  310. package/form-field/form-field.js +18 -16
  311. package/icon/icon-base.d.ts.map +1 -1
  312. package/icon/icon.d.ts.map +1 -1
  313. package/image/image.d.ts +1 -0
  314. package/image/image.d.ts.map +1 -1
  315. package/image.js +24 -24
  316. package/index.d.ts +12 -0
  317. package/index.js +12 -0
  318. package/link/common/link-common.d.ts.map +1 -1
  319. package/link/common.js +9 -9
  320. package/link-list/link-list.d.ts +0 -1
  321. package/link-list/link-list.d.ts.map +1 -1
  322. package/link-list.js +8 -7
  323. package/map-container.js +8 -8
  324. package/navigation/navigation-list/navigation-list.d.ts +0 -1
  325. package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  326. package/navigation/navigation-list.js +9 -8
  327. package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  328. package/navigation/navigation-section/navigation-section.d.ts +0 -1
  329. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  330. package/navigation/navigation-section.js +10 -9
  331. package/notification/notification.d.ts +5 -16
  332. package/notification/notification.d.ts.map +1 -1
  333. package/notification.js +9 -9
  334. package/option/optgroup/optgroup-base-element.d.ts +28 -0
  335. package/option/optgroup/optgroup-base-element.d.ts.map +1 -0
  336. package/option/optgroup/optgroup.d.ts +7 -20
  337. package/option/optgroup/optgroup.d.ts.map +1 -1
  338. package/option/optgroup.d.ts +1 -0
  339. package/option/optgroup.d.ts.map +1 -1
  340. package/option/optgroup.js +80 -60
  341. package/option/option/option-base-element.d.ts +69 -0
  342. package/option/option/option-base-element.d.ts.map +1 -0
  343. package/option/option/option.d.ts +14 -57
  344. package/option/option/option.d.ts.map +1 -1
  345. package/option/option.d.ts +1 -0
  346. package/option/option.d.ts.map +1 -1
  347. package/option/option.js +184 -142
  348. package/package.json +36 -1
  349. package/popover/popover/popover.d.ts +3 -1
  350. package/popover/popover/popover.d.ts.map +1 -1
  351. package/popover/popover-trigger.js +13 -13
  352. package/popover/popover.js +55 -48
  353. package/radio-button/common/radio-button-common.d.ts +1 -1
  354. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  355. package/radio-button/common.js +6 -15
  356. package/radio-button/radio-button/radio-button.d.ts +7 -1
  357. package/radio-button/radio-button/radio-button.d.ts.map +1 -1
  358. package/radio-button/radio-button-group/radio-button-group.d.ts +1 -2
  359. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  360. package/radio-button/radio-button-group.js +7 -6
  361. package/radio-button/radio-button-panel/radio-button-panel.d.ts +7 -1
  362. package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  363. package/radio-button/radio-button-panel.js +33 -22
  364. package/radio-button/radio-button.js +30 -19
  365. package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  366. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  367. package/selection-expansion-panel.js +15 -13
  368. package/skiplink-list/skiplink-list.d.ts +1 -1
  369. package/skiplink-list/skiplink-list.d.ts.map +1 -1
  370. package/skiplink-list.js +4 -3
  371. package/standard-theme.css +3 -1
  372. package/status/status.d.ts +0 -1
  373. package/status/status.d.ts.map +1 -1
  374. package/status.js +9 -8
  375. package/stepper/stepper/stepper.d.ts +3 -1
  376. package/stepper/stepper/stepper.d.ts.map +1 -1
  377. package/stepper/stepper.js +7 -6
  378. package/tabs/tab-group/tab-group.d.ts +3 -1
  379. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  380. package/tabs/tab-group.js +25 -24
  381. package/tabs/tab-label/tab-label.d.ts +0 -1
  382. package/tabs/tab-label/tab-label.d.ts.map +1 -1
  383. package/tabs/tab-label.js +4 -3
  384. package/tabs/tab.js +10 -10
  385. package/tag/tag/tag.d.ts +0 -1
  386. package/tag/tag/tag.d.ts.map +1 -1
  387. package/tag/tag.js +6 -4
  388. package/teaser/teaser.d.ts +0 -1
  389. package/teaser/teaser.d.ts.map +1 -1
  390. package/teaser.js +4 -3
  391. package/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  392. package/timetable-occupancy-icon.js +22 -24
  393. package/toast/toast.d.ts +1 -2
  394. package/toast/toast.d.ts.map +1 -1
  395. package/toast.js +15 -12
  396. package/toggle/toggle-option/toggle-option.d.ts +0 -1
  397. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  398. package/toggle/toggle-option.js +12 -11
  399. package/toggle-check/toggle-check.d.ts +0 -1
  400. package/toggle-check/toggle-check.d.ts.map +1 -1
  401. package/toggle-check.js +4 -3
@@ -30,12 +30,13 @@ export declare abstract class DateAdapter<T = any> {
30
30
  * @param date
31
31
  */
32
32
  abstract getDayOfWeek(date: T): number;
33
+ /** Get the first day of the week (0: sunday; 1: monday; etc.). */
33
34
  abstract getFirstDayOfWeek(): number;
34
35
  /**
35
36
  * Get the number of days in a month.
36
37
  * @param year
37
38
  * @param month
38
- * */
39
+ */
39
40
  abstract getNumDaysInMonth(date: T): number;
40
41
  /**
41
42
  * Get a list of all the months in a given style.
@@ -54,18 +55,19 @@ export declare abstract class DateAdapter<T = any> {
54
55
  /**
55
56
  * Checks whether a given `date` is valid.
56
57
  * @param date
57
- * */
58
+ */
58
59
  abstract isValid(date: T | null | undefined): boolean;
59
- /** Creates a new date by cloning the given one.
60
+ /**
61
+ * Creates a new date by cloning the given one.
60
62
  * @param date
61
- * */
63
+ */
62
64
  abstract clone(date: T): T;
63
65
  /**
64
66
  * Creates a new date, given day, month and year; without date's overflow.
65
67
  * @param year
66
68
  * @param month The month of the date (1-indexed, 1 = January). Must be an integer 1 - 12.
67
69
  * @param date
68
- * */
70
+ */
69
71
  abstract createDate(year: number, month: number, date: number): T;
70
72
  /**
71
73
  * Attempts to deserialize a value to a valid date object. This is different from parsing in that
@@ -74,7 +76,7 @@ export declare abstract class DateAdapter<T = any> {
74
76
  * the given value is already a valid date object or null.
75
77
  * @param value Either Date, ISOString, Unix Timestamp (number of seconds since Jan 1, 1970).
76
78
  * @returns The date if the input is valid, `null` otherwise.
77
- * */
79
+ */
78
80
  deserialize(value: T | string | number | null | undefined): T | null;
79
81
  /**
80
82
  * Creates a new date adding the number of provided `years` to the provided `date`.
@@ -90,26 +92,33 @@ export declare abstract class DateAdapter<T = any> {
90
92
  * @param months The number of months to add.
91
93
  */
92
94
  abstract addCalendarMonths(date: T, months: number): T;
93
- /** Creates a new date by adding the number of provided `days` to the provided `date`.
95
+ /**
96
+ * Creates a new date by adding the number of provided `days` to the provided `date`.
94
97
  * @param date The starting date.
95
98
  * @param days The number of days to add.
96
99
  */
97
100
  abstract addCalendarDays(date: T, days: number): T;
98
- /** Get the date in the local format.
101
+ /**
102
+ * Get the date in the local format.
99
103
  * @param date The date to format
100
104
  * @returns The `date` in the local format as string.
101
105
  */
102
106
  abstract getAccessibilityFormatDate(date: T | string): string;
103
- /** Get the given string as Date.
107
+ /**
108
+ * Get the given string as Date.
104
109
  * @param value The date in the format DD.MM.YYYY.
105
110
  * @param now The current date as Date.
106
111
  */
107
112
  abstract parse(value: string | null | undefined, now: T): T | undefined;
108
- /** Format the given Date as string.
113
+ /**
114
+ * Format the given date as string.
109
115
  * @param date The date to format.
110
116
  */
111
- abstract format(date: T | null | undefined): string;
112
- /** Checks whether the given `obj` is a Date.
117
+ format(date: T | null | undefined, options?: {
118
+ weekdayStyle?: 'long' | 'short' | 'narrow';
119
+ }): string;
120
+ /**
121
+ * Checks whether the given `obj` is a Date.
113
122
  * @param obj The object to check.
114
123
  */
115
124
  abstract isDateInstance(obj: any): boolean;
@@ -118,7 +127,8 @@ export declare abstract class DateAdapter<T = any> {
118
127
  * @returns An invalid date.
119
128
  */
120
129
  abstract invalid(): T;
121
- /** Get the given date as ISO String.
130
+ /**
131
+ * Get the given date as ISO String.
122
132
  * @param date The date to convert to ISO String.
123
133
  */
124
134
  toIso8601(date: T): string;
@@ -1 +1 @@
1
- {"version":3,"file":"date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/date-adapter.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/date-adapter.ts"],"names":[],"mappings":"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"}
@@ -59,7 +59,6 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
59
59
  deserialize(date: SbbDateLike | null | undefined): Date | null;
60
60
  /** Returns the right format for the `valueAsDate` property. */
61
61
  parse(value: string | null | undefined, now: Date): Date | undefined;
62
- format(value: Date | null | undefined): string;
63
62
  invalid(): Date;
64
63
  /**
65
64
  * Creates an array with the given length and fills it by mapping with the provided function.
@@ -1 +1 @@
1
- {"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAU7D,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAM/D,iBAAiB,IAAI,MAAM;IAIlC,6EAA6E;IACtE,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI5C,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAIpB,+FAA+F;IACxF,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBlE,gDAAgD;IACzC,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIxC,uDAAuD;IAChD,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAItD,mDAAmD;IAC5C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxD;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1D,yFAAyF;IAClF,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKtD,6EAA6E;IAC7D,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAkB9E,+DAA+D;IACxD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS;IA4BpE,MAAM,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;IAoBrC,OAAO,IAAI,IAAI;IAI/B;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAQd,gEAAgE;IAChE,OAAO,CAAC,uBAAuB;CAShC;AAED,eAAO,MAAM,kBAAkB,mBAA0B,CAAC"}
1
+ {"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAU7D,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAM/D,iBAAiB,IAAI,MAAM;IAIlC,6EAA6E;IACtE,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI5C,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAIpB,+FAA+F;IACxF,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBlE,gDAAgD;IACzC,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIxC,uDAAuD;IAChD,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO;IAItD,mDAAmD;IAC5C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxD;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1D,yFAAyF;IAClF,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKtD,6EAA6E;IAC7D,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAkB9E,+DAA+D;IACxD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS;IA4B3D,OAAO,IAAI,IAAI;IAI/B;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAId,gEAAgE;IAChE,OAAO,CAAC,uBAAuB;CAShC;AAED,eAAO,MAAM,kBAAkB,mBAA0B,CAAC"}
package/core/datetime.js CHANGED
@@ -8,11 +8,27 @@ class l {
8
8
  * the given value is already a valid date object or null.
9
9
  * @param value Either Date, ISOString, Unix Timestamp (number of seconds since Jan 1, 1970).
10
10
  * @returns The date if the input is valid, `null` otherwise.
11
- * */
11
+ */
12
12
  deserialize(t) {
13
13
  return t == null || this.isDateInstance(t) && this.isValid(t) ? t : this.invalid();
14
14
  }
15
- /** Get the given date as ISO String.
15
+ /**
16
+ * Format the given date as string.
17
+ * @param date The date to format.
18
+ */
19
+ format(t, e) {
20
+ if (!this.isValid(t))
21
+ return "";
22
+ const r = /* @__PURE__ */ new Date(this.toIso8601(t) + "T00:00:00"), a = new Intl.DateTimeFormat("de-CH", {
23
+ day: "2-digit",
24
+ month: "2-digit",
25
+ year: "numeric"
26
+ }), n = (e == null ? void 0 : e.weekdayStyle) ?? "short";
27
+ let s = this.getDayOfWeekNames(n)[this.getDayOfWeek(t)];
28
+ return s = s.charAt(0).toUpperCase() + s.substring(1), n === "short" && (s = s.substring(0, 2)), `${s}, ${a.format(r)}`;
29
+ }
30
+ /**
31
+ * Get the given date as ISO String.
16
32
  * @param date The date to convert to ISO String.
17
33
  */
18
34
  toIso8601(t) {
@@ -72,7 +88,7 @@ class l {
72
88
  }
73
89
  }
74
90
  const D = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
75
- class c extends l {
91
+ class g extends l {
76
92
  constructor(t = 15) {
77
93
  super(), this._cutoffYearOffset = t;
78
94
  }
@@ -187,7 +203,7 @@ class c extends l {
187
203
  if (t)
188
204
  if (Number.isNaN(+t)) {
189
205
  if (D.test(t))
190
- return this.getValidDateOrNull(new Date(t));
206
+ return this.getValidDateOrNull(new Date(t.includes("T") ? t : t + "T00:00:00"));
191
207
  } else return this.getValidDateOrNull(new Date(+t * 1e3));
192
208
  else return null;
193
209
  else if (typeof t == "number")
@@ -208,19 +224,6 @@ class c extends l {
208
224
  }
209
225
  return new Date(n, +a[2] - 1, +a[1]);
210
226
  }
211
- format(t) {
212
- if (!t)
213
- return "";
214
- const e = `${i.current}-CH`, r = new Intl.DateTimeFormat("de-CH", {
215
- day: "2-digit",
216
- month: "2-digit",
217
- year: "numeric"
218
- });
219
- let n = new Intl.DateTimeFormat(e, {
220
- weekday: "short"
221
- }).format(t);
222
- return n = n.charAt(0).toUpperCase() + n.charAt(1), `${n}, ${r.format(t)}`;
223
- }
224
227
  invalid() {
225
228
  return /* @__PURE__ */ new Date(NaN);
226
229
  }
@@ -230,10 +233,7 @@ class c extends l {
230
233
  * @param valueFunction The function of array's index used to fill the array.
231
234
  */
232
235
  _range(t, e) {
233
- const r = Array(t);
234
- for (let a = 0; a < t; a++)
235
- r[a] = e(a);
236
- return r;
236
+ return Array.from({ length: t }).map((r, a) => e(a));
237
237
  }
238
238
  /** Creates a date but allows the month and date to overflow. */
239
239
  _createDateWithOverflow(t, e, r) {
@@ -241,13 +241,13 @@ class c extends l {
241
241
  return t >= 0 && t < 100 && a.setFullYear(this.getYear(a) - 1900), a;
242
242
  }
243
243
  }
244
- const w = new c();
244
+ const w = new g();
245
245
  export {
246
246
  o as DAYS_PER_ROW,
247
247
  l as DateAdapter,
248
248
  u as FORMAT_DATE,
249
249
  f as MONTHS_PER_ROW,
250
- c as NativeDateAdapter,
250
+ g as NativeDateAdapter,
251
251
  d as YEARS_PER_PAGE,
252
252
  m as YEARS_PER_ROW,
253
253
  w as defaultDateAdapter
@@ -8,10 +8,10 @@ import { AbstractConstructor } from '../mixins.js';
8
8
  *
9
9
  * @example
10
10
  *
11
+ * @customElement('my-element)
11
12
  * @hostAttributes({
12
13
  * role: 'region'
13
14
  * })
14
- * @customElement('my-element)
15
15
  * export class MyElement extends LitElement {
16
16
  * ...
17
17
  * }
@@ -0,0 +1,18 @@
1
+ import { ReactiveElement } from 'lit';
2
+ import { AbstractConstructor } from '../mixins.js';
3
+
4
+ /**
5
+ * Adds the {@link SbbSlotStateController} to the related element.
6
+ *
7
+ * @example
8
+ *
9
+ * @customElement('my-element)
10
+ * @slotState()
11
+ * export class MyElement extends LitElement {
12
+ * ...
13
+ * }
14
+ *
15
+ * @param attributes A record of attributes to apply to the element.
16
+ */
17
+ export declare const slotState: () => (target: AbstractConstructor<ReactiveElement>) => void;
18
+ //# sourceMappingURL=slot-state.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slot-state.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/decorators/slot-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,iBAAkB,mBAAmB,CAAC,eAAe,CAAC,SAM3E,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './decorators/host-attributes.js';
2
+ export * from './decorators/slot-state.js';
2
3
  //# sourceMappingURL=decorators.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/elements/core/decorators.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}
1
+ {"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/elements/core/decorators.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC"}
@@ -1,18 +1,24 @@
1
1
  import { isServer as i } from "lit";
2
- function l(o, t) {
3
- for (const [e, r] of Object.entries(t))
4
- r ? o.setAttribute(e, r) : o.toggleAttribute(e, r !== null);
2
+ import { SbbSlotStateController as d } from "./controllers.js";
3
+ function l(o, e) {
4
+ for (const [t, r] of Object.entries(e))
5
+ r ? o.setAttribute(t, r) : o.toggleAttribute(t, r !== null);
5
6
  }
6
- const f = (o) => (t) => t.addInitializer((e) => {
7
- i ? l(e, o) : e.addController({
7
+ const m = (o) => (e) => e.addInitializer((t) => {
8
+ i ? l(t, o) : t.addController({
8
9
  hostConnected() {
9
- l(e, o), e.removeController(this);
10
+ l(t, o), t.removeController(this);
10
11
  },
11
12
  hostUpdate() {
12
- l(e, o), e.removeController(this);
13
+ l(t, o), t.removeController(this);
13
14
  }
14
15
  });
15
- });
16
+ }), p = () => (o) => {
17
+ i || o.addInitializer(
18
+ (e) => new d(e)
19
+ );
20
+ };
16
21
  export {
17
- f as hostAttributes
22
+ m as hostAttributes,
23
+ p as slotState
18
24
  };
@@ -1 +1 @@
1
- {"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,0BAA0B;IACtD,IAAW,IAAI,IAAI,eAAe,GAAG,IAAI,CAAC;IAC1C,IAAW,IAAI,IAAI,MAAM,CAAC;IAC1B,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;IAC/B,IAAW,IAAI,IAAI,MAAM,CAAC;IAC1B,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC;IAClC,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE;IAEvC,IAAW,QAAQ,IAAI,aAAa,CAAC;IACrC,IAAW,iBAAiB,IAAI,MAAM,CAAC;IACvC,IAAW,YAAY,IAAI,OAAO,CAAC;IAEnC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IAExC,aAAa,IAAI,OAAO;IACxB,cAAc,IAAI,OAAO;IAEzB,sBAAsB,CAAC,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAC3D,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;aACpC,iBAAiB,IAAI,IAAI;aACzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,MAAM,EAAE,iBAAiB,GACxB,IAAI;IAEP,SAAS,CAAC,eAAe,IAAI,IAAI;CAClC;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cAC1D,CAAC,KACZ,WAAW,CAAC,0BAA0B,CAAC,GAAG,CA2J5C,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC;AAE9E;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,cAAc,CAAC"}
1
+ {"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,0BAA0B;IACtD,IAAW,IAAI,IAAI,eAAe,GAAG,IAAI,CAAC;IAC1C,IAAW,IAAI,IAAI,MAAM,CAAC;IAC1B,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;IAC/B,IAAW,IAAI,IAAI,MAAM,CAAC;IAC1B,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC;IAClC,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE;IAEvC,IAAW,QAAQ,IAAI,aAAa,CAAC;IACrC,IAAW,iBAAiB,IAAI,MAAM,CAAC;IACvC,IAAW,YAAY,IAAI,OAAO,CAAC;IAEnC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IAExC,aAAa,IAAI,OAAO;IACxB,cAAc,IAAI,OAAO;IAEzB,sBAAsB,CAAC,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAC3D,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;aACpC,iBAAiB,IAAI,IAAI;aACzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,MAAM,EAAE,iBAAiB,GACxB,IAAI;IAEP,SAAS,CAAC,eAAe,IAAI,IAAI;CAClC;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cAC1D,CAAC,KACZ,WAAW,CAAC,0BAA0B,CAAC,GAAG,CAgK5C,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC;AAE9E;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,cAAc,CAAC"}
package/core/mixins.js CHANGED
@@ -126,7 +126,9 @@ const A = (n) => {
126
126
  * @internal
127
127
  */
128
128
  formDisabledCallback(e) {
129
- this.formDisabled = e;
129
+ Promise.resolve().then(() => {
130
+ this.formDisabled = e;
131
+ });
130
132
  }
131
133
  /** Should be called when form value is changed. */
132
134
  updateFormValue() {
@@ -10,7 +10,7 @@ export declare function removeAriaOverlayTriggerAttributes(trigger: HTMLElement
10
10
  /**
11
11
  * Add meaningful aria attributes to trigger element of role='combobox'
12
12
  */
13
- export declare function setAriaComboBoxAttributes(trigger: HTMLElement, overlayId: string, expanded: boolean): void;
13
+ export declare function setAriaComboBoxAttributes(trigger: HTMLElement, overlayId: string, expanded: boolean, hasPopup?: 'listbox' | 'grid'): void;
14
14
  /**
15
15
  * Remove aria attributes from trigger elements.
16
16
  */
@@ -1 +1 @@
1
- {"version":3,"file":"overlay-trigger-attributes.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/overlay/overlay-trigger-attributes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,GAAG,QAAQ,EAC5B,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,GACZ,IAAI,CAQN;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAQhG;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,OAAO,GAChB,IAAI,CAYN;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAYxE"}
1
+ {"version":3,"file":"overlay-trigger-attributes.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/overlay/overlay-trigger-attributes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,GAAG,QAAQ,EAC5B,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,GACZ,IAAI,CAQN;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAQhG;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,OAAO,EACjB,QAAQ,GAAE,SAAS,GAAG,MAAkB,GACvC,IAAI,CAYN;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAYxE"}
package/core/overlay.js CHANGED
@@ -105,8 +105,8 @@ function Y(t, e, n, i) {
105
105
  function M(t) {
106
106
  t && (t.removeAttribute("aria-haspopup"), t.removeAttribute("aria-controls"), t.removeAttribute("aria-expanded"));
107
107
  }
108
- function X(t, e, n) {
109
- t && (t.setAttribute("autocomplete", "off"), t.setAttribute("role", "combobox"), t.setAttribute("aria-autocomplete", "list"), t.setAttribute("aria-haspopup", "listbox"), t.setAttribute("aria-controls", e), t.setAttribute("aria-owns", e), t.setAttribute("aria-expanded", `${n}`));
108
+ function X(t, e, n, i = "listbox") {
109
+ t && (t.setAttribute("autocomplete", "off"), t.setAttribute("role", "combobox"), t.setAttribute("aria-autocomplete", "list"), t.setAttribute("aria-haspopup", i), t.setAttribute("aria-controls", e), t.setAttribute("aria-owns", e), t.setAttribute("aria-expanded", `${n}`));
110
110
  }
111
111
  function q(t) {
112
112
  t && (t.removeAttribute("autocomplete"), t.removeAttribute("role"), t.removeAttribute("aria-autocomplete"), t.removeAttribute("aria-haspopup"), t.removeAttribute("aria-controls"), t.removeAttribute("aria-owns"), t.removeAttribute("aria-expanded"));
@@ -85,6 +85,7 @@ sbb-form-field {
85
85
  // Hiding components until they are instantiated
86
86
  :is(
87
87
  sbb-autocomplete,
88
+ sbb-autocomplete-grid,
88
89
  sbb-dialog,
89
90
  sbb-menu,
90
91
  sbb-navigation,
@@ -1,7 +1,7 @@
1
- @use './a11y.scss';
2
- @use '../core/mediaqueries.scss';
3
- @use '../core/functions.scss';
4
- @use './typo.scss';
1
+ @use './a11y';
2
+ @use '../core/mediaqueries';
3
+ @use '../core/functions';
4
+ @use './typo';
5
5
 
6
6
  // ----------------------------------------------------------------------------------------------------
7
7
  // Buttons Mixins
@@ -29,68 +29,62 @@
29
29
  @include icon-button-variables-negative;
30
30
  }
31
31
 
32
- :host(:is([disabled], [data-disabled])) {
32
+ :host(:is([disabled], [data-disabled], [data-group-disabled])) {
33
33
  @include icon-button-disabled(#{$button-selector});
34
34
  }
35
35
 
36
- :host(:focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch'])) {
36
+ :host(
37
+ :is(
38
+ [data-focus-visible],
39
+ :focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch'])
40
+ )
41
+ ) {
37
42
  @include icon-button-focus-visible(#{$button-selector});
38
43
  }
39
44
 
40
- :host(:not([disabled], [data-disabled], :active, [data-active]):hover) {
45
+ :host(:not([disabled], [data-disabled], [data-group-disabled], :active, [data-active]):hover) {
41
46
  @include icon-button-hover(#{$button-selector});
42
47
  }
43
48
 
44
- :host(:not([disabled], [data-disabled]):is(:active, [data-active])) {
49
+ :host(:not([disabled], [data-disabled], [data-group-disabled]):is(:active, [data-active])) {
45
50
  @include icon-button-active(#{$button-selector});
46
51
  }
47
52
  }
48
53
 
49
54
  // Variables used in the icon-button
50
55
  @mixin icon-button-variables {
56
+ --sbb-button-color-text: var(--sbb-color-charcoal);
51
57
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
52
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
53
- --sbb-button-color-default-text: var(--sbb-color-charcoal);
54
58
  --sbb-button-color-hover-background: var(--sbb-color-milk);
55
- --sbb-button-color-hover-border: var(--sbb-color-milk);
56
- --sbb-button-color-hover-text: var(--sbb-color-charcoal);
57
59
  --sbb-button-color-active-background: var(--sbb-color-cloud);
58
- --sbb-button-color-active-border: var(--sbb-color-cloud);
59
- --sbb-button-color-active-text: var(--sbb-color-charcoal);
60
60
  --sbb-button-color-disabled-background: var(--sbb-color-milk);
61
61
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
62
62
  --sbb-button-color-disabled-text: var(--sbb-color-granite);
63
- --sbb-button-border-style: solid;
63
+ --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
64
64
  --sbb-button-border-disabled-style: dashed;
65
- --sbb-button-border-width: #{functions.px-to-rem-build(0)};
66
65
  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
67
66
  --sbb-button-transition-duration: var(
68
67
  --sbb-disable-animation-zero-time,
69
68
  var(--sbb-animation-duration-2x)
70
69
  );
71
70
  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
72
- --sbb-button-inset: 0;
73
71
 
74
72
  @include a11y.if-forced-colors {
75
- --sbb-button-color-default-text: ButtonText !important;
76
- --sbb-button-color-default-border: CanvasText !important;
77
- --sbb-button-color-active-text: ButtonText !important;
78
- --sbb-button-color-active-border: Highlight !important;
79
- --sbb-button-color-hover-text: ButtonText !important;
73
+ --sbb-button-color-text: ButtonText !important;
74
+ --sbb-button-color-hover-background: Highlight !important;
75
+ --sbb-button-color-active-background: Highlight !important;
76
+ --sbb-button-color-disabled-background: Canvas !important;
77
+ --sbb-button-color-disabled-border: GrayText !important;
78
+ --sbb-button-color-disabled-text: GrayText !important;
80
79
  }
81
80
  }
82
81
 
83
82
  // Variables used in the icon-button negative variant
84
83
  @mixin icon-button-variables-negative {
84
+ --sbb-button-color-text: var(--sbb-color-milk);
85
85
  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
86
- --sbb-button-color-default-border: var(--sbb-color-black-alpha-0);
87
- --sbb-button-color-default-text: var(--sbb-color-milk);
88
86
  --sbb-button-color-hover-background: var(--sbb-color-charcoal);
89
- --sbb-button-color-hover-border: var(--sbb-color-charcoal);
90
- --sbb-button-color-hover-text: var(--sbb-color-milk);
91
87
  --sbb-button-color-active-background: var(--sbb-color-iron);
92
- --sbb-button-color-active-border: var(--sbb-color-iron);
93
- --sbb-button-color-active-text: var(--sbb-color-milk);
94
88
  --sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);
95
89
  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
96
90
  --sbb-button-color-disabled-text: var(--sbb-color-smoke);
@@ -115,23 +109,21 @@
115
109
  transition-timing-function: var(--sbb-button-transition-easing-function);
116
110
  transition-property: color;
117
111
  border-radius: var(--sbb-button-border-radius);
118
- color: var(--sbb-button-color-default-text);
112
+ color: var(--sbb-button-color-text);
119
113
  cursor: pointer;
120
114
  user-select: none;
121
115
  display: flex;
122
116
 
123
- // Renders background and border in the background absolute to enable the hover animation
117
+ // Renders background in the background absolute to enable the hover animation
124
118
  &::before {
125
119
  position: absolute;
126
120
  content: '';
127
- inset: var(--sbb-button-inset);
128
- border: var(--sbb-button-border-width) var(--sbb-button-border-style)
129
- var(--sbb-button-color-default-border);
121
+ inset: 0;
130
122
  border-radius: var(--sbb-button-border-radius);
131
123
  background-color: var(--sbb-button-color-default-background);
132
124
  transition-duration: var(--sbb-button-transition-duration);
133
125
  transition-timing-function: var(--sbb-button-transition-easing-function);
134
- transition-property: inset, background-color, border-color;
126
+ transition-property: inset, background-color;
135
127
  }
136
128
  }
137
129
  }
@@ -148,12 +140,6 @@
148
140
 
149
141
  // Disabled state for icon-button in form-field
150
142
  @mixin icon-button-disabled($button-selector) {
151
- --sbb-button-border-width: var(--sbb-border-width-1x);
152
-
153
- @include a11y.if-forced-colors {
154
- --sbb-button-color-disabled-text: GrayText !important;
155
- }
156
-
157
143
  #{$button-selector} {
158
144
  color: var(--sbb-button-color-disabled-text);
159
145
  cursor: default;
@@ -162,8 +148,8 @@
162
148
 
163
149
  #{$button-selector}::before {
164
150
  background-color: var(--sbb-button-color-disabled-background);
165
- border-color: var(--sbb-button-color-disabled-border);
166
- border-style: var(--sbb-button-border-disabled-style);
151
+ border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style)
152
+ var(--sbb-button-color-disabled-border);
167
153
  }
168
154
  }
169
155
 
@@ -179,21 +165,9 @@
179
165
  --sbb-button-translate-y-content-hover: #{functions.px-to-rem-build(-1)};
180
166
  }
181
167
 
182
- @include a11y.if-forced-colors {
183
- --sbb-button-color-hover-border: Highlight !important;
184
- }
185
-
186
168
  #{$button-selector}::before {
187
169
  @include mediaqueries.hover-mq($hover: true) {
188
- inset: calc(var(--sbb-button-border-width) * -1);
189
170
  background-color: var(--sbb-button-color-hover-background);
190
- border-color: var(--sbb-button-color-hover-border);
191
- }
192
- }
193
-
194
- #{$button-selector} {
195
- @include mediaqueries.hover-mq($hover: true) {
196
- color: var(--sbb-button-color-hover-text);
197
171
  }
198
172
  }
199
173
  }
@@ -201,8 +175,6 @@
201
175
  // Active state for icon-button in form-field
202
176
  @mixin icon-button-active($button-selector) {
203
177
  #{$button-selector}::before {
204
- color: var(--sbb-button-color-active-text);
205
178
  background-color: var(--sbb-button-color-active-background);
206
- border-color: var(--sbb-button-color-active-border);
207
179
  }
208
180
  }
@@ -41,6 +41,7 @@
41
41
  display: block;
42
42
  visibility: hidden;
43
43
  height: 0;
44
+ overflow: hidden;
44
45
  }
45
46
  }
46
47
 
@@ -1,5 +1,5 @@
1
1
  @use './a11y';
2
- @use '../core/functions.scss';
2
+ @use '../core/functions';
3
3
 
4
4
  // ----------------------------------------------------------------------------------------------------
5
5
  // Bullet Mixins: Achieve the styling of a bullet
@@ -86,6 +86,7 @@ $sbb-color-platinum-alpha-20: rgba(205, 205, 205, 0.2);
86
86
  $sbb-color-aluminium: #d2d2d2;
87
87
  $sbb-color-silver: #dcdcdc;
88
88
  $sbb-color-cloud: #e5e5e5;
89
+ $sbb-color-cloud-alpha-80: rgba(229, 229, 229, 0.8);
89
90
  $sbb-color-milk: #f6f6f6;
90
91
  $sbb-color-red: #eb0000;
91
92
  $sbb-color-red-alpha-0: rgba(235, 0, 0, 0);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jun 2024 15:20:35 GMT
3
+ * Generated on Mon, 15 Jul 2024 09:40:16 GMT
4
4
  */
5
5
 
6
6
  @mixin lyne-design-tokens-css-variables {
@@ -138,6 +138,7 @@
138
138
  --sbb-color-aluminium: #d2d2d2;
139
139
  --sbb-color-silver: #dcdcdc;
140
140
  --sbb-color-cloud: #e5e5e5;
141
+ --sbb-color-cloud-alpha-80: rgba(229, 229, 229, 0.8);
141
142
  --sbb-color-milk: #f6f6f6;
142
143
  --sbb-color-red: #eb0000;
143
144
  --sbb-color-red-alpha-0: rgba(235, 0, 0, 0);
package/core.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jun 2024 15:20:35 GMT
3
+ * Generated on Mon, 15 Jul 2024 09:40:16 GMT
4
4
  */
5
5
  /**
6
6
  * Better font rendering (on OS X)
@@ -157,6 +157,7 @@
157
157
  --sbb-color-aluminium: #d2d2d2;
158
158
  --sbb-color-silver: #dcdcdc;
159
159
  --sbb-color-cloud: #e5e5e5;
160
+ --sbb-color-cloud-alpha-80: rgba(229, 229, 229, 0.8);
160
161
  --sbb-color-milk: #f6f6f6;
161
162
  --sbb-color-red: #eb0000;
162
163
  --sbb-color-red-alpha-0: rgba(235, 0, 0, 0);
@@ -1249,6 +1250,7 @@ sbb-form-field[negative] textarea::-webkit-scrollbar-button, sbb-form-field[nega
1249
1250
  }
1250
1251
 
1251
1252
  :is(sbb-autocomplete,
1253
+ sbb-autocomplete-grid,
1252
1254
  sbb-dialog,
1253
1255
  sbb-menu,
1254
1256
  sbb-navigation,