@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.4

package/tooltip/tooltip.component.js

@@ -1,28 +1,28 @@
-var O = (o) => {
-  throw TypeError(o);
+var E = (s) => {
+  throw TypeError(s);
 };
-var x = (o, s, a) => s.has(o) || O("Cannot " + a);
-var k = (o, s, a) => (x(o, s, "read from private field"), a ? a.call(o) : s.get(o)), E = (o, s, a) => s.has(o) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(o) : s.set(o, a), u = (o, s, a, r) => (x(o, s, "write to private field"), r ? r.call(o, a) : s.set(o, a), a);
-import { __esDecorate as b, __runInitializers as c } from "tslib";
-import { css as w, isServer as P, html as S } from "lit";
+var O = (s, o, a) => o.has(s) || E("Cannot " + a);
+var x = (s, o, a) => (O(s, o, "read from private field"), a ? a.call(s) : o.get(s)), k = (s, o, a) => o.has(s) ? E("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, a), g = (s, o, a, l) => (O(s, o, "write to private field"), l ? l.call(s, a) : o.set(s, a), a);
+import { __esDecorate as p, __runInitializers as c } from "tslib";
+import { css as S, isServer as P, html as L } from "lit";
 import { customElement as z, property as h } from "lit/decorators.js";
 import { SbbOpenCloseBaseElement as N } from "../core/base-elements.js";
-import { readConfig as g } from "../core/config.js";
-import { SbbEscapableOverlayController as I, SbbOverlayPositionController as M } from "../core/controllers.js";
-import { idReference as U } from "../core/decorators.js";
-import { queueDomContentLoaded as H, addToListAttribute as q, removeFromListAttribute as Z, isZeroAnimationDuration as j, isAndroid as B, isIOS as $ } from "../core/dom.js";
-import { SbbDisabledMixin as F } from "../core/mixins.js";
+import { readConfig as u } from "../core/config.js";
+import { SbbEscapableOverlayController as B, SbbOverlayPositionController as I } from "../core/controllers.js";
+import { idReference as M } from "../core/decorators.js";
+import { queueDomContentLoaded as U, isZeroAnimationDuration as H, isAndroid as q, isIOS as Z } from "../core/dom.js";
+import { SbbDisabledMixin as j, appendAriaElements as $, removeAriaElements as R } from "../core/mixins.js";
 import { sbbOverlayOutsidePointerEventListener as A } from "../core/overlay.js";
-import { boxSizingStyles as R } from "../core/styles.js";
-const G = w`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);border:none;inset:initial;padding:0;margin:0}:host([data-state]:not([data-state=closed])){display:block;--sbb-tooltip-animation-name: open}:host([data-state][data-state=closing]){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=" start"],[data-position$=" end"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, W = 500, Y = B || $, m = /* @__PURE__ */ new WeakMap();
+import { boxSizingStyles as F } from "../core/styles.js";
+const G = S`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block;--sbb-tooltip-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=" start"],[data-position$=" end"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, W = 500, Y = q || Z, m = /* @__PURE__ */ new WeakMap();
 let J = 0, dt = (() => {
-  var d, l;
-  let o = [z("sbb-tooltip")], s, a = [], r, _ = F(N), p = [], y, v = [], f = [], T, C, D;
-  return l = class extends _ {
+  var d, n;
+  let s = [z("sbb-tooltip")], o, a = [], l, _ = j(N), b = [], y, v = [], f = [], T, C, D;
+  return n = class extends _ {
     constructor() {
       super();
-      E(this, d);
-      u(this, d, (c(this, p), c(this, v, null))), this._openDelay = (c(this, f), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new I(this), this._overlayController = new M(this), this.addEventListener("mouseleave", (t) => {
+      k(this, d);
+      g(this, d, (c(this, b), c(this, v, null))), this._openDelay = (c(this, f), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new B(this), this._overlayController = new I(this), this.addEventListener("mouseleave", (t) => {
         (this.state === "opened" || this.state === "opening") && (!t.relatedTarget || !this._triggerElement?.contains(t.relatedTarget)) && this._delayedClose();
       }, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (t) => this._onTooltipAnimationEnd(t), { passive: !0 });
     }
@@ -32,10 +32,10 @@ let J = 0, dt = (() => {
      * For attribute usage, provide an id reference.
      */
     get trigger() {
-      return k(this, d);
+      return x(this, d);
     }
     set trigger(t) {
-      u(this, d, t);
+      g(this, d, t);
     }
     /**
      * Open the tooltip after a given delay in milliseconds.
@@ -47,7 +47,7 @@ let J = 0, dt = (() => {
       this._openDelay = t;
     }
     get openDelay() {
-      return this._openDelay ?? g().tooltip?.openDelay ?? 0;
+      return this._openDelay ?? u().tooltip?.openDelay ?? 0;
     }
     /**
      * Close the tooltip after a given delay in milliseconds.
@@ -59,7 +59,7 @@ let J = 0, dt = (() => {
       this._closeDelay = t;
     }
     get closeDelay() {
-      return this._closeDelay ?? g().tooltip?.closeDelay ?? 0;
+      return this._closeDelay ?? u().tooltip?.closeDelay ?? 0;
     }
     /**
      * Automatically close the tooltip after it has been open by long press.
@@ -71,7 +71,7 @@ let J = 0, dt = (() => {
       this._longPressCloseDelay = +t;
     }
     get longPressCloseDelay() {
-      return this._longPressCloseDelay ?? g().tooltip?.longPressCloseDelay ?? 1500;
+      return this._longPressCloseDelay ?? u().tooltip?.longPressCloseDelay ?? 1500;
     }
     static _initializeTooltipOutlet() {
       this._tooltipOutlet = document.createElement("div"), this._tooltipOutlet.classList.add("sbb-overlay-outlet"), document.body.appendChild(this._tooltipOutlet), new MutationObserver((t) => {
@@ -79,7 +79,7 @@ let J = 0, dt = (() => {
           if (e.type === "attributes")
             this._handleTooltipTrigger(e.target);
           else if (e.type === "childList")
-            for (const i of [...e.addedNodes, ...e.removedNodes].filter((n) => n.nodeType === n.ELEMENT_NODE))
+            for (const i of [...e.addedNodes, ...e.removedNodes].filter((r) => r.nodeType === r.ELEMENT_NODE))
               this._handleTooltipTrigger(i), this._findAndHandleTooltipTriggers(i);
       }).observe(document.documentElement, {
         attributeFilter: [
@@ -100,8 +100,8 @@ let J = 0, dt = (() => {
       let i = m.get(t);
       if (e && t.isConnected) {
         i || (i = document.createElement("sbb-tooltip"), m.set(t, i), this._tooltipOutlet.appendChild(i), i.trigger = t), i.textContent = e, i.openDelay = t.hasAttribute("sbb-tooltip-open-delay") ? +t.getAttribute("sbb-tooltip-open-delay") : null, i.closeDelay = t.hasAttribute("sbb-tooltip-close-delay") ? +t.getAttribute("sbb-tooltip-close-delay") : null;
-        const n = t.hasAttribute("sbb-tooltip-position") ? t.getAttribute("sbb-tooltip-position").split(",").map((L) => L.trim()) : t.tooltipPositions;
-        n && n.length > 0 ? (i.style.setProperty("--sbb-overlay-position-area", n[0]), i.style.setProperty("--sbb-overlay-position-try-fallbacks", n.slice(1).join(", "))) : (i.style.removeProperty("--sbb-overlay-position-area"), i.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
+        const r = t.hasAttribute("sbb-tooltip-position") ? t.getAttribute("sbb-tooltip-position").split(",").map((w) => w.trim()) : t.tooltipPositions;
+        r && r.length > 0 ? (i.style.setProperty("--sbb-overlay-position-area", r[0]), i.style.setProperty("--sbb-overlay-position-try-fallbacks", r.slice(1).join(", "))) : (i.style.removeProperty("--sbb-overlay-position-area"), i.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
       } else i && (m.delete(t), i._destroy());
     }
     connectedCallback() {
@@ -138,10 +138,10 @@ let J = 0, dt = (() => {
       t.animationName === "open" && this.state === "opening" ? this._handleOpening() : t.animationName === "close" && this.state === "closing" && this._handleClosing();
     }
     _attach(t) {
-      this._triggerElement && this._detach(), this._triggerElement = t, this._triggerElement && (q(this._triggerElement, "aria-describedby", this.id), this._addTriggerEventHandlers());
+      this._triggerElement && this._detach(), this._triggerElement = t, this._triggerElement && (this._triggerElement.ariaDescribedByElements = $(this._triggerElement.ariaDescribedByElements, this), this._addTriggerEventHandlers());
     }
     _detach() {
-      this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement && (Z(this._triggerElement, "aria-describedby", this.id), this._triggerElement = null);
+      this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement && (this._triggerElement.ariaDescribedByElements = R(this._triggerElement.ariaDescribedByElements, this), this._triggerElement = null);
     }
     _destroy() {
       this._detach(), this.remove();
@@ -156,8 +156,8 @@ let J = 0, dt = (() => {
         passive: !0
       };
       Y || (t.addEventListener("mouseenter", () => this._delayedOpen(), e), t.addEventListener("mouseleave", (i) => {
-        const n = i.relatedTarget;
-        (!n || n !== this) && this._delayedClose();
+        const r = i.relatedTarget;
+        (!r || r !== this) && this._delayedClose();
       }, e), t.addEventListener("blur", () => this.close(), e), t.addEventListener("focus", () => this._delayedOpen(), e)), t.addEventListener("touchstart", () => {
         clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), W);
       }, e), t.addEventListener("touchend", () => {
@@ -167,30 +167,30 @@ let J = 0, dt = (() => {
       }, e);
     }
     _isZeroAnimationDuration() {
-      return j(this, "--sbb-tooltip-animation-duration");
+      return H(this, "--sbb-tooltip-animation-duration");
     }
     _resetOpenCloseTimeout() {
       clearTimeout(this._openTimeout), clearTimeout(this._closeTimeout);
     }
     render() {
-      return S`
+      return L`
       <div class="sbb-tooltip">
         <slot></slot>
       </div>
     `;
     }
-  }, d = new WeakMap(), r = l, (() => {
+  }, d = new WeakMap(), l = n, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    y = [U(), h()], T = [h({ attribute: "open-delay", type: Number })], C = [h({ attribute: "close-delay", type: Number })], D = [h({ attribute: "long-press-close-delay", type: Number })], b(l, null, y, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, i) => {
+    y = [M(), h()], T = [h({ attribute: "open-delay", type: Number })], C = [h({ attribute: "close-delay", type: Number })], D = [h({ attribute: "long-press-close-delay", type: Number })], p(n, null, y, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, i) => {
       e.trigger = i;
-    } }, metadata: t }, v, f), b(l, null, T, { kind: "setter", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, set: (e, i) => {
+    } }, metadata: t }, v, f), p(n, null, T, { kind: "setter", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, set: (e, i) => {
       e.openDelay = i;
-    } }, metadata: t }, null, p), b(l, null, C, { kind: "setter", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, set: (e, i) => {
+    } }, metadata: t }, null, b), p(n, null, C, { kind: "setter", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, set: (e, i) => {
       e.closeDelay = i;
-    } }, metadata: t }, null, p), b(l, null, D, { kind: "setter", name: "longPressCloseDelay", static: !1, private: !1, access: { has: (e) => "longPressCloseDelay" in e, set: (e, i) => {
+    } }, metadata: t }, null, b), p(n, null, D, { kind: "setter", name: "longPressCloseDelay", static: !1, private: !1, access: { has: (e) => "longPressCloseDelay" in e, set: (e, i) => {
       e.longPressCloseDelay = i;
-    } }, metadata: t }, null, p), b(null, s = { value: r }, o, { kind: "class", name: r.name, metadata: t }, null, a), r = s.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.role = "tooltip", l.styles = [R, G], P || H(() => r._initializeTooltipOutlet()), c(r, a), r;
+    } }, metadata: t }, null, b), p(null, o = { value: l }, s, { kind: "class", name: l.name, metadata: t }, null, a), l = o.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.role = "tooltip", n.styles = [F, G], P || U(() => l._initializeTooltipOutlet()), c(l, a), l;
 })();
 export {
   dt as SbbTooltipElement

package/tooltip.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './tooltip/tooltip.component.js';
+export * from './tooltip/tooltip.component.ts';
 //# sourceMappingURL=tooltip.d.ts.map

package/train/train/train.component.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbTitleLevel } from '../../title.js';
-import { SbbTrainBlockedPassageElement } from '../train-blocked-passage.js';
-import { SbbTrainWagonElement } from '../train-wagon.js';
-declare const SbbTrainElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTrainBlockedPassageElement | SbbTrainWagonElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbTitleLevel } from '../../title.ts';
+import { SbbTrainBlockedPassageElement } from '../train-blocked-passage.ts';
+import { SbbTrainWagonElement } from '../train-wagon.ts';
+declare const SbbTrainElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbTrainBlockedPassageElement | SbbTrainWagonElement>> & typeof LitElement;
 /**
  * It can be used as a container for `sbb-train-wagon` or `sbb-train-blocked-passage` components.
  *

package/train/train-blocked-passage.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './train-blocked-passage/train-blocked-passage.component.js';
+export * from './train-blocked-passage/train-blocked-passage.component.ts';
 //# sourceMappingURL=train-blocked-passage.d.ts.map

package/train/train-formation/train-formation.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbTrainElement } from '../train.js';
-declare const SbbTrainFormationElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTrainElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbTrainElement } from '../train.ts';
+declare const SbbTrainFormationElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbTrainElement>> & typeof LitElement;
 /**
  * It displays a train composition, acting as a container for one or more `sbb-train` component.
  *

package/train/train-formation.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './train-formation/train-formation.component.js';
+export * from './train-formation/train-formation.component.ts';
 //# sourceMappingURL=train-formation.d.ts.map

package/train/train-wagon/train-wagon.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import { SbbOccupancy } from '../../core/interfaces.js';
-import { SbbIconElement } from '../../icon.js';
-declare const SbbTrainWagonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbIconElement>> & typeof LitElement;
+import { SbbOccupancy } from '../../core/interfaces.ts';
+import { SbbIconElement } from '../../icon.ts';
+declare const SbbTrainWagonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbIconElement>> & typeof LitElement;
 /**
  * It displays a train compartment within a `sbb-train` component.
  *

package/train/train-wagon.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './train-wagon/train-wagon.component.js';
+export * from './train-wagon/train-wagon.component.ts';
 //# sourceMappingURL=train-wagon.d.ts.map

package/train/train.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './train/train.component.js';
+export * from './train/train.component.ts';
 //# sourceMappingURL=train.d.ts.map

package/train.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './train/train.js';
-export * from './train/train-blocked-passage.js';
-export * from './train/train-formation.js';
-export * from './train/train-wagon.js';
+export * from './train/train.ts';
+export * from './train/train-blocked-passage.ts';
+export * from './train/train-formation.ts';
+export * from './train/train-wagon.ts';
 //# sourceMappingURL=train.d.ts.map

package/visual-checkbox/visual-checkbox.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbCheckboxSize } from '../checkbox/common.js';
-declare const SbbVisualCheckboxElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+import { SbbCheckboxSize } from '../checkbox/common.ts';
+declare const SbbVisualCheckboxElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbDisabledMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It visually displays a non-interactive checkbox.
  */

package/visual-checkbox/visual-checkbox.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/elements/visual-checkbox/visual-checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAQ7D;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,6BAA8C;IACnF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,qBAAqB;IACrB,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAA6C,IAAI,EAAE,eAAe,CAAyB;cAExE,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"visual-checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/elements/visual-checkbox/visual-checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAQ7D;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,6BAA8C;IACnF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,qBAAqB;IACrB,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAA6C,IAAI,EAAE,eAAe,CAAyB;cAExE,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/visual-checkbox/visual-checkbox.component.js

@@ -1,40 +1,40 @@
-var C = (e) => {
+var I = (e) => {
   throw TypeError(e);
 };
-var I = (e, o, i) => o.has(e) || C("Cannot " + i);
-var h = (e, o, i) => (I(e, o, "read from private field"), i ? i.call(e) : o.get(e)), u = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), v = (e, o, i, r) => (I(e, o, "write to private field"), r ? r.call(e, i) : o.set(e, i), i);
-import { __esDecorate as k, __runInitializers as a } from "tslib";
-import { css as j, LitElement as D, nothing as E, html as L } from "lit";
-import { customElement as M, property as m } from "lit/decorators.js";
-import { forceType as T } from "../core/decorators.js";
-import { isLean as $ } from "../core/dom.js";
-import { SbbDisabledMixin as G, SbbNegativeMixin as H } from "../core/mixins.js";
-import { boxSizingStyles as O } from "../core/styles.js";
-const N = j`:host{display:block;--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-background-color-1);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-primary);--sbb-visual-checkbox-cursor: var(--sbb-cursor-pointer)}@media(forced-colors:active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([size=xs]){--sbb-visual-checkbox-dimension: 1.25rem}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-background-color-1-negative);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-selection-color: var(--sbb-color-primary85)}@media(forced-colors:active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-background-color-3);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-2);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-background-color-3-negative);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-selection-color: var(--sbb-color-2-negative)}@media(forced-colors:active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media(forced-colors:active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media(forced-colors:active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]:not([indeterminate])) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]:not([indeterminate])) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
+var j = (e, t, i) => t.has(e) || I("Cannot " + i);
+var h = (e, t, i) => (j(e, t, "read from private field"), i ? i.call(e) : t.get(e)), u = (e, t, i) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), v = (e, t, i, a) => (j(e, t, "write to private field"), a ? a.call(e, i) : t.set(e, i), i);
+import { __esDecorate as k, __runInitializers as r } from "tslib";
+import { css as L, LitElement as M, nothing as T, html as D } from "lit";
+import { customElement as G, property as m } from "lit/decorators.js";
+import { forceType as E } from "../core/decorators.js";
+import { isLean as H } from "../core/dom.js";
+import { SbbDisabledMixin as O, SbbNegativeMixin as $ } from "../core/mixins.js";
+import { boxSizingStyles as C } from "../core/styles.js";
+const N = L`:host{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))}:host([size=xs]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative)}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);--sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default);--sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled)}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var( --sbb-visual-checkbox-background-color-negative-disabled );--sbb-visual-checkbox-selection-color: var( --sbb-visual-checkbox-selection-color-disabled-negative )}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}:host([checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: Highlight;--sbb-visual-checkbox-border-width: 0}:host([disabled][checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: GrayText}}path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
 let U = (() => {
-  var b, l, n, t;
-  let e = [M("sbb-visual-checkbox")], o, i = [], r, x = G(H(D)), g, _ = [], f = [], p, y = [], z = [], w, S = [], B = [];
-  return t = class extends x {
+  var l, b, n, c;
+  let e = [G("sbb-visual-checkbox")], t, i = [], a, x = O($(M)), g, _ = [], f = [], p, z = [], y = [], w, S = [], B = [];
+  return c = class extends x {
     constructor() {
       super(...arguments);
-      u(this, b, a(this, _, !1));
-      u(this, l, (a(this, f), a(this, y, !1)));
-      u(this, n, (a(this, z), a(this, S, $() ? "xs" : "m")));
-      a(this, B);
+      u(this, l, r(this, _, !1));
+      u(this, b, (r(this, f), r(this, z, !1)));
+      u(this, n, (r(this, y), r(this, S, H() ? "xs" : "m")));
+      r(this, B);
     }
     /** Checked state. */
     get checked() {
-      return h(this, b);
+      return h(this, l);
     }
-    set checked(c) {
-      v(this, b, c);
+    set checked(o) {
+      v(this, l, o);
     }
     /** Indeterminate state. */
     get indeterminate() {
-      return h(this, l);
+      return h(this, b);
     }
-    set indeterminate(c) {
-      v(this, l, c);
+    set indeterminate(o) {
+      v(this, b, o);
     }
     /**
      * Size of the checkbox, either xs, s or m.
@@ -43,41 +43,37 @@ let U = (() => {
     get size() {
       return h(this, n);
     }
-    set size(c) {
-      v(this, n, c);
+    set size(o) {
+      v(this, n, o);
     }
     render() {
-      return L`
-      <span class="sbb-visual-checkbox">
-        <span class="sbb-visual-checkbox__icon">
-          ${this.checked || this.indeterminate ? L`<svg
-                width=${this.size === "xs" ? "20" : "24"}
-                height=${this.size === "xs" ? "20" : "24"}
-                viewBox="0 0 24 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>` : E}
-        </span>
-      </span>
+      return D`
+      ${this.checked || this.indeterminate ? D`<svg
+            viewBox="0 0 24 24"
+            xmlns="http://www.w3.org/2000/svg"
+            width="100%"
+            height="100%"
+          >
+            <path
+              fill="none"
+              d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>` : T}
     `;
     }
-  }, b = new WeakMap(), l = new WeakMap(), n = new WeakMap(), r = t, (() => {
-    const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    g = [T(), m({ reflect: !0, type: Boolean })], p = [T(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(t, null, g, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
+  }, l = new WeakMap(), b = new WeakMap(), n = new WeakMap(), a = c, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    g = [E(), m({ reflect: !0, type: Boolean })], p = [E(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(c, null, g, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
       s.checked = d;
-    } }, metadata: c }, _, f), k(t, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
+    } }, metadata: o }, _, f), k(c, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
       s.indeterminate = d;
-    } }, metadata: c }, y, z), k(t, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
+    } }, metadata: o }, z, y), k(c, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
       s.size = d;
-    } }, metadata: c }, S, B), k(null, o = { value: r }, e, { kind: "class", name: r.name, metadata: c }, null, i), r = o.value, c && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
-  })(), t.styles = [O, N], a(r, i), r;
+    } }, metadata: o }, S, B), k(null, t = { value: a }, e, { kind: "class", name: a.name, metadata: o }, null, i), a = t.value, o && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), c.styles = [C, N], r(a, i), a;
 })();
 export {
   U as SbbVisualCheckboxElement

package/visual-checkbox.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './visual-checkbox/visual-checkbox.component.js';
+export * from './visual-checkbox/visual-checkbox.component.ts';
 //# sourceMappingURL=visual-checkbox.d.ts.map

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts

@@ -1,38 +0,0 @@
-import { SbbAutocompleteBaseElement } from '../../autocomplete.js';
-import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.js';
-/**
- * Combined with a native input, it displays a panel with a list of available options with connected buttons.
- *
- * @slot - Use the unnamed slot to add `sbb-autocomplete-grid-row` or `sbb-autocomplete-grid-optgroup` elements to the `sbb-autocomplete-grid`.
- * @cssprop [--sbb-autocomplete-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
- * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
- * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
- */
-export declare class SbbAutocompleteGridElement<T = string> extends SbbAutocompleteBaseElement<T> {
-    static readonly role: string | null;
-    protected overlayId: string;
-    protected panelRole: string;
-    private _activeColumnIndex;
-    protected get options(): SbbAutocompleteGridOptionElement<T>[];
-    constructor();
-    protected syncNegative(): void;
-    protected openedPanelKeyboardInteraction(event: KeyboardEvent): void;
-    /**
-     * Select an element on 'Enter' keypress.
-     *
-     * Due to keyboard navigation code, the `_activeColumnIndex` is zero when an option is 'focused'
-     * and greater than zero when a button is 'focused', so asking for `querySelectorAll(...)[this._activeColumnIndex]`
-     * would always return a `SbbAutocompleteGridButtonElement`.
-     */
-    protected selectByKeyboard(event: KeyboardEvent): void;
-    protected setNextActiveOption(event?: KeyboardEvent): void;
-    private _setNextHorizontalActiveElement;
-    protected resetActiveElement(): void;
-    protected setTriggerAttributes(element: HTMLInputElement): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-autocomplete-grid': SbbAutocompleteGridElement;
-    }
-}
-//# sourceMappingURL=autocomplete-grid.component.d.ts.map

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAOnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAUlF;;;;;;;GAOG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAChF,gBAAgC,IAAI,gBAAkC;IACtE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAM7D;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA0BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAgBtD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IAiC1D,OAAO,CAAC,+BAA+B;IAqCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAapC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -1,88 +0,0 @@
-import { __esDecorate as h, __runInitializers as v } from "tslib";
-import { customElement as g } from "lit/decorators.js";
-import { SbbAutocompleteBaseElement as f } from "../../autocomplete.js";
-import { getNextElementIndex as b } from "../../core/a11y.js";
-import { isSafari as A } from "../../core/dom.js";
-import { setAriaComboBoxAttributes as O } from "../../core/overlay.js";
-import { SbbAutocompleteGridOptionElement as d } from "../autocomplete-grid-option.js";
-let x = 0;
-const m = A;
-let k = (() => {
-  var s;
-  let p = [g("sbb-autocomplete-grid")], l, n = [], o, c = f;
-  return s = class extends c {
-    get options() {
-      return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
-    }
-    constructor() {
-      super(), this.overlayId = `sbb-autocomplete-grid-${++x}`, this.panelRole = "grid", this._activeColumnIndex = 0, this.addEventListener?.("optionselected", (t) => this.onOptionSelected(t));
-    }
-    syncNegative() {
-      this.querySelectorAll?.("sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint").forEach((t) => t.negative = this.negative), this.querySelectorAll?.("sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((t) => t.toggleAttribute("data-negative", this.negative));
-    }
-    openedPanelKeyboardInteraction(t) {
-      if (this.state === "opened")
-        switch (t.key) {
-          case "Tab":
-            this.close();
-            break;
-          case "Enter":
-            this.selectByKeyboard(t);
-            break;
-          case "ArrowDown":
-          case "ArrowUp":
-            this.setNextActiveOption(t);
-            break;
-          case "ArrowRight":
-          case "ArrowLeft":
-            this._setNextHorizontalActiveElement(t);
-            break;
-        }
-    }
-    /**
-     * Select an element on 'Enter' keypress.
-     *
-     * Due to keyboard navigation code, the `_activeColumnIndex` is zero when an option is 'focused'
-     * and greater than zero when a button is 'focused', so asking for `querySelectorAll(...)[this._activeColumnIndex]`
-     * would always return a `SbbAutocompleteGridButtonElement`.
-     */
-    selectByKeyboard(t) {
-      t.preventDefault(), this._activeColumnIndex !== 0 ? this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button")[
-        // We ignore the option in the selector. Therefore, we have to shift the activeColumnIndex by one.
-        this._activeColumnIndex - 1
-      ]?.click() : this.activeOption?.selectViaUserInteraction(!0);
-    }
-    setNextActiveOption(t) {
-      const e = this.options.filter((i) => !i.disabled && !i.hasAttribute("data-group-disabled"));
-      if (this.activeOption?.setActive(!1), this.triggerElement?.removeAttribute("aria-activedescendant"), Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row [data-focus-visible]") ?? []).forEach((i) => i.removeAttribute("data-focus-visible")), this._activeColumnIndex = 0, !e.length) {
-        this.activeOption = null;
-        return;
-      }
-      const a = this.activeOption ? e.indexOf(this.activeOption) : -1, r = b(t, a, e.length);
-      this.activeOption = e[r], this.activeOption.setActive(!0), this.triggerElement?.setAttribute("aria-activedescendant", this.activeOption.id), this.activeOption.scrollIntoView({ block: "nearest" }), this.autoSelectActiveOption && this.onOptionArrowsSelected(this.activeOption);
-    }
-    _setNextHorizontalActiveElement(t) {
-      if (!this.activeOption)
-        return;
-      const e = Array.from(this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button") ?? [])?.filter((u) => !u.disabled && !u.hasAttribute("data-group-disabled"));
-      if (!e.length)
-        return;
-      const a = b(t, this._activeColumnIndex, e.length), r = e[a];
-      r instanceof d ? r.setActive(!0) : r.toggleAttribute("data-focus-visible", !0);
-      const i = e[this._activeColumnIndex];
-      i instanceof d ? i.setActive(!1) : i.toggleAttribute("data-focus-visible", !1), this.triggerElement?.setAttribute("aria-activedescendant", r.id), r.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = a;
-    }
-    resetActiveElement() {
-      this._activeColumnIndex !== 0 && this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button").forEach((t) => t.toggleAttribute("data-focus-visible", !1)), this.activeOption?.setActive(!1), this.activeOption = null, this._activeColumnIndex = 0, this.triggerElement?.removeAttribute("aria-activedescendant");
-    }
-    setTriggerAttributes(t) {
-      O(t, m ? this.id : this.overlayId, !1, "grid");
-    }
-  }, o = s, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    h(null, l = { value: o }, p, { kind: "class", name: o.name, metadata: t }, null, n), o = l.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), s.role = m ? "grid" : null, v(o, n), o;
-})();
-export {
-  k as SbbAutocompleteGridElement
-};