@sbb-esta/lyne-elements-dev 0.0.0 → 4.0.0-dev.1775550881

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

@@ -0,0 +1,70 @@
+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?.children ?? (t.localName === "slot" && t.assignedElements().length > 0 ? 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?.children ?? (t.localName === "slot" && t.assignedElements().length > 0 ? 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

@@ -0,0 +1,20 @@
+import { sbbInputModalityDetector as e } from "./input-modality-detector.js";
+import { ɵstateController as t } from "../mixins/element-internals-mixin.js";
+//#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

@@ -0,0 +1,13 @@
+//#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 };

package/core/a11y/input-modality-detector.js

@@ -0,0 +1,42 @@
+import { isFakeMousedownFromScreenReader as e, isFakeTouchstartFromScreenReader as t } from "./fake-event-detection.js";
+import { isServer as n } from "lit";
+import { getEventTarget as r } from "../eventing.js";
+//#region src/elements/core/a11y/input-modality-detector.ts
+var i = { ignoreKeys: [
+	18,
+	17,
+	224,
+	91,
+	16
+] }, a = 650, o = {
+	passive: !0,
+	capture: !0
+}, s = new class {
+	get mostRecentModality() {
+		return this._mostRecentModality;
+	}
+	get mostRecentTarget() {
+		return this._mostRecentTarget;
+	}
+	constructor() {
+		this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._options = { ...i }, this._lastTouchMs = 0, this._onKeydown = (e) => {
+			this._options?.ignoreKeys?.some((t) => t === e.keyCode) || this._updateState("keyboard", e);
+		}, this._onMousedown = (t) => {
+			Date.now() - this._lastTouchMs < a || this._updateState(e(t) ? "keyboard" : "mouse", t);
+		}, this._onTouchstart = (e) => {
+			if (t(e)) {
+				this._updateState("keyboard", e);
+				return;
+			}
+			this._lastTouchMs = Date.now(), this._updateState("touch", e);
+		}, n || (document.addEventListener("keydown", this._onKeydown, o), document.addEventListener("mousedown", this._onMousedown, o), document.addEventListener("touchstart", this._onTouchstart, o));
+	}
+	reset() {
+		this._updateState("mouse", null), this._lastTouchMs = 0;
+	}
+	_updateState(e, t) {
+		this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = e, this._mostRecentTarget = t ? r(t) : null, document.documentElement.classList.add(`sbb-focus-modality-${this._mostRecentModality}`);
+	}
+}();
+//#endregion
+export { s as sbbInputModalityDetector };

package/core/a11y/interactivity-checker.js

@@ -0,0 +1,61 @@
+import { isServer as e } from "lit";
+import { isFirefox as t, isIOS as n, isWebkit as r } from "../dom/platform.js";
+//#region src/elements/core/a11y/interactivity-checker.ts
+var i = class {
+	constructor() {
+		this.ignoreVisibility = !1;
+	}
+}, a = class {
+	isDisabled(e) {
+		return e.hasAttribute("disabled") || e.matches(":disabled");
+	}
+	isVisible(e) {
+		return s(e) && getComputedStyle(e).visibility === "visible";
+	}
+	isTabbable(i) {
+		if (e) return !1;
+		let a = i.nodeName.toLowerCase(), o = m(i);
+		return i.hasAttribute("contenteditable") ? o !== -1 : a === "iframe" || a === "object" || r && n && !h(i) ? !1 : a === "audio" ? i.hasAttribute("controls") ? o !== -1 : !1 : a === "video" ? o === -1 ? !1 : o === null ? t || i.hasAttribute("controls") : !0 : i.tabIndex >= 0;
+	}
+	isFocusable(e, t) {
+		return g(e) && !e.inert && !this.isDisabled(e) && (t?.ignoreVisibility || this.isVisible(e));
+	}
+}, o = new a();
+function s(e) {
+	return !!(e.offsetWidth || e.offsetHeight || typeof e.getClientRects == "function" && e.getClientRects().length);
+}
+function c(e) {
+	let t = e.nodeName.toLowerCase();
+	return t === "input" || t === "select" || t === "button" || t === "textarea";
+}
+function l(e) {
+	return d(e) && e.type == "hidden";
+}
+function u(e) {
+	return f(e) && e.hasAttribute("href");
+}
+function d(e) {
+	return e.nodeName.toLowerCase() == "input";
+}
+function f(e) {
+	return e.nodeName.toLowerCase() == "a";
+}
+function p(e) {
+	if (!e.hasAttribute("tabindex") || e.tabIndex === void 0) return !1;
+	let t = e.getAttribute("tabindex");
+	return !!(t && !isNaN(parseInt(t, 10)));
+}
+function m(e) {
+	if (!p(e)) return null;
+	let t = parseInt(e.getAttribute("tabindex") || "", 10);
+	return isNaN(t) ? -1 : t;
+}
+function h(e) {
+	let t = e.nodeName.toLowerCase(), n = t === "input" && e.type;
+	return n === "text" || n === "password" || t === "select" || t === "textarea";
+}
+function g(e) {
+	return l(e) ? !1 : c(e) || u(e) || e.hasAttribute("contenteditable") || p(e);
+}
+//#endregion
+export { a as InteractivityChecker, i as IsFocusableConfig, o as interactivityChecker };

package/core/a11y/live-announcer.js

@@ -0,0 +1,29 @@
+import { isServer as e } from "lit";
+//#region src/elements/core/a11y/live-announcer.ts
+var t = 0, n = class {
+	constructor() {
+		e || (document.body ? this._liveElement = this._createLiveElement() : document.addEventListener("DOMContentLoaded", () => {
+			this._liveElement = this._createLiveElement();
+		}));
+	}
+	announce(e, ...t) {
+		if (!this._liveElement) return Promise.resolve();
+		let n = {}, r, i;
+		return t.length === 1 && typeof t[0] == "number" ? i = t[0] : [r, i] = t, this.clear(), clearTimeout(this._previousTimeout), r ??= n?.politeness ?? "polite", i ??= n?.duration, this._liveElement.setAttribute("aria-live", r), this._currentPromise ??= new Promise((e) => this._currentResolve = e), clearTimeout(this._previousTimeout), this._previousTimeout = setTimeout(() => {
+			this._liveElement.textContent = e, typeof i == "number" && (this._previousTimeout = setTimeout(() => this.clear(), i)), this._currentResolve?.(), this._currentPromise = this._currentResolve = void 0;
+		}, 100), this._currentPromise;
+	}
+	clear() {
+		this._liveElement && (this._liveElement.textContent = "");
+	}
+	destroy() {
+		clearTimeout(this._previousTimeout), this._liveElement?.remove(), this._liveElement = null, this._currentResolve?.(), this._currentPromise = this._currentResolve = void 0;
+	}
+	_createLiveElement() {
+		let e = "sbb-live-announcer-element", n = document.getElementsByClassName(e), r = document.createElement("div");
+		for (let e = 0; e < n.length; e++) n[e].remove();
+		return r.classList.add(e), r.classList.add("sbb-screen-reader-only"), r.setAttribute("aria-atomic", "true"), r.setAttribute("aria-live", "polite"), r.id = `sbb-live-announcer-${t++}`, document.body.appendChild(r), r;
+	}
+}, r = new n();
+//#endregion
+export { n as SbbLiveAnnouncer, r as sbbLiveAnnouncer };

package/core/a11y.js

@@ -0,0 +1,9 @@
+import { getNextElementIndex as e, isArrowKeyOrPageKeysPressed as t, isArrowKeyPressed as n, isNextArrowKeyPressed as r, isPreviousArrowKeyPressed as i } from "./a11y/arrow-navigation.js";
+import { isFakeMousedownFromScreenReader as a, isFakeTouchstartFromScreenReader as o } from "./a11y/fake-event-detection.js";
+import { sbbInputModalityDetector as s } from "./a11y/input-modality-detector.js";
+import { SbbFocusVisibleWithinController as c } from "./a11y/focus-visible-within-controller.js";
+import { IS_FOCUSABLE_QUERY as l } from "./a11y/focus.js";
+import { InteractivityChecker as u, IsFocusableConfig as d, interactivityChecker as f } from "./a11y/interactivity-checker.js";
+import { SbbFocusTrapController as p } from "./a11y/focus-trap-controller.js";
+import { SbbLiveAnnouncer as m, sbbLiveAnnouncer as h } from "./a11y/live-announcer.js";
+export { l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, m as SbbLiveAnnouncer, e as getNextElementIndex, f as interactivityChecker, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, r as isNextArrowKeyPressed, i as isPreviousArrowKeyPressed, s as sbbInputModalityDetector, h as sbbLiveAnnouncer };

package/core/base-elements/action-base-element.js

@@ -0,0 +1,31 @@
+import { SbbElement as e } from "./element.js";
+import { html as t } from "lit";
+//#region src/elements/core/base-elements/action-base-element.ts
+var n = class extends e {
+	get maybeDisabled() {
+		let e = this;
+		return e.disabled || e.formDisabled;
+	}
+	get maybeDisabledInteractive() {
+		return this.disabledInteractive;
+	}
+	constructor() {
+		super(), this.internals.states.add("action");
+	}
+	connectedCallback() {
+		super.connectedCallback();
+	}
+	setupBaseEventHandlers() {
+		this.addEventListener("click", (e) => {
+			this.maybeDisabled && !this.maybeDisabledInteractive && (e.preventDefault(), e.stopImmediatePropagation());
+		}, { capture: !0 });
+	}
+	renderTemplate() {
+		throw Error("Implementation needed!");
+	}
+	render() {
+		return t`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
+	}
+};
+//#endregion
+export { n as SbbActionBaseElement };

package/core/base-elements/button-base-element.js

@@ -0,0 +1,166 @@
+import { SbbActionBaseElement as e } from "./action-base-element.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { isServer as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { forceType as a, hostAttributes as o } from "../decorators.js";
+import { isEventPrevented as s } from "../eventing.js";
+import { SbbFormAssociatedMixin as c } from "../mixins.js";
+//#region src/elements/core/base-elements/button-base-element.ts
+var l = (() => {
+	let i = [o({ tabindex: "0" })], a, s = [], l, u = c(e);
+	var d = class extends u {
+		static {
+			l = this;
+		}
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+			t(null, a = { value: l }, i, {
+				kind: "class",
+				name: l.name,
+				metadata: e
+			}, null, s), d = l = a.value, e && Object.defineProperty(l, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.role = "button";
+		}
+		constructor() {
+			if (super(), this._preventScrollOnSpaceKeydown = (e) => {
+				e.key === " " && (e.preventDefault(), this.internals.states.add("active"));
+			}, this._removeActiveMarker = () => {
+				this.internals.states.delete("active");
+			}, this._dispatchClickEventOnSpaceKeyup = (e) => {
+				e.key === " " && (this._removeActiveMarker(), this._dispatchClickEvent(e));
+			}, this._dispatchClickEvent = (e) => {
+				let { altKey: t, ctrlKey: n, metaKey: r, shiftKey: i } = e;
+				e.target.dispatchEvent(new PointerEvent("click", {
+					bubbles: !0,
+					cancelable: !0,
+					composed: !0,
+					pointerId: -1,
+					pointerType: "",
+					altKey: t,
+					ctrlKey: n,
+					metaKey: r,
+					shiftKey: i
+				}));
+			}, this.internals.states.add("button"), !r) {
+				this.setupBaseEventHandlers();
+				let e = { passive: !0 };
+				this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (e) => {
+					(e.key === "Enter" || e.key === "\n") && this._dispatchClickEvent(e);
+				}, e);
+			}
+		}
+		attributeChangedCallback(e, t, n) {
+			(!["name", "value"].includes(e) || t !== n) && super.attributeChangedCallback(e, t, n);
+		}
+		static {
+			n(l, s);
+		}
+	};
+	return l;
+})(), u = (() => {
+	let e = l, r = [], o, c = [], u = [], d, f;
+	return class extends e {
+		static {
+			let n = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+			o = [a(), i()], d = [i()], f = [i()], t(this, null, o, {
+				kind: "accessor",
+				name: "value",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "value" in e,
+					get: (e) => e.value,
+					set: (e, t) => {
+						e.value = t;
+					}
+				},
+				metadata: n
+			}, c, u), t(this, null, d, {
+				kind: "setter",
+				name: "type",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "type" in e,
+					set: (e, t) => {
+						e.type = t;
+					}
+				},
+				metadata: n
+			}, null, r), t(this, null, f, {
+				kind: "setter",
+				name: "form",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "form" in e,
+					set: (e, t) => {
+						e.form = t;
+					}
+				},
+				metadata: n
+			}, null, r), n && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: n
+			});
+		}
+		#e;
+		get value() {
+			return this.#e;
+		}
+		set value(e) {
+			this.#e = e;
+		}
+		set type(e) {
+			this.setAttribute("type", `${e}`);
+		}
+		get type() {
+			return this.getAttribute("type") ?? "button";
+		}
+		set form(e) {
+			this._formId = e, this.form?.addEventListener("keydown", this._formKeyDown, { capture: !0 });
+		}
+		get form() {
+			return this._formId ? this.getRootNode?.()?.getElementById?.(this._formId) ?? null : this.internals.form;
+		}
+		constructor() {
+			super(), this._elementsOnWhichEnterPressTriggersSubmit = (n(this, r), [
+				"input",
+				"sbb-date-input",
+				"sbb-time-input"
+			]), this.#e = n(this, c, ""), this._formId = (n(this, u), ""), this._handleButtonClick = async (e) => {
+				if (this.type === "button" || await s(e)) return;
+				let t = this.form;
+				if (t) this.type === "submit" ? this._requestSubmit(t) : this.type === "reset" && t.reset();
+				else return;
+			}, this._formKeyDown = (e) => {
+				let t = this.form;
+				this.type === "submit" && t && (e.key === "Enter" || e.key === "\n") && this._elementsOnWhichEnterPressTriggersSubmit.includes(e.target?.localName) && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault(), e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type, e)) && !this.matches(":disabled") && this._requestSubmit(t));
+			}, this.addEventListener("click", this._handleButtonClick);
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.form?.addEventListener("keydown", this._formKeyDown, { capture: !0 });
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback(), this.form?.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
+		}
+		_requestSubmit(e) {
+			let t = document.createElement("button");
+			t.inert = !0, t.hidden = !0, t.name = this.name, t.value = this.value ?? "", e.append(t), e.requestSubmit(t), t.remove();
+		}
+		formResetCallback() {}
+		formStateRestoreCallback(e, t) {}
+		updateFormValue() {}
+	};
+})();
+//#endregion
+export { u as SbbButtonBaseElement, l as SbbButtonLikeBaseElement };

package/core/base-elements/element.js

@@ -0,0 +1,30 @@
+import { LitElement as e } from "lit";
+import { SbbElementInternalsMixin as t } from "../mixins/element-internals-mixin.js";
+import { SbbHydrationMixin as n } from "../mixins/hydration-mixin.js";
+//#region src/elements/core/base-elements/element.ts
+var r = class extends n(t(e)) {
+	static {
+		this._$sbbElement$ = !0;
+	}
+	static define(e = customElements) {
+		if (!this.elementName) throw Error(`The static property "elementName" is not defined on ${this.name}. Please define it to register the custom element.`);
+		e.get(this.elementName) || (e.define(this.elementName, this), this.finalize());
+	}
+	addController(e) {
+		super.addController(e), (this._controllers ??= /* @__PURE__ */ new Set()).add(e);
+	}
+	removeController(e) {
+		super.removeController(e), this._controllers?.delete(e);
+	}
+	requestUpdate(e, t, n, r, i) {
+		if (super.requestUpdate(e, t, n, r, i), e) {
+			let a = {
+				oldValue: t,
+				value: r ? i : this[e]
+			};
+			this._controllers?.forEach((t) => t.hostPropertyUpdate?.(e, a, n));
+		}
+	}
+};
+//#endregion
+export { r as SbbElement };

package/core/base-elements/link-base-element.js

@@ -0,0 +1,194 @@
+import { SbbActionBaseElement as e } from "./action-base-element.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { html as r, isServer as i, nothing as a } from "lit";
+import { property as o } from "lit/decorators.js";
+import { forceType as s, omitEmptyConverter as c } from "../decorators.js";
+import { SbbLanguageController as l } from "../controllers.js";
+import { i18nTargetOpensInNewWindow as u } from "../i18n.js";
+//#region src/elements/core/base-elements/link-base-element.ts
+var d = (() => {
+	let d = e, f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [];
+	return class extends d {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+			f = [s(), o({
+				reflect: !0,
+				converter: c
+			})], h = [s(), o({
+				reflect: !0,
+				converter: c
+			})], v = [s(), o({
+				reflect: !0,
+				converter: c
+			})], x = [s(), o({
+				type: Boolean,
+				reflect: !0
+			})], w = [s(), o({ attribute: "accessibility-label" })], D = [s(), o({ attribute: "accessibility-current" })], t(this, null, f, {
+				kind: "accessor",
+				name: "href",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "href" in e,
+					get: (e) => e.href,
+					set: (e, t) => {
+						e.href = t;
+					}
+				},
+				metadata: e
+			}, p, m), t(this, null, h, {
+				kind: "accessor",
+				name: "target",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "target" in e,
+					get: (e) => e.target,
+					set: (e, t) => {
+						e.target = t;
+					}
+				},
+				metadata: e
+			}, g, _), t(this, null, v, {
+				kind: "accessor",
+				name: "rel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "rel" in e,
+					get: (e) => e.rel,
+					set: (e, t) => {
+						e.rel = t;
+					}
+				},
+				metadata: e
+			}, y, b), t(this, null, x, {
+				kind: "accessor",
+				name: "download",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "download" in e,
+					get: (e) => e.download,
+					set: (e, t) => {
+						e.download = t;
+					}
+				},
+				metadata: e
+			}, S, C), t(this, null, w, {
+				kind: "accessor",
+				name: "accessibilityLabel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "accessibilityLabel" in e,
+					get: (e) => e.accessibilityLabel,
+					set: (e, t) => {
+						e.accessibilityLabel = t;
+					}
+				},
+				metadata: e
+			}, T, E), t(this, null, D, {
+				kind: "accessor",
+				name: "accessibilityCurrent",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "accessibilityCurrent" in e,
+					get: (e) => e.accessibilityCurrent,
+					set: (e, t) => {
+						e.accessibilityCurrent = t;
+					}
+				},
+				metadata: e
+			}, O, k), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		#e;
+		get href() {
+			return this.#e;
+		}
+		set href(e) {
+			this.#e = e;
+		}
+		#t;
+		get target() {
+			return this.#t;
+		}
+		set target(e) {
+			this.#t = e;
+		}
+		#n;
+		get rel() {
+			return this.#n;
+		}
+		set rel(e) {
+			this.#n = e;
+		}
+		#r;
+		get download() {
+			return this.#r;
+		}
+		set download(e) {
+			this.#r = e;
+		}
+		#i;
+		get accessibilityLabel() {
+			return this.#i;
+		}
+		set accessibilityLabel(e) {
+			this.#i = e;
+		}
+		#a;
+		get accessibilityCurrent() {
+			return this.#a;
+		}
+		set accessibilityCurrent(e) {
+			this.#a = e;
+		}
+		constructor() {
+			super(), this.#e = n(this, p, ""), this.#t = (n(this, m), n(this, g, "")), this.#n = (n(this, _), n(this, y, "")), this.#r = (n(this, b), n(this, S, !1)), this.#i = (n(this, C), n(this, T, "")), this.#a = (n(this, E), n(this, O, "")), this.language = (n(this, k), new l(this)), this.anchorRole = null, this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : a, this.internals.states.add("link"), i || this.setupBaseEventHandlers();
+		}
+		focus(e) {
+			this.shadowRoot.querySelector("a")?.focus(e);
+		}
+		blur() {
+			this.shadowRoot.querySelector("a")?.blur();
+		}
+		click() {
+			this.shadowRoot.querySelector("a")?.click();
+		}
+		render() {
+			return this.renderLink(this.renderTemplate());
+		}
+		renderLink(e) {
+			let t = !!this.href && this.target === "_blank";
+			return r`
+      <a
+        class="sbb-action-base ${this.localName}"
+        href=${this.href || a}
+        ?download=${this.download}
+        target=${this.target || a}
+        rel=${this._evaluateRelAttribute()}
+        role=${this.anchorRole || a}
+        aria-label=${this.accessibilityLabel || a}
+        aria-current=${this.accessibilityCurrent || a}
+        tabindex=${this.maybeDisabled && !this.maybeDisabledInteractive ? "-1" : a}
+        aria-disabled=${this.maybeDisabled ? "true" : a}
+        aria-describedby=${t ? "sbb-link-new-window" : a}
+      >
+        ${e}
+      </a>
+      ${t ? r`<span id="sbb-link-new-window" hidden
+            >${u[this.language.current]}</span
+          >` : a}
+    `;
+		}
+	};
+})();
+//#endregion
+export { d as SbbLinkBaseElement };