@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
package/tag/tag.js CHANGED
@@ -2,46 +2,46 @@ var B = (a) => {
2
2
  throw TypeError(a);
3
3
  };
4
4
  var D = (a, s, o) => s.has(a) || B("Cannot " + o);
5
- var u = (a, s, o) => (D(a, s, "read from private field"), o ? o.call(a) : s.get(a)), v = (a, s, o) => s.has(a) ? B("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, o), n = (a, s, o, r) => (D(a, s, "write to private field"), r ? r.call(a, o) : s.set(a, o), o);
6
- import { __runInitializers as c, __esDecorate as f } from "tslib";
7
- import { css as G, html as H } from "lit";
8
- import { customElement as O, property as p } from "lit/decorators.js";
9
- import { SbbButtonBaseElement as $ } from "../core/base-elements.js";
10
- import { SbbConnectedAbortController as j } from "../core/controllers.js";
11
- import { slotState as L, forceType as A, omitEmptyConverter as M, getOverride as U } from "../core/decorators.js";
12
- import { isLean as Y } from "../core/dom.js";
5
+ var m = (a, s, o) => (D(a, s, "read from private field"), o ? o.call(a) : s.get(a)), v = (a, s, o) => s.has(a) ? B("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, o), n = (a, s, o, r) => (D(a, s, "write to private field"), r ? r.call(a, o) : s.set(a, o), o);
6
+ import { __esDecorate as f, __runInitializers as c } from "tslib";
7
+ import { css as H, html as O } from "lit";
8
+ import { customElement as $, property as p } from "lit/decorators.js";
9
+ import { SbbButtonBaseElement as j } from "../core/base-elements.js";
10
+ import { slotState as A, forceType as G, omitEmptyConverter as L, getOverride as M } from "../core/decorators.js";
11
+ import { isLean as U } from "../core/dom.js";
13
12
  import { EventEmitter as x } from "../core/eventing.js";
14
- import { SbbDisabledTabIndexActionMixin as N } from "../core/mixins.js";
15
- import { SbbIconNameMixin as q } from "../icon.js";
16
- const F = G`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-color-white);--sbb-tag-border-color: var(--sbb-color-cloud);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-charcoal);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([checked]){--sbb-tag-border-color: var(--sbb-color-charcoal);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media (forced-colors: active){:host([checked]){--sbb-tag-border-color: Highlight !important}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-style: dashed}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal)}@media (any-hover: hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media (any-hover: hover) and (forced-colors: active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-iron)}@media (forced-colors: active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--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);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:pointer;border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-tag:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}:host(:disabled,[disabled-interactive]) .sbb-tag{cursor:unset;pointer-events:none}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-body-text) * 1em);flex-shrink:0}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--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-tag-amount-color)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
17
- let st = (() => {
13
+ import { SbbDisabledTabIndexActionMixin as Y } from "../core/mixins.js";
14
+ import { SbbIconNameMixin as N } from "../icon.js";
15
+ const q = H`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-color-white);--sbb-tag-border-color: var(--sbb-color-cloud);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-charcoal);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([checked]){--sbb-tag-border-color: var(--sbb-color-charcoal);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media (forced-colors: active){:host([checked]){--sbb-tag-border-color: Highlight !important}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-style: dashed}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal)}@media (any-hover: hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media (any-hover: hover) and (forced-colors: active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-color-milk);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-iron)}@media (forced-colors: active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--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);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:pointer;border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-tag:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}:host(:disabled,[disabled-interactive]) .sbb-tag{cursor:unset;pointer-events:none}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-body-text) * 1em);flex-shrink:0}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--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-tag-amount-color)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
16
+ let et = (() => {
18
17
  var l, d, h, i;
19
- let a = [O("sbb-tag"), L()], s, o = [], r, _ = q(N($)), k, y = [], w = [], z, C = [], S = [], T, E = [], I = [];
20
- var m = (i = class extends _ {
18
+ let a = [$("sbb-tag"), A()], s, o = [], r, _ = N(Y(j)), k, y = [], w = [], z, T = [], C = [], S, E = [], I = [];
19
+ var u = (i = class extends _ {
21
20
  constructor() {
22
- super(...arguments);
21
+ var e;
22
+ super();
23
23
  v(this, l);
24
24
  v(this, d);
25
25
  v(this, h);
26
- n(this, l, c(this, y, "")), n(this, d, (c(this, w), c(this, C, !1))), n(this, h, (c(this, S), c(this, E, Y() ? "s" : "m"))), this._group = (c(this, I), null), this._input = new x(this, m.events.input, {
26
+ n(this, l, c(this, y, "")), n(this, d, (c(this, w), c(this, T, !1))), n(this, h, (c(this, C), c(this, E, U() ? "s" : "m"))), this._group = (c(this, I), null), this._input = new x(this, u.events.input, {
27
27
  bubbles: !0,
28
28
  composed: !0
29
- }), this._didChange = new x(this, m.events.didChange, {
29
+ }), this._didChange = new x(this, u.events.didChange, {
30
30
  bubbles: !0
31
- }), this._change = new x(this, m.events.change, {
31
+ }), this._change = new x(this, u.events.change, {
32
32
  bubbles: !0
33
- }), this._abort = new j(this);
33
+ }), (e = this.addEventListener) == null || e.call(this, "click", () => this._handleClick());
34
34
  }
35
35
  /** Amount displayed inside the tag. */
36
36
  get amount() {
37
- return u(this, l);
37
+ return m(this, l);
38
38
  }
39
39
  set amount(e) {
40
40
  n(this, l, e);
41
41
  }
42
42
  /** Whether the tag is checked. */
43
43
  get checked() {
44
- return u(this, d);
44
+ return m(this, d);
45
45
  }
46
46
  set checked(e) {
47
47
  n(this, d, e);
@@ -51,13 +51,13 @@ let st = (() => {
51
51
  * @default 'm' / 's' (lean)
52
52
  */
53
53
  get size() {
54
- return u(this, h);
54
+ return m(this, h);
55
55
  }
56
56
  set size(e) {
57
57
  n(this, h, e);
58
58
  }
59
59
  connectedCallback() {
60
- super.connectedCallback(), this._group = this.closest("sbb-tag-group"), this.addEventListener("click", () => this._handleClick(), { signal: this._abort.signal });
60
+ super.connectedCallback(), this._group = this.closest("sbb-tag-group");
61
61
  }
62
62
  /** Method triggered on button click. Inverts the checked value and emits events. */
63
63
  _handleClick() {
@@ -73,7 +73,7 @@ let st = (() => {
73
73
  t && !t.multiple && e.has("checked") && this.checked && (t == null || t.tags.filter((g) => g !== this).forEach((g) => g.checked = !1));
74
74
  }
75
75
  renderTemplate() {
76
- return H`
76
+ return O`
77
77
  <span class="sbb-tag__icon sbb-tag--shift"> ${this.renderIconSlot()} </span>
78
78
  <span class="sbb-tag__text sbb-tag--shift">
79
79
  <slot></slot>
@@ -85,23 +85,23 @@ let st = (() => {
85
85
  }
86
86
  }, l = new WeakMap(), d = new WeakMap(), h = new WeakMap(), r = i, (() => {
87
87
  const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
88
- k = [A(), p({ reflect: !0, converter: M })], z = [A(), p({ reflect: !0, type: Boolean })], T = [p({ reflect: !0 }), U((t, b) => {
88
+ k = [G(), p({ reflect: !0, converter: L })], z = [G(), p({ reflect: !0, type: Boolean })], S = [p({ reflect: !0 }), M((t, b) => {
89
89
  var g;
90
90
  return ((g = t._group) == null ? void 0 : g.size) ?? b;
91
91
  })], f(i, null, k, { kind: "accessor", name: "amount", static: !1, private: !1, access: { has: (t) => "amount" in t, get: (t) => t.amount, set: (t, b) => {
92
92
  t.amount = b;
93
93
  } }, metadata: e }, y, w), f(i, null, z, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, get: (t) => t.checked, set: (t, b) => {
94
94
  t.checked = b;
95
- } }, metadata: e }, C, S), f(i, null, T, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, b) => {
95
+ } }, metadata: e }, T, C), f(i, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, b) => {
96
96
  t.size = b;
97
- } }, metadata: e }, E, I), f(null, s = { value: r }, a, { kind: "class", name: r.name, metadata: e }, null, o), m = r = s.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
98
- })(), i.styles = F, i.events = {
97
+ } }, metadata: e }, E, I), f(null, s = { value: r }, a, { kind: "class", name: r.name, metadata: e }, null, o), u = r = s.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
98
+ })(), i.styles = q, i.events = {
99
99
  input: "input",
100
100
  didChange: "didChange",
101
101
  change: "change"
102
102
  }, c(r, o), i);
103
- return m = r;
103
+ return u = r;
104
104
  })();
