@sbb-esta/lyne-elements 1.2.0 → 1.3.0

package/icon.js

@@ -1,71 +1,71 @@
-import { state as g, property as h, customElement as y } from "lit/decorators.js";
-import { css as N, LitElement as I, html as u, nothing as b } from "lit";
+import { state as v, property as f, customElement as w } from "lit/decorators.js";
+import { isServer as y, css as N, LitElement as I, html as c, nothing as p } from "lit";
 import { unsafeHTML as $ } from "lit/directives/unsafe-html.js";
 import { until as A } from "lit/directives/until.js";
 import { hostAttributes as S } from "./core/decorators.js";
 import { readConfig as L } from "./core/config.js";
-const E = (e) => typeof e == "string", _ = (e) => {
-  if (e.nodeType === 1) {
-    if (e.nodeName.toLowerCase() === "script")
+const C = (t) => typeof t == "string", g = (t) => {
+  if (t.nodeType === 1) {
+    if (t.nodeName.toLowerCase() === "script")
       return !1;
-    for (let t = 0; t < e.attributes.length; t++) {
-      const o = e.attributes[t].name;
-      if (E(o) && o.toLowerCase().indexOf("on") === 0)
+    for (let e = 0; e < t.attributes.length; e++) {
+      const o = t.attributes[e].name;
+      if (C(o) && o.toLowerCase().indexOf("on") === 0)
         return !1;
     }
-    for (let t = 0; t < e.childNodes.length; t++)
-      if (!_(e.childNodes[t]))
+    for (let e = 0; e < t.childNodes.length; e++)
+      if (!g(t.childNodes[e]))
         return !1;
   }
   return !0;
-}, P = (e, t = !0, o = !1) => {
+}, E = (t, e = !0, o = !1) => {
   const r = document.createElement("div");
-  r.innerHTML = e;
+  r.innerHTML = t;
   for (let i = r.childNodes.length - 1; i >= 0; i--)
     r.childNodes[i].nodeName.toLowerCase() !== "svg" && r.removeChild(r.childNodes[i]);
   const s = r.firstElementChild;
-  return s && s.nodeName.toLowerCase() === "svg" && (o && !s.classList.contains("color-immutable") && s.classList.add("color-immutable"), t === !1 || _(s)) ? r.innerHTML : "";
-}, m = "https://icons.app.sbb.ch/", C = (/* @__PURE__ */ new Map()).set("default", `${m}icons/`).set("picto", `${m}picto/`), v = /* @__PURE__ */ new Map(), O = (e, t, o) => {
-  var p;
-  const r = L().icon ?? {}, s = ((p = r.namespaces) == null ? void 0 : p.get(e)) ?? C.get(e);
-  if (s === void 0)
+  return s && s.nodeName.toLowerCase() === "svg" && (o && !s.classList.contains("color-immutable") && s.classList.add("color-immutable"), e === !1 || g(s)) ? r.innerHTML : "";
+}, b = "https://icons.app.sbb.ch/", P = (/* @__PURE__ */ new Map()).set("default", `${b}icons/`).set("picto", `${b}picto/`), m = /* @__PURE__ */ new Map(), O = (t, e, o) => {
+  var h;
+  const r = L().icon ?? {}, s = ((h = r.namespaces) == null ? void 0 : h.get(t)) ?? P.get(t);
+  if (s == null)
     throw Error(
-      `Unable to find the namespace "${e}". Please register your custom namespace.`
+      `Unable to find the namespace "${t}". Please register your custom namespace.`
     );
-  const i = `${s}${t}.svg`;
-  let a = v.get(i);
+  const i = `${s}${e}.svg`;
+  let a = m.get(i);
   if (!a)
-    if (typeof fetch < "u" && typeof document < "u")
+    if (typeof fetch < "u" && !y)
       a = (r.interceptor ?? ((l) => l.request()))({
-        namespace: e,
-        name: t,
+        namespace: t,
+        name: e,
         url: i,
-        request: () => fetch(i).then((l) => {
-          if (l.ok)
-            return l.text().then((c) => (c && (c = P(c, o)), c));
-          throw new Error("Failed to load icon " + e + ":" + t);
+        request: () => fetch(i).then(async (l) => {
+          if (!l.ok)
+            throw new Error("Failed to load icon " + t + ":" + e);
+          return E(await l.text(), o);
         }).catch((l) => {
           throw Error(l);
         })
-      }), v.set(i, a);
+      }), m.set(i, a);
     else
       return Promise.resolve("");
   return a;
 }, x = N`*,: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}`;
-var z = Object.defineProperty, M = Object.getOwnPropertyDescriptor, d = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? M(t, o) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
-  return r && s && z(t, o, s), s;
+var z = Object.defineProperty, M = Object.getOwnPropertyDescriptor, u = (t, e, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? M(e, o) : e, i = t.length - 1, a; i >= 0; i--)
+    (a = t[i]) && (s = (r ? a(e, o, s) : a(s)) || s);
+  return r && s && z(e, o, s), s;
 };
 let n = class extends I {
   constructor() {
     super(...arguments), this._svgNamespace = n._defaultNamespace, this.noSanitize = !1;
   }
-  async loadSvgIcon(e) {
-    if (!e)
+  async loadSvgIcon(t) {
+    if (!t)
       return;
-    const [t, o] = this._splitIconName(e);
-    this._svgNamespace = t, this.setAttribute("data-namespace", this._svgNamespace);
+    const [e, o] = this._splitIconName(t);
+    this._svgNamespace = e, this.setAttribute("data-namespace", this._svgNamespace);
     const r = this.fetchSvgIcon(this._svgNamespace, o);
     this._svgIcon = r.then((s) => $(s));
     try {
@@ -74,101 +74,101 @@ let n = class extends I {
       this.toggleAttribute("data-empty", !0);
     }
   }
-  async fetchSvgIcon(e, t) {
-    return await O(e, t, !this.noSanitize);
+  async fetchSvgIcon(t, e) {
+    return await O(t, e, !this.noSanitize);
   }
-  _splitIconName(e) {
-    if (!e)
+  _splitIconName(t) {
+    if (!t)
       return ["", ""];
-    const t = e.split(":");
-    switch (t.length) {
+    const e = t.split(":");
+    switch (e.length) {
       case 1:
-        return [n._defaultNamespace, t[0]];
+        return [n._defaultNamespace, e[0]];
       case 2:
-        return t;
+        return e;
       default:
-        throw Error(`Invalid icon name: "${e}"`);
+        throw Error(`Invalid icon name: "${t}"`);
     }
   }
-  firstUpdated(e) {
-    super.firstUpdated(e), this.setAttribute("role", this.getAttribute("role") ?? "img");
+  firstUpdated(t) {
+    super.firstUpdated(t), this.setAttribute("role", this.getAttribute("role") ?? "img");
   }
   render() {
-    return u`<span class="sbb-icon-inner"
+    return c`<span class="sbb-icon-inner"
       >${A(
       this._svgIcon,
       // To reserve space, we need an empty svg to apply dimension to.
-      u`<svg width="0" height="0"></svg>`
+      c`<svg width="0" height="0"></svg>`
     )}</span
     >`;
   }
 };
 n.styles = x;
 n._defaultNamespace = "default";
-d([
-  g()
+u([
+  v()
 ], n.prototype, "_svgNamespace", 2);
-d([
-  g()
+u([
+  v()
 ], n.prototype, "_svgIcon", 2);
-d([
-  h({ attribute: "no-sanitize", type: Boolean })
+u([
+  f({ attribute: "no-sanitize", type: Boolean })
 ], n.prototype, "noSanitize", 2);
-n = d([
+n = u([
   S({
     "data-namespace": n._defaultNamespace,
     "data-empty": ""
   })
 ], n);
-var U = Object.defineProperty, j = Object.getOwnPropertyDescriptor, w = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? j(t, o) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
-  return r && s && U(t, o, s), s;
+var U = Object.defineProperty, j = Object.getOwnPropertyDescriptor, _ = (t, e, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? j(e, o) : e, i = t.length - 1, a; i >= 0; i--)
+    (a = t[i]) && (s = (r ? a(e, o, s) : a(s)) || s);
+  return r && s && U(e, o, s), s;
 };
-let f = class extends n {
+let d = class extends n {
   constructor() {
     super(...arguments), this._defaultAriaLabel = "";
   }
-  async fetchSvgIcon(e, t) {
-    return this.getAttribute("aria-label") === this._defaultAriaLabel && this.removeAttribute("aria-label"), this._defaultAriaLabel = `Icon ${t.replace(/-/g, " ")}`, this.getAttribute("aria-hidden") === "false" && !this.hasAttribute("aria-label") && t && this.setAttribute("aria-label", this._defaultAriaLabel), super.fetchSvgIcon(e, t);
+  async fetchSvgIcon(t, e) {
+    return this.getAttribute("aria-label") === this._defaultAriaLabel && this.removeAttribute("aria-label"), this._defaultAriaLabel = `Icon ${e.replace(/-/g, " ")}`, this.getAttribute("aria-hidden") === "false" && !this.hasAttribute("aria-label") && e && this.setAttribute("aria-label", this._defaultAriaLabel), super.fetchSvgIcon(t, e);
   }
-  willUpdate(e) {
-    super.willUpdate(e), e.has("name") && this.loadSvgIcon(this.name);
+  willUpdate(t) {
+    super.willUpdate(t), t.has("name") && this.loadSvgIcon(this.name);
   }
-  firstUpdated(e) {
-    super.firstUpdated(e), this.hasAttribute("aria-hidden") || this.setAttribute("aria-hidden", "true");
+  firstUpdated(t) {
+    super.firstUpdated(t), this.hasAttribute("aria-hidden") || this.setAttribute("aria-hidden", "true");
   }
 };
-w([
-  h({ reflect: !0 })
-], f.prototype, "name", 2);
-f = w([
-  y("sbb-icon")
-], f);
-var T = Object.defineProperty, q = (e, t, o, r) => {
-  for (var s = void 0, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (s = a(t, o, s) || s);
-  return s && T(t, o, s), s;
+_([
+  f({ reflect: !0 })
+], d.prototype, "name", 2);
+d = _([
+  w("sbb-icon")
+], d);
+var T = Object.defineProperty, q = (t, e, o, r) => {
+  for (var s = void 0, i = t.length - 1, a; i >= 0; i--)
+    (a = t[i]) && (s = a(e, o, s) || s);
+  return s && T(e, o, s), s;
 };
-const J = (e) => {
-  class t extends e {
+const J = (t) => {
+  class e extends t {
     renderIconSlot(r) {
-      return u`
+      return c`
         <slot name="icon">
-          ${this.iconName ? u`<sbb-icon name=${this.iconName} class=${r || b}></sbb-icon>` : b}
+          ${this.iconName ? c`<sbb-icon name=${this.iconName} class=${r || p}></sbb-icon>` : p}
         </slot>
       `;
     }
   }
   return q([
-    h({ attribute: "icon-name", reflect: !0 })
-  ], t.prototype, "iconName"), t;
+    f({ attribute: "icon-name", reflect: !0 })
+  ], e.prototype, "iconName"), e;
 };
 export {
   n as SbbIconBase,
-  f as SbbIconElement,
+  d as SbbIconElement,
   J as SbbIconNameMixin,
   O as getSvgContent,
-  _ as isValid,
-  P as validateContent
+  g as isValid,
+  E as validateContent
 };

package/link/common/link-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,oBAAoB;IACtE,IAAI,CAAC,EAAE,WAAW,CAAC;CAC3B;AAGD,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAC/E,CAAC,KACZ,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,CAwBvD,CAAC"}
+{"version":3,"file":"link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,oBAAoB;IACtE,IAAI,CAAC,EAAE,WAAW,CAAC;CAC3B;AAGD,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAC/E,CAAC,KACZ,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,CAoBvD,CAAC"}

package/link/common.js

@@ -1,8 +1,7 @@
 import { property as c } from "lit/decorators.js";
 import { html as f } from "lit/static-html.js";
 import { SbbIconNameMixin as v } from "../icon.js";
-import { SbbSlotStateController as d } from "../core/controllers.js";
-import { hostAttributes as u } from "../core/decorators.js";
+import { hostAttributes as d, slotState as u } from "../core/decorators.js";
 import { SbbNegativeMixin as p } from "../core/mixins.js";
 import { css as b } from "lit";
 const a = b`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([role=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;display:flex;align-items:center;word-break:break-word;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}:host([disabled]) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host([disabled]) .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])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration:underline}}:host(:is(:active,[data-active]):not([disabled])) .sbb-action-base{color:var(--sbb-link-color-active)}`;
@@ -13,8 +12,8 @@ var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (i, t, o
 };
 const h = (i) => {
   let t = class extends p(i) {
-    constructor(...o) {
-      super(o), this.size = "s", new d(this);
+    constructor() {
+      super(...arguments), this.size = "s";
     }
     renderTemplate() {
       return f`<slot></slot>`;
@@ -23,7 +22,8 @@ const h = (i) => {
   return t.styles = a, l([
     c({ reflect: !0 })
   ], t.prototype, "size", 2), t = l([
-    u({ "data-sbb-link": "" })
+    d({ "data-sbb-link": "" }),
+    u()
   ], t), t;
 }, x = b`: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%)}`;
 var y = Object.defineProperty, k = (i, t, o, n) => {
@@ -31,7 +31,7 @@ var y = Object.defineProperty, k = (i, t, o, n) => {
     (r = i[s]) && (e = r(t, o, e) || e);
   return e && y(t, o, e), e;
 };
-const j = (i) => {
+const O = (i) => {
   const o = class o extends h(v(i)) {
     constructor() {
       super(...arguments), this.iconPlacement = "start";
@@ -48,7 +48,7 @@ const j = (i) => {
   return k([
     c({ attribute: "icon-placement", reflect: !0 })
   ], t.prototype, "iconPlacement"), t;
-}, z = b`: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}`, C = (i) => {
+}, z = b`: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 = (i) => {
   const o = class o extends h(i) {
   };
   o.styles = [a, z];
@@ -56,7 +56,7 @@ const j = (i) => {
   return t;
 };
 export {
-  j as SbbBlockLinkCommonElementMixin,
-  C as SbbInlineLinkCommonElementMixin,
+  O as SbbBlockLinkCommonElementMixin,
+  j as SbbInlineLinkCommonElementMixin,
   h as SbbLinkCommonElementMixin
 };

package/link-list/link-list.d.ts

@@ -27,7 +27,6 @@ export declare class SbbLinkListElement extends SbbLinkListElement_base {
     horizontalFrom?: SbbHorizontalFrom;
     /** The orientation in which the list will be shown vertical or horizontal. */
     orientation: SbbOrientation;
-    constructor();
     protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
     protected render(): TemplateResult;
 }

package/link-list/link-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAA2C,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,uBAKvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAI7C;IAEF,sDAAsD;IACU,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,oDAAoD;IACL,UAAU,EAAE,aAAa,CAAO;IAE/E;;;OAGG;IACiC,IAAI,EAAE,WAAW,CAAO;IAE5D,wEAAwE;IAEjE,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,8EAA8E;IAC1C,WAAW,EAAE,cAAc,CAAc;;cAO1D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAA2C,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;GAKG;AACH,qBAEa,kBAAmB,SAAQ,uBAKvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAI7C;IAEF,sDAAsD;IACU,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,oDAAoD;IACL,UAAU,EAAE,aAAa,CAAO;IAE/E;;;OAGG;IACiC,IAAI,EAAE,WAAW,CAAO;IAE5D,wEAAwE;IAEjE,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,8EAA8E;IAC1C,WAAW,EAAE,cAAc,CAAc;cAE1D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/link-list.js

@@ -1,6 +1,6 @@
-import { css as b, LitElement as h, html as d, nothing as w } from "lit";
-import { property as r, customElement as m } from "lit/decorators.js";
-import { SbbSlotStateController as f } from "./core/controllers.js";
+import { css as b, LitElement as h, html as d, nothing as m } from "lit";
+import { property as r, customElement as w } from "lit/decorators.js";
+import { slotState as f } from "./core/decorators.js";
 import { SbbNegativeMixin as c, SbbNamedSlotListMixin as x } from "./core/mixins.js";
 import "./title.js";
 const v = b`*,:before,:after{box-sizing:border-box}:host{--sbb-link-list-flex-flow: column nowrap;display:block}: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-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}.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}}`;
@@ -13,11 +13,11 @@ let i = class extends c(
   x(h)
 ) {
   constructor() {
-    super(), this.listChildLocalNames = [
+    super(...arguments), this.listChildLocalNames = [
       "sbb-block-link",
       "sbb-block-link-button",
       "sbb-block-link-static"
-    ], this.titleLevel = "2", this.size = "s", this.orientation = "vertical", new f(this);
+    ], this.titleLevel = "2", this.size = "s", this.orientation = "vertical";
   }
   willUpdate(t) {
     if (super.willUpdate(t), t.has("size") || t.has("negative") || t.has("listChildren"))
@@ -29,7 +29,7 @@ let i = class extends c(
       <div class="sbb-link-list-wrapper">
         <sbb-title
           class="sbb-link-list-title"
-          level=${this.titleLevel || w}
+          level=${this.titleLevel || m}
           visual-level="5"
           ?negative=${this.negative}
           id="sbb-link-list-title-id"
@@ -58,7 +58,8 @@ l([
   r({ reflect: !0 })
 ], i.prototype, "orientation", 2);
 i = l([
-  m("sbb-link-list")
+  w("sbb-link-list"),
+  f()
 ], i);
 export {
   i as SbbLinkListElement

package/map-container.js

@@ -5,7 +5,7 @@ import { SbbLanguageController as g } from "./core/controllers.js";
 import { i18nMapContainerButtonLabel as _ } from "./core/i18n.js";
 import { AgnosticIntersectionObserver as w } from "./core/observers.js";
 import "./button/tertiary-button.js";
-const f = m`*,:before,:after{box-sizing:border-box}:host{--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-border-radius-4x) );--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var(--sbb-animation-duration-4x);display:block}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto;height:100%}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));height:calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)));overflow:hidden}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);grid-column:1/3;grid-row:2/3;width:100%;height:calc(100% + var(--sbb-map-container-border-radius));overflow:hidden auto;position:relative;z-index:2;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;z-index:1;grid-row:1/2;grid-column:1/3;height:var(--sbb-map-container-map-height)}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;height:100%;position:relative}}`;
+const f = m`*,:before,:after{box-sizing:border-box}:host{--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-border-radius-4x) );--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );display:block}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto;height:100%}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));height:calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)));overflow:hidden}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);grid-column:1/3;grid-row:2/3;width:100%;height:calc(100% + var(--sbb-map-container-border-radius));overflow:hidden auto;position:relative;z-index:2;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;z-index:1;grid-row:1/2;grid-column:1/3;height:var(--sbb-map-container-map-height)}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;height:100%;position:relative}}`;
 var k = Object.defineProperty, y = Object.getOwnPropertyDescriptor, c = (r, t, i, b) => {
   for (var a = b > 1 ? void 0 : b ? y(t, i) : t, s = r.length - 1, e; s >= 0; s--)
     (e = r[s]) && (a = (b ? e(t, i, a) : e(a)) || a);

package/navigation/navigation-list/navigation-list.d.ts

@@ -17,7 +17,6 @@ export declare class SbbNavigationListElement extends SbbNavigationListElement_b
      * The label to be shown before the action list.
      */
     label?: string;
-    constructor();
     protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
     protected render(): TemplateResult;
 }

package/navigation/navigation-list/navigation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-list/navigation-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAItE;;;;;GAKG;AACH,qBACa,wBAAyB,SAAQ,6BAGjC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACiC,KAAK,CAAC,EAAE,MAAM,CAAC;;cAOhC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-list/navigation-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAItE;;;;;GAKG;AACH,qBAEa,wBAAyB,SAAQ,6BAGjC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACiC,KAAK,CAAC,EAAE,MAAM,CAAC;cAEhC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/navigation/navigation-list.js

@@ -1,19 +1,19 @@
 import { css as r, LitElement as p, html as f } from "lit";
 import { property as c, customElement as d } from "lit/decorators.js";
-import { SbbSlotStateController as g } from "../core/controllers.js";
-import { SbbNamedSlotListMixin as v } from "../core/mixins.js";
-const m = r`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);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);font-weight:700;display:block;color:var(--sbb-color-storm);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not([data-slot-names~=label],[label])) .sbb-navigation-list__label{display:none}`;
+import { slotState as g } from "../core/decorators.js";
+import { SbbNamedSlotListMixin as m } from "../core/mixins.js";
+const v = r`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);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);font-weight:700;display:block;color:var(--sbb-color-storm);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not([data-slot-names~=label],[label])) .sbb-navigation-list__label{display:none}`;
 var x = Object.defineProperty, h = Object.getOwnPropertyDescriptor, b = (e, i, a, s) => {
   for (var t = s > 1 ? void 0 : s ? h(i, a) : i, n = e.length - 1, o; n >= 0; n--)
     (o = e[n]) && (t = (s ? o(i, a, t) : o(t)) || t);
   return s && t && x(i, a, t), t;
 };
-let l = class extends v(p) {
+let l = class extends m(p) {
   constructor() {
-    super(), this.listChildLocalNames = [
+    super(...arguments), this.listChildLocalNames = [
       "sbb-navigation-button",
       "sbb-navigation-link"
-    ], new g(this);
+    ];
   }
   willUpdate(e) {
     super.willUpdate(e), e.has("listChildren") && this.listChildren.forEach((i) => i.size = "m");
@@ -30,12 +30,13 @@ let l = class extends v(p) {
     `;
   }
 };
