@sbb-esta/lyne-elements 1.8.0 → 1.10.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 (312) hide show
  1. package/accordion/accordion.d.ts +5 -5
  2. package/accordion/accordion.d.ts.map +1 -1
  3. package/accordion.js +17 -17
  4. package/action-group/action-group.d.ts +1 -1
  5. package/action-group/action-group.d.ts.map +1 -1
  6. package/action-group.js +3 -3
  7. package/alert/alert/alert.d.ts +1 -1
  8. package/alert/alert/alert.d.ts.map +1 -1
  9. package/alert/alert.js +3 -3
  10. package/autocomplete/autocomplete-base-element.d.ts +1 -1
  11. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  12. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -1
  13. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  14. package/autocomplete-grid/autocomplete-grid-option.js +1 -1
  15. package/autocomplete-grid/autocomplete-grid.js +18 -18
  16. package/autocomplete.js +9 -9
  17. package/button/button.js +9 -9
  18. package/button/common.js +5 -5
  19. package/button/mini-button/mini-button.d.ts.map +1 -1
  20. package/button/mini-button.js +17 -15
  21. package/button/secondary-button.js +6 -6
  22. package/button/tertiary-button.js +13 -13
  23. package/button/transparent-button.js +8 -8
  24. package/calendar/calendar.d.ts +2 -2
  25. package/calendar/calendar.d.ts.map +1 -1
  26. package/calendar.js +5 -4
  27. package/clock/clock.d.ts +2 -2
  28. package/clock/clock.d.ts.map +1 -1
  29. package/clock.js +5 -5
  30. package/container/container.js +14 -14
  31. package/core/a11y/focus-visible-within-controller.d.ts +1 -1
  32. package/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
  33. package/core/a11y/input-modality-detector.d.ts +2 -2
  34. package/core/a11y/input-modality-detector.d.ts.map +1 -1
  35. package/core/a11y.js +3 -3
  36. package/core/base-elements/action-base-element.d.ts +1 -0
  37. package/core/base-elements/action-base-element.d.ts.map +1 -1
  38. package/core/base-elements/button-base-element.d.ts +1 -1
  39. package/core/base-elements/button-base-element.d.ts.map +1 -1
  40. package/core/base-elements/link-base-element.d.ts.map +1 -1
  41. package/core/base-elements.js +47 -45
  42. package/core/controllers/slot-state-controller.d.ts +1 -1
  43. package/core/controllers/slot-state-controller.d.ts.map +1 -1
  44. package/core/dom/platform.d.ts +2 -3
  45. package/core/dom/platform.d.ts.map +1 -1
  46. package/core/dom.js +38 -40
  47. package/core/mixins/disabled-mixin.d.ts +8 -0
  48. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  49. package/core/mixins.js +97 -89
  50. package/core/styles/core.scss +6 -0
  51. package/core/styles/mixins/lists.scss +11 -1
  52. package/core/styles/mixins/panel.scss +0 -2
  53. package/core/styles/mixins/table.scss +11 -0
  54. package/core/styles/mixins/typo.scss +0 -30
  55. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +1 -0
  56. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +2 -1
  57. package/core/styles/table.scss +6 -1
  58. package/core/testing/wait-for-image-ready.d.ts.map +1 -1
  59. package/core/testing.js +61 -54
  60. package/core.css +7 -14
  61. package/custom-elements.json +493 -299
  62. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  63. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +2 -0
  64. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  65. package/datepicker/datepicker-toggle.js +57 -47
  66. package/datepicker/datepicker.js +1 -0
  67. package/development/accordion/accordion.d.ts +5 -5
  68. package/development/accordion/accordion.d.ts.map +1 -1
  69. package/development/accordion.js +25 -38
  70. package/development/action-group/action-group.d.ts +1 -1
  71. package/development/action-group/action-group.d.ts.map +1 -1
  72. package/development/action-group.js +8 -21
  73. package/development/alert/alert/alert.d.ts +1 -1
  74. package/development/alert/alert/alert.d.ts.map +1 -1
  75. package/development/alert/alert-group.js +2 -15
  76. package/development/alert/alert.js +6 -19
  77. package/development/autocomplete/autocomplete-base-element.d.ts +1 -1
  78. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  79. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -1
  80. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  81. package/development/autocomplete-grid/autocomplete-grid-button.js +2 -15
  82. package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -15
  83. package/development/autocomplete-grid/autocomplete-grid-option.js +4 -17
  84. package/development/autocomplete-grid/autocomplete-grid-row.js +2 -15
  85. package/development/autocomplete-grid/autocomplete-grid.js +6 -6
  86. package/development/autocomplete.js +7 -20
  87. package/development/breadcrumb/breadcrumb-group.js +2 -15
  88. package/development/breadcrumb/breadcrumb.js +2 -15
  89. package/development/button/button.js +3 -3
  90. package/development/button/common.js +2 -17
  91. package/development/button/mini-button/mini-button.d.ts.map +1 -1
  92. package/development/button/mini-button-group.js +2 -15
  93. package/development/button/mini-button.js +6 -17
  94. package/development/button/secondary-button.js +3 -3
  95. package/development/button/tertiary-button.js +3 -3
  96. package/development/button/transparent-button.js +3 -3
  97. package/development/calendar/calendar.d.ts +2 -2
  98. package/development/calendar/calendar.d.ts.map +1 -1
  99. package/development/calendar.js +7 -19
  100. package/development/card/card-badge.js +2 -15
  101. package/development/card/card.js +2 -15
  102. package/development/card/common.js +2 -15
  103. package/development/checkbox/checkbox-group.js +2 -15
  104. package/development/checkbox/checkbox.js +2 -15
  105. package/development/checkbox/common.js +1 -14
  106. package/development/chip.js +2 -15
  107. package/development/clock/clock.d.ts +2 -2
  108. package/development/clock/clock.d.ts.map +1 -1
  109. package/development/clock.js +3 -16
  110. package/development/container/container.js +2 -15
  111. package/development/container/sticky-bar.js +2 -15
  112. package/development/core/a11y/focus-visible-within-controller.d.ts +1 -1
  113. package/development/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
  114. package/development/core/a11y/input-modality-detector.d.ts +2 -2
  115. package/development/core/a11y/input-modality-detector.d.ts.map +1 -1
  116. package/development/core/a11y.js +6 -6
  117. package/development/core/base-elements/action-base-element.d.ts +1 -0
  118. package/development/core/base-elements/action-base-element.d.ts.map +1 -1
  119. package/development/core/base-elements/button-base-element.d.ts +1 -1
  120. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  121. package/development/core/base-elements/link-base-element.d.ts.map +1 -1
  122. package/development/core/base-elements.js +11 -2
  123. package/development/core/controllers/slot-state-controller.d.ts +1 -1
  124. package/development/core/controllers/slot-state-controller.d.ts.map +1 -1
  125. package/development/core/controllers.js +1 -1
  126. package/development/core/dom/platform.d.ts +2 -3
  127. package/development/core/dom/platform.d.ts.map +1 -1
  128. package/development/core/dom.js +4 -5
  129. package/development/core/mixins/disabled-mixin.d.ts +8 -0
  130. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  131. package/development/core/mixins.js +24 -15
  132. package/development/core/testing/wait-for-image-ready.d.ts.map +1 -1
  133. package/development/core/testing.js +16 -2
  134. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  135. package/development/datepicker/datepicker-next-day.js +2 -15
  136. package/development/datepicker/datepicker-previous-day.js +2 -15
  137. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +2 -0
  138. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  139. package/development/datepicker/datepicker-toggle.js +22 -24
  140. package/development/datepicker/datepicker.js +3 -15
  141. package/development/dialog/dialog-actions.js +2 -15
  142. package/development/dialog/dialog-content.js +2 -15
  143. package/development/dialog/dialog-title.js +2 -15
  144. package/development/dialog/dialog.js +3 -16
  145. package/development/divider.js +2 -15
  146. package/development/expansion-panel/expansion-panel-content.js +2 -15
  147. package/development/expansion-panel/expansion-panel-header.js +5 -17
  148. package/development/expansion-panel/expansion-panel.js +2 -15
  149. package/development/file-selector/file-selector.d.ts +4 -4
  150. package/development/file-selector/file-selector.d.ts.map +1 -1
  151. package/development/file-selector.js +2 -17
  152. package/development/flip-card/flip-card-details.js +2 -15
  153. package/development/flip-card/flip-card-summary.js +2 -15
  154. package/development/flip-card/flip-card.js +2 -15
  155. package/development/footer.js +2 -15
  156. package/development/form-error.js +2 -15
  157. package/development/form-field/form-field-clear.js +2 -15
  158. package/development/form-field/form-field.js +1 -14
  159. package/development/header/common.js +2 -15
  160. package/development/header/header.js +2 -15
  161. package/development/icon/icon.d.ts +6 -0
  162. package/development/icon/icon.d.ts.map +1 -1
  163. package/development/icon.js +10 -15
  164. package/development/image.js +4 -17
  165. package/development/journey-header.js +2 -15
  166. package/development/lead-container.js +2 -15
  167. package/development/link/block-link-button.js +3 -3
  168. package/development/link/common.js +4 -43
  169. package/development/link/link-button.js +3 -3
  170. package/development/link-list/common.js +2 -15
  171. package/development/link-list/link-list-anchor.js +2 -15
  172. package/development/link-list/link-list.js +2 -15
  173. package/development/loading-indicator.js +2 -15
  174. package/development/logo.js +2 -15
  175. package/development/map-container.js +2 -15
  176. package/development/menu/common.js +2 -15
  177. package/development/menu/menu/menu.d.ts.map +1 -1
  178. package/development/menu/menu-button.js +3 -3
  179. package/development/menu/menu.js +3 -18
  180. package/development/message.js +2 -15
  181. package/development/navigation/common.js +2 -17
  182. package/development/navigation/navigation-list.js +2 -15
  183. package/development/navigation/navigation-marker.js +2 -17
  184. package/development/navigation/navigation-section.js +2 -19
  185. package/development/navigation/navigation.js +2 -15
  186. package/development/notification.js +2 -15
  187. package/development/option/optgroup/optgroup-base-element.d.ts +2 -2
  188. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  189. package/development/option/optgroup.js +2 -15
  190. package/development/option/option/option-base-element.d.ts +14 -4
  191. package/development/option/option/option-base-element.d.ts.map +1 -1
  192. package/development/option/option.js +15 -21
  193. package/development/overlay/overlay-base-element.d.ts +1 -1
  194. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  195. package/development/overlay.js +3 -23
  196. package/development/popover/popover-trigger.js +4 -17
  197. package/development/popover/popover.js +2 -15
  198. package/development/radio-button/common.js +2 -15
  199. package/development/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
  200. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  201. package/development/radio-button/radio-button-group.js +9 -22
  202. package/development/radio-button/radio-button.js +2 -15
  203. package/development/screen-reader-only.js +2 -15
  204. package/development/select/select.d.ts +3 -1
  205. package/development/select/select.d.ts.map +1 -1
  206. package/development/select.js +49 -48
  207. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
  208. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  209. package/development/selection-expansion-panel.js +38 -18
  210. package/development/signet.js +2 -15
  211. package/development/skiplink-list.js +2 -15
  212. package/development/slider/slider.d.ts.map +1 -1
  213. package/development/slider.js +10 -16
  214. package/development/status.js +2 -15
  215. package/development/stepper/step-label/step-label.d.ts +6 -6
  216. package/development/stepper/step-label/step-label.d.ts.map +1 -1
  217. package/development/stepper/step-label.js +50 -45
  218. package/development/stepper/step.js +2 -15
  219. package/development/stepper/stepper/stepper.d.ts +6 -3
  220. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  221. package/development/stepper/stepper.js +17 -15
  222. package/development/table/table-wrapper.js +2 -15
  223. package/development/tabs/tab-group/tab-group.d.ts +4 -4
  224. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  225. package/development/tabs/tab-group.js +22 -35
  226. package/development/tabs/tab-label.js +2 -19
  227. package/development/tabs/tab.js +1 -14
  228. package/development/tag/tag-group.js +2 -15
  229. package/development/tag/tag.js +4 -17
  230. package/development/teaser-hero.js +3 -23
  231. package/development/teaser-product/common.js +2 -15
  232. package/development/teaser-product/teaser-product.js +3 -16
  233. package/development/teaser.js +2 -15
  234. package/development/time-input.js +2 -15
  235. package/development/timetable-occupancy-icon.js +2 -15
  236. package/development/timetable-occupancy.js +2 -15
  237. package/development/title.js +3 -41
  238. package/development/toast.js +2 -17
  239. package/development/toggle/toggle/toggle.d.ts +2 -2
  240. package/development/toggle/toggle/toggle.d.ts.map +1 -1
  241. package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  242. package/development/toggle/toggle-option.js +3 -15
  243. package/development/toggle/toggle.js +23 -36
  244. package/development/toggle-check.js +1 -14
  245. package/development/train/train-blocked-passage.js +2 -15
  246. package/development/train/train-formation.js +2 -15
  247. package/development/train/train-wagon.js +2 -17
  248. package/development/train/train.js +2 -15
  249. package/development/visual-checkbox.js +2 -15
  250. package/dialog/dialog.js +1 -1
  251. package/expansion-panel/expansion-panel-header.js +5 -5
  252. package/file-selector/file-selector.d.ts +4 -4
  253. package/file-selector/file-selector.d.ts.map +1 -1
  254. package/file-selector.js +1 -1
  255. package/icon/icon.d.ts +6 -0
  256. package/icon/icon.d.ts.map +1 -1
  257. package/icon.js +27 -19
  258. package/image.js +2 -2
  259. package/link/block-link-button.js +10 -10
  260. package/link/link-button.js +4 -4
  261. package/lists.css +9 -14
  262. package/menu/menu/menu.d.ts.map +1 -1
  263. package/menu/menu-button.js +13 -13
  264. package/menu/menu.js +7 -9
  265. package/navigation/common.js +1 -1
  266. package/navigation/navigation-marker.js +1 -1
  267. package/navigation/navigation-section.js +1 -1
  268. package/option/optgroup/optgroup-base-element.d.ts +2 -2
  269. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  270. package/option/option/option-base-element.d.ts +14 -4
  271. package/option/option/option-base-element.d.ts.map +1 -1
  272. package/option/option.js +32 -25
  273. package/overlay/overlay-base-element.d.ts +1 -1
  274. package/overlay/overlay-base-element.d.ts.map +1 -1
  275. package/overlay.js +1 -1
  276. package/package.json +1 -1
  277. package/popover/popover-trigger.js +1 -1
  278. package/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
  279. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  280. package/radio-button/radio-button-group.js +5 -5
  281. package/select/select.d.ts +3 -1
  282. package/select/select.d.ts.map +1 -1
  283. package/select.js +83 -72
  284. package/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
  285. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  286. package/selection-expansion-panel.js +70 -49
  287. package/slider/slider.d.ts.map +1 -1
  288. package/slider.js +2 -2
  289. package/standard-theme.css +49 -24
  290. package/stepper/step-label/step-label.d.ts +6 -6
  291. package/stepper/step-label/step-label.d.ts.map +1 -1
  292. package/stepper/step-label.js +30 -30
  293. package/stepper/stepper/stepper.d.ts +6 -3
  294. package/stepper/stepper/stepper.d.ts.map +1 -1
  295. package/stepper/stepper.js +34 -25
  296. package/tabs/tab-group/tab-group.d.ts +4 -4
  297. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  298. package/tabs/tab-group.js +15 -15
  299. package/tabs/tab-label.js +12 -12
  300. package/tag/tag.js +19 -19
  301. package/teaser-hero.js +13 -13
  302. package/teaser-product/teaser-product.js +5 -5
  303. package/teaser.js +15 -15
  304. package/title.js +23 -23
  305. package/toast.js +4 -4
  306. package/toggle/toggle/toggle.d.ts +2 -2
  307. package/toggle/toggle/toggle.d.ts.map +1 -1
  308. package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
  309. package/toggle/toggle-option.js +1 -0
  310. package/toggle/toggle.js +10 -10
  311. package/train/train-wagon.js +7 -7
  312. package/typography.css +0 -13
