@sbb-esta/lyne-elements 2.0.3 → 2.2.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 u;
-  const a = Q().icon ?? {}, c = ((u = a.namespaces) == null ? void 0 : u.get(t)) ?? X.get(t);
+  var m;
+  const a = Q().icon ?? {}, c = ((m = a.namespaces) == null ? void 0 : m.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 m = j.get(l);
-  if (!m)
+  let u = j.get(l);
+  if (!u)
     if (typeof fetch < "u" && !P)
-      m = (a.interceptor ?? ((h) => h.request()))({
+      u = (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, m);
+      }), j.set(l, u);
     else
       return Promise.resolve("");
-  return m;
+  return u;
 }, 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, m = [], u = [], w, h = [], g = [], b, p = [], f = [];
+  })], e, i = [], a, c = F, l, u = [], m = [], w, h = [], g = [], b, f = [], p = [];
   return s = class extends c {
     constructor() {
       super(...arguments);
-      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);
+      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);
     }
     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 }, 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) => {
+    } }, 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) => {
       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 }, 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 });
+    } }, 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 });
   })(), s.styles = Z, d(a, i), a;
 })(), ct = (() => {
-  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 {
+  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 {
     constructor() {
       super(...arguments);
       N(this, b);
-      N(this, p);
-      _(this, b, d(this, m, "")), this._defaultAriaLabel = (d(this, u), ""), _(this, p, d(this, h, !1)), d(this, g);
+      N(this, f);
+      _(this, b, d(this, u, "")), this._defaultAriaLabel = (d(this, m), ""), _(this, f, 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, p);
+      return I(this, f);
     }
     set _sbbAngularCompatibility(r) {
-      _(this, p, r);
+      _(this, f, 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(), p = new WeakMap(), a = f, (() => {
+  }, b = new WeakMap(), f = new WeakMap(), a = p, (() => {
     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(f, 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(p, 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 }, 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) => {
+    } }, 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) => {
       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 mt = (t) => (() => {
-  var m, u;
+const ut = (t) => (() => {
+  var u, m;
   let i = t, a, c = [], l = [];
-  return u = class extends i {
+  return m = class extends i {
     constructor() {
       super(...arguments);
-      N(this, m, d(this, c, ""));
+      N(this, u, d(this, c, ""));
       d(this, l);
     }
     /**
@@ -227,10 +227,10 @@ const mt = (t) => (() => {
      * https://icons.app.sbb.ch.
      */
     get iconName() {
-      return I(this, m);
+      return I(this, u);
     }
     set iconName(g) {
-      _(this, m, g);
+      _(this, u, g);
     }
     renderIconSlot(g) {
       return C`
@@ -239,17 +239,17 @@ const mt = (t) => (() => {
         </slot>
       `;
     }
-  }, m = new WeakMap(), (() => {
+  }, u = 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(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;
+    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;
 })();
 export {
   tt as SbbIconBase,
   ct as SbbIconElement,
-  mt as SbbIconNameMixin,
+  ut 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, html as Q, nothing as F } 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/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 n = [s("sbb-block-link-button")], l, o = [], t, i = u(c(b));
-  return e = class extends i {
+  let i = [s("sbb-block-link-button")], l, n = [], t, o = u(c(b));
+  return e = class extends o {
   }, t = e, (() => {
-    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);
+    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);
   })(), t;
 })();
 export {

package/link/block-link-static.js

@@ -1,16 +1,16 @@
-import { __esDecorate as s, __runInitializers as m } from "tslib";
-import { customElement as n } from "lit/decorators.js";
+import { __esDecorate as n, __runInitializers as s } from "tslib";
+import { customElement as m } 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 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;
+  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;
 })();
 export {
   k as SbbBlockLinkStaticElement

package/link/block-link.js

@@ -1,15 +1,15 @@
-import { __esDecorate as m, __runInitializers as s } from "tslib";
-import { customElement as n } from "lit/decorators.js";
+import { __esDecorate as o, __runInitializers as m } from "tslib";
+import { customElement as s } 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 o = [n("sbb-block-link")], l, i = [], e, r = u(b(c));
+  let n = [s("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;
-    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);
+    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);
   })(), e;
 })();
 export {

package/link/common.js

@@ -1,8 +1,8 @@
 var _ = (t) => {
   throw TypeError(t);
 };
-var z = (t, o, e) => o.has(t) || _("Cannot " + e);
-var u = (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, r) => (z(t, o, "write to private field"), r ? r.call(t, e) : o.set(t, e), e);
+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";
 import { property as S } from "lit/decorators.js";
 import { html as w } from "lit/static-html.js";
@@ -12,13 +12,13 @@ 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, i;
-  let e = [M({ "data-sbb-link": "" }), j()], r, c = [], n, l = E(t), s, x = [], h = [];
-  return i = class extends l {
+  var a, o;
+  let e = [M({ "data-sbb-link": "" }), j()], r, c = [], n, l = E(t), s, x = [], u = [];
+  return o = class extends l {
     constructor() {
       super(...arguments);
       f(this, a, m(this, x, B() ? "xs" : "s"));
-      m(this, h);
+      m(this, u);
     }
     /**
      * Text size, the link should get in the non-button variation.
@@ -26,7 +26,7 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
      * @default 's' / 'xs' (lean)
      */
     get size() {
-      return u(this, a);
+      return h(this, a);
     }
     set size(b) {
       v(this, a, b);
@@ -34,12 +34,12 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
     renderTemplate() {
       return w`<slot></slot>`;
     }
-  }, a = new WeakMap(), n = i, (() => {
+  }, a = new WeakMap(), n = o, (() => {
     const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    s = [S({ reflect: !0 })], p(i, 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 })], 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) => {
       d.size = T;
-    } }, metadata: b }, x, h), 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 });
-  })(), i.styles = y, m(n, c), n;
+    } }, 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) => (() => {
   var l, s;
   let e = P(I(t)), r, c = [], n = [];
@@ -51,7 +51,7 @@ const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}
     }
     /** Moves the icon to the end of the component if set to true. */
     get iconPlacement() {
-      return u(this, l);
+      return h(this, l);
     }
     set iconPlacement(a) {
       v(this, l, a);
@@ -64,16 +64,16 @@ 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: (i) => "iconPlacement" in i, get: (i) => i.iconPlacement, set: (i, k) => {
-      i.iconPlacement = k;
+    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 e = class e extends P(t) {
   };
   e.styles = [y, O];
-  let o = e;
-  return o;
+  let i = e;
+  return i;
 };
 export {
   H as SbbBlockLinkCommonElementMixin,

package/link/link-button.js

@@ -1,16 +1,16 @@
-import { __esDecorate as r, __runInitializers as m } from "tslib";
+import { __esDecorate as o, __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 e;
-  let o = [s("sbb-link-button")], l, n = [], t, i = u(c(b));
-  return e = class extends i {
-  }, t = e, (() => {
+  var t;
+  let r = [s("sbb-link-button")], l, n = [], e, i = u(c(b));
+  return t = class extends i {
+  }, e = t, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    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;
+    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;
 })();
 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 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;
+  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;
 })();
 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 n = [o("sbb-link")], l, i = [], e, r = u(c(b));
-  return t = class extends r {
+  let r = [o("sbb-link")], l, i = [], e, n = u(c(b));
+  return t = class extends n {
   }, e = t, (() => {
-    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);
+    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);
   })(), e;
 })();
 export {

package/link-list/common.js

@@ -2,8 +2,8 @@ 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)), _ = (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";
+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";
 import { property as v } from "lit/decorators.js";
 import { slotState as N, forceType as j, omitEmptyConverter as M } from "../core/decorators.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, p = T(U(E)), f, k = [], z = [], L, g = [], x = [], C, y = [], S = [];
-  return n = class extends p {
+  let e = [N()], s, l = [], a, f = T(U(E)), p, k = [], z = [], L, g = [], x = [], C, y = [], S = [];
+  return n = class extends f {
     constructor() {
       super(...arguments);
-      _(this, c);
-      _(this, b);
-      _(this, m);
+      u(this, c);
+      u(this, b);
+      u(this, m);
       this.listChildLocalNames = [
         "sbb-block-link",
         "sbb-block-link-button",
@@ -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(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) => {
+    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) => {
       t.titleContent = 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) => {
+    } }, 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) => {
       t.titleLevel = 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) => {
+    } }, 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) => {
       t.size = h;
-    } }, 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);
+    } }, 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);
   })(), 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}`;

package/link-list/link-list-anchor.js

@@ -1,16 +1,16 @@
 import { __esDecorate as i, __runInitializers as b } from "tslib";
 import { customElement as n } from "lit/decorators.js";
-import { linkListBaseStyle as c, SbbLinkListBaseElement as d } from "./common.js";
+import { SbbLinkListBaseElement as c, linkListBaseStyle as d } from "./common.js";
 import { css as v } from "lit";
 const k = v`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
 let p = (() => {
   var l;
-  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = d;
+  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = c;
   return l = class extends s {
   }, o = l, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
     i(null, a = { value: o }, r, { kind: "class", name: o.name, metadata: t }, null, e), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.styles = [c, k], b(o, e), o;
+  })(), l.styles = [d, k], b(o, e), o;
 })();
 export {
   p as SbbLinkListAnchorElement

package/link-list/link-list.js

@@ -5,12 +5,12 @@ var _ = (t, i, o) => i.has(t) || k("Cannot " + o);
 var p = (t, i, o) => (_(t, i, "read from private field"), o ? o.call(t) : i.get(t)), c = (t, i, o) => i.has(t) ? k("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, o), d = (t, i, o, r) => (_(t, i, "write to private field"), r ? r.call(t, o) : i.set(t, o), o);
 import { __esDecorate as b, __runInitializers as h } from "tslib";
 import { customElement as F, property as y } from "lit/decorators.js";
-import { linkListBaseStyle as S, SbbLinkListBaseElement as L } from "./common.js";
+import { SbbLinkListBaseElement as S, linkListBaseStyle as L } from "./common.js";
 import { css as E } from "lit";
 const I = E`:host{--sbb-link-list-flex-flow: column nowrap}:host([orientation=horizontal]){--sbb-link-list-flex-flow: row wrap}:host([orientation=horizontal]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-link-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-8x);flex-flow:var(--sbb-link-list-flex-flow)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=zero]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=micro]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=small]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=medium]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=large]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=wide]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=ultra]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}`;
 let q = (() => {
   var n, s, a;
-  let t = [F("sbb-link-list")], i, o = [], r, w = L, f, x = [], u = [], g, z = [], v = [];
+  let t = [F("sbb-link-list")], i, o = [], r, w = S, f, x = [], u = [], g, z = [], v = [];
   return a = class extends w {
     constructor() {
       super(...arguments);
@@ -39,7 +39,7 @@ let q = (() => {
     } }, metadata: l }, x, u), b(a, null, g, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (e) => "orientation" in e, get: (e) => e.orientation, set: (e, m) => {
       e.orientation = m;
     } }, metadata: l }, z, v), b(null, i = { value: r }, t, { kind: "class", name: r.name, metadata: l }, null, o), r = i.value, l && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), a.styles = [S, I], h(r, o), r;
+  })(), a.styles = [L, I], h(r, o), r;
 })();
 export {
   q as SbbLinkListElement