@sbb-esta/lyne-elements 2.0.1 → 2.0.2

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 (284) hide show
  1. package/accordion/accordion.d.ts +1 -2
  2. package/accordion/accordion.d.ts.map +1 -1
  3. package/accordion.js +39 -44
  4. package/alert/alert-group/alert-group.d.ts +1 -2
  5. package/alert/alert-group/alert-group.d.ts.map +1 -1
  6. package/alert/alert-group.js +29 -34
  7. package/autocomplete/autocomplete-base-element.d.ts +1 -0
  8. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  9. package/autocomplete/autocomplete.d.ts +1 -1
  10. package/autocomplete/autocomplete.d.ts.map +1 -1
  11. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +1 -1
  12. package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
  13. package/autocomplete-grid/autocomplete-grid.js +18 -22
  14. package/autocomplete.js +17 -18
  15. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +1 -2
  16. package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  17. package/breadcrumb/breadcrumb-group.js +26 -30
  18. package/button/common.js +4 -4
  19. package/calendar/calendar.d.ts +3 -3
  20. package/calendar/calendar.d.ts.map +1 -1
  21. package/checkbox/checkbox-group/checkbox-group.d.ts +1 -1
  22. package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  23. package/checkbox/checkbox-group.js +34 -36
  24. package/core/base-elements/button-base-element.d.ts +1 -1
  25. package/core/base-elements/button-base-element.d.ts.map +1 -1
  26. package/core/base-elements.js +1 -1
  27. package/core/controllers/connected-abort-controller.d.ts +4 -0
  28. package/core/controllers/connected-abort-controller.d.ts.map +1 -1
  29. package/core/eventing/forward-event.d.ts +7 -1
  30. package/core/eventing/forward-event.d.ts.map +1 -1
  31. package/core/eventing.js +14 -12
  32. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  33. package/core/mixins/form-associated-radio-button-mixin.d.ts +1 -0
  34. package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  35. package/core/mixins.js +28 -34
  36. package/core/styles/core.scss +13 -12
  37. package/core/styles/mixins/buttons.scss +1 -1
  38. package/core/styles/mixins/lists.scss +100 -35
  39. package/core.css +2 -1
  40. package/custom-elements.json +226 -366
  41. package/datepicker/common/datepicker-button.d.ts +1 -1
  42. package/datepicker/common/datepicker-button.d.ts.map +1 -1
  43. package/datepicker/common.js +24 -24
  44. package/datepicker/datepicker/datepicker.d.ts +1 -1
  45. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  46. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -2
  47. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  48. package/datepicker/datepicker-toggle.js +76 -75
  49. package/datepicker/datepicker.js +58 -60
  50. package/development/accordion/accordion.d.ts +1 -2
  51. package/development/accordion/accordion.d.ts.map +1 -1
  52. package/development/accordion.js +16 -23
  53. package/development/alert/alert-group/alert-group.d.ts +1 -2
  54. package/development/alert/alert-group/alert-group.d.ts.map +1 -1
  55. package/development/alert/alert-group.js +12 -17
  56. package/development/autocomplete/autocomplete-base-element.d.ts +1 -0
  57. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  58. package/development/autocomplete/autocomplete.d.ts +1 -1
  59. package/development/autocomplete/autocomplete.d.ts.map +1 -1
  60. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +1 -1
  61. package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
  62. package/development/autocomplete-grid/autocomplete-grid.js +9 -12
  63. package/development/autocomplete.js +12 -12
  64. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +1 -2
  65. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
  66. package/development/breadcrumb/breadcrumb-group.js +13 -17
  67. package/development/button/common.js +20 -6
  68. package/development/calendar/calendar.d.ts +3 -3
  69. package/development/calendar/calendar.d.ts.map +1 -1
  70. package/development/calendar.js +1 -1
  71. package/development/checkbox/checkbox-group/checkbox-group.d.ts +1 -1
  72. package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
  73. package/development/checkbox/checkbox-group.js +10 -15
  74. package/development/core/base-elements/button-base-element.d.ts +1 -1
  75. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  76. package/development/core/base-elements.js +2 -2
  77. package/development/core/controllers/connected-abort-controller.d.ts +4 -0
  78. package/development/core/controllers/connected-abort-controller.d.ts.map +1 -1
  79. package/development/core/controllers.js +1 -1
  80. package/development/core/eventing/forward-event.d.ts +7 -1
  81. package/development/core/eventing/forward-event.d.ts.map +1 -1
  82. package/development/core/eventing.js +5 -3
  83. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  84. package/development/core/mixins/form-associated-radio-button-mixin.d.ts +1 -0
  85. package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  86. package/development/core/mixins.js +9 -18
  87. package/development/datepicker/common/datepicker-button.d.ts +1 -1
  88. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  89. package/development/datepicker/common.js +6 -7
  90. package/development/datepicker/datepicker/datepicker.d.ts +1 -1
  91. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  92. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -2
  93. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  94. package/development/datepicker/datepicker-toggle.js +14 -14
  95. package/development/datepicker/datepicker.js +8 -11
  96. package/development/dialog/dialog/dialog.d.ts +1 -1
  97. package/development/dialog/dialog/dialog.d.ts.map +1 -1
  98. package/development/dialog/dialog-content/dialog-content.d.ts.map +1 -1
  99. package/development/dialog/dialog-content.js +3 -2
  100. package/development/dialog/dialog.js +7 -13
  101. package/development/expansion-panel/expansion-panel/expansion-panel.d.ts +1 -1
  102. package/development/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
  103. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -2
  104. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
  105. package/development/expansion-panel/expansion-panel-header.js +7 -11
  106. package/development/expansion-panel/expansion-panel.js +5 -7
  107. package/development/file-selector/common.js +3 -3
  108. package/development/flip-card/flip-card/flip-card.d.ts +1 -2
  109. package/development/flip-card/flip-card/flip-card.d.ts.map +1 -1
  110. package/development/flip-card/flip-card.js +12 -15
  111. package/development/footer/footer.d.ts +1 -1
  112. package/development/footer.js +2 -2
  113. package/development/form-field/form-field-clear/form-field-clear.d.ts +1 -1
  114. package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  115. package/development/form-field/form-field-clear.js +5 -6
  116. package/development/image/image.d.ts +2 -2
  117. package/development/image.js +1 -1
  118. package/development/map-container/map-container.d.ts.map +1 -1
  119. package/development/map-container.js +3 -2
  120. package/development/menu/menu/menu.d.ts +2 -1
  121. package/development/menu/menu/menu.d.ts.map +1 -1
  122. package/development/menu/menu.js +20 -13
  123. package/development/message.js +2 -1
  124. package/development/navigation/common/navigation-action-common.d.ts +1 -1
  125. package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
  126. package/development/navigation/common.js +11 -13
  127. package/development/navigation/navigation/navigation.d.ts +0 -1
  128. package/development/navigation/navigation/navigation.d.ts.map +1 -1
  129. package/development/navigation/navigation-section/navigation-section.d.ts +1 -0
  130. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  131. package/development/navigation/navigation-section.js +5 -6
  132. package/development/navigation/navigation.js +9 -10
  133. package/development/notification.js +2 -2
  134. package/development/option/option/option-base-element.d.ts +1 -1
  135. package/development/option/option/option-base-element.d.ts.map +1 -1
  136. package/development/option/option.js +17 -21
  137. package/development/overlay/overlay-base-element.d.ts +1 -0
  138. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  139. package/development/overlay.js +4 -4
  140. package/development/popover/popover/popover.d.ts.map +1 -1
  141. package/development/popover/popover.js +6 -3
  142. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  143. package/development/radio-button/common.js +11 -11
  144. package/development/radio-button/radio-button-group/radio-button-group.d.ts +3 -3
  145. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  146. package/development/radio-button/radio-button-group.js +5 -9
  147. package/development/select/select.d.ts +5 -2
  148. package/development/select/select.d.ts.map +1 -1
  149. package/development/select.js +59 -34
  150. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +1 -1
  151. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  152. package/development/selection-expansion-panel.js +6 -8
  153. package/development/slider/slider.d.ts +1 -2
  154. package/development/slider/slider.d.ts.map +1 -1
  155. package/development/slider.js +6 -8
  156. package/development/stepper/step/step.d.ts +5 -5
  157. package/development/stepper/step/step.d.ts.map +1 -1
  158. package/development/stepper/step-label/step-label.d.ts +1 -1
  159. package/development/stepper/step-label/step-label.d.ts.map +1 -1
  160. package/development/stepper/step-label.js +12 -14
  161. package/development/stepper/step.js +8 -10
  162. package/development/stepper/stepper/stepper.d.ts +9 -8
  163. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  164. package/development/stepper/stepper.js +28 -27
  165. package/development/tabs/tab-group/tab-group.d.ts +1 -2
  166. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  167. package/development/tabs/tab-group.js +9 -14
  168. package/development/tag/tag/tag.d.ts +1 -1
  169. package/development/tag/tag/tag.d.ts.map +1 -1
  170. package/development/tag/tag-group/tag-group.d.ts +1 -1
  171. package/development/tag/tag-group/tag-group.d.ts.map +1 -1
  172. package/development/tag/tag-group.js +1 -1
  173. package/development/tag/tag.js +5 -6
  174. package/development/teaser-hero.js +6 -2
  175. package/development/time-input/time-input.d.ts +1 -1
  176. package/development/time-input/time-input.d.ts.map +1 -1
  177. package/development/time-input.js +6 -4
  178. package/development/toast/toast.d.ts +1 -1
  179. package/development/toast/toast.d.ts.map +1 -1
  180. package/development/toast.js +6 -7
  181. package/development/toggle/toggle/toggle.d.ts +1 -1
  182. package/development/toggle/toggle/toggle.d.ts.map +1 -1
  183. package/development/toggle/toggle-option/toggle-option.d.ts +1 -1
  184. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  185. package/development/toggle/toggle-option.js +9 -13
  186. package/development/toggle/toggle.js +6 -8
  187. package/development/train/train-formation/train-formation.d.ts +1 -2
  188. package/development/train/train-formation/train-formation.d.ts.map +1 -1
  189. package/development/train/train-formation.js +8 -12
  190. package/dialog/dialog/dialog.d.ts +1 -1
  191. package/dialog/dialog/dialog.d.ts.map +1 -1
  192. package/dialog/dialog-content/dialog-content.d.ts.map +1 -1
  193. package/dialog/dialog-content.js +8 -7
  194. package/dialog/dialog.js +36 -42
  195. package/expansion-panel/expansion-panel/expansion-panel.d.ts +1 -1
  196. package/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
  197. package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -2
  198. package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
  199. package/expansion-panel/expansion-panel-header.js +29 -33
  200. package/expansion-panel/expansion-panel.js +58 -60
  201. package/file-selector/common.js +5 -5
  202. package/flip-card/flip-card/flip-card.d.ts +1 -2
  203. package/flip-card/flip-card/flip-card.d.ts.map +1 -1
  204. package/flip-card/flip-card.js +34 -36
  205. package/footer/footer.d.ts +1 -1
  206. package/footer.js +1 -1
  207. package/form-field/form-field-clear/form-field-clear.d.ts +1 -1
  208. package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
  209. package/form-field/form-field-clear.js +10 -11
  210. package/image/image.d.ts +2 -2
  211. package/lists.css +46 -62
  212. package/map-container/map-container.d.ts.map +1 -1
  213. package/map-container.js +22 -21
  214. package/menu/menu/menu.d.ts +2 -1
  215. package/menu/menu/menu.d.ts.map +1 -1
  216. package/menu/menu.js +84 -77
  217. package/message.js +12 -12
  218. package/navigation/common/navigation-action-common.d.ts +1 -1
  219. package/navigation/common/navigation-action-common.d.ts.map +1 -1
  220. package/navigation/common.js +24 -26
  221. package/navigation/navigation/navigation.d.ts +0 -1
  222. package/navigation/navigation/navigation.d.ts.map +1 -1
  223. package/navigation/navigation-section/navigation-section.d.ts +1 -0
  224. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  225. package/navigation/navigation-section.js +35 -36
  226. package/navigation/navigation.js +64 -65
  227. package/notification.js +1 -1
  228. package/option/option/option-base-element.d.ts +1 -1
  229. package/option/option/option-base-element.d.ts.map +1 -1
  230. package/option/option.js +125 -125
  231. package/overlay/overlay-base-element.d.ts +1 -0
  232. package/overlay/overlay-base-element.d.ts.map +1 -1
  233. package/overlay.js +35 -35
  234. package/package.json +1 -1
  235. package/popover/popover/popover.d.ts.map +1 -1
  236. package/popover/popover.js +6 -3
  237. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  238. package/radio-button/common.js +13 -14
  239. package/radio-button/radio-button-group/radio-button-group.d.ts +3 -3
  240. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  241. package/radio-button/radio-button-group.js +20 -24
  242. package/select/select.d.ts +5 -2
  243. package/select/select.d.ts.map +1 -1
  244. package/select.js +96 -84
  245. package/selection-expansion-panel/selection-expansion-panel.d.ts +1 -1
  246. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  247. package/selection-expansion-panel.js +17 -18
  248. package/slider/slider.d.ts +1 -2
  249. package/slider/slider.d.ts.map +1 -1
  250. package/slider.js +23 -25
  251. package/standard-theme.css +48 -63
  252. package/stepper/step/step.d.ts +5 -5
  253. package/stepper/step/step.d.ts.map +1 -1
  254. package/stepper/step-label/step-label.d.ts +1 -1
  255. package/stepper/step-label/step-label.d.ts.map +1 -1
  256. package/stepper/step-label.js +16 -18
  257. package/stepper/step.js +22 -24
  258. package/stepper/stepper/stepper.d.ts +9 -8
  259. package/stepper/stepper/stepper.d.ts.map +1 -1
  260. package/stepper/stepper.js +57 -58
  261. package/tabs/tab-group/tab-group.d.ts +1 -2
  262. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  263. package/tabs/tab-group.js +83 -88
  264. package/tag/tag/tag.d.ts +1 -1
  265. package/tag/tag/tag.d.ts.map +1 -1
  266. package/tag/tag-group/tag-group.d.ts +1 -1
  267. package/tag/tag-group/tag-group.d.ts.map +1 -1
  268. package/tag/tag.js +30 -30
  269. package/teaser-hero.js +19 -19
  270. package/time-input/time-input.d.ts +1 -1
  271. package/time-input/time-input.d.ts.map +1 -1
  272. package/time-input.js +7 -5
  273. package/toast/toast.d.ts +1 -1
  274. package/toast/toast.d.ts.map +1 -1
  275. package/toast.js +32 -33
  276. package/toggle/toggle/toggle.d.ts +1 -1
  277. package/toggle/toggle/toggle.d.ts.map +1 -1
  278. package/toggle/toggle-option/toggle-option.d.ts +1 -1
  279. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  280. package/toggle/toggle-option.js +31 -35
  281. package/toggle/toggle.js +31 -33
  282. package/train/train-formation/train-formation.d.ts +1 -2
  283. package/train/train-formation/train-formation.d.ts.map +1 -1
  284. package/train/train-formation.js +35 -39