@@ -1,21 +1,24 @@
1
- import { LitElement as w, html as v, isServer as g, nothing as o } from "lit";
1
+ import { LitElement as w, html as m, isServer as g, nothing as p } from "lit";
2
2
  import { hostAttributes as f } from "./decorators.js";
3
- import { getDocumentWritingMode as O, getLocalName as _ } from "./dom.js";
3
+ import { getDocumentWritingMode as C, getLocalName as _ } from "./dom.js";
4
4
  import { property as l } from "lit/decorators.js";
5
- import { isEventPrevented as C, EventEmitter as b } from "./eventing.js";
5
+ import { isEventPrevented as O, EventEmitter as b } from "./eventing.js";
6
6
  import { SbbLanguageController as E } from "./controllers.js";
7
7
  import { i18nTargetOpensInNewWindow as $ } from "./i18n.js";
8
8
  import "../screen-reader-only.js";
9
- var D = Object.defineProperty, k = Object.getOwnPropertyDescriptor, A = (e, t, r, i) => {
10
- for (var s = i > 1 ? void 0 : i ? k(t, r) : t, a = e.length - 1, n; a >= 0; a--)
11
- (n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
12
- return i && s && D(t, r, s), s;
9
+ var k = Object.defineProperty, A = Object.getOwnPropertyDescriptor, D = (e, t, s, i) => {
10
+ for (var r = i > 1 ? void 0 : i ? A(t, s) : t, a = e.length - 1, n; a >= 0; a--)
11
+ (n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
12
+ return i && r && k(t, s, r), r;
13
13
  };
14
- let m = class extends w {
14
+ let v = class extends w {
15
15
  get maybeDisabled() {
16
16
  const e = this;
17
17
  return e.disabled || e.formDisabled;
18
18
  }
19
+ connectedCallback() {
20
+ super.connectedCallback();
21
+ }
19
22
  setupBaseEventHandlers() {
20
23
  this.addEventListener(
21
24
  "click",
@@ -33,28 +36,28 @@ let m = class extends w {
33
36
  }
34
37
  /** Default render method for button-like components. */
35
38
  render() {
36
- return v`
39
+ return m`
37
40
  <span class="sbb-action-base ${this.localName ?? _(this)}">
38
41
  ${this.renderTemplate()}
39
42
  </span>
40
43
  `;
41
44
  }
42
45
  };
43
- m = A([
46
+ v = D([
44
47
  f({
45
- dir: O(),
48
+ dir: C(),
46
49
  "data-action": ""
47
50
  })
48
- ], m);
49
- var P = Object.defineProperty, S = Object.getOwnPropertyDescriptor, u = (e, t, r, i) => {
50
- for (var s = i > 1 ? void 0 : i ? S(t, r) : t, a = e.length - 1, n; a >= 0; a--)
51
- (n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
52
- return i && s && P(t, r, s), s;
51
+ ], v);
52
+ var P = Object.defineProperty, S = Object.getOwnPropertyDescriptor, u = (e, t, s, i) => {
53
+ for (var r = i > 1 ? void 0 : i ? S(t, s) : t, a = e.length - 1, n; a >= 0; a--)
54
+ (n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
55
+ return i && r && P(t, s, r), r;
53
56
  };
54
- let h = class extends m {
57
+ let h = class extends v {
55
58
  constructor() {
56
59
  if (super(), this.type = "button", this._handleButtonClick = async (e) => {
57
- if (this.type === "button" || await C(e))
60
+ if (this.type === "button" || await O(e))
58
61
  return;
59
62
  const t = this.form ? this.ownerDocument.querySelector(`form#${this.form}`) : this.closest("form");
60
63
  if (t)
@@ -67,7 +70,7 @@ let h = class extends m {
67
70
  }, this._dispatchClickEventOnSpaceKeyup = (e) => {
68
71
  e.key === " " && (this._removeActiveMarker(e), this._dispatchClickEvent(e));
69
72
  }, this._dispatchClickEvent = (e) => {
70
- const { altKey: t, ctrlKey: r, metaKey: i, shiftKey: s } = e;
73
+ const { altKey: t, ctrlKey: s, metaKey: i, shiftKey: r } = e;
71
74
  e.target.dispatchEvent(
72
75
  new PointerEvent("click", {
73
76
  bubbles: !0,
@@ -76,9 +79,9 @@ let h = class extends m {
76
79
  pointerId: -1,
77
80
  pointerType: "",
78
81
  altKey: t,
79
- ctrlKey: r,
82
+ ctrlKey: s,
80
83
  metaKey: i,
81
- shiftKey: s
84
+ shiftKey: r
82
85
  })
83
86
  );
84
87
  }, !g) {
@@ -106,8 +109,8 @@ let h = class extends m {
106
109
  get value() {
107
110
  return this.getAttribute("value") ?? "";
108
111
  }
109
- attributeChangedCallback(e, t, r) {
110
- (!["name", "value"].includes(e) || t !== r) && super.attributeChangedCallback(e, t, r);
112
+ attributeChangedCallback(e, t, s) {
113
+ (!["name", "value"].includes(e) || t !== s) && super.attributeChangedCallback(e, t, s);
111
114
  }
112
115
  };
113
116
  u([
@@ -129,14 +132,14 @@ h = u([
129
132
  "data-button": ""
130
133
  })
131
134
  ], h);
132
- var L = Object.defineProperty, x = Object.getOwnPropertyDescriptor, d = (e, t, r, i) => {
133
- for (var s = i > 1 ? void 0 : i ? x(t, r) : t, a = e.length - 1, n; a >= 0; a--)
134
- (n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
135
- return i && s && L(t, r, s), s;
135
+ var L = Object.defineProperty, B = Object.getOwnPropertyDescriptor, d = (e, t, s, i) => {
136
+ for (var r = i > 1 ? void 0 : i ? B(t, s) : t, a = e.length - 1, n; a >= 0; a--)
137
+ (n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
138
+ return i && r && L(t, s, r), r;
136
139
  };
137
- let c = class extends m {
140
+ let c = class extends v {
138
141
  constructor() {
139
- super(), this.language = new E(this), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : o, g || this.setupBaseEventHandlers();
142
+ super(), this.language = new E(this), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : p, g || this.setupBaseEventHandlers();
140
143
  }
141
144
  /** @internal */
142
145
  focus(e) {
@@ -155,21 +158,20 @@ let c = class extends m {
155
158
  }
156
159
  /** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
157
160
  render() {
158
- return v`
161
+ return m`
159
162
  <a
160
163
  class="sbb-action-base ${this.localName ?? _(this)}"
161
- href=${this.href || o}
164
+ href=${this.href || p}
162
165
  ?download=${this.download}
163
- target=${this.target || o}
166
+ target=${this.target || p}
164
167
  rel=${this._evaluateRelAttribute()}
165
- aria-label=${this.accessibilityLabel || o}
166
- tabindex=${this.maybeDisabled ? "-1" : o}
167
- aria-disabled=${this.maybeDisabled ? "true" : o}
168
+ aria-label=${this.accessibilityLabel || p}
169
+ aria-disabled=${this.maybeDisabled ? "true" : p}
168
170
  >
169
171
  ${this.renderTemplate()}
170
- ${this.href && this.target === "_blank" ? v`<sbb-screen-reader-only
172
+ ${this.href && this.target === "_blank" ? m`<sbb-screen-reader-only
171
173
  >. ${$[this.language.current]}</sbb-screen-reader-only
172
- >` : o}
174
+ >` : p}
173
175
  </a>
174
176
  `;
175
177
  }
@@ -194,17 +196,17 @@ c = d([
194
196
  "data-link": ""
195
197
  })
196
198
  ], c);
197
- const p = class p extends w {
199
+ const o = class o extends w {
198
200
  constructor() {
199
201
  super(...arguments), this.willOpen = new b(
200
202
  this,
201
- p.events.willOpen
202
- ), this.didOpen = new b(this, p.events.didOpen), this.willClose = new b(
203
+ o.events.willOpen
204
+ ), this.didOpen = new b(this, o.events.didOpen), this.willClose = new b(
203
205
  this,
204
- p.events.willClose
206
+ o.events.willClose
205
207
  ), this.didClose = new b(
206
208
  this,
207
- p.events.didClose
209
+ o.events.didClose
208
210
  );
209
211
  }
210
212
  /** The state of the component. */
@@ -222,15 +224,15 @@ const p = class p extends w {
222
224
  super.connectedCallback(), this.state || (this.state = "closed");
223
225
  }
224
226
  };
225
- p.events = {
227
+ o.events = {
226
228
  willOpen: "willOpen",
227
229
  didOpen: "didOpen",
228
230
  willClose: "willClose",
229
231
  didClose: "didClose"
230
232
  };
231
- let y = p;
233
+ let y = o;
232
234
  export {
233
- m as SbbActionBaseElement,
235
+ v as SbbActionBaseElement,
234
236
  h as SbbButtonBaseElement,
235
237
  c as SbbLinkBaseElement,
236
238
  y as SbbOpenCloseBaseElement
@@ -22,10 +22,10 @@ export declare class SbbSlotStateController implements ReactiveController {
22
22
  private _host;
23
23
  private _onChangeCallback;
24
24
  readonly slots: Set<string>;
25
- private _slotchangeHandler;
26
25
  constructor(_host: ReactiveControllerHost & HTMLElement, _onChangeCallback?: (() => void) | null);
27
26
  hostConnected(): void;
28
27
  hostDisconnected(): void;
28
+ private _slotchangeHandler;
29
29
  private _syncSlots;
30
30
  }
31
31
  //# sourceMappingURL=slot-state-controller.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAU7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAV3B,SAAgB,KAAK,cAAqB;IAI1C,OAAO,CAAC,kBAAkB,CAExB;gBAGQ,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAI/B,OAAO,CAAC,UAAU;CAuBnB"}
1
+ {"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAI7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAJ3B,SAAgB,KAAK,cAAqB;gBAGhC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;CAuBnB"}
@@ -15,10 +15,9 @@ export declare const isAndroid: boolean;
15
15
  /** Whether the current browser is Safari. */
16
16
  export declare const isSafari: boolean;
17
17
  /**
18
- * Note: `userAgentData` is still experimental. If possible, avoid to use it.
19
- * https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData
18
+ * We just check for the blink engine.
20
19
  */
21
- export declare const isChromium: any;
20
+ export declare const isChromium: boolean;
22
21
  /** Whether the application is being rendered in a Next.js environment. */
23
22
  export declare const isNextjs: () => boolean;
24
23
  //# sourceMappingURL=platform.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAMvF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;;GAGG;AACH,eAAO,MAAM,UAAU,KAEkE,CAAC;AAE1F,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}
1
+ {"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAMvF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,CAAC;AAElC,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}
package/core/dom.js CHANGED
@@ -1,20 +1,20 @@
1
1
  import { isServer as e } from "lit";
2
- const E = ["zero", "micro", "small", "medium", "wide", "large", "ultra"];
3
- function S(t, n, o) {
2
+ const v = ["zero", "micro", "small", "medium", "wide", "large", "ultra"];
3
+ function E(t, n, o) {
4
4
  if (e)
5
5
  return !1;
6
- const i = getComputedStyle(document.documentElement), r = t ? i.getPropertyValue(`--sbb-breakpoint-${t}-min`) : "", s = n ? `${parseFloat(
6
+ const i = getComputedStyle(document.documentElement), s = t ? i.getPropertyValue(`--sbb-breakpoint-${t}-min`) : "", r = n ? `${parseFloat(
7
7
  i.getPropertyValue(
8
8
  `--sbb-breakpoint-${n}-${o != null && o.includeMaxBreakpoint ? "max" : "min"}`
9
9
  )
10
- ) - (o != null && o.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", f = r && `(min-width: ${r})`, g = s && `(max-width: ${s})`, y = r && s && " and ";
11
- return window.matchMedia(`${f}${y}${g}`).matches;
10
+ ) - (o != null && o.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", m = s && `(min-width: ${s})`, f = r && `(max-width: ${r})`, y = s && r && " and ";
11
+ return window.matchMedia(`${m}${y}${f}`).matches;
12
12
  }
13
- function h(t) {
13
+ function g(t) {
14
14
  return e ? null : typeof t == "string" ? document.getElementById(t) : t instanceof window.Element ? t : null;
15
15
  }
16
- const p = () => !e && document.documentElement.getAttribute("dir") || "ltr";
17
- function x(t, n) {
16
+ const A = () => !e && document.documentElement.getAttribute("dir") || "ltr";
17
+ function S(t, n) {
18
18
  if (e)
19
19
  return null;
20
20
  for (n = n.parentElement ?? n.getRootNode().host; n && n !== document && n !== window; ) {
@@ -25,16 +25,16 @@ function x(t, n) {
25
25
  }
26
26
  return null;
27
27
  }
28
- const k = "a,button,sbb-teaser-hero,sbb-teaser";
29
- function I(t, n) {
28
+ const p = "a,button,sbb-teaser-hero,sbb-teaser";
29
+ function x(t, n) {
30
30
  var o;
31
31
  if (!n) {
32
32
  const i = (o = t.closest) == null ? void 0 : o.call(t, "sbb-form-field");
33
33
  return i == null ? void 0 : i.querySelector("input");
34
34
  }
35
- return h(n);
35
+ return g(n);
36
36
  }
37
- function $(t, n, o) {
37
+ function k(t, n, o) {
38
38
  o ? t.setAttribute(n, o) : t.removeAttribute(n);
39
39
  }
40
40
  let a;
@@ -43,26 +43,24 @@ try {
43
43
  } catch {
44
44
  a = !1;
45
45
  }
46
- const m = !e && /(edge)/i.test(navigator.userAgent), c = !e && /(msie|trident)/i.test(navigator.userAgent), w = !e && !!(window.chrome || a) && typeof CSS < "u" && !m && !c, v = !e && /AppleWebKit/i.test(navigator.userAgent) && !w && !m && !c, M = !e && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), _ = !e && /(firefox|minefield)/i.test(navigator.userAgent), W = !e && /android/i.test(navigator.userAgent) && !c, B = !e && /safari/i.test(navigator.userAgent) && v;
47
- var l, b;
48
- const C = !e && ((b = (l = navigator.userAgentData) == null ? void 0 : l.brands) == null ? void 0 : b.some((t) => t.brand == "Chromium")), N = () => !!globalThis.next;
49
- function u() {
46
+ const u = !e && /(edge)/i.test(navigator.userAgent), c = !e && /(msie|trident)/i.test(navigator.userAgent), b = !e && !!(window.chrome || a) && typeof CSS < "u" && !u && !c, h = !e && /AppleWebKit/i.test(navigator.userAgent) && !b && !u && !c, I = !e && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), $ = !e && /(firefox|minefield)/i.test(navigator.userAgent), M = !e && /android/i.test(navigator.userAgent) && !c, _ = !e && /safari/i.test(navigator.userAgent) && h, W = b, B = () => !!globalThis.next;
47
+ function l() {
50
48
  return document.body.hasAttribute("data-sbb-scroll-disabled");
51
49
  }
52
- class P {
50
+ class N {
53
51
  disableScroll() {
54
- if (u())
52
+ if (l())
55
53
  return;
56
54
  this._position = document.body.style.position, this._overflow = document.body.style.overflow, this._marginInlineEnd = document.body.style.marginInlineEnd;
57
55
  const n = window.innerWidth - document.documentElement.clientWidth;
58
56
  document.body.style.overflow = "hidden", document.body.style.position = "relative", document.body.style.marginInlineEnd = `${n}px`, document.body.style.setProperty("--sbb-scrollbar-width", `${n}px`), document.body.toggleAttribute("data-sbb-scroll-disabled", !0);
59
57
  }
60
58
  enableScroll() {
61
- u() && (document.body.style.position = this._position || "", document.body.style.overflow = this._overflow || "", document.body.style.marginInlineEnd = this._marginInlineEnd || "", document.body.style.setProperty("--sbb-scrollbar-width", "0"), document.body.removeAttribute("data-sbb-scroll-disabled"));
59
+ l() && (document.body.style.position = this._position || "", document.body.style.overflow = this._overflow || "", document.body.style.marginInlineEnd = this._marginInlineEnd || "", document.body.style.setProperty("--sbb-scrollbar-width", "0"), document.body.removeAttribute("data-sbb-scroll-disabled"));
62
60
  }
63
61
  }
64
62
  const d = /* @__PURE__ */ new Map();
65
- function R(t) {
63
+ function P(t) {
66
64
  if (d.has(t.constructor))
67
65
  return d.get(t.constructor);
68
66
  const n = (
@@ -75,25 +73,25 @@ function R(t) {
75
73
  throw new Error(`Given element ${t.constructor.name} has not been registered yet.`);
76
74
  }
77
75
  export {
78
- k as ACTION_ELEMENTS,
79
- P as SbbScrollHandler,
80
- E as breakpoints,
81
- I as findInput,
82
- h as findReferencedElement,
83
- p as getDocumentWritingMode,
84
- R as getLocalName,
85
- x as hostContext,
86
- W as isAndroid,
87
- w as isBlink,
88
- S as isBreakpoint,
89
- C as isChromium,
90
- m as isEdge,
91
- _ as isFirefox,
92
- M as isIOS,
93
- N as isNextjs,
94
- B as isSafari,
76
+ p as ACTION_ELEMENTS,
77
+ N as SbbScrollHandler,
78
+ v as breakpoints,
79
+ x as findInput,
80
+ g as findReferencedElement,
81
+ A as getDocumentWritingMode,
82
+ P as getLocalName,
83
+ S as hostContext,
84
+ M as isAndroid,
85
+ b as isBlink,
86
+ E as isBreakpoint,
87
+ W as isChromium,
88
+ u as isEdge,
89
+ $ as isFirefox,
90
+ I as isIOS,
91
+ B as isNextjs,
92
+ _ as isSafari,
95
93
  c as isTrident,
96
- v as isWebkit,
97
- u as pageScrollDisabled,
98
- $ as setOrRemoveAttribute
94
+ h as isWebkit,
95
+ l as pageScrollDisabled,
96
+ k as setOrRemoveAttribute
99
97
  };
@@ -9,5 +9,13 @@ export declare class SbbDisabledMixinType {
9
9
  * Enhance your component with a disabled property.
10
10
  */
11
11
  export declare const SbbDisabledMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
12
+ /**
13
+ * @deprecated Will be removed with next major version
14
+ */
12
15
  export declare const SbbDisabledTabIndexActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
16
+ /**
17
+ * Extends `SbbDisabledMixin` with the `aria-disabled` attribute.
18
+ * For a11y purposes, keeps the element focusable even when disabled.
19
+ */
20
+ export declare const SbbFocusableDisabledActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
13
21
  //# sourceMappingURL=disabled-mixin.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAGF,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC1E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC"}
1
+ {"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC1E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAEF;;;GAGG;AAEH,eAAO,MAAM,+BAA+B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC3E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAoB9C,CAAC"}