@sbb-esta/lyne-elements-dev 4.7.0-dev.1773333589 → 4.7.0-dev.1773388991

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

@@ -1,224 +1,217 @@
-import { isServer as k } from "lit";
-const m = !k && CSS.supports("anchor-name", "--test"), C = [
-  "block-start",
-  "block-end",
-  "inline-start",
-  "inline-end",
-  "block-start span-inline-start",
-  "block-start span-inline-end",
-  "block-end span-inline-start",
-  "block-end span-inline-end",
-  "inline-start span-block-start",
-  "inline-start span-block-end",
-  "inline-end span-block-start",
-  "inline-end span-block-end"
-], S = {
-  "block-start": "block-start",
-  "block-end": "block-end",
-  "inline-start": "inline-end",
-  "inline-end": "inline-start",
-  "block-start span-inline-start": "block-start span-inline-end",
-  "block-start span-inline-end": "block-start span-inline-start",
-  "block-end span-inline-start": "block-end span-inline-end",
-  "block-end span-inline-end": "block-end span-inline-start",
-  "inline-start span-block-start": "inline-end span-block-start",
-  "inline-start span-block-end": "inline-end span-block-end",
-  "inline-end span-block-start": "inline-start span-block-start",
-  "inline-end span-block-end": "inline-start span-block-end"
+import { isServer as e } from "lit";
+//#region src/elements/core/controllers/overlay-position-controller.ts
+var t = !e && CSS.supports("anchor-name", "--test"), n = [
+	"top",
+	"bottom",
+	"left",
+	"right",
+	"top span-left",
+	"top span-right",
+	"bottom span-left",
+	"bottom span-right",
+	"left span-top",
+	"left span-bottom",
+	"right span-top",
+	"right span-bottom"
+], r = [
+	"block-start",
+	"block-end",
+	"inline-start",
+	"inline-end",
+	"block-start span-inline-start",
+	"block-start span-inline-end",
+	"block-end span-inline-start",
+	"block-end span-inline-end",
+	"inline-start span-block-start",
+	"inline-start span-block-end",
+	"inline-end span-block-start",
+	"inline-end span-block-end"
+], i = {
+	"block-start": "block-start",
+	"block-end": "block-end",
+	"inline-start": "inline-end",
+	"inline-end": "inline-start",
+	"block-start span-inline-start": "block-start span-inline-end",
+	"block-start span-inline-end": "block-start span-inline-start",
+	"block-end span-inline-start": "block-end span-inline-end",
+	"block-end span-inline-end": "block-end span-inline-start",
+	"inline-start span-block-start": "inline-end span-block-start",
+	"inline-start span-block-end": "inline-end span-block-end",
+	"inline-end span-block-start": "inline-start span-block-start",
+	"inline-end span-block-end": "inline-start span-block-end"
 };
-let O = 0;
-class W {
-  /** Get the current position. (e.g. block-end, block-start, etc.) */
-  get currentPosition() {
-    return this._usePolyfill ? this._lastPosition ?? this._positions[0] ?? "" : (this._overlayStyles ??= getComputedStyle(this._overlay), this._overlayStyles.getPropertyValue("position-area"));
-  }
-  constructor(e, t = !m) {
-    this._usePolyfill = t, this._resizeObserver = k ? null : new ResizeObserver(() => this._requestCalculatePosition()), this._anchorName = `--sbb-overlay-anchor-${++O}`, this._positions = [], e.addController(this), this._overlay = e;
-  }
-  hostConnected() {
-    this._usePolyfill ? this._overlay.style.setProperty("position-area", "initial") : this._overlay.style.setProperty("position-anchor", this._anchorName);
-  }
-  hostUpdate() {
-    k || this._readPositionsFromCss();
-  }
-  /**
-   * Connects the overlay to the given trigger element and determines the optimal position.
-   * Usually, this is called when the overlay is opened.
-   * @param anchor The anchor element.
-   */
-  connect(e) {
-    k || (this._anchor && this.disconnect(), this._anchor = e, this._usePolyfill || this._anchor.style.setProperty("anchor-name", this._anchorName), this._readPositionsFromCss(), this._calculatePosition(), this._abortController?.abort(), this._abortController = new AbortController(), document.addEventListener("scroll", () => this._requestCalculatePosition(), {
-      capture: !0,
-      passive: !0,
-      signal: this._abortController.signal
-    }), window.addEventListener("resize", () => this._requestCalculatePosition(), {
-      passive: !0,
-      signal: this._abortController.signal
-    }), this._resizeObserver.observe(e, { box: "border-box" }), this._resizeObserver.observe(this._overlay, { box: "border-box" }));
-  }
-  disconnect() {
-    this._anchor?.style.removeProperty("anchor-name"), this._anchor = void 0, this._abortController?.abort(), this._resizeObserver.disconnect();
-  }
-  _requestCalculatePosition() {
-    this._frame ??= requestAnimationFrame(() => {
-      this._calculatePosition(), this._frame = void 0;
-    });
-  }
-  _calculatePosition() {
-    if (this._anchor) {
-      if (this._usePolyfill) {
-        const e = this._getOptimalPosition(this._positions);
-        this._applyOverlayPosition(e.position, e.left, e.top);
-      }
-      this._overlay.setAttribute("data-position", this.currentPosition);
-    }
-  }
-  /**
-   * Calculates the optimal position that fits the overlay.
-   * @param positions The list of positions to check.
-   * @private
-   */
-  _getOptimalPosition(e) {
-    const { offsetHeight: t, offsetWidth: r } = this._overlay, { innerHeight: u, innerWidth: g } = window, { top: o, left: n, height: l, width: d } = this._anchor.getBoundingClientRect(), P = this._overlay.matches(":dir(rtl)"), a = o, c = u - l - o, p = n, h = g - d - n, b = r - d, y = t - l, f = b / 2, _ = y / 2;
-    this._overlay.style.setProperty("--sbb-overlay-controller-trigger-height", `${l}px`), this._overlay.style.setProperty("--sbb-overlay-controller-trigger-width", `${d}px`);
-    let s = { left: 0, top: 0, position: "" }, v;
-    for (const i of e) {
-      switch (P && C.includes(i) ? S[i] : i) {
-        default:
-        case "bottom":
-        case "block-end":
-          s = {
-            position: i,
-            left: n - f,
-            top: o + l,
-            fits: t <= c && f <= p && f <= h
-          };
-          break;
-        case "top":
-        case "block-start":
-          s = {
-            position: i,
-            left: n - f,
-            top: o - t,
-            fits: t <= a && f <= p && f <= h
-          };
-          break;
-        case "right":
-        case "inline-end":
-          s = {
-            position: i,
-            left: n + d,
-            top: o - _,
-            fits: r <= h && _ <= a && _ <= c
-          };
-          break;
-        case "left":
-        case "inline-start":
-          s = {
-            position: i,
-            left: n - r,
-            top: o - _,
-            fits: r <= p && _ <= a && _ <= c
-          };
-          break;
-        case "top span-left":
-        case "block-start span-inline-start":
-          s = {
-            position: i,
-            left: n - b,
-            top: o - t,
-            fits: t <= a && b <= p
-          };
-          break;
-        case "top span-right":
-        case "block-start span-inline-end":
-          s = {
-            position: i,
-            left: n,
-            top: o - t,
-            fits: t <= a && b <= h
-          };
-          break;
-        case "bottom span-left":
-        case "block-end span-inline-start":
-          s = {
-            position: i,
-            left: n - b,
-            top: o + l,
-            fits: t <= c && b <= p
-          };
-          break;
-        case "bottom span-right":
-        case "block-end span-inline-end":
-          s = {
-            position: i,
-            left: n,
-            top: o + l,
-            fits: t <= c && b <= h
-          };
-          break;
-        case "left span-top":
-        case "inline-start span-block-start":
-          s = {
-            position: i,
-            left: n - r,
-            top: o + l - t,
-            fits: r <= p && y <= a
-          };
-          break;
-        case "left span-bottom":
-        case "inline-start span-block-end":
-          s = {
-            position: i,
-            left: n - r,
-            top: o,
-            fits: r <= p && y <= c
-          };
-          break;
-        case "right span-top":
-        case "inline-end span-block-start":
-          s = {
-            position: i,
-            left: n + d,
-            top: o + l - t,
-            fits: r <= h && y <= a
-          };
-          break;
-        case "right span-bottom":
-        case "inline-end span-block-end":
-          s = {
-            position: i,
-            left: n + d,
-            top: o,
-            fits: r <= h && y <= c
-          };
-          break;
-      }
-      if (s.fits)
-        return s;
-      v ??= s;
-    }
-    return v;
-  }
-  _applyOverlayPosition(e, t, r) {
-    this._lastPosition = e, this._overlay.style.left = `${t}px`, this._overlay.style.top = `${r}px`;
-  }
-  /**
-   * Only used in polyfill mode.
-   * Reads the list of the configured positions from the CSS variables.
-   * @private
-   */
-  _readPositionsFromCss() {
-    if (!this._usePolyfill)
-      return;
-    this._overlayStyles ??= getComputedStyle(this._overlay);
-    const e = [
-      this._overlayStyles.getPropertyValue("--sbb-overlay-position-area") || "block-end",
-      ...this._overlayStyles.getPropertyValue("--sbb-overlay-position-try-fallbacks").split(",").map((t) => t.trim()).filter((t) => !!t)
-    ];
-    this._positions = e, this._lastPosition && !this._positions.includes(this._lastPosition) && (this._lastPosition = void 0);
-  }
-}
-export {
-  W as SbbOverlayPositionController
+[...n, ...r];
+var a = 0, o = class {
+	get currentPosition() {
+		return this._usePolyfill ? this._lastPosition ?? this._positions[0] ?? "" : (this._overlayStyles ??= getComputedStyle(this._overlay), this._overlayStyles.getPropertyValue("position-area"));
+	}
+	constructor(n, r = !t) {
+		this._usePolyfill = r, this._resizeObserver = e ? null : new ResizeObserver(() => this._requestCalculatePosition()), this._anchorName = `--sbb-overlay-anchor-${++a}`, this._positions = [], n.addController(this), this._overlay = n;
+	}
+	hostConnected() {
+		this._usePolyfill ? this._overlay.style.setProperty("position-area", "initial") : this._overlay.style.setProperty("position-anchor", this._anchorName);
+	}
+	hostUpdate() {
+		e || this._readPositionsFromCss();
+	}
+	connect(t) {
+		e || (this._anchor && this.disconnect(), this._anchor = t, this._usePolyfill || this._anchor.style.setProperty("anchor-name", this._anchorName), this._readPositionsFromCss(), this._calculatePosition(), this._abortController?.abort(), this._abortController = new AbortController(), document.addEventListener("scroll", () => this._requestCalculatePosition(), {
+			capture: !0,
+			passive: !0,
+			signal: this._abortController.signal
+		}), window.addEventListener("resize", () => this._requestCalculatePosition(), {
+			passive: !0,
+			signal: this._abortController.signal
+		}), this._resizeObserver.observe(t, { box: "border-box" }), this._resizeObserver.observe(this._overlay, { box: "border-box" }));
+	}
+	disconnect() {
+		this._anchor?.style.removeProperty("anchor-name"), this._anchor = void 0, this._abortController?.abort(), this._resizeObserver.disconnect();
+	}
+	_requestCalculatePosition() {
+		this._frame ??= requestAnimationFrame(() => {
+			this._calculatePosition(), this._frame = void 0;
+		});
+	}
+	_calculatePosition() {
+		if (this._anchor) {
+			if (this._usePolyfill) {
+				let e = this._getOptimalPosition(this._positions);
+				this._applyOverlayPosition(e.position, e.left, e.top);
+			}
+			this._overlay.setAttribute("data-position", this.currentPosition);
+		}
+	}
+	_getOptimalPosition(e) {
+		let { offsetHeight: t, offsetWidth: n } = this._overlay, { innerHeight: a, innerWidth: o } = window, { top: s, left: c, height: l, width: u } = this._anchor.getBoundingClientRect(), d = this._overlay.matches(":dir(rtl)"), f = s, p = a - l - s, m = c, h = o - u - c, g = n - u, _ = t - l, v = g / 2, y = _ / 2;
+		this._overlay.style.setProperty("--sbb-overlay-controller-trigger-height", `${l}px`), this._overlay.style.setProperty("--sbb-overlay-controller-trigger-width", `${u}px`);
+		let b = {
+			left: 0,
+			top: 0,
+			position: ""
+		}, x;
+		for (let a of e) {
+			switch (d && r.includes(a) ? i[a] : a) {
+				default:
+				case "bottom":
+				case "block-end":
+					b = {
+						position: a,
+						left: c - v,
+						top: s + l,
+						fits: t <= p && v <= m && v <= h
+					};
+					break;
+				case "top":
+				case "block-start":
+					b = {
+						position: a,
+						left: c - v,
+						top: s - t,
+						fits: t <= f && v <= m && v <= h
+					};
+					break;
+				case "right":
+				case "inline-end":
+					b = {
+						position: a,
+						left: c + u,
+						top: s - y,
+						fits: n <= h && y <= f && y <= p
+					};
+					break;
+				case "left":
+				case "inline-start":
+					b = {
+						position: a,
+						left: c - n,
+						top: s - y,
+						fits: n <= m && y <= f && y <= p
+					};
+					break;
+				case "top span-left":
+				case "block-start span-inline-start":
+					b = {
+						position: a,
+						left: c - g,
+						top: s - t,
+						fits: t <= f && g <= m
+					};
+					break;
+				case "top span-right":
+				case "block-start span-inline-end":
+					b = {
+						position: a,
+						left: c,
+						top: s - t,
+						fits: t <= f && g <= h
+					};
+					break;
+				case "bottom span-left":
+				case "block-end span-inline-start":
+					b = {
+						position: a,
+						left: c - g,
+						top: s + l,
+						fits: t <= p && g <= m
+					};
+					break;
+				case "bottom span-right":
+				case "block-end span-inline-end":
+					b = {
+						position: a,
+						left: c,
+						top: s + l,
+						fits: t <= p && g <= h
+					};
+					break;
+				case "left span-top":
+				case "inline-start span-block-start":
+					b = {
+						position: a,
+						left: c - n,
+						top: s + l - t,
+						fits: n <= m && _ <= f
+					};
+					break;
+				case "left span-bottom":
+				case "inline-start span-block-end":
+					b = {
+						position: a,
+						left: c - n,
+						top: s,
+						fits: n <= m && _ <= p
+					};
+					break;
+				case "right span-top":
+				case "inline-end span-block-start":
+					b = {
+						position: a,
+						left: c + u,
+						top: s + l - t,
+						fits: n <= h && _ <= f
+					};
+					break;
+				case "right span-bottom":
+				case "inline-end span-block-end":
+					b = {
+						position: a,
+						left: c + u,
+						top: s,
+						fits: n <= h && _ <= p
+					};
+					break;
+			}
+			if (b.fits) return b;
+			x ??= b;
+		}
+		return x;
+	}
+	_applyOverlayPosition(e, t, n) {
+		this._lastPosition = e, this._overlay.style.left = `${t}px`, this._overlay.style.top = `${n}px`;
+	}
+	_readPositionsFromCss() {
+		this._usePolyfill && (this._overlayStyles ??= getComputedStyle(this._overlay), this._positions = [this._overlayStyles.getPropertyValue("--sbb-overlay-position-area") || "block-end", ...this._overlayStyles.getPropertyValue("--sbb-overlay-position-try-fallbacks").split(",").map((e) => e.trim()).filter((e) => !!e)], this._lastPosition && !this._positions.includes(this._lastPosition) && (this._lastPosition = void 0));
+	}
 };
+//#endregion
+export { o as SbbOverlayPositionController };

package/core/controllers/property-watcher-controller.js

@@ -1,60 +1,56 @@
-import { isServer as n } from "lit";
-class l {
-  get size() {
-    return this._handlers.size;
-  }
-  constructor(e, t) {
-    this._host = e, this._property = t, this._handlers = /* @__PURE__ */ new Set(), this._hostDefinedPromise = null, n || (customElements.get(this._host.localName) ? customElements.upgrade(this._host) : this._hostDefinedPromise = customElements.whenDefined(this._host.localName).then(() => {
-      customElements.upgrade(this._host), this._hostDefinedPromise = null;
-    })), this._value = this._host[this._property];
-  }
-  addHandler(e) {
-    this._handlers.size || (this._host.addController ? this._host.addController(this) : this._hostDefinedPromise && this._hostDefinedPromise.then(() => this._host.addController(this))), this._handlers.add(e), this._hostDefinedPromise ? this._hostDefinedPromise.then(() => e(this._host)) : e(this._host);
-  }
-  removeHandler(e) {
-    this._handlers.delete(e), this._handlers.size || (this._host.removeController ? this._host.removeController(this) : this._hostDefinedPromise && this._hostDefinedPromise.then(() => this._host.removeController(this)));
-  }
-  hostUpdate() {
-    const e = this._host[this._property];
-    if (this._value !== e) {
-      this._value = e;
-      for (const t of this._handlers)
-        t(this._host);
-    }
-  }
-}
-const h = /* @__PURE__ */ new WeakMap();
-class c {
-  constructor(e, t, s) {
-    this._host = e, this._referenceResolver = t, this._handlers = s, this._host.addController(this);
-  }
-  hostConnected() {
-    this.connect();
-  }
-  hostDisconnected() {
-    this._reference !== this._referenceResolver() && this.disconnect();
-  }
-  connect() {
-    const e = this._referenceResolver();
-    if (this._reference === e || (this.disconnect(), this._reference = e, !this._reference))
-      return;
-    let t = h.get(this._reference);
-    t || (t = /* @__PURE__ */ new Map(), h.set(this._reference, t)), this._watchers = t;
-    for (const [s, o] of Object.entries(this._handlers)) {
-      let r = this._watchers.get(s);
-      r || (r = new l(this._reference, s), this._watchers.set(s, r)), r.addHandler(o);
-    }
-  }
-  disconnect() {
-    if (this._reference) {
-      for (const [e, t] of Object.entries(this._handlers)) {
-        const s = this._watchers?.get(e);
-        s && (s.removeHandler(t), s.size || (this._watchers.delete(e), !this._watchers.size && this._reference && h.delete(this._reference)));
-      }
-      this._reference = null;
-    }
-  }
-}
-export {
-  c as SbbPropertyWatcherController
+import { isServer as e } from "lit";
+//#region src/elements/core/controllers/property-watcher-controller.ts
+var t = class {
+	get size() {
+		return this._handlers.size;
+	}
+	constructor(t, n) {
+		this._host = t, this._property = n, this._handlers = /* @__PURE__ */ new Set(), this._hostDefinedPromise = null, e || (customElements.get(this._host.localName) ? customElements.upgrade(this._host) : this._hostDefinedPromise = customElements.whenDefined(this._host.localName).then(() => {
+			customElements.upgrade(this._host), this._hostDefinedPromise = null;
+		})), this._value = this._host[this._property];
+	}
+	addHandler(e) {
+		this._handlers.size || (this._host.addController ? this._host.addController(this) : this._hostDefinedPromise && this._hostDefinedPromise.then(() => this._host.addController(this))), this._handlers.add(e), this._hostDefinedPromise ? this._hostDefinedPromise.then(() => e(this._host)) : e(this._host);
+	}
+	removeHandler(e) {
+		this._handlers.delete(e), this._handlers.size || (this._host.removeController ? this._host.removeController(this) : this._hostDefinedPromise && this._hostDefinedPromise.then(() => this._host.removeController(this)));
+	}
+	hostUpdate() {
+		let e = this._host[this._property];
+		if (this._value !== e) {
+			this._value = e;
+			for (let e of this._handlers) e(this._host);
+		}
+	}
+}, n = /* @__PURE__ */ new WeakMap(), r = class {
+	constructor(e, t, n) {
+		this._host = e, this._referenceResolver = t, this._handlers = n, this._host.addController(this);
+	}
+	hostConnected() {
+		this.connect();
+	}
+	hostDisconnected() {
+		this._reference !== this._referenceResolver() && this.disconnect();
+	}
+	connect() {
+		let e = this._referenceResolver();
+		if (this._reference === e || (this.disconnect(), this._reference = e, !this._reference)) return;
+		let r = n.get(this._reference);
+		r || (r = /* @__PURE__ */ new Map(), n.set(this._reference, r)), this._watchers = r;
+		for (let [e, n] of Object.entries(this._handlers)) {
+			let r = this._watchers.get(e);
+			r || (r = new t(this._reference, e), this._watchers.set(e, r)), r.addHandler(n);
+		}
+	}
+	disconnect() {
+		if (this._reference) {
+			for (let [e, t] of Object.entries(this._handlers)) {
+				let r = this._watchers?.get(e);
+				r && (r.removeHandler(t), r.size || (this._watchers.delete(e), !this._watchers.size && this._reference && n.delete(this._reference)));
+			}
+			this._reference = null;
+		}
+	}
 };
+//#endregion
+export { r as SbbPropertyWatcherController };

package/core/controllers/slot-state-controller.js

@@ -1,37 +1,35 @@
-import { isServer as h } from "lit";
-class n extends Event {
-  constructor(e) {
-    super("slottedchange", { composed: !0 }), this.slot = e;
-  }
-}
-class r {
-  constructor(e, t) {
-    this._host = e, this._internals = t, this._textObserver = !h && new MutationObserver(() => {
-      const s = this._host.shadowRoot.querySelector("slot:not([name])");
-      s ? this._updateSlottedState(s) : this._textObserver.disconnect();
-    }), this.hostConnected = () => {
-      this._host.shadowRoot?.addEventListener("slotchange", (s) => this._slotchangeHandler(s, s.target)), this._host.shadowRoot?.addEventListener("slottedchange", (s) => this._slotchangeHandler(s, s.slot), { capture: !0 }), this._internals.shadowRoot?.querySelectorAll("slot").forEach((s) => this._handleSlotChange(s)), this.hostConnected = void 0;
-    }, this._host.addController(this);
-  }
-  _slotchangeHandler(e, t) {
-    const s = this._host.shadowRoot.contains(t) ? t : e.composedPath().find((o) => o instanceof HTMLSlotElement && this._host.shadowRoot.contains(o));
-    s && this._handleSlotChange(s);
-  }
-  _handleSlotChange(e) {
-    this._updateSlottedState(e), e.name || this._observeTextNodesInSlot(e);
-  }
-  _updateSlottedState(e) {
-    const t = e.name ? `slotted-${e.name}` : "slotted", s = this._hasSlottedContent(e);
-    s && !this._internals.states.has(t) ? (this._internals.states.add(t), this._host.dispatchEvent(new n(e))) : !s && this._internals.states.has(t) && (this._internals.states.delete(t), this._host.dispatchEvent(new n(e)));
-  }
-  _observeTextNodesInSlot(e) {
-    this._textObserver.disconnect(), e.assignedNodes().filter((t) => t.nodeType === t.TEXT_NODE).forEach((t) => this._textObserver.observe(t, { characterData: !0 }));
-  }
-  _hasSlottedContent(e) {
-    return e.name ? e.assignedElements().some((t) => !(t instanceof HTMLSlotElement) || this._hasSlottedContent(t)) : e.assignedNodes().some((t) => t instanceof HTMLSlotElement ? this._hasSlottedContent(t) : t.nodeType !== t.TEXT_NODE || !!t.textContent?.trim());
-  }
-}
-export {
-  r as SbbSlotStateController,
-  n as SbbSlottedChangeEvent
+import { isServer as e } from "lit";
+//#region src/elements/core/controllers/slot-state-controller.ts
+var t = class extends Event {
+	constructor(e) {
+		super("slottedchange", { composed: !0 }), this.slot = e;
+	}
+}, n = class {
+	constructor(t, n) {
+		this._host = t, this._internals = n, this._textObserver = !e && new MutationObserver(() => {
+			let e = this._host.shadowRoot.querySelector("slot:not([name])");
+			e ? this._updateSlottedState(e) : this._textObserver.disconnect();
+		}), this.hostConnected = () => {
+			this._host.shadowRoot?.addEventListener("slotchange", (e) => this._slotchangeHandler(e, e.target)), this._host.shadowRoot?.addEventListener("slottedchange", (e) => this._slotchangeHandler(e, e.slot), { capture: !0 }), this._internals.shadowRoot?.querySelectorAll("slot").forEach((e) => this._handleSlotChange(e)), this.hostConnected = void 0;
+		}, this._host.addController(this);
+	}
+	_slotchangeHandler(e, t) {
+		let n = this._host.shadowRoot.contains(t) ? t : e.composedPath().find((e) => e instanceof HTMLSlotElement && this._host.shadowRoot.contains(e));
+		n && this._handleSlotChange(n);
+	}
+	_handleSlotChange(e) {
+		this._updateSlottedState(e), e.name || this._observeTextNodesInSlot(e);
+	}
+	_updateSlottedState(e) {
+		let n = e.name ? `slotted-${e.name}` : "slotted", r = this._hasSlottedContent(e);
+		r && !this._internals.states.has(n) ? (this._internals.states.add(n), this._host.dispatchEvent(new t(e))) : !r && this._internals.states.has(n) && (this._internals.states.delete(n), this._host.dispatchEvent(new t(e)));
+	}
+	_observeTextNodesInSlot(e) {
+		this._textObserver.disconnect(), e.assignedNodes().filter((e) => e.nodeType === e.TEXT_NODE).forEach((e) => this._textObserver.observe(e, { characterData: !0 }));
+	}
+	_hasSlottedContent(e) {
+		return e.name ? e.assignedElements().some((e) => !(e instanceof HTMLSlotElement) || this._hasSlottedContent(e)) : e.assignedNodes().some((e) => e instanceof HTMLSlotElement ? this._hasSlottedContent(e) : e.nodeType !== e.TEXT_NODE || !!e.textContent?.trim());
+	}
 };
+//#endregion
+export { n as SbbSlotStateController, t as SbbSlottedChangeEvent };