@@ -1 +1 @@
1
- {"version":3,"file":"form-field-clear.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field-clear/form-field-clear.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AASnE,OAAO,eAAe,CAAC;;AAEvB;;GAEG;AACH,qBAKM,wBAAyB,SAAQ,6BAAsC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;YAW3B,YAAY;cAWP,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAMzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}
1
+ {"version":3,"file":"form-field-clear.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field-clear/form-field-clear.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AASnE,OAAO,eAAe,CAAC;;AAEvB;;GAEG;AACH,qBAKM,wBAAyB,SAAQ,6BAAsC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAmC;;IAOpC,iBAAiB,IAAI,IAAI;YAS3B,YAAY;cAWP,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAMzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}
@@ -2,25 +2,24 @@ import { __esDecorate as l, __runInitializers as d } from "tslib";
2
2
  import { css as c, html as u } from "lit";
3
3
  import { customElement as v } from "lit/decorators.js";
4
4
  import { SbbButtonBaseElement as m } from "../core/base-elements.js";
5
- import { SbbConnectedAbortController as f, SbbLanguageController as h } from "../core/controllers.js";
6
- import { hostAttributes as g } from "../core/decorators.js";
5
+ import { SbbLanguageController as f } from "../core/controllers.js";
6
+ import { hostAttributes as h } from "../core/decorators.js";
7
7
  import { i18nClearInput as p } from "../core/i18n.js";
8
- import { SbbNegativeMixin as k } from "../core/mixins.js";
8
+ import { SbbNegativeMixin as g } from "../core/mixins.js";
9
9
  import "../icon.js";
10
- const y = c`*,: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-duration, 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-form-field-clear{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-form-field-clear: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}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-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear: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-form-field-clear: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],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-active-background)}`;
10
+ const k = c`*,: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-duration, 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-form-field-clear{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-form-field-clear: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}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-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear: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-form-field-clear: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],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-active-background)}`;
11
11
  let I = (() => {
12
12
  var r;
13
- let n = [v("sbb-form-field-clear"), g({
13
+ let n = [v("sbb-form-field-clear"), h({
14
14
  slot: "suffix"
15
- })], a, b = [], o, e = k(m);
15
+ })], a, b = [], o, e = g(m);
16
16
  return r = class extends e {
17
17
  constructor() {
18
- super(...arguments), this._abort = new f(this), this._language = new h(this);
18
+ var t;
19
+ super(), this._language = new f(this), (t = this.addEventListener) == null || t.call(this, "click", () => this._handleClick());
19
20
  }
20
21
  connectedCallback() {
21
- super.connectedCallback();
22
- const t = this._abort.signal;
23
- this.addEventListener("click", () => this._handleClick(), { signal: t }), this._formField = this.closest("sbb-form-field, [data-form-field]"), this._formField && (this.negative = this._formField.hasAttribute("negative"));
22
+ super.connectedCallback(), this._formField = this.closest("sbb-form-field, [data-form-field]"), this._formField && (this.negative = this._formField.hasAttribute("negative"));
24
23
  }
25
24
  async _handleClick() {
26
25
  var i, s;
@@ -36,7 +35,7 @@ let I = (() => {
36
35
  }, o = r, (() => {
37
36
  const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
38
37
  l(null, a = { value: o }, n, { kind: "class", name: o.name, metadata: t }, null, b), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
39
- })(), r.styles = y, d(o, b), o;
38
+ })(), r.styles = k, d(o, b), o;
40
39
  })();
41
40
  export {
42
41
  I as SbbFormFieldClearElement
package/image/image.d.ts CHANGED
@@ -25,8 +25,8 @@ export interface InterfaceImageAttributesSizesConfigMediaQuery {
25
25
  * @cssprop [--sbb-image-aspect-ratio=auto] - Can be used to override `aspectRatio` property.
26
26
  * This way we can have, for example, an image component with an aspect
27
27
  * ratio of 4/3 in smaller viewports and 16/9 in larger viewports.
28
- * @cssprop [--sbb-image-object-position] - Can be used to set the object-position css property of the image itself if the image itself is cropped.
29
- * @cssprop [--sbb-image-object-fit=cover] - Can be used to set the object-fit css property of the image itself if the image itself is cropped.
28
+ * @cssprop [--sbb-image-object-position] - Can be used to set the object-position CSS property of the image itself if the image itself is cropped.
29
+ * @cssprop [--sbb-image-object-fit=cover] - Can be used to set the object-fit CSS property of the image itself if the image itself is cropped.
30
30
  */
31
31
  export declare class SbbImageElement extends LitElement {
32
32
  static styles: CSSResultGroup;
package/lists.css CHANGED
@@ -67,10 +67,27 @@
67
67
  --sbb-step-list-dimensions: 2.125rem;
68
68
  --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
69
69
  --sbb-step-list-to-text-gap: var(--sbb-spacing-responsive-xxxs);
70
- --sbb-step-list-text-to-marker-block-offset: calc(0.5 * (var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size)));
70
+ --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
71
+ --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
72
+ --sbb-step-list-border-radius: var(--sbb-border-radius-4x);
73
+ --sbb-step-list-text-to-marker-block-offset: calc(
74
+ 0.5 *
75
+ (
76
+ var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-body-text) *
77
+ var(--sbb-text-font-size)
78
+ )
79
+ );
71
80
  list-style: none;
72
81
  margin: 0;
73
82
  padding: 0;
83
+ counter-reset: steps;
84
+ color: var(--sbb-color-iron);
85
+ }
86
+ .sbb-step-list:where(.sbb-text-s) {
87
+ --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
88
+ }
89
+ .sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
90
+ --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
74
91
  }
75
92
  @media (min-width: calc(52.5rem)) {
76
93
  .sbb-step-list:where(.sbb-text-xl) {
@@ -79,8 +96,11 @@
79
96
  }
80
97
  .sbb-step-list > li {
81
98
  position: relative;
99
+ counter-increment: steps;
100
+ background-color: var(--sbb-color-milk);
101
+ padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
82
102
  padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
83
- min-height: var(--sbb-step-list-dimensions);
103
+ min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
84
104
  }
85
105
  .sbb-step-list > li::before {
86
106
  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
@@ -90,11 +110,17 @@
90
110
  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
91
111
  font-size: var(--sbb-text-font-size);
92
112
  font-weight: bold;
113
+ content: counter(steps);
93
114
  position: absolute;
115
+ display: flex;
116
+ align-items: center;
117
+ justify-content: center;
94
118
  height: var(--sbb-step-list-dimensions);
95
119
  width: var(--sbb-step-list-dimensions);
96
120
  margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
97
121
  inset-inline-start: var(--sbb-step-list-padding-inline);
122
+ color: var(--sbb-color-charcoal);
123
+ border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
98
124
  border-radius: 50%;
99
125
  }
100
126
  .sbb-step-list > li + li {
@@ -106,34 +132,6 @@
106
132
  .sbb-step-list > li > * + p {
107
133
  margin-block-start: var(--sbb-spacing-responsive-xxxs);
108
134
  }
109
- .sbb-step-list {
110
- --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
111
- --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
112
- --sbb-step-list-border-radius: var(--sbb-border-radius-4x);
113
- counter-reset: steps;
114
- color: var(--sbb-color-iron);
115
- }
116
- .sbb-step-list:where(.sbb-text-s) {
117
- --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
118
- }
119
- .sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
120
- --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
121
- }
122
- .sbb-step-list > li {
123
- counter-increment: steps;
124
- background-color: var(--sbb-color-milk);
125
- padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
126
- padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
127
- min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
128
- }
129
- .sbb-step-list > li::before {
130
- content: counter(steps);
131
- display: flex;
132
- align-items: center;
133
- justify-content: center;
134
- border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
135
- color: var(--sbb-color-charcoal);
136
- }
137
135
  .sbb-step-list > li:first-of-type {
138
136
  border-start-start-radius: var(--sbb-step-list-border-radius);
139
137
  border-start-end-radius: var(--sbb-step-list-border-radius);
@@ -144,39 +142,27 @@
144
142
  }
145
143
 
146
144
  .sbb-icon-list {
147
- --sbb-icon-list-dimensions: 2.125rem;
148
- --sbb-icon-list-padding-inline: var(--sbb-spacing-responsive-xxs);
149
- --sbb-icon-list-to-text-gap: var(--sbb-spacing-responsive-xxxs);
150
- --sbb-icon-list-text-to-marker-block-offset: calc(0.5 * (var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size)));
145
+ --sbb-icon-list-marker-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.104 13.305 5-6.5-.792-.61-4.69 6.096-2.102-1.681-.624.78 2.5 2 .398.319z" clip-rule="evenodd"></path></svg>');
146
+ --sbb-icon-list-marker-icon-color: currentcolor;
147
+ --sbb-icon-list-vertical-gap: var(--sbb-spacing-fixed-2x);
148
+ --sbb-icon-list-dimensions: var(--sbb-size-icon-ui-small);
149
+ --sbb-icon-list-to-text-gap: var(--sbb-spacing-fixed-2x);
150
+ --sbb-icon-list-text-to-marker-block-offset: calc(
151
+ 0.5 *
152
+ (
153
+ var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-body-text) *
154
+ var(--sbb-text-font-size)
155
+ )
156
+ );
151
157
  list-style: none;
152
158
  margin: 0;
153
159
  padding: 0;
154
160
  }
155
- @media (min-width: calc(52.5rem)) {
156
- .sbb-icon-list:where(.sbb-text-xl) {
157
- --sbb-icon-list-dimensions: 2.5625rem;
158
- }
159
- }
160
161
  .sbb-icon-list > li {
161
162
  position: relative;
162
- padding-inline: calc(var(--sbb-icon-list-padding-inline) + var(--sbb-icon-list-dimensions) + var(--sbb-icon-list-to-text-gap)) var(--sbb-icon-list-padding-inline);
163
+ padding-inline: calc(var(--sbb-icon-list-dimensions) + var(--sbb-icon-list-to-text-gap)) 0;
163
164
  min-height: var(--sbb-icon-list-dimensions);
164
165
  }
165
- .sbb-icon-list > li::before {
166
- --sbb-text-font-size: var(--sbb-font-size-text-xxs);
167
- font-family: var(--sbb-typo-font-family);
168
- font-weight: normal;
169
- line-height: var(--sbb-typo-line-height-body-text);
170
- letter-spacing: var(--sbb-typo-letter-spacing-body-text);
171
- font-size: var(--sbb-text-font-size);
172
- font-weight: bold;
173
- position: absolute;
174
- height: var(--sbb-icon-list-dimensions);
175
- width: var(--sbb-icon-list-dimensions);
176
- margin-block-start: calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));
177
- inset-inline-start: var(--sbb-icon-list-padding-inline);
178
- border-radius: 50%;
179
- }
180
166
  .sbb-icon-list > li + li {
181
167
  margin-block-start: var(--sbb-icon-list-vertical-gap);
182
168
  }
