@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/overlay.js CHANGED
@@ -1,33 +1,33 @@
1
- var H = (s) => {
1
+ var I = (s) => {
2
2
  throw TypeError(s);
3
3
  };
4
- var I = (s, i, l) => i.has(s) || H("Cannot " + l);
5
- var k = (s, i, l) => (I(s, i, "read from private field"), l ? l.call(s) : i.get(s)), C = (s, i, l) => i.has(s) ? H("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, l), d = (s, i, l, r) => (I(s, i, "write to private field"), r ? r.call(s, l) : i.set(s, l), l);
4
+ var D = (s, i, l) => i.has(s) || I("Cannot " + l);
5
+ var k = (s, i, l) => (D(s, i, "read from private field"), l ? l.call(s) : i.get(s)), C = (s, i, l) => i.has(s) ? I("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, l), d = (s, i, l, r) => (D(s, i, "write to private field"), r ? r.call(s, l) : i.set(s, l), l);
6
6
  import { __runInitializers as h, __esDecorate as w } from "tslib";
7
7
  import { css as M, nothing as N } from "lit";
8
8
  import { property as x, customElement as V } from "lit/decorators.js";
9
- import { html as S, unsafeStatic as O } from "lit/static-html.js";
10
- import { SbbFocusHandler as Y, setModalityOnNextFocus as D, getFirstFocusableElement as Z } from "./core/a11y.js";
9
+ import { html as A, unsafeStatic as O } from "lit/static-html.js";
10
+ import { SbbFocusHandler as Y, setModalityOnNextFocus as j, getFirstFocusableElement as Z } from "./core/a11y.js";
11
11
  import { forceType as L } from "./core/decorators.js";
12
12
  import { SbbScrollHandler as q, isZeroAnimationDuration as P } from "./core/dom.js";
13
- import { EventEmitter as j } from "./core/eventing.js";
14
- import { i18nDialog as K, i18nCloseDialog as U, i18nGoBack as J } from "./core/i18n.js";
15
- import { SbbOpenCloseBaseElement as Q } from "./core/base-elements.js";
16
- import { SbbLanguageController as W, SbbInertController as X } from "./core/controllers.js";
17
- import { SbbNegativeMixin as ee } from "./core/mixins.js";
13
+ import { EventEmitter as G, forwardEvent as K } from "./core/eventing.js";
14
+ import { i18nDialog as U, i18nCloseDialog as J, i18nGoBack as Q } from "./core/i18n.js";
15
+ import { SbbOpenCloseBaseElement as W } from "./core/base-elements.js";
16
+ import { SbbLanguageController as X, SbbInertController as ee } from "./core/controllers.js";
17
+ import { SbbNegativeMixin as te } from "./core/mixins.js";
18
18
  import "./button/secondary-button.js";
19
19
  import "./button/transparent-button.js";
20
20
  import "./container.js";
21
21
  import "./screen-reader-only.js";
22
22
  const m = [];
23
- let te = (() => {
23
+ let ae = (() => {
24
24
  var v, b;
25
- let s = ee(Q), i, l = [], r = [];
25
+ let s = te(W), i, l = [], r = [];
26
26
  return b = class extends s {
27
27
  constructor() {
28
28
  super(...arguments);
29
29
  C(this, v);
30
- d(this, v, h(this, l, "")), this.didClose = (h(this, r), new j(this, b.events.didClose)), this.focusHandler = new Y(), this.scrollHandler = new q(), this.ariaLiveRefToggle = !1, this.language = new W(this), this.inertController = new X(this);
30
+ d(this, v, h(this, l, "")), this.didClose = (h(this, r), new G(this, b.events.didClose)), this.focusHandler = new Y(), this.scrollHandler = new q(), this.ariaLiveRefToggle = !1, this.language = new X(this), this.inertController = new ee(this);
31
31
  }
32
32
  /** This will be forwarded as aria-label to the relevant nested element to describe the purpose of the overlay. */
33
33
  get accessibilityLabel() {
@@ -88,7 +88,7 @@ let te = (() => {
88
88
  this.ariaLiveRef.textContent = "";
89
89
  }
90
90
  setAriaLiveRefContent(a) {
91
- this.ariaLiveRefToggle = !this.ariaLiveRefToggle, this.ariaLiveRef.textContent = `${K[this.language.current]}${a ? `, ${a}` : ""}${this.ariaLiveRefToggle ? " " : ""}`;
91
+ this.ariaLiveRefToggle = !this.ariaLiveRefToggle, this.ariaLiveRef.textContent = `${U[this.language.current]}${a ? `, ${a}` : ""}${this.ariaLiveRefToggle ? " " : ""}`;
92
92
  }
93
93
  }, v = new WeakMap(), (() => {
94
94
  const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
@@ -97,10 +97,10 @@ let te = (() => {
97
97
  } }, metadata: a }, l, r), a && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
98
98
  })(), b;
99
99
  })();
100
- const ae = M`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-overlay-background-color: var(--sbb-color-milk);--sbb-overlay-height: 100%;--sbb-overlay-inset: 0 auto auto 0;--sbb-overlay-padding-block: calc(var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l));--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-overlay-animation-easing: ease;--sbb-overlay-pointer-events: none;display:block;position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is([data-state=opened],[data-state=opening])){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-white);--sbb-overlay-background-color: var(--sbb-color-midnight)}:host(:not([data-state=closed])){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:none;align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host([data-state]:not([data-state=closed])) .sbb-overlay__container{display:flex;animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-state=closing]) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host([data-state]:not([data-state=closed])) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-state=closing]) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media (min-width: 52.5rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-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-overlay__content::-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-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
101
- let ke = (() => {
100
+ const se = M`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-overlay-background-color: var(--sbb-color-milk);--sbb-overlay-height: 100%;--sbb-overlay-inset: 0 auto auto 0;--sbb-overlay-padding-block: calc(var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l));--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-overlay-animation-easing: ease;--sbb-overlay-pointer-events: none;display:block;position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is([data-state=opened],[data-state=opening])){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-white);--sbb-overlay-background-color: var(--sbb-color-midnight)}:host(:not([data-state=closed])){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:none;align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host([data-state]:not([data-state=closed])) .sbb-overlay__container{display:flex;animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-state=closing]) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host([data-state]:not([data-state=closed])) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-state=closing]) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media (min-width: 52.5rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-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-overlay__content::-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-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
101
+ let Ce = (() => {
102
102
  var p, f, g, _, n;
103
- let s = [V("sbb-overlay")], i, l = [], r, v = te, b, A = [], E = [], a, o = [], u = [], y, z = [], $ = [], R, T = [], F = [];
103
+ let s = [V("sbb-overlay")], i, l = [], r, v = ae, b, z = [], E = [], a, o = [], u = [], y, $ = [], R = [], T, F = [], H = [];
104
104
  var B = (n = class extends v {
105
105
  constructor() {
106
106
  super(...arguments);
@@ -108,7 +108,7 @@ let ke = (() => {
108
108
  C(this, f);
109
109
  C(this, g);
110
110
  C(this, _);
111
- d(this, p, h(this, A, !1)), d(this, f, (h(this, E), h(this, o, !1))), d(this, g, (h(this, u), h(this, z, ""))), d(this, _, (h(this, $), h(this, T, ""))), this.closeAttribute = (h(this, F), "sbb-overlay-close"), this._backClick = new j(this, B.events.backClick), this._overlayContentElement = null;
111
+ d(this, p, h(this, z, !1)), d(this, f, (h(this, E), h(this, o, !1))), d(this, g, (h(this, u), h(this, $, ""))), d(this, _, (h(this, R), h(this, F, ""))), this.closeAttribute = (h(this, H), "sbb-overlay-close"), this._backClick = new G(this, B.events.backClick), this._overlayContentElement = null;
112
112
  }
113
113
  /**
114
114
  * Whether to allow the overlay content to stretch to full width.
@@ -150,11 +150,11 @@ let ke = (() => {
150
150
  return P(this, "--sbb-overlay-animation-duration");
151
151
  }
152
152
  _handleOpening() {
153
- this.state = "opened", this.didOpen.emit(), this.inertController.activate(), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel)), this.focusHandler.trap(this);
153
+ this.state = "opened", this.inertController.activate(), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel)), this.focusHandler.trap(this), this.didOpen.emit();
154
154
  }
155
155
  handleClosing() {
156
156
  var e, t, c;
157
- (e = this._overlayContentElement) == null || e.scrollTo(0, 0), this.state = "closed", this.inertController.deactivate(), D(this.lastFocusedElement), (t = this.lastFocusedElement) == null || t.focus(), (c = this.openOverlayController) == null || c.abort(), this.focusHandler.disconnect(), this.removeInstanceFromGlobalCollection(), m.length || this.scrollHandler.enableScroll(), this.didClose.emit({
157
+ (e = this._overlayContentElement) == null || e.scrollTo(0, 0), this.state = "closed", this.inertController.deactivate(), j(this.lastFocusedElement), (t = this.lastFocusedElement) == null || t.focus(), (c = this.openOverlayController) == null || c.abort(), this.focusHandler.disconnect(), this.removeInstanceFromGlobalCollection(), m.length || this.scrollHandler.enableScroll(), this.didClose.emit({
158
158
  returnValue: this.returnValue,
159
159
  closeTarget: this.overlayCloseElement
160
160
  });
@@ -168,23 +168,23 @@ let ke = (() => {
168
168
  // Set focus on the first focusable element.
169
169
  setOverlayFocus() {
170
170
  const e = Z(Array.from(this.shadowRoot.children).filter((t) => t instanceof window.HTMLElement));
171
- D(e), e == null || e.focus();
171
+ j(e), e == null || e.focus();
172
172
  }
173
173
  render() {
174
- const e = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", t = S`
174
+ const e = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", t = A`
175
175
  <${O(e)}
176
176
  class="sbb-overlay__close"
177
- aria-label=${this.accessibilityCloseLabel || U[this.language.current]}
177
+ aria-label=${this.accessibilityCloseLabel || J[this.language.current]}
178
178
  ?negative=${this.negative}
179
179
  size="m"
180
180
  type="button"
181
181
  icon-name="cross-small"
182
182
  sbb-overlay-close
183
183
  ></${O(e)}>
184
- `, c = S`
184
+ `, c = A`
185
185
  <${O(e)}
186
186
  class="sbb-overlay__back"
187
- aria-label=${this.accessibilityBackLabel || J[this.language.current]}
187
+ aria-label=${this.accessibilityBackLabel || Q[this.language.current]}
188
188
  ?negative=${this.negative}
189
189
  size="m"
190
190
  type="button"
@@ -192,17 +192,17 @@ let ke = (() => {
192
192
  @click=${() => this._backClick.emit()}
193
193
  ></${O(e)}>
194
194
  `;
195
- return S`
195
+ return A`
196
196
  <div class="sbb-overlay__container" @animationend=${this.onOverlayAnimationEnd}>
197
197
  <div class="sbb-overlay">
198
198
  <div
199
- @click=${(G) => this.closeOnSbbOverlayCloseClick(G)}
199
+ @click=${(S) => this.closeOnSbbOverlayCloseClick(S)}
200
200
  class="sbb-overlay__wrapper"
201
201
  >
202
202
  <div class="sbb-overlay__header">
203
203
  ${this.backButton ? c : N} ${t}
204
204
  </div>
205
- <div class="sbb-overlay__content">
205
+ <div class="sbb-overlay__content" @scroll=${(S) => K(S, document)}>
206
206
  <sbb-container
207
207
  class="sbb-overlay__content-container"
208
208
  ?expanded=${this.expanded}
@@ -219,16 +219,16 @@ let ke = (() => {
219
219
  }
220
220
  }, p = new WeakMap(), f = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), r = n, (() => {
221
221
  const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
222
- b = [L(), x({ reflect: !0, type: Boolean })], a = [L(), x({ attribute: "back-button", type: Boolean })], y = [L(), x({ attribute: "accessibility-close-label" })], R = [L(), x({ attribute: "accessibility-back-label" })], w(n, null, b, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, c) => {
222
+ b = [L(), x({ reflect: !0, type: Boolean })], a = [L(), x({ attribute: "back-button", type: Boolean })], y = [L(), x({ attribute: "accessibility-close-label" })], T = [L(), x({ attribute: "accessibility-back-label" })], w(n, null, b, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, c) => {
223
223
  t.expanded = c;
224
- } }, metadata: e }, A, E), w(n, null, a, { kind: "accessor", name: "backButton", static: !1, private: !1, access: { has: (t) => "backButton" in t, get: (t) => t.backButton, set: (t, c) => {
224
+ } }, metadata: e }, z, E), w(n, null, a, { kind: "accessor", name: "backButton", static: !1, private: !1, access: { has: (t) => "backButton" in t, get: (t) => t.backButton, set: (t, c) => {
225
225
  t.backButton = c;
226
226
  } }, metadata: e }, o, u), w(n, null, y, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (t) => "accessibilityCloseLabel" in t, get: (t) => t.accessibilityCloseLabel, set: (t, c) => {
227
227
  t.accessibilityCloseLabel = c;
228
- } }, metadata: e }, z, $), w(n, null, R, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (t) => "accessibilityBackLabel" in t, get: (t) => t.accessibilityBackLabel, set: (t, c) => {
228
+ } }, metadata: e }, $, R), w(n, null, T, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (t) => "accessibilityBackLabel" in t, get: (t) => t.accessibilityBackLabel, set: (t, c) => {
229
229
  t.accessibilityBackLabel = c;
230
- } }, metadata: e }, T, F), w(null, i = { value: r }, s, { kind: "class", name: r.name, metadata: e }, null, l), B = r = i.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
231
- })(), n.styles = ae, n.events = {
230
+ } }, metadata: e }, F, H), w(null, i = { value: r }, s, { kind: "class", name: r.name, metadata: e }, null, l), B = r = i.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
231
+ })(), n.styles = se, n.events = {
232
232
  willOpen: "willOpen",
233
233
  didOpen: "didOpen",
234
234
  willClose: "willClose",
@@ -238,7 +238,7 @@ let ke = (() => {
238
238
  return B = r;
239
239
  })();
240
240
  export {
241
- te as SbbOverlayBaseElement,
242
- ke as SbbOverlayElement,
241
+ ae as SbbOverlayBaseElement,
242
+ Ce as SbbOverlayElement,
243
243
  m as overlayRefs
244
244
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements",
3
- "version": "2.0.1",
3
+ "version": "2.0.2",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAEM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAExE,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAIvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAItE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IA+BnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAqBxC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,eAAe;IAWP,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAuDlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAEM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAExE,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAIvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAItE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IA+BnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAqBxC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,eAAe;IAWP,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAuDlB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
@@ -119,9 +119,9 @@ let Me = (() => {
119
119
  this.didClose.emit({ closeTarget: this._popoverCloseElement }), (Z = this._openStateController) == null || Z.abort(), this._focusHandler.disconnect();
120
120
  }
121
121
  _handleOpening() {
122
- this.state = "opened", this.didOpen.emit(), this.inert = !1, this._attachWindowEvents(), this._setPopoverFocus(), this._focusHandler.trap(this, {
122
+ this.state = "opened", this.inert = !1, this._attachWindowEvents(), this._setPopoverFocus(), this._focusHandler.trap(this, {
123
123
  postFilter: (e) => e !== this._overlay
124
- });
124
+ }), this.didOpen.emit();
125
125
  }
126
126
  // Closes the popover on "Esc" key pressed and traps focus within the popover.
127
127
  _onKeydownEvent(e) {
@@ -166,7 +166,10 @@ let Me = (() => {
166
166
  _attachWindowEvents() {
167
167
  this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
168
168
  passive: !0,
169
- signal: this._openStateController.signal
169
+ signal: this._openStateController.signal,
170
+ // Without capture, other scroll contexts would not bubble to this event listener.
171
+ // Capture allows us to react to all scroll contexts in this DOM.
172
+ capture: !0
170
173
  }), window.addEventListener("resize", () => this._setPopoverPosition(), {
171
174
  passive: !0,
172
175
  signal: this._openStateController.signal
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/common/radio-button-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAEhB,KAAK,qCAAqC,EAC3C,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,oCAAqC,SAAQ,qCAAqC;IACrG,IAAW,mBAAmB,IAAI,OAAO,CAAC;IAC1C,IAAW,mBAAmB,CAAC,OAAO,EADJ,OACI,EAAE;IACxC,IAAW,KAAK,IAAI,0BAA0B,GAAG,IAAI,CAAC;IAC/C,MAAM,IAAI,IAAI;CACtB;AAGD,eAAO,MAAM,gCAAgC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cACpE,CAAC,KACZ,mBAAmB,CAAC,oCAAoC,CAAC,GAAG,CAsH9D,CAAC"}
1
+ {"version":3,"file":"radio-button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/common/radio-button-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAEhB,KAAK,qCAAqC,EAC3C,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,oCAAqC,SAAQ,qCAAqC;IACrG,IAAW,mBAAmB,IAAI,OAAO,CAAC;IAC1C,IAAW,mBAAmB,CAAC,OAAO,EADJ,OACI,EAAE;IACxC,IAAW,KAAK,IAAI,0BAA0B,GAAG,IAAI,CAAC;IAC/C,MAAM,IAAI,IAAI;CACtB;AAGD,eAAO,MAAM,gCAAgC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cACpE,CAAC,KACZ,mBAAmB,CAAC,oCAAoC,CAAC,GAAG,CAwH9D,CAAC"}
@@ -1,16 +1,13 @@
1
- import { __runInitializers as n, __esDecorate as l } from "tslib";
1
+ import { __esDecorate as n, __runInitializers as l } from "tslib";
2
2
  import { property as d } from "lit/decorators.js";
3
3
  import { setModalityOnNextFocus as c } from "../core/a11y.js";
4
4
  import { EventEmitter as u } from "../core/eventing.js";
5
5
  import { SbbFormAssociatedRadioButtonMixin as h } from "../core/mixins.js";
6
6
  import { css as m } from "lit";
7
- const k = (a) => (() => {
7
+ const k = (s) => (() => {
8
8
  var o;
9
- let i = h(a), r = [], b;
10
- return o = class extends i {
11
- constructor() {
12
- super(...arguments), this._allowEmptySelection = (n(this, r), !1), this._group = null, this._stateChange = new u(this, o.events.stateChange, { bubbles: !0 });
13
- }
9
+ let r = h(s), b = [], a;
10
+ return o = class extends r {
14
11
  /**
15
12
  * Whether the radio can be deselected.
16
13
  */
@@ -27,10 +24,12 @@ const k = (a) => (() => {
27
24
  get group() {
28
25
  return this._group;
29
26
  }
27
+ constructor() {
28
+ var t, e;
29
+ super(), this._allowEmptySelection = (l(this, b), !1), this._group = null, this._stateChange = new u(this, o.events.stateChange, { bubbles: !0 }), (t = this.addEventListener) == null || t.call(this, "click", (i) => this._handleClick(i)), (e = this.addEventListener) == null || e.call(this, "keydown", (i) => this._handleKeyDown(i));
30
+ }
30
31
  connectedCallback() {
31
- super.connectedCallback(), this._group = this.closest("sbb-radio-button-group");
32
- const t = this.abort.signal;
33
- this.addEventListener("click", (e) => this._handleClick(e), { signal: t }), this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal: t }), ["disabled", "required", "size"].forEach((e) => this.requestUpdate(e));
32
+ super.connectedCallback(), this._group = this.closest("sbb-radio-button-group"), ["disabled", "required", "size"].forEach((t) => this.requestUpdate(t));
34
33
  }
35
34
  /**
36
35
  * Set the radio-button as 'checked'; if 'allowEmptySelection', toggle the checked property.
@@ -57,10 +56,10 @@ const k = (a) => (() => {
57
56
  t.code === "Space" && (t.preventDefault(), this.select());
58
57
  }
59
58
  }, (() => {
60
- const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
61
- b = [d({ attribute: "allow-empty-selection", type: Boolean })], l(o, null, b, { kind: "setter", name: "allowEmptySelection", static: !1, private: !1, access: { has: (e) => "allowEmptySelection" in e, set: (e, s) => {
62
- e.allowEmptySelection = s;
63
- } }, metadata: t }, null, r), t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
59
+ const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
60
+ a = [d({ attribute: "allow-empty-selection", type: Boolean })], n(o, null, a, { kind: "setter", name: "allowEmptySelection", static: !1, private: !1, access: { has: (e) => "allowEmptySelection" in e, set: (e, i) => {
61
+ e.allowEmptySelection = i;
62
+ } }, metadata: t }, null, b), t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
64
63
  })(), o.events = {
65
64
  change: "change",
66
65
  input: "input",
@@ -29,8 +29,8 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
29
29
  /**
30
30
  * The value of the radio group.
31
31
  */
32
- set value(val: any | null);
33
- get value(): any | null;
32
+ set value(val: string | null);
33
+ get value(): string | null;
34
34
  /**
35
35
  * Used to preserve the `value` in case the radios are not yet 'loaded'
36
36
  */
@@ -54,12 +54,12 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
54
54
  */
55
55
  get radioButtons(): (SbbRadioButtonElement | SbbRadioButtonPanelElement)[];
56
56
  private _didLoad;
57
- private _abort;
58
57
  /**
59
58
  * Emits whenever the `sbb-radio-group` value changes.
60
59
  * @deprecated only used for React. Will probably be removed once React 19 is available.
61
60
  */
62
61
  private _didChange;
62
+ constructor();
63
63
  connectedCallback(): void;
64
64
  willUpdate(changedProperties: PropertyValues<this>): void;
65
65
  protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;AACH,qBAMM,0BAA2B,SAAQ,+BAA4B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,EAa/B;IACD,IAAW,KAAK,IAAI,GAAG,GAAG,IAAI,CAE7B;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAoB;IAE1C;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAyC;IAEvD;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;IAEc,iBAAiB,IAAI,IAAI;IAazB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
1
+ {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;AACH,qBAMM,0BAA2B,SAAQ,+BAA4B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAalC;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAuB;IAE7C;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,CAAC,QAAQ,CAAS;IAEzB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;;IAOc,iBAAiB,IAAI,IAAI;IAQzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
@@ -3,30 +3,30 @@ var $ = (o) => {
3
3
  };
4
4
  var M = (o, i, n) => i.has(o) || $("Cannot " + n);
5
5
  var u = (o, i, n) => (M(o, i, "read from private field"), n ? n.call(o) : i.get(o)), b = (o, i, n) => i.has(o) ? $("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(o) : i.set(o, n), l = (o, i, n, d) => (M(o, i, "write to private field"), d ? d.call(o, n) : i.set(o, n), n);
6
- import { __runInitializers as s, __esDecorate as h } from "tslib";
6
+ import { __esDecorate as h, __runInitializers as s } from "tslib";
7
7
  import { css as H, LitElement as J, html as K } from "lit";
8
8
  import { customElement as Q, property as c } from "lit/decorators.js";
9
- import { SbbConnectedAbortController as W } from "../core/controllers.js";
10
- import { hostAttributes as X, slotState as Y, forceType as w } from "../core/decorators.js";
11
- import { isLean as Z } from "../core/dom.js";
12
- import { EventEmitter as P } from "../core/eventing.js";
13
- import { SbbDisabledMixin as tt } from "../core/mixins.js";
14
- const et = H`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-group-orientation: row;--sbb-radio-button-group-width: max-content;--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host ::slotted(sbb-radio-button-panel){flex:auto}:host([orientation=vertical]){--sbb-radio-button-group-orientation: column;--sbb-radio-button-group-width: 100%}:host([orientation=vertical]) ::slotted(sbb-radio-button-panel){width:100%}:host([data-has-panel]){--sbb-radio-button-group-width: 100%}:host([data-has-panel][orientation=vertical]){--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}.sbb-radio-group{display:flex;flex-direction:var(--sbb-radio-button-group-orientation);gap:var(--sbb-radio-button-group-gap);align-items:flex-start;width:var(--sbb-radio-button-group-width)}.sbb-radio-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-radio-group__error{display:none}`;
15
- let at = 0, ct = (() => {
9
+ import { hostAttributes as W, slotState as X, forceType as w } from "../core/decorators.js";
10
+ import { isLean as Y } from "../core/dom.js";
11
+ import { EventEmitter as Z } from "../core/eventing.js";
12
+ import { SbbDisabledMixin as P } from "../core/mixins.js";
13
+ const tt = H`*,:before,:after{box-sizing:border-box}:host{--sbb-radio-button-group-orientation: row;--sbb-radio-button-group-width: max-content;--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host ::slotted(sbb-radio-button-panel){flex:auto}:host([orientation=vertical]){--sbb-radio-button-group-orientation: column;--sbb-radio-button-group-width: 100%}:host([orientation=vertical]) ::slotted(sbb-radio-button-panel){width:100%}:host([data-has-panel]){--sbb-radio-button-group-width: 100%}:host([data-has-panel][orientation=vertical]){--sbb-radio-button-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-radio-button-group-orientation: row}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-radio-button-panel){width:unset}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-radio-button-group-width: max-content}}.sbb-radio-group{display:flex;flex-direction:var(--sbb-radio-button-group-orientation);gap:var(--sbb-radio-button-group-gap);align-items:flex-start;width:var(--sbb-radio-button-group-width)}.sbb-radio-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-radio-group__error{display:none}`;
14
+ let et = 0, ut = (() => {
16
15
  var m, p, f, _, g, z, r;
17
- let o = [Q("sbb-radio-button-group"), X({
16
+ let o = [Q("sbb-radio-button-group"), W({
18
17
  role: "radiogroup"
19
- }), Y()], i, n = [], d, x = tt(J), y = [], S, E = [], k = [], q, C = [], B = [], F, I, R = [], U = [], L, A = [], N = [], V, D = [], j = [], G, O = [], T = [];
18
+ }), X()], i, n = [], d, x = P(J), y = [], E, S = [], k = [], q, B = [], C = [], F, I, R = [], U = [], L, N = [], V = [], A, D = [], j = [], G, O = [], T = [];
20
19
  var v = (r = class extends x {
21
20
  constructor() {
22
- super(...arguments);
21
+ var e;
22
+ super();
23
23
  b(this, m);
24
24
  b(this, p);
25
25
  b(this, f);
26
26
  b(this, _);
27
27
  b(this, g);
28
28
  b(this, z);
29
- l(this, m, (s(this, y), s(this, E, !1))), l(this, p, (s(this, k), s(this, C, !1))), this._fallbackValue = (s(this, B), null), l(this, f, s(this, R, Z() ? "xs" : "m")), l(this, _, (s(this, U), s(this, A, null))), l(this, g, (s(this, N), s(this, D, "horizontal"))), l(this, z, (s(this, j), s(this, O, `sbb-radio-button-group-${++at}`))), this._didLoad = (s(this, T), !1), this._abort = new W(this), this._didChange = new P(this, v.events.didChange);
29
+ l(this, m, (s(this, y), s(this, S, !1))), l(this, p, (s(this, k), s(this, B, !1))), this._fallbackValue = (s(this, C), null), l(this, f, s(this, R, Y() ? "xs" : "m")), l(this, _, (s(this, U), s(this, N, null))), l(this, g, (s(this, V), s(this, D, "horizontal"))), l(this, z, (s(this, j), s(this, O, `sbb-radio-button-group-${++et}`))), this._didLoad = (s(this, T), !1), this._didChange = new Z(this, v.events.didChange), (e = this.addEventListener) == null || e.call(this, "change", (t) => this._onRadioChange(t));
30
30
  }
31
31
  /**
32
32
  * Whether the radios can be deselected.
@@ -108,12 +108,8 @@ let at = 0, ct = (() => {
108
108
  });
109
109
  }
110
110
  connectedCallback() {
111
- var t;
112
- super.connectedCallback();
113
- const e = this._abort.signal;
114
- this.toggleAttribute("data-has-panel", !!((t = this.querySelector) != null && t.call(this, "sbb-selection-expansion-panel, sbb-radio-button-panel"))), this.addEventListener("change", (a) => this._onRadioChange(a), {
115
- signal: e
116
- });
111
+ var e;
112
+ super.connectedCallback(), this.toggleAttribute("data-has-panel", !!((e = this.querySelector) != null && e.call(this, "sbb-selection-expansion-panel, sbb-radio-button-panel")));
117
113
  }
118
114
  willUpdate(e) {
119
115
  super.willUpdate(e), e.has("disabled") && this.radioButtons.forEach((t) => {
@@ -163,22 +159,22 @@ let at = 0, ct = (() => {
163
159
  }
164
160
  }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = r, (() => {
165
161
  const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
166
- S = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], q = [w(), c({ type: Boolean })], F = [c()], I = [c()], L = [c({ attribute: "horizontal-from", reflect: !0 })], V = [c({ reflect: !0 })], G = [w(), c()], h(r, null, S, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, a) => {
162
+ E = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], q = [w(), c({ type: Boolean })], F = [c()], I = [c()], L = [c({ attribute: "horizontal-from", reflect: !0 })], A = [c({ reflect: !0 })], G = [w(), c()], h(r, null, E, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, a) => {
167
163
  t.allowEmptySelection = a;
168
- } }, metadata: e }, E, k), h(r, null, q, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, a) => {
164
+ } }, metadata: e }, S, k), h(r, null, q, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, a) => {
169
165
  t.required = a;
170
- } }, metadata: e }, C, B), h(r, null, F, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, a) => {
166
+ } }, metadata: e }, B, C), h(r, null, F, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, a) => {
171
167
  t.value = a;
172
168
  } }, metadata: e }, null, y), h(r, null, I, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, a) => {
173
169
  t.size = a;
174
170
  } }, metadata: e }, R, U), h(r, null, L, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, a) => {
175
171
  t.horizontalFrom = a;
176
- } }, metadata: e }, A, N), h(r, null, V, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
172
+ } }, metadata: e }, N, V), h(r, null, A, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
177
173
  t.orientation = a;
178
174
  } }, metadata: e }, D, j), h(r, null, G, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, a) => {
179
175
  t.name = a;
180
176
  } }, metadata: e }, O, T), h(null, i = { value: d }, o, { kind: "class", name: d.name, metadata: e }, null, n), v = d = i.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
181
- })(), r.styles = et, r.events = {
177
+ })(), r.styles = tt, r.events = {
182
178
  didChange: "didChange",
183
179
  change: "change",
184
180
  input: "input"
@@ -186,5 +182,5 @@ let at = 0, ct = (() => {
186
182
  return v = d;
187
183
  })();
188
184
  export {
189
- ct as SbbRadioButtonGroupElement
185
+ ut as SbbRadioButtonGroupElement
190
186
  };
@@ -62,7 +62,6 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
62
62
  private _searchString;
63
63
  private _didLoad;
64
64
  private _isPointerDownEventOnMenu;
65
- private _abort;
66
65
  /**
67
66
  * The 'combobox' input element
68
67
  * @internal
@@ -82,6 +81,9 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
82
81
  getDisplayValue(): string;
83
82
  /** Listens to option changes. */
84
83
  private _onOptionChanged;
84
+ /** Listens to option changes. */
85
+ private _onOptionLabelChanged;
86
+ private _updateDisplayValue;
85
87
  /** Sets the _displayValue by checking the internal sbb-options and setting the correct `selected` value on them. */
86
88
  private _onValueChanged;
87
89
  protected firstUpdated(changedProperties: PropertyValues<this>): void;
@@ -135,7 +137,8 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
135
137
  private _resetActiveElement;
136
138
  private _pointerDownListener;
137
139
  private _closeOnBackdropClick;
138
- private _setValueFromSelectedOption;
140
+ private _setValueFromSelected;
141
+ private _getSelected;
139
142
  private _toggleOpening;
140
143
  private _spreadDeferredDisplayValue;
141
144
  private _deferredDisplayValue;
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.ts"],"names":[],"mappings":"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"}