@sbb-esta/lyne-elements-experimental 4.0.0-next.3 → 4.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AASrF,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;IA+B1D,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"}
+{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAUrF,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;IA+B1D,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,24 +1,25 @@
-import { __esDecorate as h, __runInitializers as v } from "tslib";
+import { __esDecorate as v, __runInitializers as f } from "tslib";
 import { SbbAutocompleteBaseElement as g } from "@sbb-esta/lyne-elements/autocomplete.js";
-import { getNextElementIndex as u } from "@sbb-esta/lyne-elements/core/a11y.js";
-import { isSafari as f } from "@sbb-esta/lyne-elements/core/dom.js";
-import { setAriaComboBoxAttributes as A } from "@sbb-esta/lyne-elements/core/overlay.js";
-import { customElement as O } from "lit/decorators.js";
-import { SbbAutocompleteGridOptionElement as b } from "../autocomplete-grid-option.js";
-let x = 0;
-const m = f;
-let k = (() => {
+import { getNextElementIndex as b } from "@sbb-esta/lyne-elements/core/a11y.js";
+import { isSafari as A } from "@sbb-esta/lyne-elements/core/dom.js";
+import { ɵstateController as a } from "@sbb-esta/lyne-elements/core/mixins.js";
+import { setAriaComboBoxAttributes as O } from "@sbb-esta/lyne-elements/core/overlay.js";
+import { customElement as x } from "lit/decorators.js";
+import { SbbAutocompleteGridOptionElement as d } from "../autocomplete-grid-option.js";
+let y = 0;
+const m = A;
+let N = (() => {
   var o;
-  let d = [O("sbb-autocomplete-grid")], l, n = [], i, c = g;
-  return o = class extends c {
+  let p = [x("sbb-autocomplete-grid")], n, c = [], i, u = g;
+  return o = class extends u {
     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));
+      super(), this.overlayId = `sbb-autocomplete-grid-${++y}`, 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));
+      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) => a(t).toggle("negative", this.negative));
     }
     openedPanelKeyboardInteraction(t) {
       if (this.state === "opened")
@@ -53,36 +54,36 @@ let k = (() => {
       ]?.click() : this.activeOption?.selectViaUserInteraction(!0);
     }
     setNextActiveOption(t) {
-      const e = this.options.filter((r) => !r.matches(":state(disabled)"));
-      if (this.activeOption?.setActive(!1), this.triggerElement?.removeAttribute("aria-activedescendant"), Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row [data-focus-visible]") ?? []).forEach((r) => r.removeAttribute("data-focus-visible")), this._activeColumnIndex = 0, !e.length) {
+      const e = this.options.filter((r) => !r.matches(":is(:state(disabled),[state--disabled])"));
+      if (this.activeOption?.setActive(!1), this.triggerElement?.removeAttribute("aria-activedescendant"), Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row :is(:state(focus-visible),[state--focus-visible])") ?? []).forEach((r) => a(r).delete("focus-visible")), this._activeColumnIndex = 0, !e.length) {
         this.activeOption = null;
         return;
       }
-      const a = this.activeOption ? e.indexOf(this.activeOption) : -1, s = u(t, a, e.length);
+      const l = this.activeOption ? e.indexOf(this.activeOption) : -1, s = b(t, l, e.length);
       this.activeOption = e[s], 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((p) => !p.matches(":state(disabled)"));
+      const e = Array.from(this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button") ?? [])?.filter((h) => !h.matches(":is(:state(disabled),[state--disabled])"));
       if (!e.length)
         return;
-      const a = u(t, this._activeColumnIndex, e.length), s = e[a];
-      s instanceof b ? s.setActive(!0) : s.toggleAttribute("data-focus-visible", !0);
+      const l = b(t, this._activeColumnIndex, e.length), s = e[l];
+      s instanceof d ? s.setActive(!0) : a(s).add("focus-visible");
       const r = e[this._activeColumnIndex];
-      r instanceof b ? r.setActive(!1) : r.toggleAttribute("data-focus-visible", !1), this.triggerElement?.setAttribute("aria-activedescendant", s.id), s.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = a;
+      r instanceof d ? r.setActive(!1) : a(r).delete("focus-visible"), this.triggerElement?.setAttribute("aria-activedescendant", s.id), s.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = l;
     }
     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");
+      this._activeColumnIndex !== 0 && this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button").forEach((t) => a(t).delete("focus-visible")), this.activeOption?.setActive(!1), this.activeOption = null, this._activeColumnIndex = 0, this.triggerElement?.removeAttribute("aria-activedescendant");
     }
     setTriggerAttributes(t) {
-      A(t, m ? this.id : this.overlayId, !1, "grid");
+      O(t, m ? this.id : this.overlayId, !1, "grid");
     }
   }, i = o, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    h(null, l = { value: i }, d, { kind: "class", name: i.name, metadata: t }, null, n), i = l.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), o.role = m ? "grid" : null, v(i, n), i;
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    v(null, n = { value: i }, p, { kind: "class", name: i.name, metadata: t }, null, c), i = n.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), o.role = m ? "grid" : null, f(i, c), i;
 })();
 export {
-  k as SbbAutocompleteGridElement
+  N as SbbAutocompleteGridElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAOrF,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9F,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;;AAIvF;;;;GAIG;AACH,qBAMM,gCAAiC,SAAQ,qCAE9C;IACC,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAsC;IAEnF,+EAA+E;IAC/E,IAAW,MAAM,IAAI,gCAAgC,GAAG,IAAI,CAK3D;IAED,IAAW,QAAQ,IAAI,kCAAkC,GAAG,IAAI,CAE/D;;cAmBkB,oBAAoB,IAAI,OAAO;cAI/B,cAAc,IAAI,cAAc;IAInC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO5E,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,kBAAkB,CAIxB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
+{"version":3,"file":"autocomplete-grid-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAOrF,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9F,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;;AAIvF;;;;GAIG;AACH,qBAKM,gCAAiC,SAAQ,qCAE9C;IACC,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAsC;IAEnF,+EAA+E;IAC/E,IAAW,MAAM,IAAI,gCAAgC,GAAG,IAAI,CAK3D;IAED,IAAW,QAAQ,IAAI,kCAAkC,GAAG,IAAI,CAE/D;;cAoBkB,oBAAoB,IAAI,OAAO;cAI/B,cAAc,IAAI,cAAc;IAInC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO5E,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,kBAAkB,CAIxB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

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

@@ -1,7 +1,7 @@
 import { __esDecorate as o, __runInitializers as n } from "tslib";
-import { miniButtonStyle as u } from "@sbb-esta/lyne-elements/button/common.js";
-import { SbbActionBaseElement as d } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbAncestorWatcherController as b } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { miniButtonStyle as d } from "@sbb-esta/lyne-elements/button/common.js";
+import { SbbActionBaseElement as u } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { SbbPropertyWatcherController as b } from "@sbb-esta/lyne-elements/core/controllers.js";
 import { hostAttributes as c } from "@sbb-esta/lyne-elements/core/decorators.js";
 import { isEventPrevented as m } from "@sbb-esta/lyne-elements/core/eventing.js";
 import { SbbDisabledMixin as p, SbbNegativeMixin as h } from "@sbb-esta/lyne-elements/core/mixins.js";
@@ -12,9 +12,8 @@ import { customElement as _ } from "lit/decorators.js";
 let y = 0, M = (() => {
   var t;
   let l = [_("sbb-autocomplete-grid-button"), c({
-    tabindex: null,
-    "data-button": ""
-  })], i, r = [], s, a = p(h(S(d)));
+    tabindex: null
+  })], i, r = [], s, a = p(h(S(u)));
   return t = class extends a {
     /** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
     get option() {
@@ -26,7 +25,7 @@ let y = 0, M = (() => {
     constructor() {
       super(), this._handleButtonClick = async (e) => {
         await m(e) || this.closest("form");
-      }, g || (this.setupBaseEventHandlers(), this.addEventListener("click", this._handleButtonClick), this.addController(new b(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
+      }, this.internals.states.add("button"), g || (this.setupBaseEventHandlers(), this.addEventListener("click", this._handleButtonClick), this.addController(new b(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
         disabled: () => this._updateInternals()
       })));
     }
@@ -48,7 +47,7 @@ let y = 0, M = (() => {
   }, s = t, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
     o(null, i = { value: s }, l, { kind: "class", name: s.name, metadata: e }, null, r), s = i.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), t.role = "button", t.styles = [f, u], n(s, r), s;
+  })(), t.role = "button", t.styles = [f, d], n(s, r), s;
 })();
 export {
   M as SbbAutocompleteGridButtonElement

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

@@ -8,8 +8,8 @@ import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.ts
  */
 export declare class SbbAutocompleteGridOptgroupElement extends SbbOptgroupBaseElement {
     protected get options(): SbbAutocompleteGridOptionElement[];
+    constructor();
     protected getAutocompleteParent(): SbbAutocompleteBaseElement | null;
-    protected setAttributeFromParent(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-optgroup.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAGpF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAEvF;;;;GAIG;AACH,qBAEM,kCAAmC,SAAQ,sBAAsB;IACrE,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAI1D;IAED,SAAS,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;IAIpE,SAAS,CAAC,sBAAsB,IAAI,IAAI;CAIzC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,kCAAkC,CAAC;KACtE;CACF"}
+{"version":3,"file":"autocomplete-grid-optgroup.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAE1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAGpF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAEvF;;;;GAIG;AACH,qBAEM,kCAAmC,SAAQ,sBAAsB;IACrE,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAI1D;;IAiBD,SAAS,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;CAGrE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,kCAAkC,CAAC;KACtE;CACF"}

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

@@ -1,24 +1,29 @@
-import { __esDecorate as i, __runInitializers as m } from "tslib";
-import { SbbOptgroupBaseElement as n } from "@sbb-esta/lyne-elements/option/optgroup.js";
-import { customElement as u } from "lit/decorators.js";
-let d = (() => {
+import { __esDecorate as i, __runInitializers as n } from "tslib";
+import { SbbPropertyWatcherController as u } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { SbbOptgroupBaseElement as c } from "@sbb-esta/lyne-elements/option/optgroup.js";
+import { customElement as m } from "lit/decorators.js";
+let f = (() => {
   var e;
-  let s = [u("sbb-autocomplete-grid-optgroup")], r, l = [], t, o = n;
-  return e = class extends o {
+  let s = [m("sbb-autocomplete-grid-optgroup")], o, a = [], t, l = c;
+  return e = class extends l {
     get options() {
       return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
     }
+    constructor() {
+      super(), this.addController(new u(this, () => this.closest("sbb-autocomplete-grid"), {
+        negative: (r) => {
+          this.toggleState("negative", r.negative), this.requestUpdate();
+        }
+      }));
+    }
     getAutocompleteParent() {
       return this.closest?.("sbb-autocomplete-grid") || null;
     }
-    setAttributeFromParent() {
-      this.negative = !!this.closest(":is(sbb-autocomplete-grid, sbb-form-field)[negative]"), this.toggleAttribute("data-negative", this.negative);
-    }
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    i(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, l);
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    i(null, o = { value: t }, s, { kind: "class", name: t.name, metadata: r }, null, a), t = o.value, r && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r }), n(t, a);
   })(), t;
 })();
 export {
-  d as SbbAutocompleteGridOptgroupElement
+  f as SbbAutocompleteGridOptgroupElement
 };

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

@@ -16,7 +16,6 @@ export declare class SbbAutocompleteGridOptionElement<T = string> extends SbbOpt
     protected optionId: string;
     constructor();
     protected willUpdate(changedProperties: PropertyValues<this>): void;
-    protected setAttributeFromParent(): void;
     protected selectByClick(event: MouseEvent): void;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,eAAO,MAAM,wBAAwB,EAAE,MAAuC,CAAC;AAE/E;;;;;;;;GAQG;AACH,qBAEM,gCAAgC,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAChF,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,SAAS,CAAC,QAAQ,SAA4B;;cAkB3B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAQjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
+{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,eAAO,MAAM,wBAAwB,EAAE,MAAuC,CAAC;AAE/E;;;;;;;;GAQG;AACH,qBAEM,gCAAgC,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAChF,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,SAAS,CAAC,QAAQ,SAA4B;;cAyB3B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAQjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

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

@@ -1,28 +1,27 @@
-import { __esDecorate as l, __runInitializers as r } from "tslib";
-import { SbbAncestorWatcherController as n } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { boxSizingStyles as d } from "@sbb-esta/lyne-elements/core/styles.js";
-import { SbbOptionBaseElement as c } from "@sbb-esta/lyne-elements/option.js";
-import { customElement as p } from "lit/decorators.js";
-import { css as u } from "lit";
-const h = u`:host{--sbb-option-color: var(--sbb-color-3);--sbb-option-column-gap: var(--sbb-spacing-responsive-xxxs);--sbb-option-icon-color: var(--sbb-color-metal);--sbb-option-icon-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-option-border-radius: var(--sbb-border-radius-4x);--sbb-option-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-option-min-height: var(--sbb-size-element-s);--sbb-option-focus-outline-color: transparent;--sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);display:block}:host([data-negative]){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5)}:host(:not([data-disable-highlight])) .sbb-option__label slot{display:none}:host([data-active]){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}.sbb-option{--sbb-text-font-size: var(--sbb-text-font-size-s);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);position:relative;display:flex;align-items:center;column-gap:var(--sbb-option-column-gap);justify-content:start;min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}.sbb-option:after{content:"";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:Highlight}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}`, m = "sbb-autocomplete-grid-option";
-let w = (() => {
+import { __esDecorate as n, __runInitializers as c } from "tslib";
+import { SbbPropertyWatcherController as l } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { ɵstateController as b } from "@sbb-esta/lyne-elements/core/mixins.js";
+import { boxSizingStyles as p } from "@sbb-esta/lyne-elements/core/styles.js";
+import { SbbOptionBaseElement as d } from "@sbb-esta/lyne-elements/option.js";
+import { customElement as h } from "lit/decorators.js";
+import { css as m } from "lit";
+const u = m`:host{--sbb-option-color: var(--sbb-color-3);--sbb-option-column-gap: var(--sbb-spacing-responsive-xxxs);--sbb-option-icon-color: var(--sbb-color-metal);--sbb-option-icon-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-option-border-radius: var(--sbb-border-radius-4x);--sbb-option-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-option-min-height: var(--sbb-size-element-s);--sbb-option-focus-outline-color: transparent;--sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);display:block}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}.sbb-option{--sbb-text-font-size: var(--sbb-text-font-size-s);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);position:relative;display:flex;align-items:center;column-gap:var(--sbb-option-column-gap);justify-content:start;min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}.sbb-option:after{content:"";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:Highlight}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}`, g = "sbb-autocomplete-grid-option";
+let z = (() => {
   var o;
-  let b = [p("sbb-autocomplete-grid-option")], e, s = [], i, a = c;
+  let r = [h("sbb-autocomplete-grid-option")], e, s = [], i, a = d;
   return o = class extends a {
     constructor() {
-      super(), this.optionId = m, this.addController(new n(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
+      super(), this.optionId = g, this.addController(new l(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
         disabled: (t) => {
-          this.disabledFromGroup = t.disabled, this.closest?.("sbb-autocomplete-grid-row")?.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup);
+          this.disabledFromGroup = t.disabled, b(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
         },
         label: (t) => this.groupLabel = t.label
+      })), this.addController(new l(this, () => this.closest("sbb-autocomplete-grid"), {
+        negative: (t) => this.toggleState("negative", t.negative)
       }));
     }
     willUpdate(t) {
-      super.willUpdate(t), t.has("disabled") && (this.closest?.("sbb-autocomplete-grid-row")?.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
-    }
-    setAttributeFromParent() {
-      const t = this.closest("sbb-autocomplete-grid-optgroup");
-      t && (this.disabledFromGroup = t.disabled, this.updateAriaDisabled()), this.closest("sbb-autocomplete-grid-row")?.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup), this.negative = !!this.closest(":is(sbb-autocomplete-grid[negative],sbb-form-field[negative])"), this.toggleAttribute("data-negative", this.negative);
+      super.willUpdate(t), t.has("disabled") && (b(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
     }
     selectByClick(t) {
       if (this.disabled || this.disabledFromGroup) {
@@ -33,10 +32,10 @@ let w = (() => {
     }
   }, i = o, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    l(null, e = { value: i }, b, { kind: "class", name: i.name, metadata: t }, null, s), i = e.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), o.role = "gridcell", o.styles = [d, h], r(i, s), i;
+    n(null, e = { value: i }, r, { kind: "class", name: i.name, metadata: t }, null, s), i = e.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), o.role = "gridcell", o.styles = [p, u], c(i, s), i;
 })();
 export {
-  w as SbbAutocompleteGridOptionElement,
-  m as autocompleteGridOptionId
+  z as SbbAutocompleteGridOptionElement,
+  g as autocompleteGridOptionId
 };

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

@@ -1,27 +1,27 @@
-import { __esDecorate as s, __runInitializers as c } from "tslib";
-import { SbbElementInternalsMixin as i } from "@sbb-esta/lyne-elements/core/mixins.js";
+import { __esDecorate as l, __runInitializers as i } from "tslib";
+import { SbbElementInternalsMixin as c } from "@sbb-esta/lyne-elements/core/mixins.js";
 import { boxSizingStyles as d } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as n, LitElement as u, html as m } from "lit";
-import { customElement as g } from "lit/decorators.js";
-const p = n`:host{--sbb-autocomplete-grid-row-color: var(--sbb-color-3);--sbb-autocomplete-grid-row-background-color: inherit;--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-color-graphite);--sbb-autocomplete-grid-row-disabled-border-color: light-dark( var(--sbb-color-graphite), var(--sbb-color-smoke) );--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3);--sbb-autocomplete-grid-row-padding-inline-end: var(--sbb-spacing-responsive-xxxs);--sbb-autocomplete-grid-row-justify-content: space-between;--sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-pointer);display:block}:host([data-negative]){--sbb-autocomplete-grid-row-color: var(--sbb-color-3-negative);--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3-negative);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-border-color-5);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media(any-hover:hover){:host(:hover:not([data-disabled])){--sbb-autocomplete-grid-row-background-color: var( --sbb-autocomplete-grid-row-background-color-hover )}}:host([data-disabled]){--sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host([data-disabled]){--sbb-autocomplete-grid-row-color: GrayText}}::slotted(sbb-autocomplete-grid-option){flex:1 1 auto;margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));overflow-x:hidden}.sbb-autocomplete-grid-row{display:flex;align-items:center;padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color)}:host([data-disabled]) .sbb-autocomplete-grid-row{position:relative;z-index:0}:host([data-disabled]) .sbb-autocomplete-grid-row:before{content:"";display:block;position:absolute;inset:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1}@media(forced-colors:active){:host([data-disabled]) .sbb-autocomplete-grid-row:before{border-color:GrayText}}`;
+import { css as n, LitElement as u, html as g } from "lit";
+import { customElement as m } from "lit/decorators.js";
+const p = n`:host{--sbb-autocomplete-grid-row-color: var(--sbb-color-3);--sbb-autocomplete-grid-row-background-color: inherit;--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-color-graphite);--sbb-autocomplete-grid-row-disabled-border-color: light-dark( var(--sbb-color-graphite), var(--sbb-color-smoke) );--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3);--sbb-autocomplete-grid-row-padding-inline-end: var(--sbb-spacing-responsive-xxxs);--sbb-autocomplete-grid-row-justify-content: space-between;--sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-pointer);display:block}:host(:is(:state(negative),[state--negative])){--sbb-autocomplete-grid-row-color: var(--sbb-color-3-negative);--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3-negative);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-border-color-5);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media(any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-autocomplete-grid-row-background-color: var( --sbb-autocomplete-grid-row-background-color-hover )}}:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-color: GrayText}}::slotted(sbb-autocomplete-grid-option){flex:1 1 auto;margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));overflow-x:hidden}.sbb-autocomplete-grid-row{display:flex;align-items:center;padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color)}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{position:relative;z-index:0}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:"";display:block;position:absolute;inset:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:GrayText}}`;
 let v = 0, y = (() => {
   var o;
-  let l = [g("sbb-autocomplete-grid-row")], t, a = [], r, b = i(u);
-  return o = class extends b {
+  let b = [m("sbb-autocomplete-grid-row")], t, a = [], e, s = c(u);
+  return o = class extends s {
     connectedCallback() {
       super.connectedCallback(), this.id ||= `sbb-autocomplete-grid-row-${++v}`;
     }
     render() {
-      return m`
+      return g`
       <span class="sbb-autocomplete-grid-row">
         <slot></slot>
       </span>
     `;
     }
-  }, r = o, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    s(null, t = { value: r }, l, { kind: "class", name: r.name, metadata: e }, null, a), r = t.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.role = "row", o.styles = [d, p], c(r, a), r;
+  }, e = o, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    l(null, t = { value: e }, b, { kind: "class", name: e.name, metadata: r }, null, a), e = t.value, r && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), o.role = "row", o.styles = [d, p], i(e, a), e;
 })();
 export {
   y as SbbAutocompleteGridRowElement

package/core/timetable/access-leg-helper.d.ts

@@ -6,15 +6,15 @@ interface IAccessAttribute {
     icon: string;
 }
 /**
- * @param legs: An array of Leg objects representing the journey legs.
- * @param departureWalk: The walking distance in minutes from the departure point to the first leg.
- * @param arrivalWalk: The walking distance in minutes from the last leg to the arrival point.
- * @param currentLanguage: The current language for localization.
- * @param a11yFootpath: Whether the a11y-icon should be shown.
  * @returns renderDepartureTimeAttribute: A function that renders the element for the departure time attribute.
  * @returns renderArrivalTimeAttribute: A function that renders the element for the arrival time attribute.
  * @returns arrivalTimeAttribute: The access attribute for the arrival time.
  * @returns departureTimeAttribute: The access attribute for the departure time.
+ * @param legs An array of Leg objects representing the journey legs.
+ * @param departureWalk The walking distance in minutes from the departure point to the first leg.
+ * @param arrivalWalk The walking distance in minutes from the last leg to the arrival point.
+ * @param currentLanguage The current language for localization.
+ * @param a11yFootpath Whether the a11y-icon should be shown.
  */
 export declare function getDepartureArrivalTimeAttribute(legs: Leg[], departureWalk: number, arrivalWalk: number, currentLanguage: string, a11yFootpath?: boolean): {
     renderDepartureTimeAttribute: () => TemplateResult;