@@ -186,15 +172,13 @@
186
172
  .sbb-icon-list > li > * + p {
187
173
  margin-block-start: var(--sbb-spacing-responsive-xxxs);
188
174
  }
189
- .sbb-icon-list {
190
- --sbb-icon-list-marker-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.104 13.305 5-6.5-.792-.61-4.69 6.096-2.102-1.681-.624.78 2.5 2 .398.319z" clip-rule="evenodd"></path></svg>');
191
- --sbb-icon-list-marker-icon-color: currentcolor;
192
- --sbb-icon-list-vertical-gap: var(--sbb-spacing-fixed-2x);
193
- --sbb-icon-list-dimensions: var(--sbb-size-icon-ui-small);
194
- --sbb-icon-list-to-text-gap: var(--sbb-spacing-fixed-2x);
195
- }
196
175
  .sbb-icon-list > li::before {
197
176
  content: "";
177
+ position: absolute;
178
+ width: var(--sbb-icon-list-dimensions);
179
+ height: var(--sbb-icon-list-dimensions);
180
+ margin-block-start: calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));
181
+ inset-inline-start: 0;
198
182
  background-color: var(--sbb-icon-list-marker-icon-color);
199
183
  mask-image: var(--sbb-icon-list-marker-icon);
200
184
  mask-repeat: no-repeat;
