@sbb-esta/lyne-elements 3.8.0 → 3.9.0

package/core/base-elements/open-close-base-element.d.ts

@@ -21,6 +21,8 @@ export declare abstract class SbbOpenCloseBaseElement extends SbbOpenCloseBaseEl
     /** Closes the component. */
     abstract close(): void;
     connectedCallback(): void;
+    /** The method which is called on escape key press. Defaults to calling close() */
+    escapeStrategy(): void;
     protected dispatchBeforeOpenEvent(): boolean;
     protected dispatchOpenEvent(): boolean;
     protected dispatchBeforeCloseEvent(): boolean;

package/core/base-elements/open-close-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-close-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/open-close-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAG7D;;GAEG;AACH,8BAAsB,uBAAwB,SAAQ,4BAAoC;IACxF,gBAAuB,MAAM;;;;;MAKlB;IAEX,kCAAkC;IAClC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAE9C;IACD,SAAS,KAAK,KAAK,IAAI,oBAAoB,CAE1C;IAED,mCAAmC;IACnC,IAAW,MAAM,IAAI,OAAO,CAE3B;IAED,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAEb,iBAAiB,IAAI,IAAI;IAKzC,SAAS,CAAC,uBAAuB,IAAI,OAAO;IAK5C,SAAS,CAAC,iBAAiB,IAAI,OAAO;IAKtC,SAAS,CAAC,wBAAwB,IAAI,OAAO;IAK7C,SAAS,CAAC,kBAAkB,IAAI,OAAO;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,UAAU,EAAE,KAAK,CAAC;QAClB,WAAW,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}
+{"version":3,"file":"open-close-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/open-close-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAG7D;;GAEG;AACH,8BAAsB,uBAAwB,SAAQ,4BAAoC;IACxF,gBAAuB,MAAM;;;;;MAKlB;IAEX,kCAAkC;IAClC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAE9C;IACD,SAAS,KAAK,KAAK,IAAI,oBAAoB,CAE1C;IAED,mCAAmC;IACnC,IAAW,MAAM,IAAI,OAAO,CAE3B;IAED,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAEb,iBAAiB,IAAI,IAAI;IAKzC,kFAAkF;IAC3E,cAAc,IAAI,IAAI;IAI7B,SAAS,CAAC,uBAAuB,IAAI,OAAO;IAK5C,SAAS,CAAC,iBAAiB,IAAI,OAAO;IAKtC,SAAS,CAAC,wBAAwB,IAAI,OAAO;IAK7C,SAAS,CAAC,kBAAkB,IAAI,OAAO;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,UAAU,EAAE,KAAK,CAAC;QAClB,WAAW,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}

package/core/base-elements/open-close-base-element.js

@@ -15,6 +15,10 @@ const e = class e extends r(s) {
   connectedCallback() {
     super.connectedCallback(), this.state ||= "closed";
   }
+  /** The method which is called on escape key press. Defaults to calling close() */
+  escapeStrategy() {
+    this.close();
+  }
   dispatchBeforeOpenEvent() {
     return this.dispatchEvent(new Event("beforeopen", { cancelable: !0 }));
   }

package/core/controllers/escapable-overlay-controller.js

@@ -1,9 +1,9 @@
 import { isServer as i } from "lit";
 const o = new Array();
 i || window.addEventListener("keydown", (t) => {
-  t.key === "Escape" && !t.defaultPrevented && (t.preventDefault(), o.at(-1)?.close());
+  t.key === "Escape" && !t.defaultPrevented && (t.preventDefault(), o.at(-1)?.escapeStrategy());
 });
-class n {
+class c {
   constructor(e, s = o) {
     this._host = e, this._overlayStack = s, this._host.addController?.(this);
   }
@@ -23,5 +23,5 @@ class n {
   }
 }
 export {
-  n as SbbEscapableOverlayController
+  c as SbbEscapableOverlayController
 };

package/core/controllers/inert-controller.d.ts

@@ -4,7 +4,8 @@ export declare class SbbInertController implements ReactiveController {
     private _host;
     private _inertElements;
     private _inertOverlays;
-    constructor(_host: ReactiveControllerHost & SbbOpenCloseBaseElement, _inertElements?: Set<HTMLElement>, _inertOverlays?: Set<HTMLElement>);
+    private _exemptedElements;
+    constructor(_host: ReactiveControllerHost & SbbOpenCloseBaseElement, _inertElements?: Set<HTMLElement>, _inertOverlays?: Set<HTMLElement>, _exemptedElements?: Set<HTMLElement>);
     hostConnected(): void;
     hostDisconnected(): void;
     /** Applies inert state to every other element on the page except the overlay. */
@@ -13,8 +14,14 @@ export declare class SbbInertController implements ReactiveController {
     deactivate(): void;
     /** Whether the assigned host is currently inert */
     isInert(): boolean;
+    /** Temporarily removes all inert attributes from a given element. */
+    exempt(element: HTMLElement): void;
+    /** Inerts an element currently exempted from inert. */
+    restoreAllExempted(): void;
     private _currentOverlay;
+    private _removeAllInertAttributes;
     private _removeInertAttributes;
+    private _addAllInertAttributes;
     private _addInertAttributes;
 }
 //# sourceMappingURL=inert-controller.d.ts.map

package/core/controllers/inert-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inert-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/inert-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAMnE,qBAAa,kBAAmB,YAAW,kBAAkB;IAEzD,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,cAAc;gBAFd,KAAK,EAAE,sBAAsB,GAAG,uBAAuB,EACvD,cAAc,mBAAgB,EAC9B,cAAc,mBAAgB;IAKjC,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,iFAAiF;IAC1E,QAAQ,IAAI,IAAI;IAUvB,2BAA2B;IACpB,UAAU,IAAI,IAAI;IAyBzB,mDAAmD;IAC5C,OAAO,IAAI,OAAO;IAIzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;CA8B5B"}
+{"version":3,"file":"inert-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/inert-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAOnE,qBAAa,kBAAmB,YAAW,kBAAkB;IAEzD,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,iBAAiB;gBAHjB,KAAK,EAAE,sBAAsB,GAAG,uBAAuB,EACvD,cAAc,mBAAgB,EAC9B,cAAc,mBAAgB,EAC9B,iBAAiB,mBAAmB;IAKvC,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,iFAAiF;IAC1E,QAAQ,IAAI,IAAI;IAUvB,2BAA2B;IACpB,UAAU,IAAI,IAAI;IAyBzB,mDAAmD;IAC5C,OAAO,IAAI,OAAO;IAIzB,qEAAqE;IAC9D,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAQzC,uDAAuD;IAChD,kBAAkB,IAAI,IAAI;IAKjC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,mBAAmB;CAa5B"}

package/core/controllers/inert-controller.js

@@ -1,7 +1,7 @@
-const r = ["script", "head", "template", "style"], s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
-class h {
-  constructor(t, e = s, i = a) {
-    this._host = t, this._inertElements = e, this._inertOverlays = i, this._host.addController?.(this);
+const r = ["script", "head", "template", "style"], n = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set();
+class l {
+  constructor(t, e = n, s = h, i = a) {
+    this._host = t, this._inertElements = e, this._inertOverlays = s, this._exemptedElements = i, this._host.addController?.(this);
   }
   hostConnected() {
     this._host.isOpen && this.activate();
@@ -11,7 +11,7 @@ class h {
   }
   /** Applies inert state to every other element on the page except the overlay. */
   activate() {
-    this._inertOverlays.size && this._removeInertAttributes(), this._inertOverlays.add(this._host), this._addInertAttributes();
+    this._inertOverlays.size && this._removeAllInertAttributes(), this._inertOverlays.add(this._host), this._addAllInertAttributes();
   }
   /** Removes inert state. */
   deactivate() {
@@ -19,28 +19,40 @@ class h {
       this._inertOverlays.has(this._host) && this._inertOverlays.delete(this._host);
       return;
     }
-    this._removeInertAttributes(), this._inertOverlays.delete(this._host), this._inertOverlays.size && this._addInertAttributes();
+    this._removeAllInertAttributes(), this._inertOverlays.delete(this._host), this._inertOverlays.size && this._addAllInertAttributes();
   }
   /** Whether the assigned host is currently inert */
   isInert() {
     return this._inertOverlays.has(this._host);
   }
+  /** Temporarily removes all inert attributes from a given element. */
+  exempt(t) {
+    this._inertElements.has(t) && !this._exemptedElements.has(t) && (this._removeInertAttributes(t), this._inertElements.delete(t), this._exemptedElements.add(t));
+  }
+  /** Inerts an element currently exempted from inert. */
+  restoreAllExempted() {
+    this._exemptedElements.forEach((t) => this._addInertAttributes(t)), this._exemptedElements.clear();
+  }
   _currentOverlay() {
     return [...this._inertOverlays].pop() ?? null;
   }
-  _removeInertAttributes() {
-    this._inertElements.forEach((t) => {
-      t && (t.hasAttribute("data-sbb-inert") && (t.inert = !1, t.removeAttribute("data-sbb-inert")), t.hasAttribute("data-sbb-aria-hidden") && (t.removeAttribute("aria-hidden"), t.removeAttribute("data-sbb-aria-hidden")));
-    }), this._inertElements.clear();
+  _removeAllInertAttributes() {
+    this._inertElements.forEach((t) => this._removeInertAttributes(t)), this._inertElements.clear();
   }
-  _addInertAttributes() {
+  _removeInertAttributes(t) {
+    t && (t.hasAttribute("data-sbb-inert") && (t.inert = !1, t.removeAttribute("data-sbb-inert")), t.hasAttribute("data-sbb-aria-hidden") && (t.removeAttribute("aria-hidden"), t.removeAttribute("data-sbb-aria-hidden")));
+  }
+  _addAllInertAttributes() {
     let t = this._currentOverlay();
     for (; t !== document.documentElement && t !== null; )
       Array.from((t?.parentElement ?? t?.getRootNode())?.childNodes ?? []).filter((e) => e !== t && e instanceof window.HTMLElement && !r.includes(e.localName) && !e.classList.contains("sbb-live-announcer-element")).forEach((e) => {
-        this._inertElements.add(e), e.inert || (e.inert = !0, e.toggleAttribute("data-sbb-inert", !0)), e.hasAttribute("aria-hidden") || (e.setAttribute("aria-hidden", "true"), e.toggleAttribute("data-sbb-aria-hidden", !0));
+        this._addInertAttributes(e);
       }), t = t?.parentElement ?? t?.getRootNode()?.host ?? null;
   }
+  _addInertAttributes(t) {
+    this._inertElements.add(t), t.inert || (t.inert = !0, t.toggleAttribute("data-sbb-inert", !0)), t.hasAttribute("aria-hidden") || (t.setAttribute("aria-hidden", "true"), t.toggleAttribute("data-sbb-aria-hidden", !0));
+  }
 }
 export {
-  h as SbbInertController
+  l as SbbInertController
 };

package/core/overlay/position.d.ts

@@ -38,4 +38,24 @@ export declare function getElementPosition(element: HTMLElement, trigger: HTMLEl
     centered?: boolean;
     responsiveHeight?: boolean;
 }): SbbElementPositionInfos;
+/**
+ * Determines the position of an element relative to a trigger element by evaluating
+ * the optimal position based on the available space.
+ *
+ * @param element The element of which to calculate the position.
+ * @param trigger The element relative to which to calculate the position.
+ * @param container The element which has the position:fixed applied.
+ * @param properties Properties to take into account in calculations (optional).
+ * @param properties.verticalOffset The distance to be added between the element and the trigger (optional).
+ * @param properties.horizontalOffset The horizontal offset to be applied to the element (optional).
+ * @param properties.responsiveHeight Whether the element calculates its height based on its content (optional).
+ * @returns Returns an object containing the left position, the top position, the maximum height
+ * of the element and the current alignment object.
+ */
+export declare function getElementPositionHorizontal(element: HTMLElement, trigger: HTMLElement, container: HTMLElement, properties?: {
+    verticalOffset?: number;
+    horizontalOffset?: number;
+    responsiveHeight?: boolean;
+    contentSelector?: string;
+}): SbbElementPositionInfos;
 //# sourceMappingURL=position.d.ts.map

package/core/overlay/position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/overlay/position.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,WAAW,EACX,cAAc,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,YAAY,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAoCrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,KAAK,EAAE,UAAU,GAAG,YAAY,GAC/B,OAAO,CAYT;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,UAAU,CAAC,EAAE;IACX,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GACA,uBAAuB,CAqGzB"}
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/overlay/position.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,WAAW,EACX,cAAc,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,YAAY,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAoCrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,KAAK,EAAE,UAAU,GAAG,YAAY,GAC/B,OAAO,CAYT;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,UAAU,CAAC,EAAE;IACX,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GACA,uBAAuB,CAqGzB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,UAAU,CAAC,EAAE;IACX,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACA,uBAAuB,CAgEzB"}

package/core/overlay/position.js

@@ -1,6 +1,6 @@
-function b(t) {
-  const o = window.getComputedStyle(t), l = o.display, h = parseInt(o.maxHeight, 10).toString();
-  if (l !== "none" && h !== "0")
+function R(t) {
+  const o = window.getComputedStyle(t), c = o.display, h = parseInt(o.maxHeight, 10).toString();
+  if (c !== "none" && h !== "0")
     return {
       scrollHeight: t.scrollHeight,
       clientHeight: t.clientHeight,
@@ -10,31 +10,42 @@ function b(t) {
       offsetWidth: t.offsetWidth
     };
   t.style.position = "absolute", t.style.visibility = "hidden", t.style.display = "block";
-  const y = t.scrollHeight, e = t.clientHeight, g = t.offsetHeight, a = t.scrollWidth, n = t.clientWidth, i = t.offsetWidth;
-  return t.style.display = "", t.style.position = "", t.style.visibility = "", { scrollHeight: y, clientHeight: e, offsetHeight: g, scrollWidth: a, clientWidth: n, offsetWidth: i };
+  const v = t.scrollHeight, n = t.clientHeight, g = t.offsetHeight, r = t.scrollWidth, e = t.clientWidth, i = t.offsetWidth;
+  return t.style.display = "", t.style.position = "", t.style.visibility = "", { scrollHeight: v, clientHeight: n, offsetHeight: g, scrollWidth: r, clientWidth: e, offsetWidth: i };
 }
-function w(t, o) {
+function x(t, o) {
   if (!t || !o)
     return !1;
-  const l = t.getBoundingClientRect();
-  return l.top <= o.clientY && o.clientY <= l.top + l.height && l.left <= o.clientX && o.clientX <= l.left + l.width;
+  const c = t.getBoundingClientRect();
+  return c.top <= o.clientY && o.clientY <= c.top + c.height && c.left <= o.clientX && o.clientX <= c.left + c.width;
 }
-function x(t, o, l, h) {
-  const e = h?.verticalOffset || 0, g = h?.horizontalOffset || 0, a = h?.responsiveHeight || !1, n = o.getBoundingClientRect(), i = b(t), d = n.left, m = n.top, p = document.documentElement.clientWidth - (d + n.width), r = m - e, H = document.documentElement.clientHeight - (m + n.height + e);
-  let c = d, W = m + n.height + e, s = i.offsetWidth - n.width;
-  const f = { horizontal: "start", vertical: "below" };
-  let v = `${H - e}px`;
-  h?.centered && d - 16 + n.width / 2 > i.offsetWidth / 2 && p - 16 > s / 2 && (c -= s /= 2, f.horizontal = "center"), p < s && d > s && (c = c - s, f.horizontal = "end"), g && f.horizontal !== "center" && n.width / 2 < g && (c += g * (f.horizontal === "start" ? -1 : 1)), (d < s && p < s || document.documentElement.clientWidth < i.offsetWidth) && (c = document.documentElement.clientWidth / 2 - i.offsetWidth / 2), (H - e < i.scrollHeight && r - e > (a ? i.clientHeight : i.scrollHeight) || r > H && H - e < i.clientHeight && !a) && (W = r < i.scrollHeight ? W - n.height - r - e : m - i.clientHeight - e, v = `${r - e}px`, f.vertical = "above");
-  const u = l.getBoundingClientRect();
-  return u.left < 0 && (c -= u.left), u.top < 0 && (W -= u.top), {
-    top: W,
-    left: c,
-    maxHeight: v,
-    alignment: f
+function y(t, o, c, h) {
+  const n = h?.verticalOffset || 0, g = h?.horizontalOffset || 0, r = h?.responsiveHeight || !1, e = o.getBoundingClientRect(), i = R(t), f = e.left, H = e.top, W = document.documentElement.clientWidth - (f + e.width), d = H - n, u = document.documentElement.clientHeight - (H + e.height + n);
+  let s = f, m = H + e.height + n, l = i.offsetWidth - e.width;
+  const a = { horizontal: "start", vertical: "below" };
+  let O = `${u - n}px`;
+  h?.centered && f - 16 + e.width / 2 > i.offsetWidth / 2 && W - 16 > l / 2 && (s -= l /= 2, a.horizontal = "center"), W < l && f > l && (s = s - l, a.horizontal = "end"), g && a.horizontal !== "center" && e.width / 2 < g && (s += g * (a.horizontal === "start" ? -1 : 1)), (f < l && W < l || document.documentElement.clientWidth < i.offsetWidth) && (s = document.documentElement.clientWidth / 2 - i.offsetWidth / 2), (u - n < i.scrollHeight && d - n > (r ? i.clientHeight : i.scrollHeight) || d > u && u - n < i.clientHeight && !r) && (m = d < i.scrollHeight ? m - e.height - d - n : H - i.clientHeight - n, O = `${d - n}px`, a.vertical = "above");
+  const p = c.getBoundingClientRect();
+  return p.left < 0 && (s -= p.left), p.top < 0 && (m -= p.top), {
+    top: m,
+    left: s,
+    maxHeight: O,
+    alignment: a
+  };
+}
+function b(t, o, c, h) {
+  const n = h?.verticalOffset || 0, g = h?.horizontalOffset || 0, r = o.getBoundingClientRect(), e = R(t), i = o.parentElement.shadowRoot.querySelector(h?.contentSelector ?? `.${t.className}`).getBoundingClientRect(), f = c.getBoundingClientRect(), H = document.documentElement.clientWidth - i.right, W = document.documentElement.clientHeight - (r.top - n), d = document.documentElement.clientHeight, u = `${d - 32}px`, s = { horizontal: "end", vertical: "above" }, m = e.offsetWidth + g;
+  let l = i.right, a = r.top + n;
+  return H < m && r.left > m && (l = l - i.width - e.offsetWidth, s.horizontal = "start"), g && s.horizontal !== "center" && (l += g * (s.horizontal === "start" ? -1 : 1)), W < e.scrollHeight && (a = d - e.clientHeight - 16), f.left < 0 && (l -= f.left), f.top < 0 && (a -= f.top), {
+    top: a,
+    left: l,
+    maxHeight: u,
+    alignment: s
   };
 }
 export {
-  x as getElementPosition,
-  b as getElementRectangle,
-  w as isEventOnElement
+  y as getElementPosition,
+  b as getElementPositionHorizontal,
+  R as getElementRectangle,
+  x as isEventOnElement
 };

package/core/overlay.js

@@ -1,18 +1,19 @@
 import { overlayGapFixCorners as r } from "./overlay/overlay.js";
 import { setOverlayPosition as i } from "./overlay/overlay-option-panel.js";
-import { SbbOverlayOutsidePointerEventListener as n, sbbOverlayOutsidePointerEventListener as a } from "./overlay/overlay-outside-pointer-event-listener.js";
-import { removeAriaComboBoxAttributes as v, removeAriaOverlayTriggerAttributes as b, setAriaComboBoxAttributes as l, setAriaOverlayTriggerAttributes as x } from "./overlay/overlay-trigger-attributes.js";
-import { getElementPosition as O, getElementRectangle as g, isEventOnElement as p } from "./overlay/position.js";
+import { SbbOverlayOutsidePointerEventListener as s, sbbOverlayOutsidePointerEventListener as a } from "./overlay/overlay-outside-pointer-event-listener.js";
+import { removeAriaComboBoxAttributes as l, removeAriaOverlayTriggerAttributes as v, setAriaComboBoxAttributes as b, setAriaOverlayTriggerAttributes as g } from "./overlay/overlay-trigger-attributes.js";
+import { getElementPosition as A, getElementPositionHorizontal as O, getElementRectangle as E, isEventOnElement as p } from "./overlay/position.js";
 export {
-  n as SbbOverlayOutsidePointerEventListener,
-  O as getElementPosition,
-  g as getElementRectangle,
+  s as SbbOverlayOutsidePointerEventListener,
+  A as getElementPosition,
+  O as getElementPositionHorizontal,
+  E as getElementRectangle,
   p as isEventOnElement,
   r as overlayGapFixCorners,
-  v as removeAriaComboBoxAttributes,
-  b as removeAriaOverlayTriggerAttributes,
+  l as removeAriaComboBoxAttributes,
+  v as removeAriaOverlayTriggerAttributes,
   a as sbbOverlayOutsidePointerEventListener,
-  l as setAriaComboBoxAttributes,
-  x as setAriaOverlayTriggerAttributes,
+  b as setAriaComboBoxAttributes,
+  g as setAriaOverlayTriggerAttributes,
   i as setOverlayPosition
 };

package/core/styles/core.scss

@@ -647,3 +647,10 @@ sbb-status:has(sbb-title) {
   inset: 0;
   pointer-events: none;
 }
+
+// Sets ellipsis on all sbb-option child elements
+.sbb-options-nowrap {
+  --sbb-option-text-overflow: ellipsis;
+  --sbb-option-overflow: hidden;
+  --sbb-option-white-space: nowrap;
+}

package/core.css

@@ -1907,4 +1907,10 @@ sbb-status:has(sbb-title) {
   position: fixed;
   inset: 0;
   pointer-events: none;
+}
+
+.sbb-options-nowrap {
+  --sbb-option-text-overflow: ellipsis;
+  --sbb-option-overflow: hidden;
+  --sbb-option-white-space: nowrap;
 }