105
105
  export {
106
- st as SbbTagElement
106
+ et as SbbTagElement
107
107
  };
package/teaser-hero.js CHANGED
@@ -3,40 +3,40 @@ var m = (e) => {
3
3
  };
4
4
  var g = (e, t, a) => t.has(e) || m("Cannot " + a);
5
5
  var d = (e, t, a) => (g(e, t, "read from private field"), a ? a.call(e) : t.get(e)), u = (e, t, a) => t.has(e) ? m("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), v = (e, t, a, n) => (g(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
6
- import { __esDecorate as f, __runInitializers as l } from "tslib";
6
+ import { __esDecorate as f, __runInitializers as r } from "tslib";
7
7
  import { css as y, nothing as x } from "lit";
8
8
  import { customElement as C, property as w } from "lit/decorators.js";
9
- import { html as k } from "lit/static-html.js";
9
+ import { html as _ } from "lit/static-html.js";
10
10
  import { SbbLinkBaseElement as z } from "./core/base-elements.js";
11
11
  import { slotState as S, forceType as E, omitEmptyConverter as T } from "./core/decorators.js";
12
12
  import "./link/block-link-static.js";
13
- const j = y`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-white);--sbb-panel-background-color: var(--sbb-color-red-alpha-90);--sbb-panel-background-color-hover: var(--sbb-color-red);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media (min-width: 52.5rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media (min-width: 64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media (any-hover: hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero{position:relative;display:block;min-height:var(--sbb-panel-height);text-decoration:none}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media (any-hover: hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not([data-slot-names~=unnamed],[data-slot-names~=link-content],[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}`;
13
+ const j = y`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-white);--sbb-panel-background-color: var(--sbb-color-red-alpha-90);--sbb-panel-background-color-hover: var(--sbb-color-red);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media (min-width: 52.5rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media (min-width: 64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media (any-hover: hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media (any-hover: hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not([data-slot-names~=unnamed],[data-slot-names~=link-content],[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}`;
14
14
  let P = (() => {
15
- var i, s;
16
- let e = [C("sbb-teaser-hero"), S()], t, a = [], n, b = z, p, c = [], h = [];
15
+ var o, s;
16
+ let e = [C("sbb-teaser-hero"), S()], t, a = [], n, b = z, p, h = [], c = [];
17
17
  return s = class extends b {
18
18
  constructor() {
19
19
  super(...arguments);
20
- u(this, i, l(this, c, ""));
21
- l(this, h);
20
+ u(this, o, r(this, h, ""));
21
+ r(this, c);
22
22
  }
23
23
  /** Panel link text. */
24
24
  get linkContent() {
25
- return d(this, i);
25
+ return d(this, o);
26
26
  }
27
- set linkContent(o) {
28
- v(this, i, o);
27
+ set linkContent(i) {
28
+ v(this, o, i);
29
29
  }
30
30
  _imageSlotChanged() {
31
- Array.from(this.querySelectorAll("sbb-chip-label")).forEach((o) => o.color = "charcoal");
31
+ Array.from(this.querySelectorAll("sbb-chip-label")).forEach((i) => i.color = "charcoal");
32
32
  }
33
33
  renderTemplate() {
34
- return k`
34
+ return _`
35
35
  <span class="sbb-teaser-hero__panel">
36
36
  <p class="sbb-teaser-hero__panel-text">
37
37
  <slot></slot>
38
38
  </p>
39
- ${this.href ? k`<sbb-block-link-static
39
+ ${this.href ? _`<sbb-block-link-static
40
40
  class="sbb-teaser-hero__panel-link"
41
41
  icon-name="chevron-small-right-small"
42
42
  icon-placement="end"
@@ -49,12 +49,12 @@ let P = (() => {
49
49
  <slot name="image" @slotchange=${this._imageSlotChanged}></slot>
50
50
  `;
51
51
  }
52
- }, i = new WeakMap(), n = s, (() => {
53
- const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
54
- p = [E(), w({ attribute: "link-content", reflect: !0, converter: T })], f(s, null, p, { kind: "accessor", name: "linkContent", static: !1, private: !1, access: { has: (r) => "linkContent" in r, get: (r) => r.linkContent, set: (r, _) => {
55
- r.linkContent = _;
56
- } }, metadata: o }, c, h), f(null, t = { value: n }, e, { kind: "class", name: n.name, metadata: o }, null, a), n = t.value, o && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
57
- })(), s.styles = j, l(n, a), n;
52
+ }, o = new WeakMap(), n = s, (() => {
53
+ const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
54
+ p = [E(), w({ attribute: "link-content", reflect: !0, converter: T })], f(s, null, p, { kind: "accessor", name: "linkContent", static: !1, private: !1, access: { has: (l) => "linkContent" in l, get: (l) => l.linkContent, set: (l, k) => {
55
+ l.linkContent = k;
56
+ } }, metadata: i }, h, c), f(null, t = { value: n }, e, { kind: "class", name: n.name, metadata: i }, null, a), n = t.value, i && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
57
+ })(), s.styles = j, r(n, a), n;
58
58
  })();
59
59
  export {
60
60
  P as SbbTeaserHeroElement
@@ -13,7 +13,7 @@ export declare class SbbTimeInputElement extends LitElement {
13
13
  readonly validationChange: "validationChange";
14
14
  };
15
15
  /** Reference of the native input connected to the datepicker. */
16
- set input(value: string | HTMLElement);
16
+ set input(value: string | HTMLElement | null);
17
17
  get input(): string | HTMLElement | null;
18
18
  private _input;
19
19
  private accessor _inputElement;
@@ -1 +1 @@
1
- {"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,iEAAiE;IACjE,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,EAG3C;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAE9C;IACD,OAAO,CAAC,MAAM,CAAqC;IAE1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAExE,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAc9C;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CAEpC;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,qBAAqB;IAgD7B;;;OAGG;IACH,OAAO,CAAC,YAAY;IA4BpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
1
+ {"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,iEAAiE;IACjE,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAGlD;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAE9C;IACD,OAAO,CAAC,MAAM,CAAqC;IAE1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAExE,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAc9C;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CAEpC;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,qBAAqB;IA8C7B;;;OAGG;IACH,OAAO,CAAC,YAAY;IA4BpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
package/time-input.js CHANGED
@@ -9,7 +9,7 @@ import { customElement as L, property as I, state as x } from "lit/decorators.js
9
9
  import { ref as H } from "lit/directives/ref.js";
10
10
  import { SbbLanguageController as R } from "./core/controllers.js";
11
11
  import { findInput as M } from "./core/dom.js";
12
- import { EventEmitter as D, forwardEventToHost as T } from "./core/eventing.js";
12
+ import { EventEmitter as D, forwardEvent as V } from "./core/eventing.js";
13
13
  import { i18nTimeInputChange as $ } from "./core/i18n.js";
14
14
  const P = S`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:block}`, z = /[0-9.:,\-;_hH]/, G = /^([0-9]{1,2})([0-9]{2})$/, U = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
15
15
  let Z = (() => {
@@ -67,7 +67,9 @@ let Z = (() => {
67
67
  }
68
68
  _registerInputElement() {
69
69
  var t;
70
- (t = this._abortController) == null || t.abort(), this._inputElement && (this._abortController = new AbortController(), this._inputElement.toggleAttribute("data-sbb-time-input", !0), this._inputElement.type = "text", this._inputElement.inputMode = "numeric", this._inputElement.maxLength = 5, this._inputElement.placeholder || (this._inputElement.placeholder = "HH:MM"), this._inputElement.addEventListener("input", (e) => T(e, this), { signal: this._abortController.signal }), this._inputElement.addEventListener("keydown", (e) => this._preventCharInsert(e), { signal: this._abortController.signal }), this._inputElement.addEventListener("change", (e) => this._updateValue(e.target.value), {
70
+ (t = this._abortController) == null || t.abort(), this._inputElement && (this._abortController = new AbortController(), this._inputElement.toggleAttribute("data-sbb-time-input", !0), this._inputElement.type = "text", this._inputElement.inputMode = "numeric", this._inputElement.maxLength = 5, this._inputElement.placeholder || (this._inputElement.placeholder = "HH:MM"), this._inputElement.addEventListener("input", (e) => V(e, this), {
71
+ signal: this._abortController.signal
72
+ }), this._inputElement.addEventListener("keydown", (e) => this._preventCharInsert(e), { signal: this._abortController.signal }), this._inputElement.addEventListener("change", (e) => this._updateValue(e.target.value), {
71
73
  signal: this._abortController.signal,
72
74
  capture: !0
73
75
  }), this._inputElement.addEventListener("change", (e) => {
@@ -85,12 +87,12 @@ let Z = (() => {
85
87
  return;
86
88
  const e = this._parseInput(t), a = !!e && this._isTimeValid(e), u = !t || t.trim() === "" || a;
87
89
  u && e && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this._inputElement, this._formatValue(e)), this._inputElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })));
88
- const V = !this._inputElement.hasAttribute("data-sbb-invalid");
89
- this._inputElement.toggleAttribute("data-sbb-invalid", !u), V !== u && this._validationChange.emit({ valid: u });
90
+ const T = !this._inputElement.hasAttribute("data-sbb-invalid");
91
+ this._inputElement.toggleAttribute("data-sbb-invalid", !u), T !== u && this._validationChange.emit({ valid: u });
90
92
  }
91
93
  /** Emits the change event. */
92
94
  _emitChange(t) {
93
- T(t, this), this._didChange.emit();
95
+ V(t, this), this._didChange.emit();
94
96
  }
95
97
  /** Returns the right format for the `value` property. */
96
98
  _formatValue(t) {
package/toast/toast.d.ts CHANGED
@@ -35,13 +35,13 @@ export declare class SbbToastElement extends SbbToastElement_base {
35
35
  */
36
36
  accessor politeness: 'polite' | 'assertive' | 'off';
37
37
  private _closeTimeout?;
38
- private _abort;
39
38
  private _language;
40
39
  /**
41
40
  * Role of the live region. This is only for Firefox as there is a known issue where Firefox +
42
41
  * JAWS does not read out aria-live message.
43
42
  */
44
43
  private get _role();
44
+ constructor();
45
45
  /**
46
46
  * Open the toast.
47
47
  * If there are other opened toasts in the page, close them first.
@@ -1 +1 @@
1
- {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAYnE,OAAO,iCAAiC,CAAC;AAEzC,KAAK,wBAAwB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,GAAG,wBAAwB,IAAI,0BAA0B,EAAE,CAAC;;AAK3F;;;;;;;;;;;;;GAaG;AACH,qBAGM,eAAgB,SAAQ,oBAA4D;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAEgB,OAAO,EAAE,MAAM,CAAQ;IAEvC,6CAA6C;IAC7C,SAA6C,QAAQ,EAAE,gBAAgB,CAAmB;IAE1F,4CAA4C;IAC5C,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C;;;OAGG;IACH,SAA4B,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAY;IAElF,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,KAAK,KAAK,GAUhB;IAED;;;OAGG;IACI,IAAI,IAAI,IAAI;IAkBnB,OAAO,CAAC,wBAAwB;IAIhC;;OAEG;IACI,KAAK,IAAI,IAAI;IAkBpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,QAAQ;IAQA,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAQ5C;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,oBAAoB;IAS5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;cAQN,MAAM,IAAI,cAAc;CAiC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAYnE,OAAO,iCAAiC,CAAC;AAEzC,KAAK,wBAAwB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,GAAG,wBAAwB,IAAI,0BAA0B,EAAE,CAAC;;AAK3F;;;;;;;;;;;;;GAaG;AACH,qBAGM,eAAgB,SAAQ,oBAA4D;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAEgB,OAAO,EAAE,MAAM,CAAQ;IAEvC,6CAA6C;IAC7C,SAA6C,QAAQ,EAAE,gBAAgB,CAAmB;IAE1F,4CAA4C;IAC5C,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C;;;OAGG;IACH,SAA4B,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAY;IAElF,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,KAAK,KAAK,GAUhB;;IAOD;;;OAGG;IACI,IAAI,IAAI,IAAI;IAkBnB,OAAO,CAAC,wBAAwB;IAIhC;;OAEG;IACI,KAAK,IAAI,IAAI;IAkBpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,QAAQ;IAQA,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAQ5C;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,oBAAoB;IAS5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;cAQN,MAAM,IAAI,cAAc;CAiC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
package/toast.js CHANGED
@@ -2,31 +2,32 @@ var w = (i) => {
2
2
  throw TypeError(i);
3
3
  };
4
4
  var $ = (i, o, e) => o.has(i) || w("Cannot " + e);
5
- var u = (i, o, e) => ($(i, o, "read from private field"), e ? e.call(i) : o.get(i)), g = (i, o, e) => o.has(i) ? w("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, e), b = (i, o, e, r) => ($(i, o, "write to private field"), r ? r.call(i, e) : o.set(i, e), e);
6
- import { __runInitializers as c, __esDecorate as f } from "tslib";
5
+ var u = (i, o, e) => ($(i, o, "read from private field"), e ? e.call(i) : o.get(i)), f = (i, o, e) => o.has(i) ? w("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, e), b = (i, o, e, r) => ($(i, o, "write to private field"), r ? r.call(i, e) : o.set(i, e), e);
6
+ import { __esDecorate as g, __runInitializers as c } from "tslib";
7
7
  import { css as K, html as D, nothing as L } from "lit";
8
8
  import { customElement as P, property as _ } from "lit/decorators.js";
9
9
  import { SbbOpenCloseBaseElement as Y } from "./core/base-elements.js";
10
- import { SbbConnectedAbortController as Z, SbbLanguageController as j } from "./core/controllers.js";
11
- import { slotState as U, forceType as R } from "./core/decorators.js";
12
- import { isFirefox as H, isZeroAnimationDuration as M, isLean as F } from "./core/dom.js";
13
- import { composedPathHasAttribute as X } from "./core/eventing.js";
14
- import { i18nCloseAlert as q } from "./core/i18n.js";
15
- import { SbbHydrationMixin as G } from "./core/mixins.js";
16
- import { SbbIconNameMixin as J } from "./icon.js";
10
+ import { SbbLanguageController as Z } from "./core/controllers.js";
11
+ import { slotState as j, forceType as R } from "./core/decorators.js";
12
+ import { isFirefox as U, isZeroAnimationDuration as H, isLean as M } from "./core/dom.js";
13
+ import { composedPathHasAttribute as F } from "./core/eventing.js";
14
+ import { i18nCloseAlert as X } from "./core/i18n.js";
15
+ import { SbbHydrationMixin as q } from "./core/mixins.js";
16
+ import { SbbIconNameMixin as G } from "./icon.js";
17
17
  import "./button/transparent-button.js";
18
- const Q = K`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-color: var(--sbb-color-white);--sbb-toast-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: flex;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;display:block}:host(:not([data-state])),:host([data-state=closed]){--sbb-toast-container-display: none}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;top:0;right:0;bottom:0;left:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast__icon{margin-inline-end:var(--sbb-spacing-fixed-2x);line-height:initial}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-toast__icon{display:none}.sbb-toast__content{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);color:var(--sbb-toast-text-color);flex:1 1 0}.sbb-toast__action{position:relative;min-width:2.5rem}:host(:not([data-slot-names~=action],[dismissible])) .sbb-toast__action{display:none}::slotted([data-sbb-button]),.sbb-toast__action-button{margin-inline:var(--sbb-spacing-fixed-2x);position:absolute;top:-.625rem}::slotted(:is(sbb-link,sbb-link-button,sbb-link-static)){margin-inline-start:var(--sbb-spacing-fixed-4x)}@keyframes open{0%{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}to{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes close{0%{visibility:visible;opacity:1;transform:translateY(0)}to{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}}`, v = /* @__PURE__ */ new Set();
19
- let pt = (() => {
18
+ const J = K`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-color: var(--sbb-color-white);--sbb-toast-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: flex;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;display:block}:host(:not([data-state])),:host([data-state=closed]){--sbb-toast-container-display: none}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;top:0;right:0;bottom:0;left:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast__icon{margin-inline-end:var(--sbb-spacing-fixed-2x);line-height:initial}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-toast__icon{display:none}.sbb-toast__content{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);color:var(--sbb-toast-text-color);flex:1 1 0}.sbb-toast__action{position:relative;min-width:2.5rem}:host(:not([data-slot-names~=action],[dismissible])) .sbb-toast__action{display:none}::slotted([data-sbb-button]),.sbb-toast__action-button{margin-inline:var(--sbb-spacing-fixed-2x);position:absolute;top:-.625rem}::slotted(:is(sbb-link,sbb-link-button,sbb-link-static)){margin-inline-start:var(--sbb-spacing-fixed-4x)}@keyframes open{0%{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}to{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes close{0%{visibility:visible;opacity:1;transform:translateY(0)}to{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}}`, v = /* @__PURE__ */ new Set();
19
+ let mt = (() => {
20
20
  var d, m, p, h, n;
21
- let i = [P("sbb-toast"), U()], o, e = [], r, x = J(G(Y)), y, k = [], T = [], z, S = [], C = [], N, A = [], E = [], B, O = [], I = [];
21
+ let i = [P("sbb-toast"), j()], o, e = [], r, x = G(q(Y)), y, k = [], T = [], z, S = [], N = [], C, A = [], E = [], B, O = [], I = [];
22
22
  return n = class extends x {
23
23
  constructor() {
24
- super(...arguments);
25
- g(this, d);
26
- g(this, m);
27
- g(this, p);
28
- g(this, h);
29
- b(this, d, c(this, k, 6e3)), b(this, m, (c(this, T), c(this, S, "bottom-center"))), b(this, p, (c(this, C), c(this, A, !1))), b(this, h, (c(this, E), c(this, O, "polite"))), this._closeTimeout = c(this, I), this._abort = new Z(this), this._language = new j(this);
24
+ var s;
25
+ super();
26
+ f(this, d);
27
+ f(this, m);
28
+ f(this, p);
29
+ f(this, h);
30
+ b(this, d, c(this, k, 6e3)), b(this, m, (c(this, T), c(this, S, "bottom-center"))), b(this, p, (c(this, N), c(this, A, !1))), b(this, h, (c(this, E), c(this, O, "polite"))), this._closeTimeout = c(this, I), this._language = new Z(this), (s = this.addEventListener) == null || s.call(this, "click", (t) => this._onClick(t));
30
31
  }
31
32
  /**
32
33
  * The length of time in milliseconds to wait before automatically dismissing the toast.
@@ -67,7 +68,7 @@ let pt = (() => {
67
68
  * JAWS does not read out aria-live message.
68
69
  */
69
70
  get _role() {
70
- if (H) {
71
+ if (U) {
71
72
  if (this.politeness === "polite")
72
73
  return "status";
73
74
  if (this.politeness === "assertive")
@@ -82,7 +83,7 @@ let pt = (() => {
82
83
  this.state === "closed" && this.willOpen.emit() && (this.state = "opening", this._closeOtherToasts(), this._isZeroAnimationDuration() && this._handleOpening());
83
84
  }
84
85
  _isZeroAnimationDuration() {
85
- return M(this, "--sbb-toast-animation-duration");
86
+ return H(this, "--sbb-toast-animation-duration");
86
87
  }
87
88
  /**
88
89
  * Close the toast.
@@ -98,13 +99,11 @@ let pt = (() => {
98
99
  }
99
100
  // Close the toast on click of any element that has the 'sbb-toast-close' attribute.
100
101
  _onClick(s) {
101
- const t = X(s, "sbb-toast-close", this);
102
+ const t = F(s, "sbb-toast-close", this);
102
103
  t && !t.hasAttribute("disabled") && this.close();
103
104
  }
104
105
  connectedCallback() {
105
- super.connectedCallback();
106
- const s = this._abort.signal;
107
- this.addEventListener("click", (t) => this._onClick(t), { signal: s }), v.add(this);
106
+ super.connectedCallback(), v.add(this);
108
107
  }
109
108
  disconnectedCallback() {
110
109
  super.disconnectedCallback(), clearTimeout(this._closeTimeout), v.delete(this);
@@ -124,7 +123,7 @@ let pt = (() => {
124
123
  _onActionSlotChange(s) {
125
124
  const t = s.target.assignedNodes();
126
125
  t.filter((l) => l.nodeName === "SBB-TRANSPARENT-BUTTON" || l.nodeName === "SBB-TRANSPARENT-BUTTON-LINK").forEach((l) => {
127
- l.negative = !0, l.size = F() ? "s" : "m";
126
+ l.negative = !0, l.size = M() ? "s" : "m";
128
127
  }), t.filter((l) => ["SBB-LINK", "SBB-LINK-BUTTON", "SBB-LINK-STATIC"].includes(l.nodeName)).forEach((l) => {
129
128
  l.negative = !0;
130
129
  });
@@ -165,7 +164,7 @@ let pt = (() => {
165
164
  icon-name="cross-small"
166
165
  negative
167
166
  size="m"
168
- aria-label=${q[this._language.current]}
167
+ aria-label=${X[this._language.current]}
169
168
  sbb-toast-close
170
169
  ></sbb-transparent-button>` : L}
171
170
  </slot>
@@ -176,17 +175,17 @@ let pt = (() => {
176
175
  }
177
176
  }, d = new WeakMap(), m = new WeakMap(), p = new WeakMap(), h = new WeakMap(), r = n, (() => {
178
177
  const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
179
- y = [R(), _({ type: Number })], z = [_({ reflect: !0 })], N = [R(), _({ type: Boolean, reflect: !0 })], B = [_()], f(n, null, y, { kind: "accessor", name: "timeout", static: !1, private: !1, access: { has: (t) => "timeout" in t, get: (t) => t.timeout, set: (t, a) => {
178
+ y = [R(), _({ type: Number })], z = [_({ reflect: !0 })], C = [R(), _({ type: Boolean, reflect: !0 })], B = [_()], g(n, null, y, { kind: "accessor", name: "timeout", static: !1, private: !1, access: { has: (t) => "timeout" in t, get: (t) => t.timeout, set: (t, a) => {
180
179
  t.timeout = a;
181
- } }, metadata: s }, k, T), f(n, null, z, { kind: "accessor", name: "position", static: !1, private: !1, access: { has: (t) => "position" in t, get: (t) => t.position, set: (t, a) => {
180
+ } }, metadata: s }, k, T), g(n, null, z, { kind: "accessor", name: "position", static: !1, private: !1, access: { has: (t) => "position" in t, get: (t) => t.position, set: (t, a) => {
182
181
  t.position = a;
183
- } }, metadata: s }, S, C), f(n, null, N, { kind: "accessor", name: "dismissible", static: !1, private: !1, access: { has: (t) => "dismissible" in t, get: (t) => t.dismissible, set: (t, a) => {
182
+ } }, metadata: s }, S, N), g(n, null, C, { kind: "accessor", name: "dismissible", static: !1, private: !1, access: { has: (t) => "dismissible" in t, get: (t) => t.dismissible, set: (t, a) => {
184
183
  t.dismissible = a;
185
- } }, metadata: s }, A, E), f(n, null, B, { kind: "accessor", name: "politeness", static: !1, private: !1, access: { has: (t) => "politeness" in t, get: (t) => t.politeness, set: (t, a) => {
184
+ } }, metadata: s }, A, E), g(n, null, B, { kind: "accessor", name: "politeness", static: !1, private: !1, access: { has: (t) => "politeness" in t, get: (t) => t.politeness, set: (t, a) => {
186
185
  t.politeness = a;
187
- } }, metadata: s }, O, I), f(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: s }, null, e), r = o.value, s && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
188
- })(), n.styles = Q, c(r, e), r;
186
+ } }, metadata: s }, O, I), g(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: s }, null, e), r = o.value, s && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
187
+ })(), n.styles = J, c(r, e), r;
189
188
  })();
190
189
  export {
191
- pt as SbbToastElement
190
+ mt as SbbToastElement
192
191
  };
@@ -36,7 +36,7 @@ export declare class SbbToggleElement extends LitElement {
36
36
  private _toggleResizeObserver;
37
37
  /** Emits whenever the toggle value changes. */
38
38
  private _change;
39
- private _abort;
39
+ constructor();
40
40
  /** @internal */
41
41
  updatePillPosition(resizing: boolean): void;
42
42
  connectedCallback(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle/toggle.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAIlE;;;;;GAKG;AACH,qBAKM,gBAAiB,SAAQ,UAAU;IACvC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,sCAAsC;IACtC,SAGgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF;;;OAGG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAM7B;IACD,IAAW,KAAK,IAAI,MAAM,CAIzB;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,qBAAqB,CAI1B;IAEH,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;IAEH,OAAO,CAAC,MAAM,CAAyC;IAEvD,gBAAgB;IACT,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IA6BlC,iBAAiB,IAAI,IAAI;cAShB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle/toggle.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAIlE;;;;;GAKG;AACH,qBAKM,gBAAiB,SAAQ,UAAU;IACvC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,sCAAsC;IACtC,SAGgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF;;;OAGG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAM7B;IACD,IAAW,KAAK,IAAI,MAAM,CAIzB;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,qBAAqB,CAI1B;IAEH,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;;IAQH,gBAAgB;IACT,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IA6BlC,iBAAiB,IAAI,IAAI;cAMhB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
@@ -17,7 +17,7 @@ export declare class SbbToggleOptionElement extends SbbToggleOptionElement_base
17
17
  get value(): string;
18
18
  private _value;
19
19
  private _toggle?;
20
- private _abort;
20
+ constructor();
21
21
  connectedCallback(): void;
22
22
  protected willUpdate(changedProperties: PropertyValues<this>): void;
23
23
  private _uncheckOtherOptions;
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle-option/toggle-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;;AAWhD;;;;;GAKG;AACH,qBAMM,sBAAuB,SAAQ,2BAA4B;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAC5C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6CAA6C;IAC7C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,8BAA8B;IAC9B,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnC,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;cAetB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
1
+ {"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle-option/toggle-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;;AAUhD;;;;;GAKG;AACH,qBAMM,sBAAuB,SAAQ,2BAA4B;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAC5C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6CAA6C;IAC7C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,8BAA8B;IAC9B,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,OAAO,CAAC,CAAmB;;IAUnB,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}