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

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

@@ -1,194 +1,127 @@
-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`
+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`
       <a
         class="sbb-action-base ${this.localName}"
-        href=${this.href || a}
+        href=${this.href || o}
         ?download=${this.download}
-        target=${this.target || a}
+        target=${this.target || o}
         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}
+        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}
       >
-        ${e}
+        ${t}
       </a>
-      ${t ? r`<span id="sbb-link-new-window" hidden
-            >${u[this.language.current]}</span
-          >` : a}
+      ${e ? P`<span id="sbb-link-new-window" hidden
+            >${J[this.language.current]}</span
+          >` : o}
     `;
-		}
-	};
+    }
+  }, 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;
 })();
-//#endregion
-export { d as SbbLinkBaseElement };
+export {
+  ee as SbbLinkBaseElement
+};

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

@@ -1,41 +1,43 @@
-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"));
-	}
+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
 };
-//#endregion
-export { t as SbbOpenCloseBaseElement };

package/core/base-elements.js

@@ -1,6 +1,13 @@
-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 };
+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
+};

package/core/config/config.js

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

package/core/config.js

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

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

@@ -1,25 +1,27 @@
-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());
+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());
 });
-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);
-		}
-	}
+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
 };
-//#endregion
-export { n as SbbEscapableOverlayController };

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

@@ -1,51 +1,60 @@
-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;
-		}
-	}
+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
 };
-//#endregion
-export { n as SbbIdReferenceController };