@sbb-esta/lyne-elements-experimental 4.0.2 → 4.0.4

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

@@ -7,6 +7,8 @@ import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.ts
  * @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`.
+ * @cssprop [--sbb-options-panel-max-height] - Maximum height of the options panel.
+ * If the calculated remaining space is smaller, the value gets ignored.
  */
 export declare class SbbAutocompleteGridElement<T = string> extends SbbAutocompleteBaseElement<T> {
     static readonly role: string | null;

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;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"}
+{"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;;;;;;;;;GASG;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;IAqBpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAmBtD,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,13 +1,13 @@
 import { __esDecorate as v, __runInitializers as f } from "tslib";
 import { SbbAutocompleteBaseElement as g } from "@sbb-esta/lyne-elements/autocomplete.js";
-import { getNextElementIndex as b } from "@sbb-esta/lyne-elements/core/a11y.js";
+import { getNextElementIndex as d } 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";
+import { SbbAutocompleteGridOptionElement as m } from "../autocomplete-grid-option.js";
 let y = 0;
-const m = A;
+const b = A;
 let N = (() => {
   var o;
   let p = [x("sbb-autocomplete-grid")], n, c = [], i, u = g;
@@ -22,11 +22,8 @@ let N = (() => {
       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")
+      if (this.isOpen)
         switch (t.key) {
-          case "Tab":
-            this.close();
-            break;
           case "Enter":
             this.selectByKeyboard(t);
             break;
@@ -48,10 +45,10 @@ let N = (() => {
      * would always return a `SbbAutocompleteGridButtonElement`.
      */
     selectByKeyboard(t) {
-      t.preventDefault(), this._activeColumnIndex !== 0 ? this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button")[
+      this.activeOption && (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);
+      ]?.click() : this.activeOption.selectViaUserInteraction(!0));
     }
     setNextActiveOption(t) {
       const e = this.options.filter((r) => !r.matches(":is(:state(disabled),[state--disabled])"));
@@ -59,7 +56,7 @@ let N = (() => {
         this.activeOption = null;
         return;
       }
-      const l = this.activeOption ? e.indexOf(this.activeOption) : -1, s = b(t, l, e.length);
+      const l = this.activeOption ? e.indexOf(this.activeOption) : -1, s = d(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) {
@@ -68,21 +65,21 @@ let N = (() => {
       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 l = b(t, this._activeColumnIndex, e.length), s = e[l];
-      s instanceof d ? s.setActive(!0) : a(s).add("focus-visible");
+      const l = d(t, this._activeColumnIndex, e.length), s = e[l];
+      s instanceof m ? s.setActive(!0) : a(s).add("focus-visible");
       const r = e[this._activeColumnIndex];
-      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;
+      r instanceof m ? 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) => a(t).delete("focus-visible")), 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(t, b ? this.id : this.overlayId, !1, "grid");
     }
   }, i = o, (() => {
     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;
+  })(), o.role = b ? "grid" : null, f(i, c), i;
 })();
 export {
   N as SbbAutocompleteGridElement

package/core/datetime/date-helper.js

@@ -1,7 +1,7 @@
 import { i18nDurationDay as N, i18nDurationHour as h, i18nDurationMinute as T } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { t as d, c as g, b as m, m as w } from "../../toDate-BCXKL_wM.js";
-import { n as I, d as y, i as U } from "../../isValid-Ceq2O0NQ.js";
-import { g as C, a as Y, d as F } from "../../differenceInMinutes-CP_C5onR.js";
+import { t as d, c as g, b as m, m as w } from "../../toDate-Bw2KTWeq.js";
+import { n as I, d as y, i as U } from "../../isValid-m3_OsPaB.js";
+import { g as C, a as Y, d as F } from "../../differenceInMinutes-COvvdYsJ.js";
 function x(e, t, n) {
   const i = d(e, n?.in);
   return isNaN(t) ? g(e, NaN) : (t && i.setDate(i.getDate() + t), i);