-l.styles = m;
+l.styles = v;
 b([
   c({ reflect: !0 })
 ], l.prototype, "label", 2);
 l = b([
-  d("sbb-navigation-list")
+  d("sbb-navigation-list"),
+  g()
 ], l);
 export {
   l as SbbNavigationListElement

package/navigation/navigation-section/navigation-section.d.ts

@@ -39,7 +39,6 @@ export declare class SbbNavigationSectionElement extends SbbNavigationSectionEle
     private _navigationSectionController;
     private _windowEventsController;
     private _language;
-    constructor();
     /**
      * Opens the navigation section on trigger click.
      */

package/navigation/navigation-section/navigation-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-section.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-section/navigation-section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAyB1F,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;;AAI1B;;;;GAIG;AACH,qBAIa,2BAA4B,SAAQ,gCAAmC;IAClF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IAC6D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;OAEG;IACoD,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9F;;OAEG;IACyD,sBAAsB,EAC9E,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACH,OAAO,KAAK,MAAM,QAGjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,qBAAqB,CAAC,CAAqC;IACnE,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,kCAAkC,CAAe;IACzD,OAAO,CAAC,eAAe,CAA2C;IAClE,OAAO,CAAC,4BAA4B,CAAmB;IACvD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,SAAS,CAAmC;;IAOpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAanB,OAAO,CAAC,0BAA0B;IAIlC,OAAO,CAAC,+BAA+B;IAIvC;;OAEG;IACI,KAAK,IAAI,IAAI;IAYpB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,6BAA6B,CAOnC;IAEF,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,0BAA0B;IAYlC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,6BAA6B;IAoCrB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;cAMzB,MAAM,IAAI,cAAc;CA0C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}
+{"version":3,"file":"navigation-section.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-section/navigation-section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAyB1F,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;;AAI1B;;;;GAIG;AACH,qBAKa,2BAA4B,SAAQ,gCAAmC;IAClF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IAC6D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;OAEG;IACoD,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9F;;OAEG;IACyD,sBAAsB,EAC9E,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACH,OAAO,KAAK,MAAM,QAGjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,qBAAqB,CAAC,CAAqC;IACnE,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,kCAAkC,CAAe;IACzD,OAAO,CAAC,eAAe,CAA2C;IAClE,OAAO,CAAC,4BAA4B,CAAmB;IACvD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAanB,OAAO,CAAC,0BAA0B;IAIlC,OAAO,CAAC,+BAA+B;IAIvC;;OAEG;IACI,KAAK,IAAI,IAAI;IAYpB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,6BAA6B,CAOnC;IAEF,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,0BAA0B;IAYlC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,6BAA6B;IAoCrB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;cAMzB,MAAM,IAAI,cAAc;CA0C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}

package/navigation/navigation-section.js

@@ -2,9 +2,9 @@ import { css as _, LitElement as u, html as f, nothing as v } from "lit";
 import { property as l, customElement as w } from "lit/decorators.js";
 import { ref as d } from "lit/directives/ref.js";
 import { setModalityOnNextFocus as h, getFirstFocusableElement as y, getFocusableElements as m } from "../core/a11y.js";
-import { SbbLanguageController as k, SbbSlotStateController as E } from "../core/controllers.js";
-import { hostAttributes as x } from "../core/decorators.js";
-import { setOrRemoveAttribute as C, findReferencedElement as A, isBreakpoint as S } from "../core/dom.js";
+import { SbbLanguageController as k } from "../core/controllers.js";
+import { hostAttributes as E, slotState as x } from "../core/decorators.js";
+import { setOrRemoveAttribute as A, findReferencedElement as C, isBreakpoint as S } from "../core/dom.js";
 import { i18nGoBack as N } from "../core/i18n.js";
 import { SbbUpdateSchedulerMixin as L } from "../core/mixins.js";
 import { removeAriaOverlayTriggerAttributes as z, setAriaOverlayTriggerAttributes as T } from "../core/overlay.js";
@@ -18,9 +18,9 @@ var B = Object.defineProperty, O = Object.getOwnPropertyDescriptor, b = (t, i, n
 };
 let P = 0, o = class extends L(u) {
   constructor() {
-    super(), this._trigger = null, this._firstLevelNavigation = null, this._triggerElement = null, this._language = new k(this), this._handleNavigationSectionClose = (t) => {
+    super(...arguments), this._trigger = null, this._firstLevelNavigation = null, this._triggerElement = null, this._language = new k(this), this._handleNavigationSectionClose = (t) => {
       t.composedPath().filter((n) => n instanceof window.HTMLElement).some((n) => this._isCloseElement(n)) && this.close();
-    }, new E(this);
+    };
   }
   set trigger(t) {
     const i = this._trigger;
@@ -33,7 +33,7 @@ let P = 0, o = class extends L(u) {
    * The state of the navigation section.
    */
   set _state(t) {
-    this.setAttribute("data-state", t), C(this, "aria-hidden", this._state !== "opened" ? "true" : null);
+    this.setAttribute("data-state", t), A(this, "aria-hidden", this._state !== "opened" ? "true" : null);
   }
   get _state() {
     return this.getAttribute("data-state");
@@ -68,7 +68,7 @@ let P = 0, o = class extends L(u) {
   // Check if the trigger is valid and attach click event listeners.
   _configure(t) {
     var i;
-    z(this._triggerElement), t && (this._triggerElement = A(t), this._triggerElement && (T(this._triggerElement, "menu", this.id, this._state), (i = this._navigationSectionController) == null || i.abort(), this._navigationSectionController = new AbortController(), this._triggerElement.connectedSection = this, this._triggerElement.addEventListener("click", () => this.open(), {
+    z(this._triggerElement), t && (this._triggerElement = C(t), this._triggerElement && (T(this._triggerElement, "menu", this.id, this._state), (i = this._navigationSectionController) == null || i.abort(), this._navigationSectionController = new AbortController(), this._triggerElement.connectedSection = this, this._triggerElement.addEventListener("click", () => this.open(), {
       signal: this._navigationSectionController.signal
     }), this.addEventListener("keydown", (n) => this._handleNavigationSectionFocus(n), {
       signal: this._navigationSectionController.signal
@@ -196,9 +196,10 @@ b([
 ], o.prototype, "accessibilityBackLabel", 2);
 o = b([
   w("sbb-navigation-section"),
-  x({
+  E({
     slot: "navigation-section"
-  })
+  }),
+  x()
 ], o);
 export {
   o as SbbNavigationSectionElement

package/notification/notification.d.ts

@@ -21,17 +21,11 @@ export declare class SbbNotificationElement extends LitElement {
         readonly willClose: "willClose";
         readonly didClose: "didClose";
     };
-    /**
-     * The type of the notification.
-     */
+    /** The type of the notification. */
     type: 'info' | 'success' | 'warn' | 'error';
-    /**
-     * Content of title.
-     */
+    /** Content of title. */
     titleContent?: string;
-    /**
-     * Level of title, it will be rendered as heading tag (e.g. h3). Defaults to level 3.
-     */
+    /** Level of title, it will be rendered as heading tag (e.g. h3). Defaults to level 3. */
     titleLevel: SbbTitleLevel;
     /**
      * Whether the notification is readonly.
@@ -40,13 +34,9 @@ export declare class SbbNotificationElement extends LitElement {
     readonly: boolean;
     /** Size variant, either s or m. */
     size: 'm' | 's';
-    /**
-     * The enabled animations.
-     */
+    /** The enabled animations. */
     animation: 'open' | 'close' | 'all' | 'none';
-    /**
-     * The state of the notification.
-     */
+    /** The state of the notification. */
     private set _state(value);
     private get _state();
     private _notificationElement;
@@ -61,7 +51,6 @@ export declare class SbbNotificationElement extends LitElement {
     private _willClose;
     /** Emits whenever the `sbb-notification` is closed. */
     private _didClose;
-    constructor();
     private _open;
     close(): void;
     connectedCallback(): void;

package/notification/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/elements/notification/notification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAQhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,+BAA+B,CAAC;AACvC,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AAarB;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX;;OAEG;IACiC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAU;IAEzF;;OAEG;IAC6D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF;;OAEG;IAC4C,UAAU,EAAE,aAAa,CAAO;IAE/E;;;OAGG;IACgD,QAAQ,UAAS;IAEpE,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D;;OAEG;IACiC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAEzF;;OAEG;IACH,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,oBAAoB,CAAe;IAC3C,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,2BAA2B,CAEjC;IAEF,2EAA2E;IAC3E,OAAO,CAAC,SAAS,CAGf;IAEF,uDAAuD;IACvD,OAAO,CAAC,QAAQ,CAGd;IAEF,2EAA2E;IAC3E,OAAO,CAAC,UAAU,CAGhB;IAEF,uDAAuD;IACvD,OAAO,CAAC,SAAS,CAGf;;IAOF,OAAO,CAAC,KAAK;IAON,KAAK,IAAI,IAAI;IAOJ,iBAAiB,IAAI,IAAI;cAMhB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAa7E,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,qBAAqB;IAmB7B,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;cAOH,MAAM,IAAI,cAAc;CAuC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/elements/notification/notification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAShD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,+BAA+B,CAAC;AACvC,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AAWrB;;;;;;;;;;;GAWG;AACH,qBAEa,sBAAuB,SAAQ,UAAU;IAEpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,oCAAoC;IACA,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAU;IAEzF,wBAAwB;IACwC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,yFAAyF;IAC1C,UAAU,EAAE,aAAa,CAAO;IAE/E;;;OAGG;IACgD,QAAQ,UAAS;IAEpE,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D,8BAA8B;IACM,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAEzF,qCAAqC;IACrC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,oBAAoB,CAAe;IAC3C,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,2BAA2B,CAEjC;IAEF,2EAA2E;IAC3E,OAAO,CAAC,SAAS,CAGf;IAEF,uDAAuD;IACvD,OAAO,CAAC,QAAQ,CAGd;IAEF,2EAA2E;IAC3E,OAAO,CAAC,UAAU,CAGhB;IAEF,uDAAuD;IACvD,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,KAAK;IAON,KAAK,IAAI,IAAI;IAOJ,iBAAiB,IAAI,IAAI;cAMhB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAa7E,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;cAOH,MAAM,IAAI,cAAc;CAuC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}