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

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

@@ -1,127 +1,194 @@
-var W = (i) => {
-  throw TypeError(i);
-};
-var H = (i, s, a) => s.has(i) || W("Cannot " + a);
-var h = (i, s, a) => (H(i, s, "read from private field"), a ? a.call(i) : s.get(i)), d = (i, s, a) => s.has(i) ? W("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), r = (i, s, a, v) => (H(i, s, "write to private field"), v ? v.call(i, a) : s.set(i, a), a);
-import { __esDecorate as m, __runInitializers as c } from "tslib";
-import { nothing as o, isServer as F, html as P } from "lit";
-import { property as p } from "lit/decorators.js";
-import { SbbLanguageController as G } from "../controllers.js";
-import { forceType as w, omitEmptyConverter as $ } from "../decorators.js";
-import { i18nTargetOpensInNewWindow as J } from "../i18n.js";
-import { SbbActionBaseElement as K } from "./action-base-element.js";
-let ee = (() => {
-  var b, u, _, f, g, y, l;
-  let i = K, s, a = [], v = [], z, C = [], k = [], x, I = [], L = [], R, S = [], D = [], q, A = [], N = [], O, T = [], j = [];
-  return l = class extends i {
-    constructor() {
-      super();
-      d(this, b);
-      d(this, u);
-      d(this, _);
-      d(this, f);
-      d(this, g);
-      d(this, y);
-      r(this, b, c(this, a, "")), r(this, u, (c(this, v), c(this, C, ""))), r(this, _, (c(this, k), c(this, I, ""))), r(this, f, (c(this, L), c(this, S, !1))), r(this, g, (c(this, D), c(this, A, ""))), r(this, y, (c(this, N), c(this, T, ""))), this.language = (c(this, j), new G(this)), this.anchorRole = null, this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : o, this.internals.states.add("link"), F || this.setupBaseEventHandlers();
-    }
-    /** The href value you want to link to. */
-    get href() {
-      return h(this, b);
-    }
-    set href(t) {
-      r(this, b, t);
-    }
-    /** Where to display the linked URL. */
-    get target() {
-      return h(this, u);
-    }
-    set target(t) {
-      r(this, u, t);
-    }
-    /** The relationship of the linked URL as space-separated link types. */
-    get rel() {
-      return h(this, _);
-    }
-    set rel(t) {
-      r(this, _, t);
-    }
-    /** Whether the browser will show the download dialog on click. */
-    get download() {
-      return h(this, f);
-    }
-    set download(t) {
-      r(this, f, t);
-    }
-    /** This will be forwarded as aria-label to the inner anchor element. */
-    get accessibilityLabel() {
-      return h(this, g);
-    }
-    set accessibilityLabel(t) {
-      r(this, g, t);
-    }
-    /** This will be forwarded as aria-current to the inner anchor element. */
-    get accessibilityCurrent() {
-      return h(this, y);
-    }
-    set accessibilityCurrent(t) {
-      r(this, y, t);
-    }
-    /** @internal */
-    focus(t) {
-      this.shadowRoot.querySelector("a")?.focus(t);
-    }
-    /** @internal */
-    blur() {
-      this.shadowRoot.querySelector("a")?.blur();
-    }
-    /** @internal */
-    click() {
-      this.shadowRoot.querySelector("a")?.click();
-    }
-    /** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
-    render() {
-      return this.renderLink(this.renderTemplate());
-    }
-    renderLink(t) {
-      const e = !!this.href && this.target === "_blank";
-      return P`
+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 || o}
+        href=${this.href || a}
         ?download=${this.download}
-        target=${this.target || o}
+        target=${this.target || a}
         rel=${this._evaluateRelAttribute()}
-        role=${this.anchorRole || o}
-        aria-label=${this.accessibilityLabel || o}
-        aria-current=${this.accessibilityCurrent || o}
-        tabindex=${this.maybeDisabled && !this.maybeDisabledInteractive ? "-1" : o}
-        aria-disabled=${this.maybeDisabled ? "true" : o}
-        aria-describedby=${e ? "sbb-link-new-window" : o}
+        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}
       >
-        ${t}
+        ${e}
       </a>
-      ${e ? P`<span id="sbb-link-new-window" hidden
-            >${J[this.language.current]}</span
-          >` : o}
+      ${t ? r`<span id="sbb-link-new-window" hidden
+            >${u[this.language.current]}</span
+          >` : a}
     `;
-    }
-  }, b = new WeakMap(), u = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), g = new WeakMap(), y = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    s = [w(), p({ reflect: !0, converter: $ })], z = [w(), p({ reflect: !0, converter: $ })], x = [w(), p({ reflect: !0, converter: $ })], R = [w(), p({ type: Boolean, reflect: !0 })], q = [w(), p({ attribute: "accessibility-label" })], O = [w(), p({ attribute: "accessibility-current" })], m(l, null, s, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (e) => "href" in e, get: (e) => e.href, set: (e, n) => {
-      e.href = n;
-    } }, metadata: t }, a, v), m(l, null, z, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (e) => "target" in e, get: (e) => e.target, set: (e, n) => {
-      e.target = n;
-    } }, metadata: t }, C, k), m(l, null, x, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (e) => "rel" in e, get: (e) => e.rel, set: (e, n) => {
-      e.rel = n;
-    } }, metadata: t }, I, L), m(l, null, R, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (e) => "download" in e, get: (e) => e.download, set: (e, n) => {
-      e.download = n;
-    } }, metadata: t }, S, D), m(l, null, q, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (e) => "accessibilityLabel" in e, get: (e) => e.accessibilityLabel, set: (e, n) => {
-      e.accessibilityLabel = n;
-    } }, metadata: t }, A, N), m(l, null, O, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (e) => "accessibilityCurrent" in e, get: (e) => e.accessibilityCurrent, set: (e, n) => {
-      e.accessibilityCurrent = n;
-    } }, metadata: t }, T, j), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l;
+		}
+	};
 })();
-export {
-  ee as SbbLinkBaseElement
-};
+//#endregion
+export { d as SbbLinkBaseElement };

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

@@ -1,43 +1,41 @@
-import { SbbElement as n } from "./element.js";
-const e = class e extends n {
-  /** The state of the component. */
-  set state(s) {
-    this._state && this.internals.states.delete(`state-${this._state}`), this._state = s, this._state && this.internals.states.add(`state-${this._state}`);
-  }
-  get state() {
-    return this._state;
-  }
-  /** Whether the element is open. */
-  get isOpen() {
-    return this.state === "opened";
-  }
-  constructor() {
-    super(), 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 }));
-  }
-  dispatchOpenEvent() {
-    return this.dispatchEvent(new Event("open"));
-  }
-  dispatchBeforeCloseEvent() {
-    return this.dispatchEvent(new Event("beforeclose", { cancelable: !0 }));
-  }
-  dispatchCloseEvent() {
-    return this.dispatchEvent(new Event("close"));
-  }
-};
-e.events = {
-  beforeopen: "beforeopen",
-  open: "open",
-  beforeclose: "beforeclose",
-  close: "close"
-};
-let t = e;
-export {
-  t as SbbOpenCloseBaseElement
+import { SbbElement as e } from "./element.js";
+//#region src/elements/core/base-elements/open-close-base-element.ts
+var t = class extends e {
+	static {
+		this.events = {
+			beforeopen: "beforeopen",
+			open: "open",
+			beforeclose: "beforeclose",
+			close: "close"
+		};
+	}
+	set state(e) {
+		this._state && this.internals.states.delete(`state-${this._state}`), this._state = e, this._state && this.internals.states.add(`state-${this._state}`);
+	}
+	get state() {
+		return this._state;
+	}
+	get isOpen() {
+		return this.state === "opened";
+	}
+	constructor() {
+		super(), this.state = "closed";
+	}
+	escapeStrategy() {
+		this.close();
+	}
+	dispatchBeforeOpenEvent() {
+		return this.dispatchEvent(new Event("beforeopen", { cancelable: !0 }));
+	}
+	dispatchOpenEvent() {
+		return this.dispatchEvent(new Event("open"));
+	}
+	dispatchBeforeCloseEvent() {
+		return this.dispatchEvent(new Event("beforeclose", { cancelable: !0 }));
+	}
+	dispatchCloseEvent() {
+		return this.dispatchEvent(new Event("close"));
+	}
 };
+//#endregion
+export { t as SbbOpenCloseBaseElement };

package/core/base-elements.js

@@ -1,13 +1,6 @@
-import { SbbActionBaseElement as o } from "./base-elements/action-base-element.js";
-import { SbbButtonBaseElement as m, SbbButtonLikeBaseElement as n } from "./base-elements/button-base-element.js";
-import { SbbElement as l } from "./base-elements/element.js";
-import { SbbLinkBaseElement as p } from "./base-elements/link-base-element.js";
-import { SbbOpenCloseBaseElement as E } from "./base-elements/open-close-base-element.js";
-export {
-  o as SbbActionBaseElement,
-  m as SbbButtonBaseElement,
-  n as SbbButtonLikeBaseElement,
-  l as SbbElement,
-  p as SbbLinkBaseElement,
-  E as SbbOpenCloseBaseElement
-};
+import { SbbElement as e } from "./base-elements/element.js";
+import { SbbActionBaseElement as t } from "./base-elements/action-base-element.js";
+import { SbbButtonBaseElement as n, SbbButtonLikeBaseElement as r } from "./base-elements/button-base-element.js";
+import { SbbLinkBaseElement as i } from "./base-elements/link-base-element.js";
+import { SbbOpenCloseBaseElement as a } from "./base-elements/open-close-base-element.js";
+export { t as SbbActionBaseElement, n as SbbButtonBaseElement, r as SbbButtonLikeBaseElement, e as SbbElement, i as SbbLinkBaseElement, a as SbbOpenCloseBaseElement };

package/core/config/config.js

@@ -1,11 +1,10 @@
-function o() {
-  return "sbbConfig" in globalThis || (globalThis.sbbConfig = {}), globalThis.sbbConfig;
+//#region src/elements/core/config/config.ts
+function e() {
+	return "sbbConfig" in globalThis || (globalThis.sbbConfig = {}), globalThis.sbbConfig;
 }
-function g(i) {
-  const n = o();
-  Object.assign(n, i);
+function t(t) {
+	let n = e();
+	Object.assign(n, t);
 }
-export {
-  g as mergeConfig,
-  o as readConfig
-};
+//#endregion
+export { t as mergeConfig, e as readConfig };

package/core/config.js

@@ -1,5 +1,2 @@
-import { mergeConfig as r, readConfig as f } from "./config/config.js";
-export {
-  r as mergeConfig,
-  f as readConfig
-};
+import { mergeConfig as e, readConfig as t } from "./config/config.js";
+export { e as mergeConfig, t as readConfig };

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

@@ -1,27 +1,25 @@
-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)?.escapeStrategy());
+import { isServer as e } from "lit";
+//#region src/elements/core/controllers/escapable-overlay-controller.ts
+var t = [];
+e || window.addEventListener("keydown", (e) => {
+	e.key === "Escape" && !e.defaultPrevented && (e.preventDefault(), t.at(-1)?.escapeStrategy());
 });
-class c {
-  constructor(e, s = o) {
-    this._host = e, this._overlayStack = s, this._host.addController?.(this);
-  }
-  hostDisconnected() {
-    this.disconnect();
-  }
-  // This must be called when the overlay is opened
-  connect() {
-    this.disconnect(), this._overlayStack.push(this._host);
-  }
-  // This must be called when the overlay is closed
-  disconnect() {
-    if (this._overlayStack.length) {
-      const e = this._overlayStack.findIndex((s) => s === this._host);
-      e !== -1 && this._overlayStack.splice(e, 1);
-    }
-  }
-}
-export {
-  c as SbbEscapableOverlayController
+var n = class {
+	constructor(e, n = t) {
+		this._host = e, this._overlayStack = n, this._host.addController?.(this);
+	}
+	hostDisconnected() {
+		this.disconnect();
+	}
+	connect() {
+		this.disconnect(), this._overlayStack.push(this._host);
+	}
+	disconnect() {
+		if (this._overlayStack.length) {
+			let e = this._overlayStack.findIndex((e) => e === this._host);
+			e !== -1 && this._overlayStack.splice(e, 1);
+		}
+	}
 };
+//#endregion
+export { n as SbbEscapableOverlayController };

package/core/controllers/id-reference-controller.js

@@ -1,60 +1,51 @@
-import { isServer as d } from "lit";
-const h = /* @__PURE__ */ new WeakMap();
-class _ {
-  constructor(t, r, i = h) {
-    this._host = t, this._idRef = r, this._observers = i, this._rootNode = null, this._host.addController(this);
-  }
-  hostConnected() {
-    if (d)
-      return;
-    this._rootNode = this._host.getRootNode();
-    const t = this._observers.get(this._rootNode);
-    if (t)
-      t.controllers.add(this);
-    else {
-      const r = /* @__PURE__ */ new Set([this]), i = new MutationObserver((n) => {
-        const s = /* @__PURE__ */ new Set();
-        for (const e of n)
-          if (e.type === "attributes")
-            s.add(e.oldValue), s.add(e.target.id);
-          else if (e.type === "childList")
-            for (const o of [...e.addedNodes, ...e.removedNodes])
-              o instanceof HTMLElement && (s.add(o.id), o.querySelectorAll("[id]").forEach((l) => s.add(l.id)));
-        for (const e of r) {
-          const o = e._host[e._idRef];
-          o && typeof o == "string" && s.has(o) && e._host.requestUpdate();
-        }
-      });
-      i.observe(this._rootNode, {
-        attributeFilter: ["id"],
-        childList: !0,
-        subtree: !0,
-        attributeOldValue: !0
-      }), this._observers.set(this._rootNode, { observer: i, controllers: r });
-    }
-  }
-  hostDisconnected() {
-    if (d || !this._rootNode)
-      return;
-    const t = this._observers.get(this._rootNode);
-    if (!t) {
-      this._rootNode = null;
-      return;
-    }
-    t.controllers.delete(this), t.controllers.size === 0 && (t.observer.disconnect(), this._observers.delete(this._rootNode)), this._rootNode = null;
-  }
-  /**
-   * Find the element by id in the current document fragment
-   */
-  find() {
-    if (d || !this._rootNode)
-      return null;
-    {
-      const t = this._host[this._idRef];
-      return typeof t == "string" ? this._rootNode?.getElementById(t) : null;
-    }
-  }
-}
-export {
-  _ as SbbIdReferenceController
+import { isServer as e } from "lit";
+//#region src/elements/core/controllers/id-reference-controller.ts
+var t = /* @__PURE__ */ new WeakMap(), n = class {
+	constructor(e, n, r = t) {
+		this._host = e, this._idRef = n, this._observers = r, this._rootNode = null, this._host.addController(this);
+	}
+	hostConnected() {
+		if (e) return;
+		this._rootNode = this._host.getRootNode();
+		let t = this._observers.get(this._rootNode);
+		if (t) t.controllers.add(this);
+		else {
+			let e = new Set([this]), t = new MutationObserver((t) => {
+				let n = /* @__PURE__ */ new Set();
+				for (let e of t) if (e.type === "attributes") n.add(e.oldValue), n.add(e.target.id);
+				else if (e.type === "childList") for (let t of [...e.addedNodes, ...e.removedNodes]) t instanceof HTMLElement && (n.add(t.id), t.querySelectorAll("[id]").forEach((e) => n.add(e.id)));
+				for (let t of e) {
+					let e = t._host[t._idRef];
+					e && typeof e == "string" && n.has(e) && t._host.requestUpdate();
+				}
+			});
+			t.observe(this._rootNode, {
+				attributeFilter: ["id"],
+				childList: !0,
+				subtree: !0,
+				attributeOldValue: !0
+			}), this._observers.set(this._rootNode, {
+				observer: t,
+				controllers: e
+			});
+		}
+	}
+	hostDisconnected() {
+		if (e || !this._rootNode) return;
+		let t = this._observers.get(this._rootNode);
+		if (!t) {
+			this._rootNode = null;
+			return;
+		}
+		t.controllers.delete(this), t.controllers.size === 0 && (t.observer.disconnect(), this._observers.delete(this._rootNode)), this._rootNode = null;
+	}
+	find() {
+		if (e || !this._rootNode) return null;
+		{
+			let e = this._host[this._idRef];
+			return typeof e == "string" ? this._rootNode?.getElementById(e) : null;
+		}
+	}
 };
+//#endregion
+export { n as SbbIdReferenceController };