@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/container/sticky-bar/sticky-bar.component.js

@@ -1,122 +1,2 @@
-var p = (s) => {
-  throw TypeError(s);
-};
-var v = (s, i, e) => i.has(s) || p("Cannot " + e);
-var k = (s, i, e) => (v(s, i, "read from private field"), e ? e.call(s) : i.get(s)), u = (s, i, e) => i.has(s) ? p("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, e), l = (s, i, e, c) => (v(s, i, "write to private field"), c ? c.call(s, e) : i.set(s, e), e);
-import { __esDecorate as m, __runInitializers as d } from "tslib";
-import { IntersectionController as x } from "@lit-labs/observers/intersection-controller.js";
-import { css as w, html as z } from "lit";
-import { property as _ } from "lit/decorators.js";
-import { SbbElement as C } from "../../core/base-elements.js";
-import { isLean as E, isZeroAnimationDuration as S } from "../../core/dom.js";
-import { SbbUpdateSchedulerMixin as I } from "../../core/mixins.js";
-import { boxSizingStyles as R } from "../../core/styles.js";
-const A = w`:host{--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([size=m]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-background-color-1) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media(forced-colors:active){:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-3)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1-negative)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-2-negative)}:host(:is(:is(:state(sticking),[state--sticking]):is(:is(:state(slide-vertically),[state--slide-vertically]),:is(:state(state-sticking),[state--state-sticking]),:is(:state(state-unsticking),[state--state-unsticking])),:is(:state(state-unsticky),[state--state-unsticky]))){--_sbb-sticky-bar-background-animation-duration: 0s}:host(:is(:state(sticking),[state--sticking]):is(:is(:state(slide-vertically),[state--slide-vertically]):not(:is(:state(state-unsticky),[state--state-unsticky]),:is(:state(state-unsticking),[state--state-unsticking])),:is(:state(state-sticking),[state--state-sticking]))){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host(:is(:state(sticking),[state--sticking]):is(:state(state-unsticking),[state--state-unsticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(state-unsticky),[state--state-unsticky]))){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name, unset);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:0s;animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";inset:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper:before{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border, none)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;inset:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-100% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 100%,-100% 100%)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) .sbb-sticky-bar:before{box-shadow:var(--sbb-box-shadow-level-11-soft)}:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host(:is(:state(expanded),[state--expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color, transparent);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}`;
-let j = (() => {
-  var r, o, n;
-  let s = I(C), i, e = [], c = [], h, y = [], g = [];
-  return n = class extends s {
-    constructor() {
-      super();
-      u(this, r);
-      u(this, o);
-      l(this, r, d(this, e, null)), l(this, o, (d(this, c), d(this, y, E() ? "s" : "m"))), this._stateInternal = d(this, g), this._observer = new x(this, {
-        // Although `this` is observed, we have to postpone observing
-        // into firstUpdated() to achieve a correct initial state.
-        target: null,
-        callback: (t) => this._detectStickyState(t[0])
-      }), this._state = "sticky";
-    }
-    /** Color of the container, like transparent, white etc. */
-    get color() {
-      return k(this, r);
-    }
-    set color(t) {
-      l(this, r, t);
-    }
-    /**
-     * Size of the container.
-     * @default 'm' / 's' (lean)
-     */
-    get size() {
-      return k(this, o);
-    }
-    set size(t) {
-      l(this, o, t);
-    }
-    /** The state of the component. */
-    set _state(t) {
-      this._stateInternal && this.internals.states.delete(`state-${this._stateInternal}`), this._stateInternal = t, this._stateInternal && this.internals.states.add(`state-${this._stateInternal}`);
-    }
-    get _state() {
-      return this._stateInternal;
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.slot ||= "sticky-bar", this.startUpdate();
-      const t = this.closest("sbb-container");
-      t && this.toggleState("expanded", t.expanded), this._intersector && this._observer.observe(this._intersector);
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this.internals.states.delete("initialized");
-    }
-    firstUpdated(t) {
-      super.firstUpdated(t), this._intersector || (this._intersector = this.shadowRoot.querySelector(".sbb-sticky-bar__intersector"), this._observer.observe(this._intersector)), this._observer.observe(this);
-    }
-    _isZeroAnimationDuration() {
-      return S(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
-    }
-    _detectStickyState(t) {
-      this.internals.states.add("initialized");
-      const a = !t.isIntersecting && t.boundingClientRect.top > 0, b = this._intersector?.getBoundingClientRect(), f = this.shadowRoot.querySelector(".sbb-sticky-bar__wrapper").getBoundingClientRect();
-      this.toggleState("slide-vertically", a && this._intersector && Math.abs(b.bottom - f.bottom) > 30), this.toggleState("sticking", a), this.completeUpdate();
-    }
-    /** Animates from normal content flow position to `position: sticky`. */
-    stick() {
-      this._state !== "unsticky" || !this._dispatchBeforeStickEvent() || (this._state = "sticking", (!this.internals.states.has("sticking") || this._isZeroAnimationDuration()) && this._stickyCallback());
-    }
-    /** Animates `position: sticky` to normal content flow position. */
-    unstick() {
-      this._state !== "sticky" || !this._dispatchBeforeUnStickEvent() || (this._state = "unsticking", (!this.internals.states.has("sticking") || this._isZeroAnimationDuration()) && this._unstickyCallback());
-    }
-    _stickyCallback() {
-      this._state = "sticky", this.dispatchEvent(new Event("stick"));
-    }
-    _unstickyCallback() {
-      this.dispatchEvent(new Event("unstick")), this._state = "unsticky";
-    }
-    _onAnimationEnd(t) {
-      (this._state === "sticking" || this._state === "sticky") && t.animationName === "slide-in" ? this._stickyCallback() : this._state === "unsticking" && t.animationName === "slide-out" && this._unstickyCallback();
-    }
-    _dispatchBeforeStickEvent() {
-      return this.dispatchEvent(new Event("beforestick", { cancelable: !0 }));
-    }
-    _dispatchBeforeUnStickEvent() {
-      return this.dispatchEvent(new Event("beforeunstick", { cancelable: !0 }));
-    }
-    render() {
-      return z`
-      <div class="sbb-sticky-bar__wrapper" @animationend=${this._onAnimationEnd}>
-        <div class="sbb-sticky-bar">
-          <slot></slot>
-        </div>
-      </div>
-      <div class="sbb-sticky-bar__intersector"></div>
-    `;
-    }
-  }, r = new WeakMap(), o = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    i = [_({ reflect: !0 })], h = [_({ reflect: !0 })], m(n, null, i, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (a) => "color" in a, get: (a) => a.color, set: (a, b) => {
-      a.color = b;
-    } }, metadata: t }, e, c), m(n, null, h, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, b) => {
-      a.size = b;
-    } }, metadata: t }, y, g), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.elementName = "sbb-sticky-bar", n.styles = [R, A], n.events = {
-    beforestick: "beforestick",
-    stick: "stick",
-    beforeunstick: "beforeunstick",
-    unstick: "unstick"
-  }, n;
-})();
-export {
-  j as SbbStickyBarElement
-};
+import { t as e } from "../../sticky-bar.component-CYCOEGz7.js";
+export { e as SbbStickyBarElement };

