@sbb-esta/lyne-elements 1.2.1 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (401) hide show
  1. package/autocomplete/autocomplete-base-element.d.ts +93 -0
  2. package/autocomplete/autocomplete-base-element.d.ts.map +1 -0
  3. package/autocomplete/autocomplete.d.ts +13 -86
  4. package/autocomplete/autocomplete.d.ts.map +1 -1
  5. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +45 -0
  6. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  7. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +33 -0
  8. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -0
  9. package/autocomplete-grid/autocomplete-grid-button.d.ts +2 -0
  10. package/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -0
  11. package/autocomplete-grid/autocomplete-grid-button.js +66 -0
  12. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts +17 -0
  13. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -0
  14. package/autocomplete-grid/autocomplete-grid-cell.d.ts +2 -0
  15. package/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -0
  16. package/autocomplete-grid/autocomplete-grid-cell.js +28 -0
  17. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +21 -0
  18. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -0
  19. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +2 -0
  20. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +1 -0
  21. package/autocomplete-grid/autocomplete-grid-optgroup.d.ts +2 -0
  22. package/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -0
  23. package/autocomplete-grid/autocomplete-grid-optgroup.js +37 -0
  24. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts +40 -0
  25. package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -0
  26. package/autocomplete-grid/autocomplete-grid-option.d.ts +2 -0
  27. package/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -0
  28. package/autocomplete-grid/autocomplete-grid-option.js +67 -0
  29. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts +18 -0
  30. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -0
  31. package/autocomplete-grid/autocomplete-grid-row.d.ts +2 -0
  32. package/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -0
  33. package/autocomplete-grid/autocomplete-grid-row.js +31 -0
  34. package/autocomplete-grid/autocomplete-grid.d.ts +2 -0
  35. package/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  36. package/autocomplete-grid/autocomplete-grid.js +139 -0
  37. package/autocomplete-grid.d.ts +7 -0
  38. package/autocomplete-grid.d.ts.map +1 -0
  39. package/autocomplete-grid.js +6 -0
  40. package/autocomplete.d.ts +1 -0
  41. package/autocomplete.d.ts.map +1 -1
  42. package/autocomplete.js +162 -145
  43. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  44. package/button/common/button-common.d.ts.map +1 -1
  45. package/button/common.js +20 -20
  46. package/button/mini-button/mini-button-base-element.d.ts +9 -0
  47. package/button/mini-button/mini-button-base-element.d.ts.map +1 -0
  48. package/button/mini-button/mini-button.d.ts +3 -5
  49. package/button/mini-button/mini-button.d.ts.map +1 -1
  50. package/button/mini-button.d.ts +1 -0
  51. package/button/mini-button.d.ts.map +1 -1
  52. package/button/mini-button.js +27 -19
  53. package/calendar/calendar.d.ts.map +1 -1
  54. package/calendar.js +22 -20
  55. package/checkbox/checkbox/checkbox.d.ts +0 -1
  56. package/checkbox/checkbox/checkbox.d.ts.map +1 -1
  57. package/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  58. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  59. package/checkbox/checkbox-group.js +5 -3
  60. package/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  61. package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  62. package/checkbox/checkbox-panel.js +12 -11
  63. package/checkbox/checkbox.js +20 -19
  64. package/checkbox/common.js +13 -13
  65. package/container/container.js +3 -3
  66. package/core/datetime/date-adapter.d.ts +23 -13
  67. package/core/datetime/date-adapter.d.ts.map +1 -1
  68. package/core/datetime/native-date-adapter.d.ts +0 -1
  69. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  70. package/core/datetime.js +23 -23
  71. package/core/decorators/host-attributes.d.ts +1 -1
  72. package/core/decorators/slot-state.d.ts +18 -0
  73. package/core/decorators/slot-state.d.ts.map +1 -0
  74. package/core/decorators.d.ts +1 -0
  75. package/core/decorators.d.ts.map +1 -1
  76. package/core/decorators.js +15 -9
  77. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  78. package/core/mixins.js +3 -1
  79. package/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  80. package/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  81. package/core/overlay.js +2 -2
  82. package/core/styles/core.scss +1 -0
  83. package/core/styles/mixins/buttons.scss +28 -56
  84. package/core/styles/mixins/helpers.scss +1 -0
  85. package/core/styles/mixins/pearl-chain-bullet.scss +1 -1
  86. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +1 -0
  87. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +2 -1
  88. package/core.css +3 -1
  89. package/custom-elements.json +13640 -8731
  90. package/datepicker/common/datepicker-button.d.ts +5 -5
  91. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  92. package/datepicker/common.js +21 -20
  93. package/datepicker/datepicker/datepicker.d.ts +55 -38
  94. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  95. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  96. package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  97. package/datepicker/datepicker-next-day.js +18 -18
  98. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  99. package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  100. package/datepicker/datepicker-previous-day.js +14 -14
  101. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  102. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  103. package/datepicker/datepicker-toggle.js +25 -23
  104. package/datepicker/datepicker.js +147 -181
  105. package/development/autocomplete/autocomplete-base-element.d.ts +93 -0
  106. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -0
  107. package/development/autocomplete/autocomplete.d.ts +13 -86
  108. package/development/autocomplete/autocomplete.d.ts.map +1 -1
  109. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +45 -0
  110. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  111. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +33 -0
  112. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -0
  113. package/development/autocomplete-grid/autocomplete-grid-button.d.ts +2 -0
  114. package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -0
  115. package/development/autocomplete-grid/autocomplete-grid-button.js +224 -0
  116. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts +17 -0
  117. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map +1 -0
  118. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +2 -0
  119. package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -0
  120. package/development/autocomplete-grid/autocomplete-grid-cell.js +67 -0
  121. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +21 -0
  122. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -0
  123. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +2 -0
  124. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +1 -0
  125. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +2 -0
  126. package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -0
  127. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +45 -0
  128. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts +40 -0
  129. package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map +1 -0
  130. package/development/autocomplete-grid/autocomplete-grid-option.d.ts +2 -0
  131. package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -0
  132. package/development/autocomplete-grid/autocomplete-grid-option.js +174 -0
  133. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts +18 -0
  134. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map +1 -0
  135. package/development/autocomplete-grid/autocomplete-grid-row.d.ts +2 -0
  136. package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -0
  137. package/development/autocomplete-grid/autocomplete-grid-row.js +143 -0
  138. package/development/autocomplete-grid/autocomplete-grid.d.ts +2 -0
  139. package/development/autocomplete-grid/autocomplete-grid.d.ts.map +1 -0
  140. package/development/autocomplete-grid/autocomplete-grid.js +185 -0
  141. package/development/autocomplete-grid.d.ts +7 -0
  142. package/development/autocomplete-grid.d.ts.map +1 -0
  143. package/development/autocomplete-grid.js +7 -0
  144. package/development/autocomplete.d.ts +1 -0
  145. package/development/autocomplete.d.ts.map +1 -1
  146. package/development/autocomplete.js +168 -143
  147. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  148. package/development/breadcrumb/breadcrumb-group.js +1 -1
  149. package/development/button/common/button-common.d.ts.map +1 -1
  150. package/development/button/common.js +30 -25
  151. package/development/button/mini-button/mini-button-base-element.d.ts +9 -0
  152. package/development/button/mini-button/mini-button-base-element.d.ts.map +1 -0
  153. package/development/button/mini-button/mini-button.d.ts +3 -5
  154. package/development/button/mini-button/mini-button.d.ts.map +1 -1
  155. package/development/button/mini-button.d.ts +1 -0
  156. package/development/button/mini-button.d.ts.map +1 -1
  157. package/development/button/mini-button.js +45 -67
  158. package/development/calendar/calendar.d.ts.map +1 -1
  159. package/development/calendar.js +4 -2
  160. package/development/checkbox/checkbox/checkbox.d.ts +0 -1
  161. package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
  162. package/development/checkbox/checkbox-group/checkbox-group.d.ts +0 -1
  163. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  164. package/development/checkbox/checkbox-group.js +6 -5
  165. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +0 -1
  166. package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
  167. package/development/checkbox/checkbox-panel.js +5 -5
  168. package/development/checkbox/checkbox.js +11 -5
  169. package/development/checkbox/common.js +1 -3
  170. package/development/container/container.js +2 -1
  171. package/development/core/datetime/date-adapter.d.ts +23 -13
  172. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  173. package/development/core/datetime/native-date-adapter.d.ts +0 -1
  174. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  175. package/development/core/datetime.js +28 -26
  176. package/development/core/decorators/host-attributes.d.ts +1 -1
  177. package/development/core/decorators/slot-state.d.ts +18 -0
  178. package/development/core/decorators/slot-state.d.ts.map +1 -0
  179. package/development/core/decorators.d.ts +1 -0
  180. package/development/core/decorators.d.ts.map +1 -1
  181. package/development/core/decorators.js +11 -2
  182. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  183. package/development/core/mixins.js +4 -2
  184. package/development/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  185. package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  186. package/development/core/overlay.js +3 -3
  187. package/development/datepicker/common/datepicker-button.d.ts +5 -5
  188. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  189. package/development/datepicker/common.js +10 -9
  190. package/development/datepicker/datepicker/datepicker.d.ts +55 -38
  191. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  192. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -1
  193. package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
  194. package/development/datepicker/datepicker-next-day.js +21 -60
  195. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -1
  196. package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
  197. package/development/datepicker/datepicker-previous-day.js +21 -60
  198. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -1
  199. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  200. package/development/datepicker/datepicker-toggle.js +16 -10
  201. package/development/datepicker/datepicker.js +134 -159
  202. package/development/dialog/dialog.js +1 -1
  203. package/development/file-selector/file-selector.d.ts +0 -1
  204. package/development/file-selector/file-selector.d.ts.map +1 -1
  205. package/development/file-selector.js +6 -5
  206. package/development/form-field/form-field/form-field.d.ts +1 -2
  207. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  208. package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  209. package/development/form-field/form-field-clear.js +22 -57
  210. package/development/form-field/form-field.js +10 -9
  211. package/development/icon/icon-base.d.ts.map +1 -1
  212. package/development/icon/icon.d.ts.map +1 -1
  213. package/development/icon.js +1 -1
  214. package/development/image/image.d.ts +1 -0
  215. package/development/image/image.d.ts.map +1 -1
  216. package/development/image.js +10 -4
  217. package/development/link/common/link-common.d.ts.map +1 -1
  218. package/development/link/common.js +6 -7
  219. package/development/link-list/link-list.d.ts +0 -1
  220. package/development/link-list/link-list.d.ts.map +1 -1
  221. package/development/link-list.js +5 -5
  222. package/development/map-container.js +15 -14
  223. package/development/navigation/navigation-list/navigation-list.d.ts +0 -1
  224. package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  225. package/development/navigation/navigation-list.js +5 -5
  226. package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  227. package/development/navigation/navigation-marker.js +1 -1
  228. package/development/navigation/navigation-section/navigation-section.d.ts +0 -1
  229. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  230. package/development/navigation/navigation-section.js +6 -6
  231. package/development/notification/notification.d.ts +5 -16
  232. package/development/notification/notification.d.ts.map +1 -1
  233. package/development/notification.js +8 -9
  234. package/development/option/optgroup/optgroup-base-element.d.ts +28 -0
  235. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -0
  236. package/development/option/optgroup/optgroup.d.ts +7 -20
  237. package/development/option/optgroup/optgroup.d.ts.map +1 -1
  238. package/development/option/optgroup.d.ts +1 -0
  239. package/development/option/optgroup.d.ts.map +1 -1
  240. package/development/option/optgroup.js +74 -49
  241. package/development/option/option/option-base-element.d.ts +69 -0
  242. package/development/option/option/option-base-element.d.ts.map +1 -0
  243. package/development/option/option/option.d.ts +14 -57
  244. package/development/option/option/option.d.ts.map +1 -1
  245. package/development/option/option.d.ts +1 -0
  246. package/development/option/option.d.ts.map +1 -1
  247. package/development/option/option.js +267 -220
  248. package/development/popover/popover/popover.d.ts +3 -1
  249. package/development/popover/popover/popover.d.ts.map +1 -1
  250. package/development/popover/popover-trigger.js +14 -49
  251. package/development/popover/popover.js +11 -4
  252. package/development/radio-button/common/radio-button-common.d.ts +1 -1
  253. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  254. package/development/radio-button/common.js +13 -12
  255. package/development/radio-button/radio-button/radio-button.d.ts +7 -1
  256. package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
  257. package/development/radio-button/radio-button-group/radio-button-group.d.ts +1 -2
  258. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  259. package/development/radio-button/radio-button-group.js +6 -6
  260. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +7 -1
  261. package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  262. package/development/radio-button/radio-button-panel.js +17 -6
  263. package/development/radio-button/radio-button.js +17 -6
  264. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  265. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  266. package/development/selection-expansion-panel.js +6 -5
  267. package/development/skiplink-list/skiplink-list.d.ts +1 -1
  268. package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
  269. package/development/skiplink-list.js +5 -5
  270. package/development/status/status.d.ts +0 -1
  271. package/development/status/status.d.ts.map +1 -1
  272. package/development/status.js +5 -5
  273. package/development/stepper/stepper/stepper.d.ts +3 -1
  274. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  275. package/development/stepper/stepper.js +3 -2
  276. package/development/tabs/tab-group/tab-group.d.ts +3 -1
  277. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  278. package/development/tabs/tab-group.js +4 -10
  279. package/development/tabs/tab-label/tab-label.d.ts +0 -1
  280. package/development/tabs/tab-label/tab-label.d.ts.map +1 -1
  281. package/development/tabs/tab-label.js +5 -5
  282. package/development/tabs/tab.js +10 -2
  283. package/development/tag/tag/tag.d.ts +0 -1
  284. package/development/tag/tag/tag.d.ts.map +1 -1
  285. package/development/tag/tag-group.js +1 -1
  286. package/development/tag/tag.js +6 -5
  287. package/development/teaser/teaser.d.ts +0 -1
  288. package/development/teaser/teaser.d.ts.map +1 -1
  289. package/development/teaser.js +5 -5
  290. package/development/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  291. package/development/timetable-occupancy-icon.js +3 -6
  292. package/development/toast/toast.d.ts +1 -2
  293. package/development/toast/toast.d.ts.map +1 -1
  294. package/development/toast.js +10 -8
  295. package/development/toggle/toggle-option/toggle-option.d.ts +0 -1
  296. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  297. package/development/toggle/toggle-option.js +6 -6
  298. package/development/toggle/toggle.js +1 -1
  299. package/development/toggle-check/toggle-check.d.ts +0 -1
  300. package/development/toggle-check/toggle-check.d.ts.map +1 -1
  301. package/development/toggle-check.js +5 -5
  302. package/dialog/dialog.js +1 -1
  303. package/file-selector/file-selector.d.ts +0 -1
  304. package/file-selector/file-selector.d.ts.map +1 -1
  305. package/file-selector.js +17 -15
  306. package/form-field/form-field/form-field.d.ts +1 -2
  307. package/form-field/form-field/form-field.d.ts.map +1 -1
  308. package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  309. package/form-field/form-field-clear.js +17 -18
  310. package/form-field/form-field.js +18 -16
  311. package/icon/icon-base.d.ts.map +1 -1
  312. package/icon/icon.d.ts.map +1 -1
  313. package/image/image.d.ts +1 -0
  314. package/image/image.d.ts.map +1 -1
  315. package/image.js +24 -24
  316. package/index.d.ts +12 -0
  317. package/index.js +12 -0
  318. package/link/common/link-common.d.ts.map +1 -1
  319. package/link/common.js +9 -9
  320. package/link-list/link-list.d.ts +0 -1
  321. package/link-list/link-list.d.ts.map +1 -1
  322. package/link-list.js +8 -7
  323. package/map-container.js +8 -8
  324. package/navigation/navigation-list/navigation-list.d.ts +0 -1
  325. package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
  326. package/navigation/navigation-list.js +9 -8
  327. package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  328. package/navigation/navigation-section/navigation-section.d.ts +0 -1
  329. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  330. package/navigation/navigation-section.js +10 -9
  331. package/notification/notification.d.ts +5 -16
  332. package/notification/notification.d.ts.map +1 -1
  333. package/notification.js +9 -9
  334. package/option/optgroup/optgroup-base-element.d.ts +28 -0
  335. package/option/optgroup/optgroup-base-element.d.ts.map +1 -0
  336. package/option/optgroup/optgroup.d.ts +7 -20
  337. package/option/optgroup/optgroup.d.ts.map +1 -1
  338. package/option/optgroup.d.ts +1 -0
  339. package/option/optgroup.d.ts.map +1 -1
  340. package/option/optgroup.js +80 -60
  341. package/option/option/option-base-element.d.ts +69 -0
  342. package/option/option/option-base-element.d.ts.map +1 -0
  343. package/option/option/option.d.ts +14 -57
  344. package/option/option/option.d.ts.map +1 -1
  345. package/option/option.d.ts +1 -0
  346. package/option/option.d.ts.map +1 -1
  347. package/option/option.js +184 -142
  348. package/package.json +36 -1
  349. package/popover/popover/popover.d.ts +3 -1
  350. package/popover/popover/popover.d.ts.map +1 -1
  351. package/popover/popover-trigger.js +13 -13
  352. package/popover/popover.js +55 -48
  353. package/radio-button/common/radio-button-common.d.ts +1 -1
  354. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  355. package/radio-button/common.js +6 -15
  356. package/radio-button/radio-button/radio-button.d.ts +7 -1
  357. package/radio-button/radio-button/radio-button.d.ts.map +1 -1
  358. package/radio-button/radio-button-group/radio-button-group.d.ts +1 -2
  359. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  360. package/radio-button/radio-button-group.js +7 -6
  361. package/radio-button/radio-button-panel/radio-button-panel.d.ts +7 -1
  362. package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
  363. package/radio-button/radio-button-panel.js +33 -22
  364. package/radio-button/radio-button.js +30 -19
  365. package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -1
  366. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  367. package/selection-expansion-panel.js +15 -13
  368. package/skiplink-list/skiplink-list.d.ts +1 -1
  369. package/skiplink-list/skiplink-list.d.ts.map +1 -1
  370. package/skiplink-list.js +4 -3
  371. package/standard-theme.css +3 -1
  372. package/status/status.d.ts +0 -1
  373. package/status/status.d.ts.map +1 -1
  374. package/status.js +9 -8
  375. package/stepper/stepper/stepper.d.ts +3 -1
  376. package/stepper/stepper/stepper.d.ts.map +1 -1
  377. package/stepper/stepper.js +7 -6
  378. package/tabs/tab-group/tab-group.d.ts +3 -1
  379. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  380. package/tabs/tab-group.js +25 -24
  381. package/tabs/tab-label/tab-label.d.ts +0 -1
  382. package/tabs/tab-label/tab-label.d.ts.map +1 -1
  383. package/tabs/tab-label.js +4 -3
  384. package/tabs/tab.js +10 -10
  385. package/tag/tag/tag.d.ts +0 -1
  386. package/tag/tag/tag.d.ts.map +1 -1
  387. package/tag/tag.js +6 -4
  388. package/teaser/teaser.d.ts +0 -1
  389. package/teaser/teaser.d.ts.map +1 -1
  390. package/teaser.js +4 -3
  391. package/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
  392. package/timetable-occupancy-icon.js +22 -24
  393. package/toast/toast.d.ts +1 -2
  394. package/toast/toast.d.ts.map +1 -1
  395. package/toast.js +15 -12
  396. package/toggle/toggle-option/toggle-option.d.ts +0 -1
  397. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  398. package/toggle/toggle-option.js +12 -11
  399. package/toggle-check/toggle-check.d.ts +0 -1
  400. package/toggle-check/toggle-check.d.ts.map +1 -1
  401. package/toggle-check.js +4 -3
