@sbb-esta/lyne-elements 2.5.0 → 2.6.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 (245) hide show
  1. package/autocomplete/autocomplete-base-element.d.ts +19 -21
  2. package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  3. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  4. package/autocomplete-grid/autocomplete-grid-button.js +7 -7
  5. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +2 -2
  6. package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
  7. package/autocomplete.js +145 -136
  8. package/chip/chip/chip.d.ts +32 -0
  9. package/chip/chip/chip.d.ts.map +1 -0
  10. package/chip/chip-group/chip-group.d.ts +100 -0
  11. package/chip/chip-group/chip-group.d.ts.map +1 -0
  12. package/chip/chip-group.d.ts +2 -0
  13. package/chip/chip-group.d.ts.map +1 -0
  14. package/chip/chip-group.js +225 -0
  15. package/chip/chip.d.ts +2 -0
  16. package/chip/chip.d.ts.map +1 -0
  17. package/chip/chip.js +85 -0
  18. package/chip.d.ts +3 -0
  19. package/chip.d.ts.map +1 -0
  20. package/chip.js +2 -0
  21. package/clock/clock.d.ts.map +1 -1
  22. package/clock.js +1 -1
  23. package/core/base-elements/button-base-element.d.ts +5 -0
  24. package/core/base-elements/button-base-element.d.ts.map +1 -1
  25. package/core/base-elements.js +94 -79
  26. package/core/controllers/id-observer-controller.d.ts +21 -0
  27. package/core/controllers/id-observer-controller.d.ts.map +1 -0
  28. package/core/controllers/media-matchers-controller.d.ts.map +1 -1
  29. package/core/controllers.d.ts +2 -1
  30. package/core/controllers.d.ts.map +1 -1
  31. package/core/controllers.js +135 -80
  32. package/core/datetime/native-date-adapter.d.ts.map +1 -1
  33. package/core/datetime.js +8 -3
  34. package/core/dom/find-referenced-element.d.ts +1 -0
  35. package/core/dom/find-referenced-element.d.ts.map +1 -1
  36. package/core/dom/input-element.d.ts +3 -1
  37. package/core/dom/input-element.d.ts.map +1 -1
  38. package/core/dom/platform.d.ts +5 -0
  39. package/core/dom/platform.d.ts.map +1 -1
  40. package/core/dom.js +10 -9
  41. package/core/i18n/i18n.d.ts +3 -0
  42. package/core/i18n/i18n.d.ts.map +1 -1
  43. package/core/i18n.js +135 -117
  44. package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  45. package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  46. package/core/mixins.js +71 -63
  47. package/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  48. package/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  49. package/core/overlay/position.d.ts +1 -1
  50. package/core/overlay/position.d.ts.map +1 -1
  51. package/core/styles/core.scss +89 -24
  52. package/core/styles/image.scss +1 -1
  53. package/core/styles/mixins/table.scss +63 -26
  54. package/core/styles/table.scss +16 -0
  55. package/core/testing/scroll.d.ts +1 -0
  56. package/core/testing/scroll.d.ts.map +1 -1
  57. package/core/testing/wait-for-image-ready.d.ts.map +1 -1
  58. package/core/testing.js +8 -5
  59. package/core.css +90 -34
  60. package/custom-elements.json +2568 -740
  61. package/datepicker/datepicker/datepicker.d.ts +4 -4
  62. package/datepicker/datepicker/datepicker.d.ts.map +1 -1
  63. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +0 -3
  64. package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  65. package/datepicker/datepicker-toggle.js +30 -34
  66. package/datepicker/datepicker.js +103 -105
  67. package/development/autocomplete/autocomplete-base-element.d.ts +19 -21
  68. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  69. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
  70. package/development/autocomplete-grid/autocomplete-grid-button.js +3 -3
  71. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +2 -2
  72. package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
  73. package/development/autocomplete-grid/autocomplete-grid-optgroup.js +1 -1
  74. package/development/autocomplete.js +104 -82
  75. package/development/chip/chip/chip.d.ts +32 -0
  76. package/development/chip/chip/chip.d.ts.map +1 -0
  77. package/development/chip/chip-group/chip-group.d.ts +100 -0
  78. package/development/chip/chip-group/chip-group.d.ts.map +1 -0
  79. package/development/chip/chip-group.d.ts +2 -0
  80. package/development/chip/chip-group.d.ts.map +1 -0
  81. package/development/chip/chip-group.js +349 -0
  82. package/development/chip/chip.d.ts +2 -0
  83. package/development/chip/chip.d.ts.map +1 -0
  84. package/development/chip/chip.js +212 -0
  85. package/development/chip.d.ts +3 -0
  86. package/development/chip.d.ts.map +1 -0
  87. package/development/chip.js +3 -0
  88. package/development/clock/clock.d.ts.map +1 -1
  89. package/development/clock.js +5 -2
  90. package/development/core/base-elements/button-base-element.d.ts +5 -0
  91. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  92. package/development/core/base-elements.js +38 -10
  93. package/development/core/controllers/id-observer-controller.d.ts +21 -0
  94. package/development/core/controllers/id-observer-controller.d.ts.map +1 -0
  95. package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
  96. package/development/core/controllers.d.ts +2 -1
  97. package/development/core/controllers.d.ts.map +1 -1
  98. package/development/core/controllers.js +116 -44
  99. package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
  100. package/development/core/datetime.js +6 -2
  101. package/development/core/dom/find-referenced-element.d.ts +1 -0
  102. package/development/core/dom/find-referenced-element.d.ts.map +1 -1
  103. package/development/core/dom/input-element.d.ts +3 -1
  104. package/development/core/dom/input-element.d.ts.map +1 -1
  105. package/development/core/dom/platform.d.ts +5 -0
  106. package/development/core/dom/platform.d.ts.map +1 -1
  107. package/development/core/dom.js +3 -1
  108. package/development/core/i18n/i18n.d.ts +3 -0
  109. package/development/core/i18n/i18n.d.ts.map +1 -1
  110. package/development/core/i18n.js +23 -2
  111. package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  112. package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
  113. package/development/core/mixins.js +19 -6
  114. package/development/core/overlay/overlay-trigger-attributes.d.ts +1 -1
  115. package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
  116. package/development/core/overlay/position.d.ts +1 -1
  117. package/development/core/overlay/position.d.ts.map +1 -1
  118. package/development/core/overlay.js +1 -1
  119. package/development/core/testing/scroll.d.ts +1 -0
  120. package/development/core/testing/scroll.d.ts.map +1 -1
  121. package/development/core/testing/wait-for-image-ready.d.ts.map +1 -1
  122. package/development/core/testing.js +6 -2
  123. package/development/datepicker/datepicker/datepicker.d.ts +4 -4
  124. package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
  125. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +0 -3
  126. package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
  127. package/development/datepicker/datepicker-toggle.js +4 -12
  128. package/development/datepicker/datepicker.js +46 -43
  129. package/development/dialog/dialog-title/dialog-title.d.ts +0 -1
  130. package/development/dialog/dialog-title/dialog-title.d.ts.map +1 -1
  131. package/development/dialog/dialog-title.js +2 -5
  132. package/development/expansion-panel/expansion-panel/expansion-panel.d.ts +0 -2
  133. package/development/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
  134. package/development/expansion-panel/expansion-panel.js +2 -7
  135. package/development/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
  136. package/development/flip-card/flip-card-details.js +3 -3
  137. package/development/form-field/form-field/form-field.d.ts.map +1 -1
  138. package/development/form-field/form-field.js +13 -146
  139. package/development/header/header/header.d.ts +6 -7
  140. package/development/header/header/header.d.ts.map +1 -1
  141. package/development/header/header.js +45 -34
  142. package/development/menu/menu/menu.d.ts +7 -8
  143. package/development/menu/menu/menu.d.ts.map +1 -1
  144. package/development/menu/menu.js +42 -41
  145. package/development/navigation/navigation/navigation.d.ts +7 -8
  146. package/development/navigation/navigation/navigation.d.ts.map +1 -1
  147. package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  148. package/development/navigation/navigation-marker.js +3 -3
  149. package/development/navigation/navigation-section/navigation-section.d.ts +8 -9
  150. package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  151. package/development/navigation/navigation-section.js +50 -47
  152. package/development/navigation/navigation.js +42 -40
  153. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  154. package/development/option/optgroup/optgroup.d.ts +2 -2
  155. package/development/option/optgroup/optgroup.d.ts.map +1 -1
  156. package/development/option/optgroup.js +3 -3
  157. package/development/option/option/option-base-element.d.ts.map +1 -1
  158. package/development/option/option.js +3 -3
  159. package/development/paginator/paginator.js +12 -1
  160. package/development/popover/popover/popover.d.ts +8 -7
  161. package/development/popover/popover/popover.d.ts.map +1 -1
  162. package/development/popover/popover.js +28 -35
  163. package/development/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
  164. package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  165. package/development/radio-button/radio-button-group.js +3 -5
  166. package/development/select/select.d.ts +6 -3
  167. package/development/select/select.d.ts.map +1 -1
  168. package/development/select.js +20 -18
  169. package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -2
  170. package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  171. package/development/selection-expansion-panel.js +2 -7
  172. package/development/sidebar/sidebar/sidebar.d.ts.map +1 -1
  173. package/development/sidebar/sidebar.js +3 -3
  174. package/development/stepper/step/step.d.ts +13 -1
  175. package/development/stepper/step/step.d.ts.map +1 -1
  176. package/development/stepper/step-label.js +2 -2
  177. package/development/stepper/step.js +21 -6
  178. package/development/stepper/stepper/stepper.d.ts +1 -0
  179. package/development/stepper/stepper/stepper.d.ts.map +1 -1
  180. package/development/stepper/stepper.js +5 -1
  181. package/development/table/table-wrapper.js +2 -1
  182. package/development/time-input/time-input.d.ts +6 -8
  183. package/development/time-input/time-input.d.ts.map +1 -1
  184. package/development/time-input.js +42 -44
  185. package/dialog/dialog-title/dialog-title.d.ts +0 -1
  186. package/dialog/dialog-title/dialog-title.d.ts.map +1 -1
  187. package/dialog/dialog-title.js +18 -21
  188. package/expansion-panel/expansion-panel/expansion-panel.d.ts +0 -2
  189. package/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
  190. package/expansion-panel/expansion-panel.js +53 -56
  191. package/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
  192. package/flip-card/flip-card-details.js +8 -8
  193. package/form-field/form-field/form-field.d.ts.map +1 -1
  194. package/form-field/form-field.js +103 -98
  195. package/header/header/header.d.ts +6 -7
  196. package/header/header/header.d.ts.map +1 -1
  197. package/header/header.js +72 -70
  198. package/index.d.ts +4 -0
  199. package/index.js +4 -0
  200. package/menu/menu/menu.d.ts +7 -8
  201. package/menu/menu/menu.d.ts.map +1 -1
  202. package/menu/menu.js +73 -73
  203. package/navigation/navigation/navigation.d.ts +7 -8
  204. package/navigation/navigation/navigation.d.ts.map +1 -1
  205. package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
  206. package/navigation/navigation-marker.js +4 -4
  207. package/navigation/navigation-section/navigation-section.d.ts +8 -9
  208. package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
  209. package/navigation/navigation-section.js +75 -77
  210. package/navigation/navigation.js +70 -70
  211. package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  212. package/option/optgroup/optgroup.d.ts +2 -2
  213. package/option/optgroup/optgroup.d.ts.map +1 -1
  214. package/option/optgroup.js +13 -13
  215. package/option/option/option-base-element.d.ts.map +1 -1
  216. package/option/option.js +2 -2
  217. package/package.json +16 -1
  218. package/paginator/paginator.js +44 -44
  219. package/popover/popover/popover.d.ts +8 -7
  220. package/popover/popover/popover.d.ts.map +1 -1
  221. package/popover/popover.js +73 -73
  222. package/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
  223. package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  224. package/radio-button/radio-button-group.js +8 -8
  225. package/select/select.d.ts +6 -3
  226. package/select/select.d.ts.map +1 -1
  227. package/select.js +73 -73
  228. package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -2
  229. package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
  230. package/selection-expansion-panel.js +10 -13
  231. package/sidebar/sidebar/sidebar.d.ts.map +1 -1
  232. package/sidebar/sidebar.js +2 -2
  233. package/standard-theme.css +166 -79
  234. package/stepper/step/step.d.ts +13 -1
  235. package/stepper/step/step.d.ts.map +1 -1
  236. package/stepper/step-label.js +1 -1
  237. package/stepper/step.js +34 -23
  238. package/stepper/stepper/stepper.d.ts +1 -0
  239. package/stepper/stepper/stepper.d.ts.map +1 -1
  240. package/stepper/stepper.js +19 -16
  241. package/table/table-wrapper.js +4 -4
  242. package/table.css +75 -44
  243. package/time-input/time-input.d.ts +6 -8
  244. package/time-input/time-input.d.ts.map +1 -1
  245. package/time-input.js +66 -73