package/container/sticky-bar.js

@@ -1,7 +1,4 @@
-import { SbbStickyBarElement as e } from "./sticky-bar/sticky-bar.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/container/sticky-bar.js' has been deprecated.
-Use either '@sbb-esta/elements/container.js' or '@sbb-esta/elements/container.pure.js' instead.`);
-export {
-  e as SbbStickyBarElement
-};
+import { t as e } from "../sticky-bar.component-CYCOEGz7.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/container/sticky-bar.js' has been deprecated.\nUse either '@sbb-esta/elements/container.js' or '@sbb-esta/elements/container.pure.js' instead.");
+//#endregion
+export { e as SbbStickyBarElement };

package/container.component-DXFIvseq.js

@@ -0,0 +1,117 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, html as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a } from "./core/base-elements.js";
+import { forceType as o } from "./core/decorators.js";
+import { ɵstateController as s } from "./core/mixins.js";
+import { boxSizingStyles as c } from "./core/styles.js";
+//#region src/elements/container/container/container.scss?lit&inline
+var l = n`:host{display:block}:host(:is(:not([color]),[color=white])){--sbb-container-background-color:var(--sbb-background-color-1)}:host([color=milk]){--sbb-container-background-color:var(--sbb-background-color-3)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-container-color:var(--sbb-color-1-negative)}:host([color=midnight]){--sbb-container-background-color:var(--sbb-background-color-1-negative)}:host([color=charcoal]){--sbb-container-background-color:var(--sbb-background-color-2-negative)}:host(:is(:state(slotted-image),[state--slotted-image])){--sbb-container-background-color:transparent;--sbb-container-padding:var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host(:is(:state(slotted-image),[state--slotted-image])[background-expanded]){position:relative}@media (width>=90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius:var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:" ";visibility:hidden;height:0;display:block;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:#0000}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto}@media (width>=90rem){:host(:not([expanded])) .sbb-container{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-spacing-responsive-xxs))}:host(:is(:state(slotted-image),[state--slotted-image]):not([background-expanded])) .sbb-container,:host(:is(:state(slotted-image),[state--slotted-image])) .sbb-container__content{position:relative}::slotted([slot=image]){width:100%;height:100%;position:absolute;inset:0}`, u = (() => {
+	let n = a, u, d = [], f = [], p, m = [], h = [], g, _ = [], v = [];
+	return class extends n {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			u = [o(), i({
+				type: Boolean,
+				reflect: !0
+			})], p = [o(), i({
+				type: Boolean,
+				reflect: !0,
+				attribute: "background-expanded"
+			})], g = [i({ reflect: !0 })], e(this, null, u, {
+				kind: "accessor",
+				name: "expanded",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "expanded" in e,
+					get: (e) => e.expanded,
+					set: (e, t) => {
+						e.expanded = t;
+					}
+				},
+				metadata: t
+			}, d, f), e(this, null, p, {
+				kind: "accessor",
+				name: "backgroundExpanded",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "backgroundExpanded" in e,
+					get: (e) => e.backgroundExpanded,
+					set: (e, t) => {
+						e.backgroundExpanded = t;
+					}
+				},
+				metadata: t
+			}, m, h), e(this, null, g, {
+				kind: "accessor",
+				name: "color",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "color" in e,
+					get: (e) => e.color,
+					set: (e, t) => {
+						e.color = t;
+					}
+				},
+				metadata: t
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-container";
+		}
+		static {
+			this.styles = [c, l];
+		}
+		#e = t(this, d, !1);
+		get expanded() {
+			return this.#e;
+		}
+		set expanded(e) {
+			this.#e = e;
+		}
+		#t = (t(this, f), t(this, m, !1));
+		get backgroundExpanded() {
+			return this.#t;
+		}
+		set backgroundExpanded(e) {
+			this.#t = e;
+		}
+		#n = (t(this, h), t(this, _, "white"));
+		get color() {
+			return this.#n;
+		}
+		set color(e) {
+			this.#n = e;
+		}
+		willUpdate(e) {
+			if (super.willUpdate(e), e.has("expanded")) {
+				let e = this.querySelector?.("sbb-sticky-bar");
+				s(e)?.toggle("expanded", this.expanded);
+			}
+		}
+		render() {
+			return r`
+      <div class="sbb-container">
+        <slot name="image"></slot>
+        <div class="sbb-container__content">
+          <slot></slot>
+        </div>
+      </div>
+      <slot name="sticky-bar"></slot>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, v);
+		}
+	};
+})();
+//#endregion
+export { u as t };

package/container.js

@@ -1,8 +1,6 @@
-import { SbbContainerElement as e } from "./container/container/container.component.js";
-import { SbbStickyBarElement as r } from "./container/sticky-bar/sticky-bar.component.js";
-e.define();
-r.define();
-export {
-  e as SbbContainerElement,
-  r as SbbStickyBarElement
-};
+import { t as e } from "./container.component-DXFIvseq.js";
+import { t } from "./sticky-bar.component-CYCOEGz7.js";
+import "./container.pure.js";
+e.define(), t.define();
+//#endregion
+export { e as SbbContainerElement, t as SbbStickyBarElement };

package/container.pure.js

@@ -1,6 +1,3 @@
-import { SbbContainerElement as t } from "./container/container/container.component.js";
-import { SbbStickyBarElement as b } from "./container/sticky-bar/sticky-bar.component.js";
-export {
-  t as SbbContainerElement,
-  b as SbbStickyBarElement
-};
+import { t as e } from "./container.component-DXFIvseq.js";
+import { t } from "./sticky-bar.component-CYCOEGz7.js";
+export { e as SbbContainerElement, t as SbbStickyBarElement };

package/core/a11y/arrow-navigation.js

@@ -1,33 +1,45 @@
-function t() {
-  return document.documentElement.matches(":dir(rtl)") ? { prevKey: "ArrowRight", nextKey: "ArrowLeft" } : { prevKey: "ArrowLeft", nextKey: "ArrowRight" };
-}
-function u(e) {
-  return ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(e.key);
-}
-function A(e) {
-  return e.key === "ArrowUp" || e.key === t().prevKey;
-}
-function f(e) {
-  return e.key === "ArrowDown" || e.key === t().nextKey;
-}
-function d(e) {
-  return u(e) || ["PageUp", "PageDown", "Home", "End"].includes(e.key);
-}
-function o(e, r, n) {
-  return (e + n + r) % r;
-}
-function w(e) {
-  return e - 1;
-}
-const y = 0;
-function K(e, r, n) {
-  const { prevKey: s, nextKey: i } = t();
-  return !e || e.key === i || e.key === "ArrowDown" ? r >= n ? y : o(r, n, 1) : e.key === s || e.key === "ArrowUp" ? r < y ? w(n) : o(r, n, -1) : r;
-}
-export {
-  K as getNextElementIndex,
-  d as isArrowKeyOrPageKeysPressed,
-  u as isArrowKeyPressed,
-  f as isNextArrowKeyPressed,
-  A as isPreviousArrowKeyPressed
-};
+//#region src/elements/core/a11y/arrow-navigation.ts
+function e() {
+	return document.documentElement.matches(":dir(rtl)") ? {
+		prevKey: "ArrowRight",
+		nextKey: "ArrowLeft"
+	} : {
+		prevKey: "ArrowLeft",
+		nextKey: "ArrowRight"
+	};
+}
+function t(e) {
+	return [
+		"ArrowRight",
+		"ArrowLeft",
+		"ArrowUp",
+		"ArrowDown"
+	].includes(e.key);
+}
+function n(t) {
+	return t.key === "ArrowUp" || t.key === e().prevKey;
+}
+function r(t) {
+	return t.key === "ArrowDown" || t.key === e().nextKey;
+}
+function i(e) {
+	return t(e) || [
+		"PageUp",
+		"PageDown",
+		"Home",
+		"End"
+	].includes(e.key);
+}
+function a(e, t, n) {
+	return (e + n + t) % t;
+}
+function o(e) {
+	return e - 1;
+}
+var s = 0;
+function c(t, n, r) {
+	let { prevKey: i, nextKey: c } = e();
+	return !t || t.key === c || t.key === "ArrowDown" ? n >= r ? s : a(n, r, 1) : t.key === i || t.key === "ArrowUp" ? n < s ? o(r) : a(n, r, -1) : n;
+}
+//#endregion
+export { c as getNextElementIndex, i as isArrowKeyOrPageKeysPressed, t as isArrowKeyPressed, r as isNextArrowKeyPressed, n as isPreviousArrowKeyPressed };

package/core/a11y/fake-event-detection.js

@@ -1,11 +1,10 @@
-function e(u) {
-  return u.buttons === 0 || u.detail === 0;
+//#region src/elements/core/a11y/fake-event-detection.ts
+function e(e) {
+	return e.buttons === 0 || e.detail === 0;
 }
-function o(u) {
-  const r = u.touches && u.touches[0] || u.changedTouches && u.changedTouches[0];
-  return !!r && r.identifier === -1 && (r.radiusX == null || r.radiusX === 1) && (r.radiusY == null || r.radiusY === 1);
+function t(e) {
+	let t = e.touches && e.touches[0] || e.changedTouches && e.changedTouches[0];
+	return !!t && t.identifier === -1 && (t.radiusX == null || t.radiusX === 1) && (t.radiusY == null || t.radiusY === 1);
 }
-export {
-  e as isFakeMousedownFromScreenReader,
-  o as isFakeTouchstartFromScreenReader
-};
+//#endregion
+export { e as isFakeMousedownFromScreenReader, t as isFakeTouchstartFromScreenReader };

package/core/a11y/focus-trap-controller.js

@@ -1,92 +1,70 @@
-import { interactivityChecker as i } from "./interactivity-checker.js";
-class b {
-  /**
-   * Whether the focus is trap is enabled.
-   * @param enabled
-   */
-  set enabled(t) {
-    t ? this._trap() : this._untrap();
-  }
-  get enabled() {
-    return !!this._abortController;
-  }
-  constructor(t) {
-    this._host = t, this._abortController = null, this._host.addController?.(this);
-  }
-  hostDisconnected() {
-    this._untrap();
-  }
-  /**
-   * Focuses the element that should be focused when the focus trap is initialized.
-   * @returns Whether focus was moved successfully.
-   */
-  focusInitialElement(t) {
-    const e = this._host.querySelector("[sbb-focus-initial]");
-    if (e) {
-      if (!i.isFocusable(e)) {
-        const s = this._getFirstTabbableElement(e);
-        return s?.focus(t), !!s;
-      }
-      return e.focus(t), !0;
-    }
-    return this.focusFirstTabbableElement(t);
-  }
-  /**
-   * Focuses the first tabbable element within the focus trap region.
-   * @returns Whether focus was moved successfully.
-   */
-  focusFirstTabbableElement(t) {
-    const e = this._getFirstTabbableElement(this._host);
-    return e && e.focus(t), !!e;
-  }
-  /**
-   * Focuses the last tabbable element within the focus trap region.
-   * @returns Whether focus was moved successfully.
-   */
-  focusLastTabbableElement(t) {
-    const e = this._getLastTabbableElement(this._host);
-    return e && e.focus(t), !!e;
-  }
-  _trap() {
-    this._abortController = new AbortController(), this._host.addEventListener("keydown", (t) => {
-      if (t.key === "Tab")
-        if (t.shiftKey) {
-          const e = this._getFirstTabbableElement(this._host);
-          e && t.composedPath().includes(e) && (this._getLastTabbableElement(this._host)?.focus(), t.preventDefault());
-        } else {
-          const e = this._getLastTabbableElement(this._host);
-          e && t.composedPath().includes(e) && (this._getFirstTabbableElement(this._host)?.focus(), t.preventDefault());
-        }
-    }, { signal: this._abortController.signal });
-  }
-  /** Get the first tabbable element from a DOM subtree (inclusive). */
-  _getFirstTabbableElement(t) {
-    if (t !== this._host && i.isFocusable(t) && i.isTabbable(t))
-      return t;
-    const e = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
-    for (let s = 0; s < e.length; s++) {
-      const l = e[s].nodeType === document.ELEMENT_NODE ? this._getFirstTabbableElement(e[s]) : null;
-      if (l)
-        return l;
-    }
-    return null;
-  }
-  /** Get the last tabbable element from a DOM subtree (inclusive). */
-  _getLastTabbableElement(t) {
-    let e = null;
-    t !== this._host && i.isFocusable(t) && i.isTabbable(t) && (e = t);
-    const s = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
-    for (let l = s.length - 1; l >= 0; l--) {
-      const a = s[l].nodeType === document.ELEMENT_NODE ? this._getLastTabbableElement(s[l]) : null;
-      if (a)
-        return a;
-    }
-    return e;
-  }
-  _untrap() {
-    this._abortController?.abort(), this._abortController = null;
-  }
-}
-export {
-  b as SbbFocusTrapController
+import { interactivityChecker as e } from "./interactivity-checker.js";
+//#region src/elements/core/a11y/focus-trap-controller.ts
+var t = class {
+	set enabled(e) {
+		e ? this._trap() : this._untrap();
+	}
+	get enabled() {
+		return !!this._abortController;
+	}
+	constructor(e) {
+		this._host = e, this._abortController = null, this._host.addController?.(this);
+	}
+	hostDisconnected() {
+		this._untrap();
+	}
+	focusInitialElement(t) {
+		let n = this._host.querySelector("[sbb-focus-initial]");
+		if (n) {
+			if (!e.isFocusable(n)) {
+				let e = this._getFirstTabbableElement(n);
+				return e?.focus(t), !!e;
+			}
+			return n.focus(t), !0;
+		}
+		return this.focusFirstTabbableElement(t);
+	}
+	focusFirstTabbableElement(e) {
+		let t = this._getFirstTabbableElement(this._host);
+		return t && t.focus(e), !!t;
+	}
+	focusLastTabbableElement(e) {
+		let t = this._getLastTabbableElement(this._host);
+		return t && t.focus(e), !!t;
+	}
+	_trap() {
+		this._abortController = new AbortController(), this._host.addEventListener("keydown", (e) => {
+			if (e.key === "Tab") if (e.shiftKey) {
+				let t = this._getFirstTabbableElement(this._host);
+				t && e.composedPath().includes(t) && (this._getLastTabbableElement(this._host)?.focus(), e.preventDefault());
+			} else {
+				let t = this._getLastTabbableElement(this._host);
+				t && e.composedPath().includes(t) && (this._getFirstTabbableElement(this._host)?.focus(), e.preventDefault());
+			}
+		}, { signal: this._abortController.signal });
+	}
+	_getFirstTabbableElement(t) {
+		if (t !== this._host && e.isFocusable(t) && e.isTabbable(t)) return t;
+		let n = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
+		for (let e = 0; e < n.length; e++) {
+			let t = n[e].nodeType === document.ELEMENT_NODE ? this._getFirstTabbableElement(n[e]) : null;
+			if (t) return t;
+		}
+		return null;
+	}
+	_getLastTabbableElement(t) {
+		let n = null;
+		t !== this._host && e.isFocusable(t) && e.isTabbable(t) && (n = t);
+		let r = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
+		for (let e = r.length - 1; e >= 0; e--) {
+			let t = r[e].nodeType === document.ELEMENT_NODE ? this._getLastTabbableElement(r[e]) : null;
+			if (t) return t;
+		}
+		return n;
+	}
+	_untrap() {
+		this._abortController?.abort(), this._abortController = null;
+	}
 };
+//#endregion
+export { t as SbbFocusTrapController };

package/core/a11y/focus-visible-within-controller.js

@@ -1,20 +1,20 @@
+import { sbbInputModalityDetector as e } from "./input-modality-detector.js";
 import { ɵstateController as t } from "../mixins/element-internals-mixin.js";
-import { sbbInputModalityDetector as o } from "./input-modality-detector.js";
-class h {
-  constructor(s) {
-    this._host = s, this._focusinHandler = () => {
-      t(this._host).toggle("has-visible-focus-within", o.mostRecentModality === "keyboard");
-    }, this._focusoutHandler = () => {
-      t(this._host).delete("has-visible-focus-within");
-    }, this._host.addController(this);
-  }
-  hostConnected() {
-    this._host.addEventListener("focusin", this._focusinHandler), this._host.addEventListener("focusout", this._focusoutHandler);
-  }
-  hostDisconnected() {
-    this._host.removeEventListener("focusin", this._focusinHandler), this._host.removeEventListener("focusout", this._focusoutHandler);
-  }
-}
-export {
-  h as SbbFocusVisibleWithinController
+//#region src/elements/core/a11y/focus-visible-within-controller.ts
+var n = class {
+	constructor(n) {
+		this._host = n, this._focusinHandler = () => {
+			t(this._host).toggle("has-visible-focus-within", e.mostRecentModality === "keyboard");
+		}, this._focusoutHandler = () => {
+			t(this._host).delete("has-visible-focus-within");
+		}, this._host.addController(this);
+	}
+	hostConnected() {
+		this._host.addEventListener("focusin", this._focusinHandler), this._host.addEventListener("focusout", this._focusoutHandler);
+	}
+	hostDisconnected() {
+		this._host.removeEventListener("focusin", this._focusinHandler), this._host.removeEventListener("focusout", this._focusoutHandler);
+	}
 };
+//#endregion
+export { n as SbbFocusVisibleWithinController };

package/core/a11y/focus.js

@@ -1,13 +1,13 @@
-const e = [
-  "button",
-  "[href]",
-  "input",
-  "select",
-  "textarea",
-  "details",
-  "summary",
-  "[tabindex]"
-].map((t) => `${t}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
-export {
-  e as IS_FOCUSABLE_QUERY
-};
+//#region src/elements/core/a11y/focus.ts
+var e = [
+	"button",
+	"[href]",
+	"input",
+	"select",
+	"textarea",
+	"details",
+	"summary",
+	"[tabindex]"
+].map((e) => `${e}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
+//#endregion
+export { e as IS_FOCUSABLE_QUERY };