@@ -1 +1 @@
1
- {"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;;cAOnC,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
1
+ {"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAGzE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAAwD;IAChG,OAAuB,MAAM,EAAE,cAAc,CAAS;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
@@ -1,2 +1,3 @@
1
+ export * from './mini-button/mini-button-base-element.js';
1
2
  export * from './mini-button/mini-button.js';
2
3
  //# sourceMappingURL=mini-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../src/elements/button/mini-button.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
1
+ {"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../src/elements/button/mini-button.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,cAAc,8BAA8B,CAAC"}
@@ -1,29 +1,37 @@
1
- import { customElement as i } from "lit/decorators.js";
2
1
  import { SbbButtonBaseElement as l } from "../core/base-elements.js";
3
- import { SbbSlotStateController as c } from "../core/controllers.js";
4
- import { SbbNegativeMixin as d, SbbDisabledTabIndexActionMixin as u } from "../core/mixins.js";
2
+ import { slotState as d } from "../core/decorators.js";
3
+ import { SbbNegativeMixin as u, SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
5
4
  import { SbbIconNameMixin as v } from "../icon.js";
6
- import { css as h } from "lit";
7
- const m = h`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-charcoal);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-style: solid;--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: 0rem;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-inset: 0}@media (forced-colors: active){:host{--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-text: ButtonText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-hover-text: ButtonText !important}}:host .sbb-mini-button{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-mini-button:before{position:absolute;content:"";inset:var(--sbb-button-inset);border:var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color,border-color}::slotted(sbb-icon),sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-milk);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-milk);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled])){--sbb-button-border-width: var(--sbb-border-width-1x)}@media (forced-colors: active){:host(:is([disabled],[data-disabled])){--sbb-button-color-disabled-text: GrayText !important}}:host(:is([disabled],[data-disabled])) .sbb-mini-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled])) .sbb-mini-button:before{background-color:var(--sbb-button-color-disabled-background);border-color:var(--sbb-button-color-disabled-border);border-style:var(--sbb-button-border-disabled-style)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-mini-button:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (forced-colors: active){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-mini-button:before{inset:calc(var(--sbb-button-border-width) * -1);background-color:var(--sbb-button-color-hover-background);border-color:var(--sbb-button-color-hover-border)}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-mini-button{color:var(--sbb-button-color-hover-text)}}:host(:not([disabled],[data-disabled]):is(:active,[data-active])) .sbb-mini-button:before{color:var(--sbb-button-color-active-text);background-color:var(--sbb-button-color-active-background);border-color:var(--sbb-button-color-active-border)}`;
8
- var f = Object.defineProperty, p = Object.getOwnPropertyDescriptor, g = (s, t, r, b) => {
9
- for (var o = b > 1 ? void 0 : b ? p(t, r) : t, a = s.length - 1, e; a >= 0; a--)
10
- (e = s[a]) && (o = (b ? e(t, r, o) : e(o)) || o);
11
- return b && o && f(t, r, o), o;
5
+ import { customElement as m } from "lit/decorators.js";
6
+ import { css as f } from "lit";
7
+ var p = Object.defineProperty, h = Object.getOwnPropertyDescriptor, g = (e, t, r, b) => {
8
+ for (var o = b > 1 ? void 0 : b ? h(t, r) : t, a = e.length - 1, n; a >= 0; a--)
9
+ (n = e[a]) && (o = (b ? n(t, r, o) : n(o)) || o);
10
+ return b && o && p(t, r, o), o;
12
11
  };
13
- let n = class extends d(
14
- v(u(l))
12
+ let s = class extends u(
13
+ v(l)
15
14
  ) {
16
- constructor() {
17
- super(), new c(this);
18
- }
19
15
  renderTemplate() {
20
16
  return super.renderIconSlot();
21
17
  }
22
18
  };
23
- n.styles = m;
24
- n = g([
25
- i("sbb-mini-button")
26
- ], n);
19
+ s = g([
20
+ d()
21
+ ], s);
22
+ const x = f`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-mini-button{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-mini-button:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}::slotted(sbb-icon),sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-mini-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-mini-button:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-mini-button:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-mini-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-mini-button:before{background-color:var(--sbb-button-color-active-background)}`;
23
+ var k = Object.defineProperty, y = Object.getOwnPropertyDescriptor, _ = (e, t, r, b) => {
24
+ for (var o = b > 1 ? void 0 : b ? y(t, r) : t, a = e.length - 1, n; a >= 0; a--)
25
+ (n = e[a]) && (o = (b ? n(t, r, o) : n(o)) || o);
26
+ return b && o && k(t, r, o), o;
27
+ };
28
+ let i = class extends c(s) {
29
+ };
30
+ i.styles = x;
31
+ i = _([
32
+ m("sbb-mini-button")
33
+ ], i);
27
34
  export {
28
- n as SbbMiniButtonElement
35
+ s as SbbMiniButtonBaseElement,
36
+ i as SbbMiniButtonElement
29
37
  };
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/elements/calendar/calendar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/elements/calendar/calendar.ts"],"names":[],"mappings":"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"}
package/calendar.js CHANGED
@@ -2,27 +2,29 @@ import { css as Y, LitElement as M, isServer as x, html as o, nothing as h } fro
2
2
  import { property as u, state as f, customElement as V } from "lit/decorators.js";
3
3
  import { classMap as p } from "lit/directives/class-map.js";
4
4
  import { sbbInputModalityDetector as k, isArrowKeyOrPageKeysPressed as F } from "./core/a11y.js";
5
- import { SbbConnectedAbortController as z, SbbLanguageController as R } from "./core/controllers.js";
6
- import { defaultDateAdapter as N, YEARS_PER_PAGE as l, DAYS_PER_ROW as y, MONTHS_PER_ROW as g, YEARS_PER_ROW as v } from "./core/datetime.js";
5
+ import { readConfig as z } from "./core/config.js";
6
+ import { SbbConnectedAbortController as R, SbbLanguageController as N } from "./core/controllers.js";
7
+ import { defaultDateAdapter as T, YEARS_PER_PAGE as l, DAYS_PER_ROW as y, MONTHS_PER_ROW as g, YEARS_PER_ROW as v } from "./core/datetime.js";
7
8
  import { isBreakpoint as A } from "./core/dom.js";
8
- import { EventEmitter as T } from "./core/eventing.js";
9
- import { i18nPreviousMonth as I, i18nNextMonth as O, i18nYearMonthSelection as S, i18nPreviousYear as C, i18nNextYear as W, i18nCalendarDateSelection as D, i18nPreviousYearRange as E, i18nNextYearRange as L } from "./core/i18n.js";
10
- import { SbbHydrationMixin as P } from "./core/mixins.js";
9
+ import { EventEmitter as I } from "./core/eventing.js";
10
+ import { i18nPreviousMonth as O, i18nNextMonth as S, i18nYearMonthSelection as C, i18nPreviousYear as W, i18nNextYear as E, i18nCalendarDateSelection as D, i18nPreviousYearRange as L, i18nNextYearRange as P } from "./core/i18n.js";
11
+ import { SbbHydrationMixin as B } from "./core/mixins.js";
11
12
  import "./button/secondary-button.js";
12
13
  import "./icon.js";
13
14
  import "./screen-reader-only.js";
14
- const B = Y`*,:before,:after{box-sizing:border-box}:host{--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-charcoal);--sbb-calendar-cell-selected-color: var(--sbb-color-white);--sbb-calendar-cell-selected-background-color: var(--sbb-color-charcoal);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);--sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift: .00625rem;--sbb-calendar-table-animation-duration: .1ms;--sbb-calendar-table-column-spaces: 12;--sbb-calendar-control-view-change-height: 2.75rem;--sbb-calendar-control-view-change-color: var(--sbb-color-charcoal);--sbb-calendar-control-view-change-background: var(--sbb-color-white);display:block;width:max-content}@media (min-width: 22.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:pointer;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__controls-change-date:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover: hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-color-milk)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset);margin-inline:var(--sbb-calendar-margin)}:host([data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not([data-wide])) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color);width:var(--sbb-calendar-cell-size);padding:0;padding-block-end:var(--sbb-spacing-fixed-4x);text-align:center}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:pointer;position:relative;z-index:0}.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color}@media (any-hover: hover){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-color-milk);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}}.sbb-calendar__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__cell:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-color-cloud)}@media (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}}.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media (forced-colors: active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
15
- var q = Object.defineProperty, K = Object.getOwnPropertyDescriptor, b = (e, t, a, r) => {
16
- for (var s = r > 1 ? void 0 : r ? K(t, a) : t, i = e.length - 1, n; i >= 0; i--)
15
+ const q = Y`*,:before,:after{box-sizing:border-box}:host{--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-charcoal);--sbb-calendar-cell-selected-color: var(--sbb-color-white);--sbb-calendar-cell-selected-background-color: var(--sbb-color-charcoal);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);--sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift: .00625rem;--sbb-calendar-table-animation-duration: .1ms;--sbb-calendar-table-column-spaces: 12;--sbb-calendar-control-view-change-height: 2.75rem;--sbb-calendar-control-view-change-color: var(--sbb-color-charcoal);--sbb-calendar-control-view-change-background: var(--sbb-color-white);display:block;width:max-content}@media (min-width: 22.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:pointer;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__controls-change-date:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover: hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-color-milk)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset);margin-inline:var(--sbb-calendar-margin)}:host([data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not([data-wide])) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color);width:var(--sbb-calendar-cell-size);padding:0;padding-block-end:var(--sbb-spacing-fixed-4x);text-align:center}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:pointer;position:relative;z-index:0}.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color}@media (any-hover: hover){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-color-milk);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}}.sbb-calendar__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__cell:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-color-cloud)}@media (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}}.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media (forced-colors: active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
16
+ var K = Object.defineProperty, H = Object.getOwnPropertyDescriptor, b = (e, t, a, r) => {
17
+ for (var s = r > 1 ? void 0 : r ? H(t, a) : t, i = e.length - 1, n; i >= 0; i--)
17
18
  (n = e[i]) && (s = (r ? n(t, a, s) : n(s)) || s);
18
- return r && s && q(t, a, s), s;
19
+ return r && s && K(t, a, s), s;
19
20
  };
20
- let d = class extends P(M) {
21
+ let d = class extends B(M) {
21
22
  constructor() {
22
- super(), this.wide = !1, this._now = null, this._dateAdapter = N, this._dateSelected = new T(
23
+ var e;
24
+ super(), this.wide = !1, this._now = null, this._dateAdapter = ((e = z().datetime) == null ? void 0 : e.dateAdapter) ?? T, this._dateSelected = new I(
23
25
  this,
24
26
  d.events.dateSelected
25
- ), this._activeDate = this.now, this._calendarView = "day", this._nextCalendarView = "day", this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, this._initialized = !1, this._abort = new z(this), this._language = new R(this).withHandler(() => {
27
+ ), this._activeDate = this.now, this._calendarView = "day", this._nextCalendarView = "day", this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, this._initialized = !1, this._abort = new R(this), this._language = new N(this).withHandler(() => {
26
28
  this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
27
29
  }), this._createMonthRows(), this._setWeekdays();
28
30
  }
@@ -430,7 +432,7 @@ let d = class extends P(M) {
430
432
  ${this._getArrow(
431
433
  "left",
432
434
  () => this._goToDifferentMonth(-1),
433
- I[this._language.current],
435
+ O[this._language.current],
434
436
  this._previousMonthDisabled()
435
437
  )}
436
438
  <div class="sbb-calendar__controls-month">
@@ -443,7 +445,7 @@ let d = class extends P(M) {
443
445
  ${this._getArrow(
444
446
  "right",
445
447
  () => this._goToDifferentMonth(1),
446
- O[this._language.current],
448
+ S[this._language.current],
447
449
  this._nextMonthDisabled()
448
450
  )}
449
451
  </div>
@@ -461,7 +463,7 @@ let d = class extends P(M) {
461
463
  type="button"
462
464
  id="sbb-calendar__date-selection"
463
465
  class="sbb-calendar__controls-change-date"
464
- aria-label="${S[this._language.current]} ${t}"
466
+ aria-label="${C[this._language.current]} ${t}"
465
467
  @click=${() => {
466
468
  this._resetFocus = !0, this._nextCalendarView = "year", this._removeTable();
467
469
  }}
@@ -571,14 +573,14 @@ let d = class extends P(M) {
571
573
  ${this._getArrow(
572
574
  "left",
573
575
  () => this._goToDifferentYear(-1),
574
- C[this._language.current],
576
+ W[this._language.current],
575
577
  this._previousYearDisabled()
576
578
  )}
577
579
  <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
578
580
  ${this._getArrow(
579
581
  "right",
580
582
  () => this._goToDifferentYear(1),
581
- W[this._language.current],
583
+ E[this._language.current],
582
584
  this._nextYearDisabled()
583
585
  )}
584
586
  </div>
@@ -671,14 +673,14 @@ let d = class extends P(M) {
671
673
  ${this._getArrow(
672
674
  "left",
673
675
  () => this._goToDifferentYearRange(-l),
674
- E(l)[this._language.current],
676
+ L(l)[this._language.current],
675
677
  this._previousYearRangeDisabled()
676
678
  )}
677
679
  <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
678
680
  ${this._getArrow(
679
681
  "right",
680
682
  () => this._goToDifferentYearRange(l),
681
- L(l)[this._language.current],
683
+ P(l)[this._language.current],
682
684
  this._nextYearRangeDisabled()
683
685
  )}
684
686
  </div>
@@ -791,7 +793,7 @@ let d = class extends P(M) {
791
793
  return o`<div class="sbb-calendar__wrapper">${this._getView}</div>`;
792
794
  }
793
795
  };
794
- d.styles = B;
796
+ d.styles = q;
795
797
  d.events = {
796
798
  dateSelected: "dateSelected"
797
799
  };
@@ -18,7 +18,6 @@ export declare class SbbCheckboxElement extends SbbCheckboxElement_base {
18
18
  };
19
19
  /** The label position relative to the labelIcon. Defaults to end */
20
20
  iconPlacement: SbbIconPlacement;
21
- constructor();
22
21
  protected render(): TemplateResult;
23
22
  }
24
23
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIjE,OAAO,0BAA0B,CAAC;;AAIlC;;;;;;;;GAQG;AACH,qBACa,kBAAmB,SAAQ,uBAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,gBAAuB,MAAM;;MAElB;IAEX,oEAAoE;IAE7D,aAAa,EAAE,gBAAgB,CAAS;;cAO5B,MAAM,IAAI,cAAc;CAuB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAMjE,OAAO,0BAA0B,CAAC;;AAElC;;;;;;;;GAQG;AACH,qBAEa,kBAAmB,SAAQ,uBAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,gBAAuB,MAAM;;MAElB;IAEX,oEAAoE;IAE7D,aAAa,EAAE,gBAAgB,CAAS;cAE5B,MAAM,IAAI,cAAc;CAuB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
@@ -24,7 +24,6 @@ export declare class SbbCheckboxGroupElement extends SbbCheckboxGroupElement_bas
24
24
  /** List of contained checkbox elements. */
25
25
  get checkboxes(): (SbbCheckboxElement | SbbCheckboxPanelElement)[];
26
26
  private _abort;
27
- constructor();
28
27
  connectedCallback(): void;
29
28
  protected willUpdate(changedProperties: PropertyValues<this>): void;
30
29
  private _handleKeyDown;
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBACa,uBAAwB,SAAQ,4BAA4B;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IACK,QAAQ,UAAS;IAEpE,mCAAmC;IAChB,IAAI,EAAE,eAAe,CAAO;IAE/C,yDAAyD;IAElD,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,qFAAqF;IAE9E,WAAW,EAAE,cAAc,CAAgB;IAElD,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;IAED,OAAO,CAAC,MAAM,CAAsE;;IAOpE,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA0BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
1
+ {"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBAEa,uBAAwB,SAAQ,4BAA4B;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IACK,QAAQ,UAAS;IAEpE,mCAAmC;IAChB,IAAI,EAAE,eAAe,CAAO;IAE/C,yDAAyD;IAElD,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,qFAAqF;IAE9E,WAAW,EAAE,cAAc,CAAgB;IAElD,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;IAED,OAAO,CAAC,MAAM,CAAsE;IAEpE,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA0BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
@@ -1,7 +1,8 @@
1
1
  import { css as h, LitElement as l, html as d } from "lit";
2
2
  import { property as s, customElement as p } from "lit/decorators.js";
3
3
  import { interactivityChecker as x, isArrowKeyPressed as m, getNextElementIndex as u } from "../core/a11y.js";
4
- import { SbbConnectedAbortController as k, SbbSlotStateController as g } from "../core/controllers.js";
4
+ import { SbbConnectedAbortController as k } from "../core/controllers.js";
5
+ import { slotState as g } from "../core/decorators.js";
5
6
  import { SbbDisabledMixin as f } from "../core/mixins.js";
6
7
  const w = h`*,:before,:after{box-sizing:border-box}:host{--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-width: max-content;--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host([orientation=vertical]){--sbb-checkbox-group-orientation: column;--sbb-checkbox-group-width: 100%;--sbb-checkbox-group-checkbox-width: 100%}:host([orientation=vertical]) ::slotted(sbb-checkbox-panel){width:100%}:host([data-has-panel]){--sbb-checkbox-group-width: 100%}:host([data-has-panel]) ::slotted(sbb-checkbox-panel){flex:auto}:host([data-has-panel][orientation=vertical]){--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}.sbb-checkbox-group{display:flex;flex-direction:var(--sbb-checkbox-group-orientation);gap:var(--sbb-checkbox-group-gap);align-items:flex-start;width:var(--sbb-checkbox-group-width)}.sbb-checkbox-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-checkbox-group__error{display:none}::slotted(sbb-checkbox){width:var(--sbb-checkbox-group-checkbox-width)}`;
7
8
  var v = Object.defineProperty, z = Object.getOwnPropertyDescriptor, b = (t, o, e, r) => {
@@ -11,7 +12,7 @@ var v = Object.defineProperty, z = Object.getOwnPropertyDescriptor, b = (t, o, e
11
12
  };
12
13
  let a = class extends f(l) {
13
14
  constructor() {
14
- super(), this.required = !1, this.size = "m", this.orientation = "horizontal", this._abort = new k(this), new g(this);
15
+ super(...arguments), this.required = !1, this.size = "m", this.orientation = "horizontal", this._abort = new k(this);
15
16
  }
16
17
  /** List of contained checkbox elements. */
17
18
  get checkboxes() {
@@ -79,7 +80,8 @@ b([
79
80
  s({ reflect: !0 })
80
81
  ], a.prototype, "orientation", 2);
81
82
  a = b([
82
- p("sbb-checkbox-group")
83
+ p("sbb-checkbox-group"),
84
+ g()
83
85
  ], a);
84
86
  export {
85
87
  a as SbbCheckboxGroupElement
@@ -28,7 +28,6 @@ export declare class SbbCheckboxPanelElement extends SbbCheckboxPanelElement_bas
28
28
  * in relation to the parent selection panel changes.
29
29
  */
30
30
  protected stateChange: EventEmitter<SbbCheckboxPanelStateChange>;
31
- constructor();
32
31
  protected willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
33
32
  protected render(): TemplateResult;
34
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AAIxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBACa,uBAAwB,SAAQ,4BAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAGxF,gBAAuB,MAAM;;;;MAIlB;IAEX;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAI9D;;cAOuB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAkBxE,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
1
+ {"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AAIxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAEa,uBAAwB,SAAQ,4BAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAGxF,gBAAuB,MAAM;;;;MAIlB;IAEX;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAI9D;cAEuB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAkBxE,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
@@ -1,25 +1,25 @@
1
1
  import { LitElement as o, html as c, nothing as h } from "lit";
2
- import { customElement as r } from "lit/decorators.js";
3
- import { SbbSlotStateController as d } from "../core/controllers.js";
2
+ import { customElement as d } from "lit/decorators.js";
3
+ import { slotState as r } from "../core/decorators.js";
4
4
  import { EventEmitter as p } from "../core/eventing.js";
5
5
  import { SbbPanelMixin as m, SbbUpdateSchedulerMixin as x, panelCommonStyle as f } from "../core/mixins.js";
6
- import { SbbCheckboxCommonElementMixin as C, checkboxCommonStyle as k } from "./common.js";
6
+ import { SbbCheckboxCommonElementMixin as k, checkboxCommonStyle as u } from "./common.js";
7
7
  import "../screen-reader-only.js";
8
8
  import "../visual-checkbox.js";
9
- var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, v = (e, a, i, n) => {
9
+ var C = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, g = (e, a, i, n) => {
10
10
  for (var s = n > 1 ? void 0 : n ? _(a, i) : a, b = e.length - 1, l; b >= 0; b--)
11
11
  (l = e[b]) && (s = (n ? l(a, i, s) : l(s)) || s);
12
- return n && s && u(a, i, s), s;
12
+ return n && s && C(a, i, s), s;
13
13
  };
14
14
  let t = class extends m(
15
- C(x(o))
15
+ k(x(o))
16
16
  ) {
17
17
  constructor() {
18
- super(), this.stateChange = new p(
18
+ super(...arguments), this.stateChange = new p(
19
19
  this,
20
20
  t.events.stateChange,
21
21
  { bubbles: !0 }
22
- ), new d(this);
22
+ );
23
23
  }
24
24
  async willUpdate(e) {
25
25
  super.willUpdate(e), e.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== e.get("checked") && this.stateChange.emit({ type: "checked", checked: this.checked })), e.has("disabled") && this.disabled !== e.get("disabled") && this.stateChange.emit({ type: "disabled", disabled: this.disabled });
@@ -53,14 +53,15 @@ let t = class extends m(
53
53
  `;
54
54
  }
55
55
  };
56
- t.styles = [k, f];
56
+ t.styles = [u, f];
57
57
  t.events = {
58
58
  didChange: "didChange",
59
59
  stateChange: "stateChange",
60
60
  panelConnected: "panelConnected"
61
61
  };
62
- t = v([
63
- r("sbb-checkbox-panel")
62
+ t = g([
63
+ d("sbb-checkbox-panel"),
64
+ r()
64
65
  ], t);
65
66
  export {
66
67
  t as SbbCheckboxPanelElement
@@ -1,23 +1,23 @@
1
- import { css as i, LitElement as r, html as h } from "lit";
2
- import { property as p, customElement as m } from "lit/decorators.js";
3
- import { SbbSlotStateController as f } from "../core/controllers.js";
4
- import { SbbIconNameMixin as u } from "../icon.js";
5
- import { SbbCheckboxCommonElementMixin as d, checkboxCommonStyle as x } from "./common.js";
1
+ import { css as l, LitElement as r, html as p } from "lit";
2
+ import { property as h, customElement as m } from "lit/decorators.js";
3
+ import { slotState as d } from "../core/decorators.js";
4
+ import { SbbIconNameMixin as x } from "../icon.js";
5
+ import { SbbCheckboxCommonElementMixin as f, checkboxCommonStyle as u } from "./common.js";
6
6
  import "../visual-checkbox.js";
7
- const _ = i`:host{outline:none!important;display:inline-block}.sbb-checkbox__label--icon{color:var(--sbb-checkbox-label-icon-color)}:host([icon-placement=end]) .sbb-checkbox__label--icon{margin-inline-start:auto}:host(:not([icon-name],[data-slot-names~=icon])) .sbb-checkbox__label--icon{display:none}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}:host([icon-placement=start]) .sbb-checkbox__label{flex-direction:row-reverse;justify-content:flex-end}:host([icon-placement=end]) .sbb-checkbox__label{justify-content:flex-start;flex-grow:1}`;
8
- var k = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (l, s, c, t) => {
9
- for (var e = t > 1 ? void 0 : t ? v(s, c) : s, n = l.length - 1, b; n >= 0; n--)
10
- (b = l[n]) && (e = (t ? b(s, c, e) : b(e)) || e);
11
- return t && e && k(s, c, e), e;
7
+ const _ = l`:host{outline:none!important;display:inline-block}.sbb-checkbox__label--icon{color:var(--sbb-checkbox-label-icon-color)}:host([icon-placement=end]) .sbb-checkbox__label--icon{margin-inline-start:auto}:host(:not([icon-name],[data-slot-names~=icon])) .sbb-checkbox__label--icon{display:none}:host(:is([icon-name],[data-slot-names~=icon]):not([icon-placement=end])) .sbb-checkbox__label--icon{padding-inline-end:var(--sbb-spacing-fixed-2x)}:host(:is([icon-name],[data-slot-names~=icon])[icon-placement=end]) .sbb-checkbox__label--icon{padding-inline-start:var(--sbb-spacing-fixed-2x)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}:host([icon-placement=start]) .sbb-checkbox__label{flex-direction:row-reverse;justify-content:flex-end}:host([icon-placement=end]) .sbb-checkbox__label{justify-content:flex-start;flex-grow:1}`;
8
+ var k = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (a, s, c, n) => {
9
+ for (var e = n > 1 ? void 0 : n ? v(s, c) : s, t = a.length - 1, b; t >= 0; t--)
10
+ (b = a[t]) && (e = (n ? b(s, c, e) : b(e)) || e);
11
+ return n && e && k(s, c, e), e;
12
12
  };
13
- let o = class extends d(
14
- u(r)
13
+ let o = class extends f(
14
+ x(r)
15
15
  ) {
16
16
  constructor() {
17
- super(), this.iconPlacement = "end", new f(this);
17
+ super(...arguments), this.iconPlacement = "end";
18
18
  }
19
19
  render() {
20
- return h`
20
+ return p`
21
21
  <span class="sbb-checkbox-wrapper">
22
22
  <span class="sbb-checkbox">
23
23
  <span class="sbb-checkbox__inner">
@@ -40,15 +40,16 @@ let o = class extends d(
40
40
  `;
41
41
  }
42
42
  };
43
- o.styles = [x, _];
43
+ o.styles = [u, _];
44
44
  o.events = {
45
45
  didChange: "didChange"
46
46
  };
47
- a([
48
- p({ attribute: "icon-placement", reflect: !0 })
47
+ i([
48
+ h({ attribute: "icon-placement", reflect: !0 })
49
49
  ], o.prototype, "iconPlacement", 2);
50
- o = a([
51
- m("sbb-checkbox")
50
+ o = i([
51
+ m("sbb-checkbox"),
52
+ d()
52
53
  ], o);
53
54
  export {
54
55
  o as SbbCheckboxElement
@@ -1,13 +1,13 @@
1
- import { property as a } from "lit/decorators.js";
2
- import { SbbFormAssociatedCheckboxMixin as n } from "../core/mixins.js";
1
+ import { property as c } from "lit/decorators.js";
2
+ import { SbbFormAssociatedCheckboxMixin as a } from "../core/mixins.js";
3
3
  import { css as l } from "lit";
4
- var h = Object.defineProperty, p = Object.getOwnPropertyDescriptor, c = (o, t, b, e) => {
5
- for (var s = e > 1 ? void 0 : e ? p(t, b) : t, i = o.length - 1, r; i >= 0; i--)
6
- (r = o[i]) && (s = (e ? r(t, b, s) : r(s)) || s);
7
- return e && s && h(t, b, s), s;
4
+ var h = Object.defineProperty, p = Object.getOwnPropertyDescriptor, n = (o, t, i, e) => {
5
+ for (var s = e > 1 ? void 0 : e ? p(t, i) : t, r = o.length - 1, b; r >= 0; r--)
6
+ (b = o[r]) && (s = (e ? b(t, i, s) : b(s)) || s);
7
+ return e && s && h(t, i, s), s;
8
8
  };
9
9
  const m = (o) => {
10
- class t extends n(o) {
10
+ class t extends a(o) {
11
11
  constructor() {
12
12
  super(...arguments), this.indeterminate = !1, this._size = "m", this._group = null;
13
13
  }
@@ -40,13 +40,13 @@ const m = (o) => {
40
40
  this.indeterminate && (this.indeterminate = !1);
41
41
  }
42
42
  }
43
- return c([
44
- a({ type: Boolean })
45
- ], t.prototype, "indeterminate", 2), c([
46
- a({ reflect: !0 })
43
+ return n([
44
+ c({ type: Boolean })
45
+ ], t.prototype, "indeterminate", 2), n([
46
+ c({ reflect: !0 })
47
47
  ], t.prototype, "size", 1), t;
48
- }, g = l`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-checkbox-label-color: var(--sbb-color-charcoal);--sbb-checkbox-label-icon-color: var(--sbb-color-charcoal);--sbb-checkbox-cursor: pointer;--sbb-checkbox-label-gap: var(--sbb-spacing-fixed-2x)}:host(:disabled){--sbb-checkbox-cursor: default;--sbb-checkbox-label-color: var(--sbb-color-granite)}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host([size=s]) .sbb-checkbox{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;gap:var(--sbb-checkbox-label-gap);flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-body-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-body-text))}`;
48
+ }, u = l`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-checkbox-label-color: var(--sbb-color-charcoal);--sbb-checkbox-label-icon-color: var(--sbb-color-charcoal);--sbb-checkbox-cursor: pointer}:host(:disabled){--sbb-checkbox-cursor: default;--sbb-checkbox-label-color: var(--sbb-color-granite)}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host([size=s]) .sbb-checkbox{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-body-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-body-text))}`;
49
49
  export {
50
50
  m as SbbCheckboxCommonElementMixin,
51
- g as checkboxCommonStyle
51
+ u as checkboxCommonStyle
52
52
  };
@@ -1,8 +1,8 @@
1
1
  import { css as l, LitElement as d, html as p } from "lit";
2
2
  import { property as c, customElement as u } from "lit/decorators.js";
3
- const h = l`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:block}:host([color=white]){--sbb-container-background-color: var(--sbb-color-white)}:host([color=milk]){--sbb-container-background-color: var(--sbb-color-milk)}:host(:not([expanded])[background-expanded]){background-color:var(--sbb-container-background-color)}.sbb-container{background-color:var(--sbb-container-background-color)}.sbb-container:after,.sbb-container:before{content:" ";display:block;visibility:hidden;height:0}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-container{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-spacing-responsive-xxs)}`;
4
- var f = Object.defineProperty, x = Object.getOwnPropertyDescriptor, s = (n, e, t, a) => {
5
- for (var o = a > 1 ? void 0 : a ? x(e, t) : e, b = n.length - 1, i; b >= 0; b--)
3
+ const h = l`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:block}:host([color=white]){--sbb-container-background-color: var(--sbb-color-white)}:host([color=milk]){--sbb-container-background-color: var(--sbb-color-milk)}:host(:not([expanded])[background-expanded]){background-color:var(--sbb-container-background-color)}.sbb-container{background-color:var(--sbb-container-background-color)}.sbb-container:after,.sbb-container:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-container{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-spacing-responsive-xxs)}`;
4
+ var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (n, e, t, a) => {
5
+ for (var o = a > 1 ? void 0 : a ? v(e, t) : e, b = n.length - 1, i; b >= 0; b--)
6
6
  (i = n[b]) && (o = (a ? i(e, t, o) : i(o)) || o);
7
7
  return a && o && f(e, t, o), o;
8
8
  };