@sbb-esta/lyne-elements 2.1.0 → 2.3.0

package/icon.js

@@ -4,7 +4,7 @@ var T = (t) => {
 var M = (t, e, i) => e.has(t) || T("Cannot " + i);
 var I = (t, e, i) => (M(t, e, "read from private field"), i ? i.call(t) : e.get(t)), N = (t, e, i) => e.has(t) ? T("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), _ = (t, e, i, a) => (M(t, e, "write to private field"), a ? a.call(t, i) : e.set(t, i), i);
 import { __esDecorate as v, __runInitializers as d } from "tslib";
-import { isServer as P, css as B, html as C, LitElement as F, nothing as O } from "lit";
+import { isServer as P, css as B, LitElement as F, html as C, nothing as O } from "lit";
 import { state as x, property as L, customElement as V } from "lit/decorators.js";
 import { hostAttributes as G, forceType as E, omitEmptyConverter as D } from "./core/decorators.js";
 import { unsafeHTML as J } from "lit/directives/unsafe-html.js";
@@ -32,15 +32,15 @@ const R = (t) => typeof t == "string", q = (t) => {
   const c = a.firstElementChild;
   return c && c.nodeName.toLowerCase() === "svg" && (i && !c.classList.contains("color-immutable") && c.classList.add("color-immutable"), e === !1 || q(c)) ? a.innerHTML : "";
 }, U = "https://icons.app.sbb.ch/", X = (/* @__PURE__ */ new Map()).set("default", `${U}icons/`).set("picto", `${U}picto/`), j = /* @__PURE__ */ new Map(), Y = (t, e, i) => {
-  var m;
-  const a = Q().icon ?? {}, c = ((m = a.namespaces) == null ? void 0 : m.get(t)) ?? X.get(t);
+  var u;
+  const a = Q().icon ?? {}, c = ((u = a.namespaces) == null ? void 0 : u.get(t)) ?? X.get(t);
   if (c == null)
     throw Error(`Unable to find the namespace "${t}". Please register your custom namespace.`);
   const l = `${c}${e}.svg`;
-  let u = j.get(l);
-  if (!u)
+  let m = j.get(l);
+  if (!m)
     if (typeof fetch < "u" && !P)
-      u = (a.interceptor ?? ((h) => h.request()))({
+      m = (a.interceptor ?? ((h) => h.request()))({
         namespace: t,
         name: e,
         url: l,
@@ -51,24 +51,24 @@ const R = (t) => typeof t == "string", q = (t) => {
         }).catch((h) => {
           throw Error(h);
         })
-      }), j.set(l, u);
+      }), j.set(l, m);
     else
       return Promise.resolve("");
-  return u;
+  return m;
 }, Z = B`*,:before,:after{box-sizing:border-box}:host{display:inline-block;line-height:0;-webkit-tap-highlight-color:transparent}:host([data-empty]){--sbb-icon-default-dimension: 0}:host([data-empty][data-namespace=default][name$=-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-small)}:host([data-empty][data-namespace=default][name$=-medium]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-medium)}:host([data-empty][data-namespace=default][name$=-large]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-large)}svg{width:var(--sbb-icon-svg-width, var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height, var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentcolor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentcolor}`, k = "default";
 let tt = (() => {
   var z, A, r, s;
   let t = [G({
     "data-namespace": k,
     "data-empty": ""
-  })], e, i = [], a, c = F, l, u = [], m = [], w, h = [], g = [], b, f = [], p = [];
+  })], e, i = [], a, c = F, l, m = [], u = [], w, h = [], g = [], b, p = [], f = [];
   return s = class extends c {
     constructor() {
       super(...arguments);
-      N(this, z, d(this, u, k));
-      N(this, A, (d(this, m), d(this, h, null)));
-      N(this, r, (d(this, g), d(this, f, !1)));
-      d(this, p);
+      N(this, z, d(this, m, k));
+      N(this, A, (d(this, u), d(this, h, null)));
+      N(this, r, (d(this, g), d(this, p, !1)));
+      d(this, f);
     }
     get _svgNamespace() {
       return I(this, z);
@@ -142,21 +142,21 @@ let tt = (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
     l = [x()], w = [x()], b = [E(), L({ attribute: "no-sanitize", type: Boolean })], v(s, null, l, { kind: "accessor", name: "_svgNamespace", static: !1, private: !1, access: { has: (n) => "_svgNamespace" in n, get: (n) => n._svgNamespace, set: (n, S) => {
       n._svgNamespace = S;
-    } }, metadata: o }, u, m), v(s, null, w, { kind: "accessor", name: "_svgIcon", static: !1, private: !1, access: { has: (n) => "_svgIcon" in n, get: (n) => n._svgIcon, set: (n, S) => {
+    } }, metadata: o }, m, u), v(s, null, w, { kind: "accessor", name: "_svgIcon", static: !1, private: !1, access: { has: (n) => "_svgIcon" in n, get: (n) => n._svgIcon, set: (n, S) => {
       n._svgIcon = S;
     } }, metadata: o }, h, g), v(s, null, b, { kind: "accessor", name: "noSanitize", static: !1, private: !1, access: { has: (n) => "noSanitize" in n, get: (n) => n.noSanitize, set: (n, S) => {
       n.noSanitize = S;
-    } }, metadata: o }, f, p), v(null, e = { value: a }, t, { kind: "class", name: a.name, metadata: o }, null, i), a = e.value, o && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+    } }, metadata: o }, p, f), v(null, e = { value: a }, t, { kind: "class", name: a.name, metadata: o }, null, i), a = e.value, o && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
   })(), s.styles = Z, d(a, i), a;
 })(), ct = (() => {
-  var b, f, p;
-  let t = [V("sbb-icon")], e, i = [], a, c = tt, l, u = [], m = [], w, h = [], g = [];
-  return p = class extends c {
+  var b, p, f;
+  let t = [V("sbb-icon")], e, i = [], a, c = tt, l, m = [], u = [], w, h = [], g = [];
+  return f = class extends c {
     constructor() {
       super(...arguments);
       N(this, b);
-      N(this, f);
-      _(this, b, d(this, u, "")), this._defaultAriaLabel = (d(this, m), ""), _(this, f, d(this, h, !1)), d(this, g);
+      N(this, p);
+      _(this, b, d(this, m, "")), this._defaultAriaLabel = (d(this, u), ""), _(this, p, d(this, h, !1)), d(this, g);
     }
     /**
      * We need to additionally observe the svgicon attribute
@@ -183,10 +183,10 @@ let tt = (() => {
      * components) we need to check whether the attribute svgicon is used.
      */
     get _sbbAngularCompatibility() {
-      return I(this, f);
+      return I(this, p);
     }
     set _sbbAngularCompatibility(r) {
-      _(this, f, r);
+      _(this, p, r);
     }
     async fetchSvgIcon(r, s) {
       return this.getAttribute("aria-label") === this._defaultAriaLabel && this.removeAttribute("aria-label"), this._defaultAriaLabel = `Icon ${s.replace(/-/g, " ")}`, this.getAttribute("aria-hidden") === "false" && !this.hasAttribute("aria-label") && s && this.setAttribute("aria-label", this._defaultAriaLabel), super.fetchSvgIcon(r, s);
@@ -203,22 +203,22 @@ let tt = (() => {
     render() {
       return this._sbbAngularCompatibility ? C`<slot></slot>` : super.render();
     }
-  }, b = new WeakMap(), f = new WeakMap(), a = p, (() => {
+  }, b = new WeakMap(), p = new WeakMap(), a = f, (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    l = [E(), L({ reflect: !0, converter: D })], w = [x()], v(p, null, l, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (s) => "name" in s, get: (s) => s.name, set: (s, y) => {
+    l = [E(), L({ reflect: !0, converter: D })], w = [x()], v(f, null, l, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (s) => "name" in s, get: (s) => s.name, set: (s, y) => {
       s.name = y;
-    } }, metadata: r }, u, m), v(p, null, w, { kind: "accessor", name: "_sbbAngularCompatibility", static: !1, private: !1, access: { has: (s) => "_sbbAngularCompatibility" in s, get: (s) => s._sbbAngularCompatibility, set: (s, y) => {
+    } }, metadata: r }, m, u), v(f, null, w, { kind: "accessor", name: "_sbbAngularCompatibility", static: !1, private: !1, access: { has: (s) => "_sbbAngularCompatibility" in s, get: (s) => s._sbbAngularCompatibility, set: (s, y) => {
       s._sbbAngularCompatibility = y;
     } }, metadata: r }, h, g), v(null, e = { value: a }, t, { kind: "class", name: a.name, metadata: r }, null, i), a = e.value, r && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r }), d(a, i);
   })(), a;
 })();
-const ut = (t) => (() => {
-  var u, m;
+const mt = (t) => (() => {
+  var m, u;
   let i = t, a, c = [], l = [];
-  return m = class extends i {
+  return u = class extends i {
     constructor() {
       super(...arguments);
-      N(this, u, d(this, c, ""));
+      N(this, m, d(this, c, ""));
       d(this, l);
     }
     /**
@@ -227,10 +227,10 @@ const ut = (t) => (() => {
      * https://icons.app.sbb.ch.
      */
     get iconName() {
-      return I(this, u);
+      return I(this, m);
     }
     set iconName(g) {
-      _(this, u, g);
+      _(this, m, g);
     }
     renderIconSlot(g) {
       return C`
@@ -239,17 +239,17 @@ const ut = (t) => (() => {
         </slot>
       `;
     }
-  }, u = new WeakMap(), (() => {
+  }, m = new WeakMap(), (() => {
     const g = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    a = [E(), L({ attribute: "icon-name", reflect: !0, converter: D })], v(m, null, a, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (b) => "iconName" in b, get: (b) => b.iconName, set: (b, f) => {
-      b.iconName = f;
-    } }, metadata: g }, c, l), g && Object.defineProperty(m, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: g });
-  })(), m;
+    a = [E(), L({ attribute: "icon-name", reflect: !0, converter: D })], v(u, null, a, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (b) => "iconName" in b, get: (b) => b.iconName, set: (b, p) => {
+      b.iconName = p;
+    } }, metadata: g }, c, l), g && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: g });
+  })(), u;
 })();
 export {
   tt as SbbIconBase,
   ct as SbbIconElement,
-  ut as SbbIconNameMixin,
+  mt as SbbIconNameMixin,
   Y as getSvgContent,
   q as isValid,
   W as validateContent

package/image.js

@@ -4,8 +4,8 @@ var _e = (r) => {
 var ke = (r, o, l) => o.has(r) || _e("Cannot " + l);
 var h = (r, o, l) => (ke(r, o, "read from private field"), l ? l.call(r) : o.get(r)), u = (r, o, l) => o.has(r) ? _e("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, l), s = (r, o, l, d) => (ke(r, o, "write to private field"), d ? d.call(r, l) : o.set(r, l), l);
 import { __esDecorate as p, __runInitializers as a } from "tslib";
-import { S as Se, a as ye, b as ze, c as ve, d as xe, e as Me, f as $e, g as we, h as Le, i as Ie, j as Ce, k as Fe, l as De, m as Be, n as Ee } from "./sbb-tokens-Dx20OtVg.js";
-import { css as Qe, html as Q, nothing as F, LitElement as qe } from "lit";
+import { S as Se, a as ye, b as ze, c as ve, d as xe, e as Me, f as $e, g as we, h as Le, i as Ie, j as Ce, k as Fe, l as De, m as Be, n as Ee } from "./sbb-tokens-BgDF8jIh.js";
+import { css as Qe, LitElement as qe, nothing as F, html as Q } from "lit";
 import { customElement as Oe, property as g, eventOptions as Te } from "lit/decorators.js";
 import { forceType as b } from "./core/decorators.js";
 const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block;border-radius:var(--sbb-border-radius-4x);overflow:hidden}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;top:0;right:0;bottom:0;left:0}:host([data-loaded]) .sbb-image__blurred{opacity:0}picture{display:contents}:is(.sbb-image__img,.sbb-image__blurred){width:100%;height:100%;object-fit:var(--sbb-image-object-fit);object-position:var(--sbb-image-object-position);transition:opacity var(--sbb-image-animation-duration) var(--sbb-animation-easing)}.sbb-image__wrapper{display:flex;position:relative;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio)}`, Ye = (r) => {
@@ -35,20 +35,20 @@ const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ra
   once: !0,
   passive: !0
 }, m = (r) => r / Se, Ue = {
-  "sbb-breakpoint-zero-min": m(ye),
-  "sbb-breakpoint-zero-max": m(ze),
-  "sbb-breakpoint-micro-min": m(ve),
-  "sbb-breakpoint-micro-max": m(xe),
-  "sbb-breakpoint-small-min": m(Me),
-  "sbb-breakpoint-small-max": m($e),
-  "sbb-breakpoint-medium-min": m(we),
-  "sbb-breakpoint-medium-max": m(Le),
-  "sbb-breakpoint-large-min": m(Ie),
-  "sbb-breakpoint-large-max": m(Ce),
-  "sbb-breakpoint-wide-min": m(Fe),
-  "sbb-breakpoint-wide-max": m(De),
-  "sbb-breakpoint-ultra-min": m(Be),
-  "sbb-breakpoint-ultra-max": m(Ee)
+  "sbb-breakpoint-zero-min": m(Ee),
+  "sbb-breakpoint-zero-max": m(Be),
+  "sbb-breakpoint-micro-min": m(De),
+  "sbb-breakpoint-micro-max": m(Fe),
+  "sbb-breakpoint-small-min": m(Ce),
+  "sbb-breakpoint-small-max": m(Ie),
+  "sbb-breakpoint-medium-min": m(Le),
+  "sbb-breakpoint-medium-max": m(we),
+  "sbb-breakpoint-large-min": m($e),
+  "sbb-breakpoint-large-max": m(Me),
+  "sbb-breakpoint-wide-min": m(xe),
+  "sbb-breakpoint-wide-max": m(ve),
+  "sbb-breakpoint-ultra-min": m(ze),
+  "sbb-breakpoint-ultra-max": m(ye)
 };
 let Ze = (() => {
   var k, P, S, y, z, v, x, M, $, w, L, I, n;

package/journey-header.js

@@ -4,7 +4,7 @@ var O = (i) => {
 var B = (i, s, r) => s.has(i) || O("Cannot " + r);
 var g = (i, s, r) => (B(i, s, "read from private field"), r ? r.call(i) : s.get(i)), p = (i, s, r) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), n = (i, s, r, l) => (B(i, s, "write to private field"), l ? l.call(i, r) : s.set(i, r), r);
 import { __runInitializers as o, __esDecorate as _ } from "tslib";
-import { css as J, LitElement as P, html as F, nothing as H } from "lit";
+import { css as J, LitElement as P, nothing as F, html as H } from "lit";
 import { customElement as R, property as f } from "lit/decorators.js";
 import { SbbLanguageController as q } from "./core/controllers.js";
 import { forceType as v } from "./core/decorators.js";
@@ -72,9 +72,9 @@ let de = (() => {
     }
     render() {
       const t = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
-      return F`
+      return H`
       <sbb-title
-        level=${this.level || H}
+        level=${this.level || F}
         ?negative=${this.negative}
         visual-level=${W.get(this.size)}
       >
@@ -91,9 +91,9 @@ let de = (() => {
               &nbsp;${K[this._language.current]}&nbsp;
             </sbb-screen-reader-only>
             ${this.destination}
-            ${this.roundTrip ? F` <sbb-screen-reader-only>
+            ${this.roundTrip ? H` <sbb-screen-reader-only>
                   ${Q(this.origin)[this._language.current]}
-                </sbb-screen-reader-only>` : H}
+                </sbb-screen-reader-only>` : F}
           </span>
         </span>
       </sbb-title>

package/lead-container.js

@@ -1,13 +1,13 @@
 import { __esDecorate as b, __runInitializers as o } from "tslib";
-import { css as d, html as l, LitElement as c } from "lit";
+import { css as d, LitElement as l, html as c } from "lit";
 import { customElement as m } from "lit/decorators.js";
 const g = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted([slot=image]){display:block;width:100%}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
 let h = (() => {
   var a;
-  let s = [m("sbb-lead-container")], i, r = [], e, t = c;
+  let s = [m("sbb-lead-container")], i, r = [], e, t = l;
   return a = class extends t {
     render() {
-      return l`
+      return c`
       <div class="sbb-lead-container">
         <div class="sbb-lead-container-image">
           <slot name="image"></slot>

package/link/block-link-button.js

@@ -5,11 +5,11 @@ import { SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
 import { SbbBlockLinkCommonElementMixin as u } from "./common.js";
 let k = (() => {
   var e;
-  let i = [s("sbb-block-link-button")], l, n = [], t, o = u(c(b));
-  return e = class extends o {
+  let n = [s("sbb-block-link-button")], l, o = [], t, i = u(c(b));
+  return e = class extends i {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    r(null, l = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, n);
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    r(null, l = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, o);
   })(), t;
 })();
 export {

package/link/block-link-static.js

@@ -1,16 +1,16 @@
-import { __esDecorate as n, __runInitializers as s } from "tslib";
-import { customElement as m } from "lit/decorators.js";
+import { __esDecorate as s, __runInitializers as m } from "tslib";
+import { customElement as n } from "lit/decorators.js";
 import { SbbActionBaseElement as c } from "../core/base-elements.js";
 import { SbbDisabledMixin as b } from "../core/mixins.js";
 import { SbbBlockLinkCommonElementMixin as u } from "./common.js";
 let k = (() => {
-  var t;
-  let o = [m("sbb-block-link-static")], l, i = [], e, r = u(b(c));
-  return t = class extends r {
-  }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    n(null, l = { value: e }, o, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), s(e, i);
-  })(), e;
+  var e;
+  let r = [n("sbb-block-link-static")], l, i = [], t, o = u(b(c));
+  return e = class extends o {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, i);
+  })(), t;
 })();
 export {
   k as SbbBlockLinkStaticElement

package/link/block-link.js

@@ -1,15 +1,15 @@
-import { __esDecorate as o, __runInitializers as m } from "tslib";
-import { customElement as s } from "lit/decorators.js";
+import { __esDecorate as m, __runInitializers as s } from "tslib";
+import { customElement as n } from "lit/decorators.js";
 import { SbbLinkBaseElement as c } from "../core/base-elements.js";
 import { SbbDisabledMixin as b } from "../core/mixins.js";
 import { SbbBlockLinkCommonElementMixin as u } from "./common.js";
 let k = (() => {
   var t;
-  let n = [s("sbb-block-link")], l, i = [], e, r = u(b(c));
+  let o = [n("sbb-block-link")], l, i = [], e, r = u(b(c));
   return t = class extends r {
   }, e = t, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    o(null, l = { value: e }, n, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(e, i);
+    m(null, l = { value: e }, o, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), s(e, i);
   })(), e;
 })();
 export {

package/link/common.js

@@ -1,23 +1,23 @@
 var _ = (t) => {
   throw TypeError(t);
 };
-var z = (t, i, e) => i.has(t) || _("Cannot " + e);
-var h = (t, i, e) => (z(t, i, "read from private field"), e ? e.call(t) : i.get(t)), f = (t, i, e) => i.has(t) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), v = (t, i, e, r) => (z(t, i, "write to private field"), r ? r.call(t, e) : i.set(t, e), e);
-import { __esDecorate as p, __runInitializers as m } from "tslib";
+var z = (t, o, e) => o.has(t) || _("Cannot " + e);
+var h = (t, o, e) => (z(t, o, "read from private field"), e ? e.call(t) : o.get(t)), f = (t, o, e) => o.has(t) ? _("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, e), v = (t, o, e, a) => (z(t, o, "write to private field"), a ? a.call(t, e) : o.set(t, e), e);
+import { __esDecorate as x, __runInitializers as m } from "tslib";
 import { property as S } from "lit/decorators.js";
 import { html as w } from "lit/static-html.js";
 import { SbbIconNameMixin as I } from "../icon.js";
 import { hostAttributes as M, slotState as j } from "../core/decorators.js";
 import { isLean as B } from "../core/dom.js";
 import { SbbNegativeMixin as E } from "../core/mixins.js";
-import { css as g } from "lit";
-const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([data-button]){--sbb-link-color-normal: ButtonText;--sbb-link-color-hover: ButtonText;--sbb-link-color-active: ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);text-decoration:var(--sbb-link-text-decoration, underline);-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover: hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration:var(--sbb-link-hover-text-decoration, underline)}}:host(:is(:active,[data-active]):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (t) => (() => {
-  var a, o;
-  let e = [M({ "data-sbb-link": "" }), j()], r, c = [], n, l = E(t), s, x = [], u = [];
-  return o = class extends l {
+import { css as p } from "lit";
+const g = p`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([data-button]){--sbb-link-color-normal: ButtonText;--sbb-link-color-hover: ButtonText;--sbb-link-color-active: ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover: hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration-line:var(--sbb-link-hover-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color-hover)}}:host(:is(:active,[data-active]):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (t) => (() => {
+  var r, i;
+  let e = [M({ "data-sbb-link": "" }), j()], a, c = [], n, l = E(t), s, k = [], u = [];
+  return i = class extends l {
     constructor() {
       super(...arguments);
-      f(this, a, m(this, x, B() ? "xs" : "s"));
+      f(this, r, m(this, k, B() ? "xs" : "s"));
       m(this, u);
     }
     /**
@@ -26,23 +26,23 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
      * @default 's' / 'xs' (lean)
      */
     get size() {
-      return h(this, a);
+      return h(this, r);
     }
     set size(b) {
-      v(this, a, b);
+      v(this, r, b);
     }
     renderTemplate() {
       return w`<slot></slot>`;
     }
-  }, a = new WeakMap(), n = o, (() => {
+  }, r = new WeakMap(), n = i, (() => {
     const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    s = [S({ reflect: !0 })], p(o, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (d) => "size" in d, get: (d) => d.size, set: (d, T) => {
+    s = [S({ reflect: !0 })], x(i, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (d) => "size" in d, get: (d) => d.size, set: (d, T) => {
       d.size = T;
-    } }, metadata: b }, x, u), p(null, r = { value: n }, e, { kind: "class", name: n.name, metadata: b }, null, c), n = r.value, b && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), o.styles = y, m(n, c), n;
-})(), L = g`:host{--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, H = (t) => (() => {
+    } }, metadata: b }, k, u), x(null, a = { value: n }, e, { kind: "class", name: n.name, metadata: b }, null, c), n = a.value, b && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
+  })(), i.styles = g, m(n, c), n;
+})(), L = p`:host{--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver)}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, H = (t) => (() => {
   var l, s;
-  let e = P(I(t)), r, c = [], n = [];
+  let e = P(I(t)), a, c = [], n = [];
   return s = class extends e {
     constructor() {
       super(...arguments);
@@ -53,8 +53,8 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
     get iconPlacement() {
       return h(this, l);
     }
-    set iconPlacement(a) {
-      v(this, l, a);
+    set iconPlacement(r) {
+      v(this, l, r);
     }
     renderTemplate() {
       return w`
@@ -63,17 +63,17 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
       `;
     }
   }, l = new WeakMap(), (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    r = [S({ attribute: "icon-placement", reflect: !0 })], p(s, null, r, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (o) => "iconPlacement" in o, get: (o) => o.iconPlacement, set: (o, k) => {
-      o.iconPlacement = k;
-    } }, metadata: a }, c, n), a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), s.styles = [y, L], s;
-})(), O = g`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-normal: inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);color:inherit;display:inline-block}:host([negative]){--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, J = (t) => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    a = [S({ attribute: "icon-placement", reflect: !0 })], x(s, null, a, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (i) => "iconPlacement" in i, get: (i) => i.iconPlacement, set: (i, y) => {
+      i.iconPlacement = y;
+    } }, metadata: r }, c, n), r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), s.styles = [g, L], s;
+})(), O = p`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: inherit;color:inherit;display:inline-block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, J = (t) => {
   const e = class e extends P(t) {
   };
-  e.styles = [y, O];
-  let i = e;
-  return i;
+  e.styles = [g, O];
+  let o = e;
+  return o;
 };
 export {
   H as SbbBlockLinkCommonElementMixin,

package/link/link-button.js

@@ -1,16 +1,16 @@
-import { __esDecorate as o, __runInitializers as m } from "tslib";
+import { __esDecorate as r, __runInitializers as m } from "tslib";
 import { customElement as s } from "lit/decorators.js";
 import { SbbButtonBaseElement as b } from "../core/base-elements.js";
 import { SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
 import { SbbInlineLinkCommonElementMixin as u } from "./common.js";
 let x = (() => {
-  var t;
-  let r = [s("sbb-link-button")], l, n = [], e, i = u(c(b));
-  return t = class extends i {
-  }, e = t, (() => {
+  var e;
+  let o = [s("sbb-link-button")], l, n = [], t, i = u(c(b));
+  return e = class extends i {
+  }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    o(null, l = { value: e }, r, { kind: "class", name: e.name, metadata: a }, null, n), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(e, n);
-  })(), e;
+    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, n);
+  })(), t;
 })();
 export {
   x as SbbLinkButtonElement

package/link/link-static.js

@@ -4,13 +4,13 @@ import { SbbActionBaseElement as c } from "../core/base-elements.js";
 import { SbbDisabledMixin as b } from "../core/mixins.js";
 import { SbbInlineLinkCommonElementMixin as u } from "./common.js";
 let y = (() => {
-  var t;
-  let r = [o("sbb-link-static")], l, i = [], e, n = u(b(c));
-  return t = class extends n {
-  }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: e }, r, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(e, i);
-  })(), e;
+  var e;
+  let n = [o("sbb-link-static")], l, i = [], t, r = u(b(c));
+  return e = class extends r {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    s(null, l = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, i);
+  })(), t;
 })();
 export {
   y as SbbLinkStaticElement

package/link/link.js

@@ -5,11 +5,11 @@ import { SbbDisabledMixin as c } from "../core/mixins.js";
 import { SbbInlineLinkCommonElementMixin as u } from "./common.js";
 let y = (() => {
   var t;
-  let r = [o("sbb-link")], l, i = [], e, n = u(c(b));
-  return t = class extends n {
+  let n = [o("sbb-link")], l, i = [], e, r = u(c(b));
+  return t = class extends r {
   }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    m(null, l = { value: e }, r, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), s(e, i);
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    m(null, l = { value: e }, n, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), s(e, i);
   })(), e;
 })();
 export {

package/link-list/common.js

@@ -2,9 +2,9 @@ var w = (e) => {
   throw TypeError(e);
 };
 var I = (e, s, l) => s.has(e) || w("Cannot " + l);
-var d = (e, s, l) => (I(e, s, "read from private field"), l ? l.call(e) : s.get(e)), u = (e, s, l) => s.has(e) ? w("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), r = (e, s, l, a) => (I(e, s, "write to private field"), a ? a.call(e, l) : s.set(e, l), l);
-import { __esDecorate as _, __runInitializers as o } from "tslib";
-import { LitElement as E, html as $, nothing as B, css as D } from "lit";
+var d = (e, s, l) => (I(e, s, "read from private field"), l ? l.call(e) : s.get(e)), _ = (e, s, l) => s.has(e) ? w("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), r = (e, s, l, a) => (I(e, s, "write to private field"), a ? a.call(e, l) : s.set(e, l), l);
+import { __esDecorate as u, __runInitializers as o } from "tslib";
+import { LitElement as E, nothing as $, html as B, css as D } from "lit";
 import { property as v } from "lit/decorators.js";
 import { slotState as N, forceType as j, omitEmptyConverter as M } from "../core/decorators.js";
 import { isLean as O } from "../core/dom.js";
@@ -12,13 +12,13 @@ import { SbbNegativeMixin as T, SbbNamedSlotListMixin as U } from "../core/mixin
 import "../title.js";
 let V = (() => {
   var c, b, m, n;
-  let e = [N()], s, l = [], a, f = T(U(E)), p, k = [], z = [], L, g = [], x = [], C, y = [], S = [];
-  return n = class extends f {
+  let e = [N()], s, l = [], a, p = T(U(E)), f, k = [], z = [], L, g = [], x = [], C, y = [], S = [];
+  return n = class extends p {
     constructor() {
       super(...arguments);
-      u(this, c);
-      u(this, b);
-      u(this, m);
+      _(this, c);
+      _(this, b);
+      _(this, m);
       this.listChildLocalNames = [
         "sbb-block-link",
         "sbb-block-link-button",
@@ -56,11 +56,11 @@ let V = (() => {
           t.negative = this.negative, t.size = this.size;
     }
     render() {
-      return $`
+      return B`
       <div class="sbb-link-list-wrapper">
         <sbb-title
           class="sbb-link-list-title"
-          level=${this.titleLevel || B}
+          level=${this.titleLevel || $}
           visual-level="5"
           ?negative=${this.negative}
           id="sbb-link-list-title-id"
@@ -72,14 +72,14 @@ let V = (() => {
     `;
     }
   }, c = new WeakMap(), b = new WeakMap(), m = new WeakMap(), a = n, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    p = [j(), v({ attribute: "title-content", reflect: !0, converter: M })], L = [v({ attribute: "title-level" })], C = [v({ reflect: !0 })], _(n, null, p, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (t) => "titleContent" in t, get: (t) => t.titleContent, set: (t, h) => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    f = [j(), v({ attribute: "title-content", reflect: !0, converter: M })], L = [v({ attribute: "title-level" })], C = [v({ reflect: !0 })], u(n, null, f, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (t) => "titleContent" in t, get: (t) => t.titleContent, set: (t, h) => {
       t.titleContent = h;
-    } }, metadata: i }, k, z), _(n, null, L, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (t) => "titleLevel" in t, get: (t) => t.titleLevel, set: (t, h) => {
+    } }, metadata: i }, k, z), u(n, null, L, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (t) => "titleLevel" in t, get: (t) => t.titleLevel, set: (t, h) => {
       t.titleLevel = h;
-    } }, metadata: i }, g, x), _(n, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, h) => {
+    } }, metadata: i }, g, x), u(n, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, h) => {
       t.size = h;
-    } }, metadata: i }, y, S), _(null, s = { value: a }, e, { kind: "class", name: a.name, metadata: i }, null, l), a = s.value, i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i }), o(a, l);
+    } }, metadata: i }, y, S), u(null, s = { value: a }, e, { kind: "class", name: a.name, metadata: i }, null, l), a = s.value, i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i }), o(a, l);
   })(), a;
 })();
 const W = D`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-link-list-wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-3x)}.sbb-link-list-title{margin:0}:host(:not([data-slot-names~=title],[title-content])) .sbb-link-list-title{display:none}`;