@@ -1 +1 @@
1
- {"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAShD,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,qBAEM,sBAAuB,SAAQ,UAAU;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEzD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;CA2B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
1
+ {"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAUhD,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,qBAEM,sBAAuB,SAAQ,UAAU;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEzD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;CA2B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
package/map-container.js CHANGED
@@ -6,37 +6,38 @@ var m = (a, i, o) => (y(a, i, "read from private field"), o ? o.call(a) : i.get(
6
6
  import { __runInitializers as d, __esDecorate as u } from "tslib";
7
7
  import { IntersectionController as x } from "@lit-labs/observers/intersection-controller.js";
8
8
  import { css as S, html as U, nothing as V, LitElement as z } from "lit";
9
- import { customElement as I, property as C, state as E } from "lit/decorators.js";
10
- import { SbbLanguageController as O } from "./core/controllers.js";
11
- import { forceType as $ } from "./core/decorators.js";
12
- import { i18nMapContainerButtonLabel as D } from "./core/i18n.js";
9
+ import { customElement as I, property as E, state as C } from "lit/decorators.js";
10
+ import { SbbLanguageController as $ } from "./core/controllers.js";
11
+ import { forceType as O } from "./core/decorators.js";
12
+ import { forwardEvent as D } from "./core/eventing.js";
13
+ import { i18nMapContainerButtonLabel as L } from "./core/i18n.js";
13
14
  import "./button/accent-button.js";
14
- const L = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );--sbb-map-container-mobile-sticky-block-start: 0}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start);height:var(--sbb-map-container-map-height)}}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
15
- let J = (() => {
16
- var b, n, e;
17
- let a = [I("sbb-map-container")], i, o = [], s, h = z, _, v = [], g = [], w, f = [], k = [];
15
+ const j = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );--sbb-map-container-mobile-sticky-block-start: 0}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start);height:var(--sbb-map-container-map-height)}}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
16
+ let N = (() => {
17
+ var n, b, e;
18
+ let a = [I("sbb-map-container")], i, o = [], s, h = z, v, _ = [], g = [], w, f = [], k = [];
18
19
  return e = class extends h {
19
20
  constructor() {
20
21
  super(...arguments);
21
- p(this, b);
22
22
  p(this, n);
23
- c(this, b, d(this, v, !1)), c(this, n, (d(this, g), d(this, f, !1))), this._language = (d(this, k), new O(this)), this._observer = new x(this, {
23
+ p(this, b);
24
+ c(this, n, d(this, _, !1)), c(this, b, (d(this, g), d(this, f, !1))), this._language = (d(this, k), new $(this)), this._observer = new x(this, {
24
25
  target: null,
25
26
  callback: (r) => this._toggleButtonVisibilityOnIntersect(r)
26
27
  });
27
28
  }
28
29
  /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
29
30
  get hideScrollUpButton() {
30
- return m(this, b);
31
+ return m(this, n);
31
32
  }
32
33
  set hideScrollUpButton(r) {
33
- c(this, b, r);
34
+ c(this, n, r);
34
35
  }
35
36
  get _scrollUpButtonVisible() {
36
- return m(this, n);
37
+ return m(this, b);
37
38
  }
38
39
  set _scrollUpButtonVisible(r) {
39
- c(this, n, r);
40
+ c(this, b, r);
40
41
  }
41
42
  willUpdate(r) {
42
43
  if (super.willUpdate(r), r.has("hideScrollUpButton")) {
@@ -75,7 +76,7 @@ let J = (() => {
75
76
  <div class="sbb-map-container__map">
76
77
  <slot name="map"></slot>
77
78
  </div>
78
- <div class="sbb-map-container__sidebar">
79
+ <div class="sbb-map-container__sidebar" @scroll=${(r) => D(r, document)}>
79
80
  <span id="intersector"></span>
80
81
 
81
82
  <slot></slot>
@@ -88,21 +89,21 @@ let J = (() => {
88
89
  @click=${() => this._onScrollButtonClick()}
89
90
  ?inert=${!this._scrollUpButtonVisible}
90
91
  >
91
- ${D[this._language.current]}
92
+ ${L[this._language.current]}
92
93
  </sbb-accent-button>`}
93
94
  </div>
94
95
  </div>
95
96
  `;
96
97
  }
97
- }, b = new WeakMap(), n = new WeakMap(), s = e, (() => {
98
+ }, n = new WeakMap(), b = new WeakMap(), s = e, (() => {
98
99
  const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
99
- _ = [$(), C({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })], w = [E()], u(e, null, _, { kind: "accessor", name: "hideScrollUpButton", static: !1, private: !1, access: { has: (t) => "hideScrollUpButton" in t, get: (t) => t.hideScrollUpButton, set: (t, l) => {
100
+ v = [O(), E({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })], w = [C()], u(e, null, v, { kind: "accessor", name: "hideScrollUpButton", static: !1, private: !1, access: { has: (t) => "hideScrollUpButton" in t, get: (t) => t.hideScrollUpButton, set: (t, l) => {
100
101
  t.hideScrollUpButton = l;
101
- } }, metadata: r }, v, g), u(e, null, w, { kind: "accessor", name: "_scrollUpButtonVisible", static: !1, private: !1, access: { has: (t) => "_scrollUpButtonVisible" in t, get: (t) => t._scrollUpButtonVisible, set: (t, l) => {
102
+ } }, metadata: r }, _, g), u(e, null, w, { kind: "accessor", name: "_scrollUpButtonVisible", static: !1, private: !1, access: { has: (t) => "_scrollUpButtonVisible" in t, get: (t) => t._scrollUpButtonVisible, set: (t, l) => {
102
103
  t._scrollUpButtonVisible = l;
103
104
  } }, metadata: r }, f, k), u(null, i = { value: s }, a, { kind: "class", name: s.name, metadata: r }, null, o), s = i.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
104
- })(), e.styles = L, d(s, o), s;
105
+ })(), e.styles = j, d(s, o), s;
105
106
  })();
106
107
  export {
107
- J as SbbMapContainerElement
108
+ N as SbbMapContainerElement
108
109
  };
@@ -35,11 +35,11 @@ export declare class SbbMenuElement extends SbbMenuElement_base {
35
35
  private _isPointerDownEventOnMenu;
36
36
  private _menuController;
37
37
  private _windowEventsController;
38
- private _abort;
39
38
  private _focusHandler;
40
39
  private _scrollHandler;
41
40
  private _inertController;
42
41
  private _mediaMatcher;
42
+ constructor();
43
43
  /**
44
44
  * Opens the menu on trigger click.
45
45
  */
@@ -58,6 +58,7 @@ export declare class SbbMenuElement extends SbbMenuElement_base {
58
58
  private _handleKeyDown;
59
59
  private _onKeydownEvent;
60
60
  private _removeTriggerClickListener;
61
+ protected createRenderRoot(): HTMLElement | DocumentFragment;
61
62
  connectedCallback(): void;
62
63
  disconnectedCallback(): void;
63
64
  private _checkListCase;
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAoBtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBAEM,cAAe,SAAQ,mBAGH;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAQlB;IAEH;;OAEG;IACI,IAAI,IAAI,IAAI;IAyBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAmBpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAqBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAoBtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBAEM,cAAe,SAAQ,mBAGH;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAQlB;;IAQH;;OAEG;IACI,IAAI,IAAI,IAAI;IAyBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAmBpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAqBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;cAWhB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAWrD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}