@@ -1,12 +1,12 @@
1
- var W = (l) => {
1
+ var V = (l) => {
2
2
  throw TypeError(l);
3
3
  };
4
- var G = (l, r, n) => r.has(l) || W("Cannot " + n);
5
- var g = (l, r, n) => (G(l, r, "read from private field"), n ? n.call(l) : r.get(l)), k = (l, r, n) => r.has(l) ? W("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, n), h = (l, r, n, i) => (G(l, r, "write to private field"), i ? i.call(l, n) : r.set(l, n), n);
6
- import { __esDecorate as _, __runInitializers as o } from "tslib";
4
+ var G = (l, r, n) => r.has(l) || V("Cannot " + n);
5
+ var v = (l, r, n) => (G(l, r, "read from private field"), n ? n.call(l) : r.get(l)), k = (l, r, n) => r.has(l) ? V("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, n), h = (l, r, n, i) => (G(l, r, "write to private field"), i ? i.call(l, n) : r.set(l, n), n);
6
+ import { __esDecorate as f, __runInitializers as c } from "tslib";
7
7
  import { LitElement as Q, html as T, isServer as U, nothing as y } from "lit";
8
- import { hostAttributes as K, forceType as D, omitEmptyConverter as B } from "./decorators.js";
9
- import { property as v } from "lit/decorators.js";
8
+ import { hostAttributes as P, forceType as O, omitEmptyConverter as K } from "./decorators.js";
9
+ import { property as g } from "lit/decorators.js";
10
10
  import { isEventPrevented as Y, EventEmitter as A } from "./eventing.js";
11
11
  import { SbbFormAssociatedMixin as Z } from "./mixins.js";
12
12
  import { SbbLanguageController as ee } from "./controllers.js";
@@ -14,13 +14,13 @@ import { i18nTargetOpensInNewWindow as te } from "./i18n.js";
14
14
  import "../screen-reader-only.js";
15
15
  let X = (() => {
16
16
  var u;
17
- let l = [K({
17
+ let l = [P({
18
18
  "data-action": ""
19
- })], r, n = [], i, f = Q;
20
- return u = class extends f {
19
+ })], r, n = [], i, _ = Q;
20
+ return u = class extends _ {
21
21
  get maybeDisabled() {
22
- const d = this;
23
- return d.disabled || d.formDisabled;
22
+ const o = this;
23
+ return o.disabled || o.formDisabled;
24
24
  }
25
25
  get maybeDisabledInteractive() {
26
26
  return this.disabledInteractive;
@@ -31,8 +31,8 @@ let X = (() => {
31
31
  setupBaseEventHandlers() {
32
32
  this.addEventListener(
33
33
  "click",
34
- (d) => {
35
- this.maybeDisabled && !this.maybeDisabledInteractive && (d.preventDefault(), d.stopImmediatePropagation());
34
+ (o) => {
35
+ this.maybeDisabled && !this.maybeDisabledInteractive && (o.preventDefault(), o.stopImmediatePropagation());
36
36
  },
37
37
  // capture is necessary here, as this event handler needs to be executed before any other
38
38
  // in order to stop immediate propagation in the disabled case.
@@ -48,16 +48,16 @@ let X = (() => {
48
48
  return T`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
49
49
  }
50
50
  }, i = u, (() => {
51
- const d = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
52
- _(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: d }, null, n), i = r.value, d && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: d }), o(i, n);
51
+ const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
52
+ f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: o }, null, n), i = r.value, o && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o }), c(i, n);
53
53
  })(), i;
54
54
  })(), be = (() => {
55
55
  var m;
56
- let l = [K({
56
+ let l = [P({
57
57
  tabindex: "0",
58
58
  "data-button": ""
59
- })], r, n = [], i, f = Z(X), u = [], O, d;
60
- return m = class extends f {
59
+ })], r, n = [], i, _ = Z(X), u = [], x, o;
60
+ return m = class extends _ {
61
61
  /**
62
62
  * The type attribute to use for the button.
63
63
  * @default 'button'
@@ -70,22 +70,20 @@ let X = (() => {
70
70
  }
71
71
  /** The `<form>` element to associate the button with. */
72
72
  set form(e) {
73
- this._formId = e;
73
+ var t;
74
+ this._formId = e, (t = this.form) == null || t.addEventListener("keydown", this._formKeyDown, { capture: !0 });
74
75
  }
75
76
  get form() {
76
- var e, s;
77
- return this._formId ? ((s = (e = this.ownerDocument) == null ? void 0 : e.querySelector) == null ? void 0 : s.call(e, `form#${this._formId}`)) ?? null : this.internals.form;
77
+ var e, t;
78
+ return this._formId ? ((t = (e = this.ownerDocument) == null ? void 0 : e.querySelector) == null ? void 0 : t.call(e, `form#${this._formId}`)) ?? null : this.internals.form;
78
79
  }
79
80
  constructor() {
80
- if (super(), this._formId = (o(this, u), ""), this._handleButtonClick = async (e) => {
81
+ if (super(), this._elementsOnWhichEnterPressTriggersSubmit = (c(this, u), ["input", "sbb-date-input"]), this._formId = "", this._handleButtonClick = async (e) => {
81
82
  if (this.type === "button" || await Y(e))
82
83
  return;
83
- const s = this.form;
84
- if (s)
85
- if (this.type === "submit") {
86
- const c = document.createElement("button");
87
- c.inert = !0, c.hidden = !0, c.name = this.name, c.value = this.value ?? "", s.append(c), s.requestSubmit(c), c.remove();
88
- } else this.type === "reset" && s.reset();
84
+ const t = this.form;
85
+ if (t)
86
+ this.type === "submit" ? this._requestSubmit(t) : this.type === "reset" && t.reset();
89
87
  else return;
90
88
  }, this._preventScrollOnSpaceKeydown = (e) => {
91
89
  e.key === " " && (e.preventDefault(), e.target.toggleAttribute("data-active", !0));
@@ -93,30 +91,47 @@ let X = (() => {
93
91
  e.target.removeAttribute("data-active");
94
92
  }, this._dispatchClickEventOnSpaceKeyup = (e) => {
95
93
  e.key === " " && (this._removeActiveMarker(e), this._dispatchClickEvent(e));
94
+ }, this._formKeyDown = (e) => {
95
+ var d;
96
+ const t = this.form;
97
+ this.type === "submit" && t && (e.key === "Enter" || e.key === `
98
+ `) && this._elementsOnWhichEnterPressTriggersSubmit.includes((d = e.target) == null ? void 0 : d.localName) && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault(), e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type, e)) && !this.matches(":disabled") && this._requestSubmit(t));
96
99
  }, this._dispatchClickEvent = (e) => {
97
- const { altKey: s, ctrlKey: c, metaKey: z, shiftKey: $ } = e;
100
+ const { altKey: t, ctrlKey: d, metaKey: z, shiftKey: $ } = e;
98
101
  e.target.dispatchEvent(new PointerEvent("click", {
99
102
  bubbles: !0,
100
103
  cancelable: !0,
101
104
  composed: !0,
102
105
  pointerId: -1,
103
106
  pointerType: "",
104
- altKey: s,
105
- ctrlKey: c,
107
+ altKey: t,
108
+ ctrlKey: d,
106
109
  metaKey: z,
107
110
  shiftKey: $
108
111
  }));
109
112
  }, this.internals.role = "button", !U) {
110
113
  this.setupBaseEventHandlers();
111
114
  const e = { passive: !0 };
112
- this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (s) => {
113
- (s.key === "Enter" || s.key === `
114
- `) && this._dispatchClickEvent(s);
115
+ this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (t) => {
116
+ (t.key === "Enter" || t.key === `
117
+ `) && this._dispatchClickEvent(t);
115
118
  }, e);
116
119
  }
117
120
  }
118
- attributeChangedCallback(e, s, c) {
119
- (!["name", "value"].includes(e) || s !== c) && super.attributeChangedCallback(e, s, c);
121
+ connectedCallback() {
122
+ var e;
123
+ super.connectedCallback(), (e = this.form) == null || e.addEventListener("keydown", this._formKeyDown, { capture: !0 });
124
+ }
125
+ disconnectedCallback() {
126
+ var e;
127
+ super.disconnectedCallback(), (e = this.form) == null || e.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
128
+ }
129
+ _requestSubmit(e) {
130
+ const t = document.createElement("button");
131
+ t.inert = !0, t.hidden = !0, t.name = this.name, t.value = this.value ?? "", e.append(t), e.requestSubmit(t), t.remove();
132
+ }
133
+ attributeChangedCallback(e, t, d) {
134
+ (!["name", "value"].includes(e) || t !== d) && super.attributeChangedCallback(e, t, d);
120
135
  }
121
136
  /**
122
137
  * Intentionally empty, as buttons are not targeted by form reset
@@ -128,7 +143,7 @@ let X = (() => {
128
143
  * Intentionally empty, as buttons are not targeted by form restore
129
144
  * @internal
130
145
  */
131
- formStateRestoreCallback(e, s) {
146
+ formStateRestoreCallback(e, t) {
132
147
  }
133
148
  /**
134
149
  * Intentionally empty, as button does not write its data in form.
@@ -138,75 +153,75 @@ let X = (() => {
138
153
  updateFormValue() {
139
154
  }
140
155
  }, i = m, (() => {
141
- const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
142
- O = [v()], d = [v()], _(m, null, O, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (s) => "type" in s, set: (s, c) => {
143
- s.type = c;
144
- } }, metadata: e }, null, u), _(m, null, d, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (s) => "form" in s, set: (s, c) => {
145
- s.form = c;
146
- } }, metadata: e }, null, u), _(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: e }, null, n), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), o(i, n);
156
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
157
+ x = [g()], o = [g()], f(m, null, x, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, set: (t, d) => {
158
+ t.type = d;
159
+ } }, metadata: e }, null, u), f(m, null, o, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (t) => "form" in t, set: (t, d) => {
160
+ t.form = d;
161
+ } }, metadata: e }, null, u), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: e }, null, n), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), c(i, n);
147
162
  })(), i;
148
163
  })(), me = (() => {
149
- var C, S, E, I, L, x, b;
150
- let l = [K({
164
+ var C, E, S, L, D, I, b;
165
+ let l = [P({
151
166
  "data-link": ""
152
- })], r, n = [], i, f = X, u, O = [], d = [], m, R = [], e = [], s, c = [], z = [], $, j = [], P = [], q, M = [], H = [], N, F = [], V = [];
153
- return b = class extends f {
167
+ })], r, n = [], i, _ = X, u, x = [], o = [], m, B = [], e = [], t, d = [], z = [], $, q = [], R = [], j, M = [], N = [], H, W = [], F = [];
168
+ return b = class extends _ {
154
169
  constructor() {
155
170
  super();
156
171
  k(this, C);
157
- k(this, S);
158
172
  k(this, E);
159
- k(this, I);
173
+ k(this, S);
160
174
  k(this, L);
161
- k(this, x);
162
- h(this, C, o(this, O, "")), h(this, S, (o(this, d), o(this, R, ""))), h(this, E, (o(this, e), o(this, c, ""))), h(this, I, (o(this, z), o(this, j, !1))), h(this, L, (o(this, P), o(this, M, ""))), h(this, x, (o(this, H), o(this, F, ""))), this.language = (o(this, V), new ee(this)), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : y, U || this.setupBaseEventHandlers();
175
+ k(this, D);
176
+ k(this, I);
177
+ h(this, C, c(this, x, "")), h(this, E, (c(this, o), c(this, B, ""))), h(this, S, (c(this, e), c(this, d, ""))), h(this, L, (c(this, z), c(this, q, !1))), h(this, D, (c(this, R), c(this, M, ""))), h(this, I, (c(this, N), c(this, W, ""))), this.language = (c(this, F), new ee(this)), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : y, U || this.setupBaseEventHandlers();
163
178
  }
164
179
  /** The href value you want to link to. */
165
180
  get href() {
166
- return g(this, C);
181
+ return v(this, C);
167
182
  }
168
183
  set href(a) {
169
184
  h(this, C, a);
170
185
  }
171
186
  /** Where to display the linked URL. */
172
187
  get target() {
173
- return g(this, S);
188
+ return v(this, E);
174
189
  }
175
190
  set target(a) {
176
- h(this, S, a);
191
+ h(this, E, a);
177
192
  }
178
193
  /** The relationship of the linked URL as space-separated link types. */
179
194
  get rel() {
180
- return g(this, E);
195
+ return v(this, S);
181
196
  }
182
197
  set rel(a) {
183
- h(this, E, a);
198
+ h(this, S, a);
184
199
  }
185
200
  /** Whether the browser will show the download dialog on click. */
186
201
  get download() {
187
- return g(this, I);
202
+ return v(this, L);
188
203
  }
189
204
  set download(a) {
190
- h(this, I, a);
205
+ h(this, L, a);
191
206
  }
192
207
  /** This will be forwarded as aria-label to the inner anchor element. */
193
208
  get accessibilityLabel() {
194
- return g(this, L);
209
+ return v(this, D);
195
210
  }
196
211
  set accessibilityLabel(a) {
197
- h(this, L, a);
212
+ h(this, D, a);
198
213
  }
199
214
  /** This will be forwarded as aria-current to the inner anchor element. */
200
215
  get accessibilityCurrent() {
201
- return g(this, x);
216
+ return v(this, I);
202
217
  }
203
218
  set accessibilityCurrent(a) {
204
- h(this, x, a);
219
+ h(this, I, a);
205
220
  }
206
221
  /** @internal */
207
222
  focus(a) {
208
- var t;
209
- (t = this.shadowRoot.querySelector("a")) == null || t.focus(a);
223
+ var s;
224
+ (s = this.shadowRoot.querySelector("a")) == null || s.focus(a);
210
225
  }
211
226
  /** @internal */
212
227
  blur() {
@@ -242,21 +257,21 @@ let X = (() => {
242
257
  </a>
243
258
  `;
244
259
  }
245
- }, C = new WeakMap(), S = new WeakMap(), E = new WeakMap(), I = new WeakMap(), L = new WeakMap(), x = new WeakMap(), i = b, (() => {
246
- const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
247
- u = [D(), v({ reflect: !0, converter: B })], m = [D(), v({ reflect: !0, converter: B })], s = [D(), v({ reflect: !0, converter: B })], $ = [D(), v({ type: Boolean, reflect: !0 })], q = [D(), v({ attribute: "accessibility-label" })], N = [D(), v({ attribute: "accessibility-current" })], _(b, null, u, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (t) => "href" in t, get: (t) => t.href, set: (t, p) => {
248
- t.href = p;
249
- } }, metadata: a }, O, d), _(b, null, m, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (t) => "target" in t, get: (t) => t.target, set: (t, p) => {
250
- t.target = p;
251
- } }, metadata: a }, R, e), _(b, null, s, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (t) => "rel" in t, get: (t) => t.rel, set: (t, p) => {
252
- t.rel = p;
253
- } }, metadata: a }, c, z), _(b, null, $, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (t) => "download" in t, get: (t) => t.download, set: (t, p) => {
254
- t.download = p;
255
- } }, metadata: a }, j, P), _(b, null, q, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, p) => {
256
- t.accessibilityLabel = p;
257
- } }, metadata: a }, M, H), _(b, null, N, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (t) => "accessibilityCurrent" in t, get: (t) => t.accessibilityCurrent, set: (t, p) => {
258
- t.accessibilityCurrent = p;
259
- } }, metadata: a }, F, V), _(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: a }, null, n), i = r.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(i, n);
260
+ }, C = new WeakMap(), E = new WeakMap(), S = new WeakMap(), L = new WeakMap(), D = new WeakMap(), I = new WeakMap(), i = b, (() => {
261
+ const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
262
+ u = [O(), g({ reflect: !0, converter: K })], m = [O(), g({ reflect: !0, converter: K })], t = [O(), g({ reflect: !0, converter: K })], $ = [O(), g({ type: Boolean, reflect: !0 })], j = [O(), g({ attribute: "accessibility-label" })], H = [O(), g({ attribute: "accessibility-current" })], f(b, null, u, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (s) => "href" in s, get: (s) => s.href, set: (s, p) => {
263
+ s.href = p;
264
+ } }, metadata: a }, x, o), f(b, null, m, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (s) => "target" in s, get: (s) => s.target, set: (s, p) => {
265
+ s.target = p;
266
+ } }, metadata: a }, B, e), f(b, null, t, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (s) => "rel" in s, get: (s) => s.rel, set: (s, p) => {
267
+ s.rel = p;
268
+ } }, metadata: a }, d, z), f(b, null, $, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (s) => "download" in s, get: (s) => s.download, set: (s, p) => {
269
+ s.download = p;
270
+ } }, metadata: a }, q, R), f(b, null, j, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (s) => "accessibilityLabel" in s, get: (s) => s.accessibilityLabel, set: (s, p) => {
271
+ s.accessibilityLabel = p;
272
+ } }, metadata: a }, M, N), f(b, null, H, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (s) => "accessibilityCurrent" in s, get: (s) => s.accessibilityCurrent, set: (s, p) => {
273
+ s.accessibilityCurrent = p;
274
+ } }, metadata: a }, W, F), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: a }, null, n), i = r.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), c(i, n);
260
275
  })(), i;
261
276
  })();
262
277
  const w = class w extends Q {
@@ -0,0 +1,21 @@
1
+ import { LitElement, ReactiveController } from 'lit';
2
+ /**
3
+ * Tracks id changes in the DOM and calls component when matching with requestUpdate().
4
+ */
5
+ export declare class SbbIdReferenceController<T extends LitElement> implements ReactiveController {
6
+ private _host;
7
+ private _idRef;
8
+ private _observers;
9
+ private _rootNode;
10
+ constructor(_host: T, _idRef: keyof T, _observers?: WeakMap<Node, {
11
+ observer: MutationObserver;
12
+ controllers: Set<SbbIdReferenceController<any>>;
13
+ }>);
14
+ hostConnected(): void;
15
+ hostDisconnected(): void;
16
+ /**
17
+ * Find the element by id in the current document fragment
18
+ */
19
+ find(): HTMLElement | null;
20
+ }
21
+ //# sourceMappingURL=id-observer-controller.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"id-observer-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/id-observer-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAOzE;;GAEG;AACH,qBAAa,wBAAwB,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAIrF,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,UAAU;IALpB,OAAO,CAAC,SAAS,CAAsC;gBAG7C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,MAAM,CAAC,EACf,UAAU;kBAZR,gBAAgB;qBAAe,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;MAY7C;IAKzB,aAAa,IAAI,IAAI;IAgDrB,gBAAgB,IAAI,IAAI;IAoB/B;;OAEG;IACI,IAAI,IAAI,WAAW,GAAG,IAAI;CAQlC"}
@@ -1 +1 @@
1
- {"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKrF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,qCAAqC,QAAuD,CAAC;AAC1G,eAAO,MAAM,oCAAoC,QAAsD,CAAC;AAGxG;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAYtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC"}
1
+ {"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKrF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,qCAAqC,QAAuD,CAAC;AAC1G,eAAO,MAAM,oCAAoC,QAAsD,CAAC;AAGxG;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAMtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC"}
@@ -1,7 +1,8 @@
1
1
  export * from './controllers/connected-abort-controller.js';
2
+ export * from './controllers/escapable-overlay-controller.js';
3
+ export * from './controllers/id-observer-controller.js';
2
4
  export * from './controllers/inert-controller.js';
3
5
  export * from './controllers/language-controller.js';
4
6
  export * from './controllers/media-matchers-controller.js';
5
- export * from './controllers/escapable-overlay-controller.js';
6
7
  export * from './controllers/slot-state-controller.js';
7
8
  //# sourceMappingURL=controllers.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC"}
1
+ {"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC"}