@sbb-esta/lyne-elements 2.1.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/accordion.js +6 -6
  2. package/action-group.js +3 -3
  3. package/alert/alert-group.js +4 -4
  4. package/alert/alert.js +9 -9
  5. package/autocomplete/autocomplete-base-element.d.ts +4 -0
  6. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  7. package/autocomplete-grid/autocomplete-grid-button.js +4 -4
  8. package/autocomplete-grid/autocomplete-grid-cell.js +3 -3
  9. package/autocomplete-grid/autocomplete-grid-optgroup.js +4 -4
  10. package/autocomplete-grid/autocomplete-grid-row.js +5 -5
  11. package/autocomplete.js +26 -20
  12. package/badge.css +31 -0
  13. package/breadcrumb/breadcrumb-group.js +5 -5
  14. package/breadcrumb/breadcrumb.js +19 -19
  15. package/button/accent-button-link.js +9 -9
  16. package/button/accent-button-static.js +6 -6
  17. package/button/accent-button.js +6 -6
  18. package/button/button-link.js +7 -7
  19. package/button/button-static.js +7 -7
  20. package/button/button.js +8 -8
  21. package/button/common.js +15 -15
  22. package/button/mini-button-group.js +8 -8
  23. package/button/secondary-button-link.js +7 -7
  24. package/button/secondary-button-static.js +7 -7
  25. package/button/secondary-button.js +3 -3
  26. package/button/transparent-button-link.js +6 -6
  27. package/button/transparent-button-static.js +5 -5
  28. package/button/transparent-button.js +6 -6
  29. package/calendar.js +1 -1
  30. package/card/card-badge.js +11 -11
  31. package/card/card-button.js +5 -5
  32. package/card/card-link.js +7 -7
  33. package/card/card.js +3 -3
  34. package/checkbox/checkbox-panel.js +16 -16
  35. package/checkbox/checkbox.js +15 -15
  36. package/checkbox/common.js +3 -3
  37. package/chip-label.js +3 -3
  38. package/clock.js +10 -10
  39. package/container/container.js +6 -6
  40. package/core/a11y/focus.d.ts.map +1 -1
  41. package/core/a11y.js +8 -8
  42. package/core/base-elements/link-base-element.d.ts +2 -0
  43. package/core/base-elements/link-base-element.d.ts.map +1 -1
  44. package/core/base-elements.js +125 -114
  45. package/core/controllers.js +4 -4
  46. package/core/datetime.js +6 -6
  47. package/core/dom/scroll.d.ts +1 -0
  48. package/core/dom/scroll.d.ts.map +1 -1
  49. package/core/dom.js +31 -31
  50. package/core/eventing.js +4 -4
  51. package/core/i18n/i18n.d.ts +2 -0
  52. package/core/i18n/i18n.d.ts.map +1 -1
  53. package/core/i18n.js +43 -31
  54. package/core/images.d.ts.map +1 -1
  55. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  56. package/core/mixins/form-associated-mixin.d.ts +3 -0
  57. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  58. package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  59. package/core/mixins.js +342 -248
  60. package/core/styles/badge.scss +3 -0
  61. package/core/styles/core.scss +2 -0
  62. package/core/styles/mixins/badge.scss +26 -1
  63. package/core/styles/mixins/font-face.scss +12 -12
  64. package/core/styles/mixins/link.scss +32 -8
  65. package/core/styles/standard-theme.scss +1 -0
  66. package/core/testing.js +14 -14
  67. package/core.css +5 -3
  68. package/custom-elements.json +7788 -173
  69. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  70. package/datepicker/datepicker-toggle.js +23 -26
  71. package/datepicker/datepicker.js +4 -4
  72. package/development/action-group.js +1 -1
  73. package/development/alert/alert-group.js +1 -1
  74. package/development/alert/alert.js +1 -1
  75. package/development/autocomplete/autocomplete-base-element.d.ts +4 -0
  76. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  77. package/development/autocomplete-grid/autocomplete-grid-cell.js +1 -1
  78. package/development/autocomplete-grid/autocomplete-grid-row.js +1 -1
  79. package/development/autocomplete.js +15 -2
  80. package/development/breadcrumb/breadcrumb-group.js +3 -3
  81. package/development/breadcrumb/breadcrumb.js +5 -2
  82. package/development/button/common.js +75 -74
  83. package/development/calendar.js +1 -1
  84. package/development/card/card-badge.js +1 -1
  85. package/development/card/card.js +1 -1
  86. package/development/checkbox/checkbox-panel.js +1 -1
  87. package/development/chip-label.js +1 -1
  88. package/development/clock.js +1 -1
  89. package/development/container/container.js +1 -1
  90. package/development/core/a11y/focus.d.ts.map +1 -1
  91. package/development/core/a11y.js +3 -3
  92. package/development/core/base-elements/link-base-element.d.ts +2 -0
  93. package/development/core/base-elements/link-base-element.d.ts.map +1 -1
  94. package/development/core/base-elements.js +22 -5
  95. package/development/core/controllers.js +1 -1
  96. package/development/core/dom/scroll.d.ts +1 -0
  97. package/development/core/dom/scroll.d.ts.map +1 -1
  98. package/development/core/dom.js +5 -2
  99. package/development/core/i18n/i18n.d.ts +2 -0
  100. package/development/core/i18n/i18n.d.ts.map +1 -1
  101. package/development/core/i18n.js +15 -1
  102. package/development/core/images.d.ts.map +1 -1
  103. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  104. package/development/core/mixins/form-associated-mixin.d.ts +3 -0
  105. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  106. package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  107. package/development/core/mixins.js +159 -22
  108. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  109. package/development/datepicker/datepicker-toggle.js +13 -6
  110. package/development/datepicker/datepicker.js +1 -1
  111. package/development/dialog/dialog-content.js +1 -1
  112. package/development/dialog/dialog-title.js +1 -1
  113. package/development/dialog/dialog.js +1 -1
  114. package/development/expansion-panel/expansion-panel-content.js +1 -1
  115. package/development/expansion-panel/expansion-panel-header.js +1 -1
  116. package/development/expansion-panel/expansion-panel.js +1 -1
  117. package/development/file-selector/common.js +1 -1
  118. package/development/flip-card/flip-card-details.js +1 -1
  119. package/development/flip-card/flip-card-summary.js +1 -1
  120. package/development/footer.js +1 -1
  121. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  122. package/development/form-field/form-field.js +5 -2
  123. package/development/icon.js +1 -1
  124. package/development/image.js +2 -2
  125. package/development/journey-header.js +1 -1
  126. package/development/lead-container.js +1 -1
  127. package/development/link/common.js +19 -7
  128. package/development/link-list/common.js +1 -1
  129. package/development/link-list/link-list-anchor.js +1 -1
  130. package/development/link-list/link-list.js +1 -1
  131. package/development/loading-indicator-circle.js +1 -1
  132. package/development/loading-indicator.js +1 -1
  133. package/development/map-container.js +1 -1
  134. package/development/menu/common/menu-action-common.d.ts +3 -0
  135. package/development/menu/common/menu-action-common.d.ts.map +1 -1
  136. package/development/menu/common.js +35 -12
  137. package/development/message.js +1 -1
  138. package/development/navigation/navigation-section.js +1 -1
  139. package/development/notification.js +1 -1
  140. package/development/option/optgroup.js +1 -1
  141. package/development/option/option.js +1 -1
  142. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  143. package/development/overlay.js +3 -3
  144. package/development/paginator/paginator.js +1 -1
  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 +2 -2
  147. package/development/radio-button/radio-button-panel.js +1 -1
  148. package/development/{sbb-tokens-BdGhUJjM.js → sbb-tokens-CSAKTXUi.js} +15 -15
  149. package/development/screen-reader-only.js +1 -1
  150. package/development/select/select.d.ts +4 -1
  151. package/development/select/select.d.ts.map +1 -1
  152. package/development/select.js +22 -4
  153. package/development/signet.js +1 -1
  154. package/development/skiplink-list.js +1 -1
  155. package/development/slider.js +1 -1
  156. package/development/stepper/step.js +1 -1
  157. package/development/tabs/tab-label.js +1 -1
  158. package/development/tabs/tab.js +1 -1
  159. package/development/time-input.js +1 -1
  160. package/development/timetable-occupancy.js +1 -1
  161. package/development/title/title-base.d.ts.map +1 -1
  162. package/development/title.js +4 -5
  163. package/development/toast.js +1 -1
  164. package/development/toggle/toggle/toggle.d.ts +25 -6
  165. package/development/toggle/toggle/toggle.d.ts.map +1 -1
  166. package/development/toggle/toggle-option/toggle-option.d.ts +2 -6
  167. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  168. package/development/toggle/toggle-option.js +21 -39
  169. package/development/toggle/toggle.js +58 -40
  170. package/development/train/train-blocked-passage.js +1 -1
  171. package/development/train/train-formation.js +1 -1
  172. package/development/train/train.js +1 -1
  173. package/development/visual-checkbox.js +1 -1
  174. package/dialog/dialog-content.js +4 -4
  175. package/dialog/dialog-title.js +8 -8
  176. package/dialog/dialog.js +1 -1
  177. package/divider.js +12 -12
  178. package/expansion-panel/expansion-panel-content.js +3 -3
  179. package/expansion-panel/expansion-panel-header.js +1 -1
  180. package/expansion-panel/expansion-panel.js +1 -1
  181. package/file-selector/common.js +9 -9
  182. package/file-selector/file-selector-dropzone.js +5 -5
  183. package/file-selector/file-selector.js +6 -6
  184. package/flip-card/flip-card-details.js +7 -7
  185. package/flip-card/flip-card-summary.js +12 -12
  186. package/font-characters-extension.css +3 -3
  187. package/footer.js +4 -4
  188. package/form-field/form-field/form-field.d.ts.map +1 -1
  189. package/form-field/form-field.js +7 -5
  190. package/header/header-button.js +5 -5
  191. package/header/header-link.js +5 -5
  192. package/icon.js +37 -37
  193. package/image.js +16 -16
  194. package/journey-header.js +5 -5
  195. package/lead-container.js +3 -3
  196. package/link/block-link-button.js +4 -4
  197. package/link/block-link-static.js +9 -9
  198. package/link/block-link.js +4 -4
  199. package/link/common.js +28 -28
  200. package/link/link-button.js +7 -7
  201. package/link/link-static.js +7 -7
  202. package/link/link.js +4 -4
  203. package/link-list/common.js +15 -15
  204. package/link-list/link-list-anchor.js +3 -3
  205. package/link-list/link-list.js +3 -3
  206. package/loading-indicator-circle.js +14 -14
  207. package/loading-indicator.js +3 -3
  208. package/map-container.js +6 -6
  209. package/menu/common/menu-action-common.d.ts +3 -0
  210. package/menu/common/menu-action-common.d.ts.map +1 -1
  211. package/menu/common.js +34 -30
  212. package/menu/menu-button.js +8 -8
  213. package/menu/menu-link.js +6 -6
  214. package/menu/menu.js +7 -7
  215. package/message.js +3 -3
  216. package/navigation/navigation-button.js +4 -4
  217. package/navigation/navigation-link.js +7 -7
  218. package/navigation/navigation-list.js +4 -4
  219. package/navigation/navigation-marker.js +3 -3
  220. package/navigation/navigation-section.js +1 -1
  221. package/notification.js +19 -19
  222. package/option/optgroup.js +14 -14
  223. package/option/option.js +3 -3
  224. package/overlay/overlay-base-element.d.ts.map +1 -1
  225. package/overlay.js +14 -14
  226. package/package.json +6 -2
  227. package/paginator/common.js +6 -6
  228. package/paginator/paginator.js +1 -1
  229. package/popover/popover.js +13 -13
  230. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  231. package/radio-button/radio-button-group.js +1 -1
  232. package/radio-button/radio-button-panel.js +6 -6
  233. package/{sbb-tokens-Dx20OtVg.js → sbb-tokens-BgDF8jIh.js} +14 -14
  234. package/screen-reader-only.js +8 -8
  235. package/select/select.d.ts +4 -1
  236. package/select/select.d.ts.map +1 -1
  237. package/select.js +35 -28
  238. package/signet.js +1 -1
  239. package/skiplink-list.js +3 -3
  240. package/slider.js +13 -13
  241. package/standard-theme.css +37 -3
  242. package/status.js +3 -3
  243. package/stepper/step-label.js +4 -4
  244. package/stepper/step.js +3 -3
  245. package/table/table-wrapper.js +4 -4
  246. package/tabs/tab-group.js +24 -24
  247. package/tabs/tab-label.js +1 -1
  248. package/tabs/tab.js +4 -4
  249. package/tag/tag-group.js +7 -7
  250. package/teaser-product/common.js +5 -5
  251. package/teaser-product/teaser-product-static.js +2 -2
  252. package/time-input.js +3 -3
  253. package/timetable-occupancy-icon.js +3 -3
  254. package/timetable-occupancy.js +6 -6
  255. package/title/title-base.d.ts.map +1 -1
  256. package/title.js +41 -42
  257. package/toast.js +5 -5
  258. package/toggle/toggle/toggle.d.ts +25 -6
  259. package/toggle/toggle/toggle.d.ts.map +1 -1
  260. package/toggle/toggle-option/toggle-option.d.ts +2 -6
  261. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  262. package/toggle/toggle-option.js +44 -52
  263. package/toggle/toggle.js +103 -83
  264. package/toggle-check.js +5 -5
  265. package/train/train-blocked-passage.js +3 -3
  266. package/train/train-formation.js +1 -1
  267. package/train/train.js +29 -29
  268. package/visual-checkbox.js +1 -1
@@ -1,19 +1,19 @@
1
- import { __esDecorate as s, __runInitializers as m } from "tslib";
1
+ import { __esDecorate as n, __runInitializers as m } from "tslib";
2
2
  import { customElement as i } from "lit/decorators.js";
3
3
  import { SbbButtonBaseElement as c } from "../core/base-elements.js";
4
4
  import { SbbCardActionCommonElementMixin as u } from "./common.js";
5
- let _ = (() => {
5
+ let f = (() => {
6
6
  var e;
7
- let n = [i("sbb-card-button")], r, l = [], t, o = u(c);
7
+ let s = [i("sbb-card-button")], r, l = [], t, o = u(c);
8
8
  return e = class extends o {
9
9
  constructor() {
10
10
  super(...arguments), this.actionRole = "button";
11
11
  }
12
12
  }, t = e, (() => {
13
13
  const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
14
- s(null, r = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, l);
14
+ n(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, l);
15
15
  })(), t;
16
16
  })();
17
17
  export {
18
- _ as SbbCardButtonElement
18
+ f as SbbCardButtonElement
19
19
  };
package/card/card-link.js CHANGED
@@ -1,19 +1,19 @@
1
- import { __esDecorate as i, __runInitializers as o } from "tslib";
1
+ import { __esDecorate as n, __runInitializers as o } from "tslib";
2
2
  import { customElement as m } from "lit/decorators.js";
3
3
  import { SbbLinkBaseElement as c } from "../core/base-elements.js";
4
4
  import { SbbCardActionCommonElementMixin as u } from "./common.js";
5
- let _ = (() => {
5
+ let f = (() => {
6
6
  var t;
7
- let s = [m("sbb-card-link")], l, r = [], e, n = u(c);
8
- return t = class extends n {
7
+ let i = [m("sbb-card-link")], l, r = [], e, s = u(c);
8
+ return t = class extends s {
9
9
  constructor() {
10
10
  super(...arguments), this.actionRole = "link";
11
11
  }
12
12
  }, e = t, (() => {
13
- const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
14
- i(null, l = { value: e }, s, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
13
+ const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
14
+ n(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
15
15
  })(), e;
16
16
  })();
17
17
  export {
18
- _ as SbbCardLinkElement
18
+ f as SbbCardLinkElement
19
19
  };
package/card/card.js CHANGED
@@ -4,13 +4,13 @@ var _ = (a) => {
4
4
  var z = (a, r, s) => r.has(a) || _("Cannot " + s);
5
5
  var l = (a, r, s) => (z(a, r, "read from private field"), s ? s.call(a) : r.get(a)), v = (a, r, s) => r.has(a) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, s), p = (a, r, s, e) => (z(a, r, "write to private field"), e ? e.call(a, s) : r.set(a, s), s);
6
6
  import { __esDecorate as h, __runInitializers as c } from "tslib";
7
- import { css as E, html as y, nothing as I, LitElement as T } from "lit";
7
+ import { css as E, LitElement as I, nothing as T, html as y } from "lit";
8
8
  import { customElement as B, property as S } from "lit/decorators.js";
9
9
  import { isLean as D } from "../core/dom.js";
10
10
  const L = E`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-card-background-color: var(--sbb-color-white);--sbb-card-border-radius: var(--sbb-border-radius-4x);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );--sbb-card-animation-easing: var(--sbb-animation-easing);--sbb-card-border-color: transparent;--sbb-card-border-style: solid;--sbb-card-hover-shift: 0;--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}@media (forced-colors: active){:host{--sbb-card-border-color: CanvasText;--sbb-card-border-width: var(--sbb-border-width-2x)}}:host([color=milk]){--sbb-card-background-color: var(--sbb-color-milk);--sbb-card-border-color: transparent}:host([color=transparent-bordered]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cloud);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host([color=transparent-bordered-dashed]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host([data-has-active-action]){--sbb-card-border-color: var(--sbb-color-charcoal);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media (forced-colors: active){:host([data-has-active-action]){--sbb-card-border-color: Highlight}}:host([size=xs]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-3x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=s]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-4x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=l][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-fixed-4x)}:host([size=xl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xl][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxs)}:host([size=xxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xxxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}@media (forced-colors: active){:host([data-has-action]){--sbb-title-text-color-normal-override: var(--sbb-card-color)}}@media (any-hover: hover){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-hover-shift: -.125rem}:host([data-has-action]:not([data-has-active-action]):hover) .sbb-card{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}@media (any-hover: hover) and (forced-colors: active){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-border-color: Highlight}}@media (forced-colors: active){:host([data-has-action][data-action-role=button]){--sbb-card-color: ButtonText}}@media (forced-colors: active){:host([data-has-action][data-action-role=link]){--sbb-card-color: LinkText}}.sbb-card{width:100%;height:100%;display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block-start) var(--sbb-card-padding-block-end);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}.sbb-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}.sbb-card__wrapper{display:block;height:100%}:host([data-has-action]) .sbb-card__wrapper{pointer-events:none;transform:translateY(var(--sbb-card-hover-shift));transition:transform var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius)}:host([data-has-action]) .sbb-card__badge-wrapper{pointer-events:none}:host(:not([data-has-card-badge])) .sbb-card__badge-wrapper{display:none}::slotted(sbb-title){margin-block-start:0}`;
11
11
  let Y = (() => {
12
12
  var d, i, b;
13
- let a = [B("sbb-card")], r, s = [], e, g = T, x, u = [], m = [], f, k = [], w = [];
13
+ let a = [B("sbb-card")], r, s = [], e, g = I, x, u = [], m = [], f, k = [], w = [];
14
14
  return b = class extends g {
15
15
  constructor() {
16
16
  super(...arguments);
@@ -52,7 +52,7 @@ let Y = (() => {
52
52
  </span>
53
53
  ${this._isBadgeVisible() ? y`<span class="sbb-card__badge-wrapper">
54
54
  <slot name="badge"></slot>
55
- </span>` : I}
55
+ </span>` : T}
56
56
  </span>
57
57
  `;
58
58
  }
@@ -1,11 +1,11 @@
1
- var f = (e) => {
1
+ var k = (e) => {
2
2
  throw TypeError(e);
3
3
  };
4
- var k = (e, t, s) => t.has(e) || f("Cannot " + s);
5
- var x = (e, t, s) => (k(e, t, "read from private field"), s ? s.call(e) : t.get(e)), g = (e, t, s) => t.has(e) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), b = (e, t, s, i) => (k(e, t, "write to private field"), i ? i.call(e, s) : t.set(e, s), s);
4
+ var x = (e, t, s) => t.has(e) || k("Cannot " + s);
5
+ var f = (e, t, s) => (x(e, t, "read from private field"), s ? s.call(e) : t.get(e)), g = (e, t, s) => t.has(e) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), b = (e, t, s, i) => (x(e, t, "write to private field"), i ? i.call(e, s) : t.set(e, s), s);
6
6
  import { __runInitializers as h, __esDecorate as z } from "tslib";
7
- import { LitElement as y, html as S, nothing as C } from "lit";
8
- import { customElement as v, property as E } from "lit/decorators.js";
7
+ import { LitElement as v, nothing as y, html as S } from "lit";
8
+ import { customElement as C, property as E } from "lit/decorators.js";
9
9
  import { slotState as w, getOverride as $ } from "../core/decorators.js";
10
10
  import { isLean as D } from "../core/dom.js";
11
11
  import { EventEmitter as I } from "../core/eventing.js";
@@ -15,19 +15,19 @@ import "../screen-reader-only.js";
15
15
  import "../visual-checkbox.js";
16
16
  let R = (() => {
17
17
  var c, l;
18
- let e = [v("sbb-checkbox-panel"), w()], t, s = [], i, m = M(j(O(y))), d, p = [], u = [];
19
- var r = (l = class extends m {
18
+ let e = [C("sbb-checkbox-panel"), w()], t, s = [], i, m = M(j(O(v))), d, p = [], u = [];
19
+ var o = (l = class extends m {
20
20
  constructor() {
21
21
  super(...arguments);
22
22
  g(this, c);
23
- b(this, c, h(this, p, D() ? "s" : "m")), this.stateChange = (h(this, u), new I(this, r.events.stateChange, { bubbles: !0 }));
23
+ b(this, c, h(this, p, D() ? "s" : "m")), this.stateChange = (h(this, u), new I(this, o.events.stateChange, { bubbles: !0 }));
24
24
  }
25
25
  /**
26
26
  * Size variant, either m or s.
27
27
  * @default 'm' / 's' (lean)
28
28
  */
29
29
  get size() {
30
- return x(this, c);
30
+ return f(this, c);
31
31
  }
32
32
  set size(a) {
33
33
  b(this, c, a);
@@ -57,7 +57,7 @@ let R = (() => {
57
57
  </span>
58
58
  </span>
59
59
  <slot name="subtext"></slot>
60
- ${this.expansionState ? S`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : C}
60
+ ${this.expansionState ? S`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : y}
61
61
  </span>
62
62
  </span>
63
63
  </span>
@@ -65,17 +65,17 @@ let R = (() => {
65
65
  }
66
66
  }, c = new WeakMap(), i = l, (() => {
67
67
  const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
68
- d = [E({ reflect: !0 }), $((n, o) => {
68
+ d = [E({ reflect: !0 }), $((n, r) => {
69
69
  var _;
70
- return (_ = n.group) != null && _.size ? n.group.size === "xs" ? "s" : n.group.size : o;
71
- })], z(l, null, d, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (n) => "size" in n, get: (n) => n.size, set: (n, o) => {
72
- n.size = o;
73
- } }, metadata: a }, p, u), z(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: a }, null, s), r = i = t.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
70
+ return (_ = n.group) != null && _.size ? n.group.size === "xs" ? "s" : n.group.size : r;
71
+ })], z(l, null, d, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (n) => "size" in n, get: (n) => n.size, set: (n, r) => {
72
+ n.size = r;
73
+ } }, metadata: a }, p, u), z(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: a }, null, s), o = i = t.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
74
74
  })(), l.styles = [L, U], l.events = {
75
75
  stateChange: "stateChange",
76
76
  panelConnected: "panelConnected"
77
77
  }, h(i, s), l);
78
- return r = i;
78
+ return o = i;
79
79
  })();
80
80
  export {
81
81
  R as SbbCheckboxPanelElement
@@ -13,31 +13,31 @@ import { SbbCheckboxCommonElementMixin as L, checkboxCommonStyle as M } from "./
13
13
  import "../visual-checkbox.js";
14
14
  const N = w`:host{outline:none!important;display:inline-block}.sbb-checkbox__label--icon{color:var(--sbb-checkbox-label-icon-color)}:host([icon-placement=end]) .sbb-checkbox__label--icon{margin-inline-start:auto}:host(:not([icon-name],[data-slot-names~=icon])) .sbb-checkbox__label--icon{display:none}:host(:is([icon-name],[data-slot-names~=icon]):not([icon-placement=end])) .sbb-checkbox__label--icon{padding-inline-end:var(--sbb-spacing-fixed-2x)}:host(:is([icon-name],[data-slot-names~=icon])[icon-placement=end]) .sbb-checkbox__label--icon{padding-inline-start:var(--sbb-spacing-fixed-2x)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}:host([icon-placement=start]) .sbb-checkbox__label{flex-direction:row-reverse;justify-content:flex-end}:host([icon-placement=end]) .sbb-checkbox__label{justify-content:flex-start;flex-grow:1}`;
15
15
  let R = (() => {
16
- var o, l, c;
17
- let e = [$("sbb-checkbox"), j()], t, s = [], i, _ = L(O(I)), p, f = [], x = [], k, g = [], z = [];
16
+ var n, l, c;
17
+ let e = [$("sbb-checkbox"), j()], t, s = [], i, _ = L(O(I)), p, f = [], x = [], k, g = [], v = [];
18
18
  return c = class extends _ {
19
19
  constructor() {
20
20
  super(...arguments);
21
- h(this, o, b(this, f, D() ? "xs" : "m"));
21
+ h(this, n, b(this, f, D() ? "xs" : "m"));
22
22
  h(this, l, (b(this, x), b(this, g, "end")));
23
- b(this, z);
23
+ b(this, v);
24
24
  }
25
25
  /**
26
26
  * Size variant, either m, s or xs.
27
27
  * @default 'm' / 'xs' (lean)
28
28
  */
29
29
  get size() {
30
- return m(this, o);
30
+ return m(this, n);
31
31
  }
32
- set size(n) {
33
- d(this, o, n);
32
+ set size(o) {
33
+ d(this, n, o);
34
34
  }
35
35
  /** The label position relative to the labelIcon. Defaults to end */
36
36
  get iconPlacement() {
37
37
  return m(this, l);
38
38
  }
39
- set iconPlacement(n) {
40
- d(this, l, n);
39
+ set iconPlacement(o) {
40
+ d(this, l, o);
41
41
  }
42
42
  render() {
43
43
  return E`
@@ -63,16 +63,16 @@ let R = (() => {
63
63
  </span>
64
64
  `;
65
65
  }
66
- }, o = new WeakMap(), l = new WeakMap(), i = c, (() => {
67
- const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
66
+ }, n = new WeakMap(), l = new WeakMap(), i = c, (() => {
67
+ const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
68
68
  p = [P({ reflect: !0 }), C((a, r) => {
69
- var v;
70
- return ((v = a.group) == null ? void 0 : v.size) ?? r;
69
+ var z;
70
+ return ((z = a.group) == null ? void 0 : z.size) ?? r;
71
71
  })], k = [P({ attribute: "icon-placement", reflect: !0 })], u(c, null, p, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, r) => {
72
72
  a.size = r;
73
- } }, metadata: n }, f, x), u(c, null, k, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (a) => "iconPlacement" in a, get: (a) => a.iconPlacement, set: (a, r) => {
73
+ } }, metadata: o }, f, x), u(c, null, k, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (a) => "iconPlacement" in a, get: (a) => a.iconPlacement, set: (a, r) => {
74
74
  a.iconPlacement = r;
75
- } }, metadata: n }, g, z), u(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: n }, null, s), i = t.value, n && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
75
+ } }, metadata: o }, g, v), u(null, t = { value: i }, e, { kind: "class", name: i.name, metadata: o }, null, s), i = t.value, o && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
76
76
  })(), c.styles = [M, N], b(i, s), i;
77
77
  })();
78
78
  export {
@@ -1,8 +1,8 @@
1
1
  var h = (e) => {
2
2
  throw TypeError(e);
3
3
  };
4
- var d = (e, i, s) => i.has(e) || h("Cannot " + s);
5
- var m = (e, i, s) => (d(e, i, "read from private field"), s ? s.call(e) : i.get(e)), x = (e, i, s) => i.has(e) ? h("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, s), n = (e, i, s, b) => (d(e, i, "write to private field"), b ? b.call(e, s) : i.set(e, s), s);
4
+ var m = (e, i, s) => i.has(e) || h("Cannot " + s);
5
+ var d = (e, i, s) => (m(e, i, "read from private field"), s ? s.call(e) : i.get(e)), x = (e, i, s) => i.has(e) ? h("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, s), n = (e, i, s, b) => (m(e, i, "write to private field"), b ? b.call(e, s) : i.set(e, s), s);
6
6
  import { __runInitializers as f, __esDecorate as u } from "tslib";
7
7
  import { property as y } from "lit/decorators.js";
8
8
  import { forceType as g } from "../core/decorators.js";
@@ -19,7 +19,7 @@ const q = (e) => (() => {
19
19
  }
20
20
  /** Whether the checkbox is indeterminate. */
21
21
  get indeterminate() {
22
- return m(this, r);
22
+ return d(this, r);
23
23
  }
24
24
  set indeterminate(t) {
25
25
  n(this, r, t);
package/chip-label.js CHANGED
@@ -4,12 +4,12 @@ var y = (e) => {
4
4
  var k = (e, s, t) => s.has(e) || y("Cannot " + t);
5
5
  var p = (e, s, t) => (k(e, s, "read from private field"), t ? t.call(e) : s.get(e)), h = (e, s, t) => s.has(e) ? y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), d = (e, s, t, l) => (k(e, s, "write to private field"), l ? l.call(e, t) : s.set(e, t), t);
6
6
  import { __esDecorate as f, __runInitializers as c } from "tslib";
7
- import { css as S, html as E, LitElement as I } from "lit";
7
+ import { css as S, LitElement as E, html as I } from "lit";
8
8
  import { customElement as j, property as w } from "lit/decorators.js";
9
9
  const D = S`*,:before,:after{box-sizing:border-box}:host{display:inline-block}:host([color=milk]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-background-color: var(--sbb-color-milk)}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-white);--sbb-chip-label-background-color: var(--sbb-color-charcoal)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-background-color: var(--sbb-color-white)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-white);--sbb-chip-label-background-color: var(--sbb-color-granite)}:host([size=xxs]){--sbb-chip-label-padding-block: 0em;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-text-font-size: var(--sbb-font-size-text-xxs)}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-text-font-size: var(--sbb-font-size-text-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-text-font-size: var(--sbb-font-size-text-s)}.sbb-chip-label{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);line-height:2;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size) + var(--sbb-chip-label-padding-block) * 2);background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);overflow:hidden}@media (forced-colors: active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}`;
10
10
  let q = (() => {
11
11
  var r, b, a;
12
- let e = [j("sbb-chip-label")], s, t = [], l, x = I, g, v = [], u = [], m, _ = [], z = [];
12
+ let e = [j("sbb-chip-label")], s, t = [], l, x = E, g, v = [], u = [], m, _ = [], z = [];
13
13
  return a = class extends x {
14
14
  constructor() {
15
15
  super(...arguments);
@@ -32,7 +32,7 @@ let q = (() => {
32
32
  d(this, b, o);
33
33
  }
34
34
  render() {
35
- return E`
35
+ return I`
36
36
  <span class="sbb-chip-label">
37
37
  <span class="sbb-chip__text-wrapper">
38
38
  <slot></slot>
package/clock.js CHANGED
@@ -1,10 +1,10 @@
1
- var z = (n) => {
1
+ var f = (n) => {
2
2
  throw TypeError(n);
3
3
  };
4
- var S = (n, i, e) => i.has(n) || z("Cannot " + e);
5
- var w = (n, i, e) => (S(n, i, "read from private field"), e ? e.call(n) : i.get(n)), L = (n, i, e) => i.has(n) ? z("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, e), h = (n, i, e, c) => (S(n, i, "write to private field"), c ? c.call(n, e) : i.set(n, e), e);
4
+ var S = (n, i, e) => i.has(n) || f("Cannot " + e);
5
+ var w = (n, i, e) => (S(n, i, "read from private field"), e ? e.call(n) : i.get(n)), L = (n, i, e) => i.has(n) ? f("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, e), h = (n, i, e, c) => (S(n, i, "write to private field"), c ? c.call(n, e) : i.set(n, e), e);
6
6
  import { __runInitializers as m, __esDecorate as C } from "tslib";
7
- import { css as P, isServer as E, html as I, LitElement as F } from "lit";
7
+ import { css as P, LitElement as I, isServer as E, html as F } from "lit";
8
8
  import { customElement as x, property as U } from "lit/decorators.js";
9
9
  import { ref as _ } from "lit/directives/ref.js";
10
10
  const $ = `<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 105"><g class="face"><circle fill="#FFF" cx="52.5" cy="52.5" r="52.5"/><path d="M50.75 4h3.5v12h-3.5zM50.75 89h3.5v12h-3.5zM75.233 9.623l3.03 1.75-6 10.392-3.03-1.75zM32.734 83.233l3.03 1.75-6 10.392-3.03-1.75zM93.628 26.732l1.75 3.031-10.392 6-1.75-3.03zM20.017 69.234l1.75 3.031-10.392 6-1.75-3.03zM101 50.75v3.5H89v-3.5zM16 50.75v3.5H4v-3.5zM95.379 75.232l-1.75 3.031-10.392-6 1.75-3.03zM21.766 32.734l-1.75 3.031-10.392-6 1.75-3.03zM78.267 93.63l-3.03 1.75-6-10.393 3.03-1.75zM35.766 20.015l-3.03 1.75-6-10.392 3.03-1.75z"/><g><path d="M56.873 4.19l1.392.147-.366 3.48-1.392-.145zM47.101 97.177l1.393.146-.366 3.481-1.392-.146zM61.896 4.914l1.37.29-.728 3.424-1.37-.29zM42.458 96.366l1.37.29-.728 3.424-1.37-.291zM66.825 6.157l1.332.432-1.082 3.33-1.331-.434zM37.931 95.085l1.332.432-1.082 3.33-1.331-.433zM71.584 7.906l1.28.569-1.424 3.197-1.28-.57zM33.56 93.32l1.278.569-1.423 3.197-1.28-.57zM80.44 12.852l1.133.823-2.058 2.831-1.132-.823zM25.481 88.494l1.133.822-2.057 2.832-1.133-.823zM84.43 15.986l1.04.937-2.342 2.6-1.04-.936zM21.87 85.469l1.04.936-2.341 2.601-1.04-.937zM88.072 19.522l.937 1.04-2.6 2.343-.937-1.04zM18.593 82.088l.937 1.04-2.601 2.342-.937-1.04zM91.328 23.425l.823 1.133-2.832 2.057-.823-1.132zM15.684 78.385l.823 1.132-2.832 2.058-.822-1.133zM96.52 32.128l.57 1.279-3.198 1.423-.57-1.278zM11.109 70.161l.569 1.279-3.197 1.423-.57-1.279zM98.407 36.85l.433 1.332-3.33 1.081-.432-1.331zM9.483 65.74l.432 1.33-3.329 1.082-.432-1.331zM99.795 41.726l.291 1.37-3.423.727-.29-1.37zM8.34 61.17l.292 1.37-3.424.728-.29-1.37zM100.66 46.73l.146 1.393-3.48.366-.147-1.392zM7.674 56.506l.146 1.392-3.48.366-.147-1.392zM100.811 56.873l-.146 1.392-3.48-.365.145-1.393zM7.821 47.101l-.146 1.392-3.48-.365.145-1.393zM100.09 61.895l-.291 1.369-3.424-.728.291-1.369zM8.631 42.46l-.291 1.37-3.423-.728.29-1.37zM98.84 66.827l-.432 1.331-3.329-1.081.433-1.332zM9.918 37.93l-.433 1.331-3.329-1.082.433-1.331zM97.098 71.585l-.569 1.28-3.197-1.424.57-1.28zM11.677 33.558l-.57 1.28-3.197-1.424.57-1.279zM92.149 80.439l-.823 1.133-2.832-2.058.823-1.132zM16.506 25.482l-.823 1.133-2.831-2.057.823-1.133zM89.017 84.431l-.937 1.04-2.6-2.341.936-1.04zM19.528 21.869l-.936 1.04-2.601-2.342.936-1.04zM85.48 88.076l-1.041.936-2.342-2.6 1.04-.937zM22.91 18.59l-1.04.937-2.341-2.601 1.04-.937zM81.574 91.328l-1.133.823-2.057-2.831 1.132-.823zM26.617 15.684l-1.133.823-2.057-2.832 1.132-.823zM72.873 96.524l-1.279.57-1.423-3.198 1.278-.57zM34.838 11.105l-1.279.57-1.423-3.198 1.279-.57zM68.151 98.405l-1.331.432-1.082-3.329 1.332-.432zM39.259 9.485l-1.332.433-1.081-3.33 1.331-.432zM63.272 99.799l-1.369.29-.728-3.422 1.37-.291zM43.83 8.337l-1.369.291-.727-3.423 1.37-.291zM58.27 100.662l-1.393.146-.366-3.48 1.393-.147zM48.494 7.672l-1.392.147-.366-3.481 1.392-.147z"/></g></g></svg>
@@ -17,12 +17,12 @@ const $ = `<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0
17
17
  };
18
18
  let it = (() => {
19
19
  var r, l;
20
- let n = [x("sbb-clock")], i, e = [], c, u = F, b, k = [], v = [];
20
+ let n = [x("sbb-clock")], i, e = [], c, u = I, b, v = [], k = [];
21
21
  return l = class extends u {
22
22
  constructor() {
23
23
  super(...arguments);
24
24
  L(this, r);
25
- h(this, r, m(this, k, null)), this._clockHandHours = m(this, v), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
25
+ h(this, r, m(this, v, null)), this._clockHandHours = m(this, k), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
26
26
  document.visibilityState === "hidden" ? await this._stopClock() : this.now || await this._startClock();
27
27
  };
28
28
  }
@@ -63,11 +63,11 @@ let it = (() => {
63
63
  }
64
64
  /** Set the starting position for the three hands on the clock face. */
65
65
  _setHandsStartingPosition() {
66
- var M, H, g, p, y, f;
66
+ var M, H, g, p, y, z;
67
67
  this._assignCurrentTime();
68
68
  const t = A - this._seconds, s = K - this._minutes, o = R - this._hours;
69
69
  let a = 0, d = 0;
70
- t > 0 && (a += t, d = 1), s > 0 && (a += (s - d) * J, d = 1), o > 0 && (a += (o - d) * Q), (M = this.style) == null || M.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * T + this._minutes / 2)}deg`), (H = this.style) == null || H.setProperty("--sbb-clock-hours-animation-duration", `${a}s`), (g = this.style) == null || g.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * q)}deg`), (p = this.style) == null || p.setProperty("--sbb-clock-seconds-animation-duration", `${t}s`), this._setMinutesHand(), (y = this._clockHandSeconds) == null || y.classList.add("sbb-clock__hand-seconds--initial-minute"), (f = this._clockHandHours) == null || f.classList.add("sbb-clock__hand-hours--initial-hour"), this.toggleAttribute("data-initialized", !0);
70
+ t > 0 && (a += t, d = 1), s > 0 && (a += (s - d) * J, d = 1), o > 0 && (a += (o - d) * Q), (M = this.style) == null || M.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * T + this._minutes / 2)}deg`), (H = this.style) == null || H.setProperty("--sbb-clock-hours-animation-duration", `${a}s`), (g = this.style) == null || g.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * q)}deg`), (p = this.style) == null || p.setProperty("--sbb-clock-seconds-animation-duration", `${t}s`), this._setMinutesHand(), (y = this._clockHandSeconds) == null || y.classList.add("sbb-clock__hand-seconds--initial-minute"), (z = this._clockHandHours) == null || z.classList.add("sbb-clock__hand-hours--initial-hour"), this.toggleAttribute("data-initialized", !0);
71
71
  }
72
72
  /** Given the current date, calculates the hh/mm/ss values and the hh/mm/ss left to the next midnight. */
73
73
  _assignCurrentTime() {
@@ -115,7 +115,7 @@ let it = (() => {
115
115
  (t = this._clockHandSeconds) == null || t.classList.remove("sbb-clock__hand-seconds--initial-minute"), (s = this._clockHandMinutes) == null || s.classList.remove("sbb-clock__hand-minutes--no-transition"), this.style.removeProperty("--sbb-clock-seconds-animation-start-angle"), this.style.removeProperty("--sbb-clock-seconds-animation-duration");
116
116
  }
117
117
  render() {
118
- return I`
118
+ return F`
119
119
  <div class="sbb-clock">
120
120
  <span class="sbb-clock__face" .innerHTML=${$}></span>
121
121
  <span
@@ -146,7 +146,7 @@ let it = (() => {
146
146
  const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
147
147
  b = [U()], C(l, null, b, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (s) => "now" in s, get: (s) => s.now, set: (s, o) => {
148
148
  s.now = o;
149
- } }, metadata: t }, k, v), C(null, i = { value: c }, n, { kind: "class", name: c.name, metadata: t }, null, e), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
149
+ } }, metadata: t }, v, k), C(null, i = { value: c }, n, { kind: "class", name: c.name, metadata: t }, null, e), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
150
150
  })(), l.styles = B, m(c, e), c;
151
151
  })();
152
152
  export {
@@ -4,18 +4,18 @@ var I = (t) => {
4
4
  var D = (t, a, r) => a.has(t) || I("Cannot " + r);
5
5
  var p = (t, a, r) => (D(t, a, "read from private field"), r ? r.call(t) : a.get(t)), u = (t, a, r) => a.has(t) ? I("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), h = (t, a, r, s) => (D(t, a, "write to private field"), s ? s.call(t, r) : a.set(t, r), r);
6
6
  import { __esDecorate as g, __runInitializers as c } from "tslib";
7
- import { css as U, html as j, LitElement as B } from "lit";
7
+ import { css as U, LitElement as j, html as B } from "lit";
8
8
  import { customElement as O, property as m } from "lit/decorators.js";
9
9
  import { slotState as q, forceType as T } from "../core/decorators.js";
10
10
  const A = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-container-background-border-radius: 0;--sbb-container-color: inherit;display:block}:host([color=white]){--sbb-container-background-color: var(--sbb-color-white)}:host([color=milk]){--sbb-container-background-color: var(--sbb-color-milk)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-white)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-color-midnight)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-color-charcoal)}:host([data-slot-names~=image]){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host([data-slot-names~=image][background-expanded]){position:relative}@media (min-width: 90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-container{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-spacing-responsive-xxs)}:host([data-slot-names~=image]:not([background-expanded])) .sbb-container{position:relative}:host([data-slot-names~=image]) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}`;
11
11
  let K = (() => {
12
12
  var d, l, b, n;
13
- let t = [O("sbb-container"), q()], a, r = [], s, x = B, k, _ = [], f = [], v, y = [], w = [], E, z = [], S = [];
13
+ let t = [O("sbb-container"), q()], a, r = [], s, x = j, k, _ = [], v = [], f, y = [], w = [], E, z = [], S = [];
14
14
  return n = class extends x {
15
15
  constructor() {
16
16
  super(...arguments);
17
17
  u(this, d, c(this, _, !1));
18
- u(this, l, (c(this, f), c(this, y, !1)));
18
+ u(this, l, (c(this, v), c(this, y, !1)));
19
19
  u(this, b, (c(this, w), c(this, z, "white")));
20
20
  c(this, S);
21
21
  }
@@ -45,7 +45,7 @@ let K = (() => {
45
45
  super.willUpdate(o), o.has("expanded") && ((i = (e = this.querySelector) == null ? void 0 : e.call(this, "sbb-sticky-bar")) == null || i.toggleAttribute("data-expanded", this.expanded));
46
46
  }
47
47
  render() {
48
- return j`
48
+ return B`
49
49
  <div class="sbb-container">
50
50
  <slot name="image"></slot>
51
51
  <div class="sbb-container__content">
@@ -57,9 +57,9 @@ let K = (() => {
57
57
  }
58
58
  }, d = new WeakMap(), l = new WeakMap(), b = new WeakMap(), s = n, (() => {
59
59
  const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
60
- k = [T(), m({ type: Boolean, reflect: !0 })], v = [T(), m({ type: Boolean, reflect: !0, attribute: "background-expanded" })], E = [m({ reflect: !0 })], g(n, null, k, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, i) => {
60
+ k = [T(), m({ type: Boolean, reflect: !0 })], f = [T(), m({ type: Boolean, reflect: !0, attribute: "background-expanded" })], E = [m({ reflect: !0 })], g(n, null, k, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, i) => {
61
61
  e.expanded = i;
62
- } }, metadata: o }, _, f), g(n, null, v, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (e) => "backgroundExpanded" in e, get: (e) => e.backgroundExpanded, set: (e, i) => {
62
+ } }, metadata: o }, _, v), g(n, null, f, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (e) => "backgroundExpanded" in e, get: (e) => e.backgroundExpanded, set: (e, i) => {
63
63
  e.backgroundExpanded = i;
64
64
  } }, metadata: o }, y, w), g(n, null, E, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, i) => {
65
65
  e.color = i;
@@ -1 +1 @@
1
- {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAYnB,CAAC;AAGb,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EAAE,EACvB,UAAU,CAAC,EAAE;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACA,WAAW,EAAE,CAuCf;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,GACpC,WAAW,GAAG,IAAI,CAMpB;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAyB;IAE5C;;;;;OAKG;IACI,IAAI,CACT,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;QACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;KAC3C,GACA,IAAI;IA4CA,UAAU,IAAI,IAAI;CAI1B"}
1
+ {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAWnB,CAAC;AAGb,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EAAE,EACvB,UAAU,CAAC,EAAE;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACA,WAAW,EAAE,CAuCf;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,GACpC,WAAW,GAAG,IAAI,CAMpB;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAyB;IAE5C;;;;;OAKG;IACI,IAAI,CACT,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;QACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;KAC3C,GACA,IAAI;IA4CA,UAAU,IAAI,IAAI;CAI1B"}
package/core/a11y.js CHANGED
@@ -125,10 +125,10 @@ const I = typeof getComputedStyle > "u" || getComputedStyle(document.documentEle
125
125
  "select",
126
126
  "textarea",
127
127
  "details",
128
- "summary:not(:disabled)",
128
+ "summary",
129
129
  "[tabindex]"
130
- ].map((t) => `${t}:not([disabled],[tabindex="-1"],[inert])`).concat('[disabled][disabled-interactive]:not([inert],[tabindex="-1"])').join(",");
131
- function b(t, e) {
130
+ ].map((t) => `${t}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
131
+ function g(t, e) {
132
132
  const n = /* @__PURE__ */ new Set();
133
133
  function s(r, c) {
134
134
  var i;
@@ -149,7 +149,7 @@ function b(t, e) {
149
149
  return s(t, e == null ? void 0 : e.filter), [...n];
150
150
  }
151
151
  function X(t, e) {
152
- const n = b(t, {
152
+ const n = g(t, {
153
153
  filter: e,
154
154
  findFirstFocusable: !0
155
155
  });
@@ -169,13 +169,13 @@ class j {
169
169
  e.addEventListener("keydown", (s) => {
170
170
  if (s.key !== "Tab")
171
171
  return;
172
- const r = Array.from(e.shadowRoot.children || []), i = b(r, {
172
+ const r = Array.from(e.shadowRoot.children || []), i = g(r, {
173
173
  filter: n == null ? void 0 : n.filter
174
174
  }).filter((n == null ? void 0 : n.postFilter) ?? (() => !0));
175
175
  if (!i.length)
176
176
  return;
177
- const o = i[0], u = i[i.length - 1], [h, g] = s.shiftKey ? [o, u] : [u, o];
178
- (o.getRootNode().activeElement === h || u.getRootNode().activeElement === h) && (g.focus(), s.preventDefault());
177
+ const o = i[0], u = i[i.length - 1], [h, b] = s.shiftKey ? [o, u] : [u, o];
178
+ (o.getRootNode().activeElement === h || u.getRootNode().activeElement === h) && (b.focus(), s.preventDefault());
179
179
  }, { signal: this._controller.signal });
180
180
  }
181
181
  disconnect() {
@@ -188,7 +188,7 @@ export {
188
188
  j as SbbFocusHandler,
189
189
  W as SbbFocusVisibleWithinController,
190
190
  X as getFirstFocusableElement,
191
- b as getFocusableElements,
191
+ g as getFocusableElements,
192
192
  Y as getNextElementIndex,
193
193
  F as hasGeometry,
194
194
  I as interactivityChecker,
@@ -15,6 +15,8 @@ export declare abstract class SbbLinkBaseElement extends SbbActionBaseElement {
15
15
  accessor download: boolean;
16
16
  /** This will be forwarded as aria-label to the inner anchor element. */
17
17
  accessor accessibilityLabel: string;
18
+ /** This will be forwarded as aria-current to the inner anchor element. */
19
+ accessor accessibilityCurrent: string;
18
20
  protected language: SbbLanguageController;
19
21
  constructor();
20
22
  /** @internal */
@@ -1 +1 @@
1
- {"version":3,"file":"link-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/link-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,6BAA6B,CAAC;AAErC,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,uBAAuB;AACvB,8BAIe,kBAAmB,SAAQ,oBAAoB;IAC5D,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,kEAAkE;IAClE,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,SAAS,CAAC,QAAQ,wBAAmC;;IASrD,gBAAgB;IACA,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAI/D,gBAAgB;IACA,IAAI,IAAI,IAAI;IAI5B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAI7B,OAAO,CAAC,qBAAqB,CAE3B;IAEF,mHAAmH;cAChG,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc;CAqBpE"}
1
+ {"version":3,"file":"link-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/link-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,6BAA6B,CAAC;AAErC,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,uBAAuB;AACvB,8BAIe,kBAAmB,SAAQ,oBAAoB;IAC5D,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,kEAAkE;IAClE,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0EAA0E;IAC1E,SAEgB,oBAAoB,EAAE,MAAM,CAAM;IAElD,SAAS,CAAC,QAAQ,wBAAmC;;IASrD,gBAAgB;IACA,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAI/D,gBAAgB;IACA,IAAI,IAAI,IAAI;IAI5B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAI7B,OAAO,CAAC,qBAAqB,CAE3B;IAEF,mHAAmH;cAChG,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc;CAsBpE"}