@sbb-esta/lyne-elements 3.12.1 → 4.0.0-next

package/image/image.component.js

@@ -2,13 +2,14 @@ var _e = (r) => {
   throw TypeError(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);
+var d = (r, o, l) => (ke(r, o, "read from private field"), l ? l.call(r) : o.get(r)), h = (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, m) => (ke(r, o, "write to private field"), m ? m.call(r, l) : o.set(r, l), l);
 import { __esDecorate as p, __runInitializers as a } from "tslib";
-import { S as Se, d as ye, e as ze, f as ve, g as xe, h as Me, i as $e, a as we, c as Le, b as Ie, j as Ce, k as Fe, l as De, m as Be, n as Ee } from "../sbb-tokens-B3Eka-Tz.js";
-import { css as Qe, LitElement as qe, nothing as F, html as Q } from "lit";
-import { customElement as Oe, property as g, eventOptions as Te } from "lit/decorators.js";
-import { forceType as b } from "../core/decorators.js";
-const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block;border-radius:var(--sbb-border-radius-4x)}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;inset: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);border-radius:inherit;overflow:hidden}`, Ye = (r) => {
+import { S as ye, d as Se, e as ze, a as ve, c as xe, b as $e, f as we, g as Me, h as Le } from "../sbb-tokens-CB1Hgctn.js";
+import { css as Ie, LitElement as Ce, nothing as F, html as q } from "lit";
+import { customElement as Fe, property as u, eventOptions as De } from "lit/decorators.js";
+import { forceType as g } from "../core/decorators.js";
+import { boxSizingStyles as Ee } from "../core/styles.js";
+const Qe = Ie`: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)}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;inset: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);border-radius:inherit;overflow:hidden}`, qe = (r) => {
   if (!r || r.length === 0)
     return [];
   let o;
@@ -21,57 +22,51 @@ const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ra
     return [];
   if (!Array.isArray(o.breakpoints))
     return [];
-  let l = !1, d = !1;
+  let l = !1, m = !1;
   const D = ["image", "mediaQueries"];
-  return o.breakpoints.forEach((E) => {
-    const B = Object.keys(E);
-    B.forEach((_) => {
+  return o.breakpoints.forEach((Q) => {
+    const E = Object.keys(Q);
+    E.forEach((_) => {
       D.includes(_) || (l = !0);
     }), D.forEach((_) => {
-      B.includes(_) || (d = !0);
+      E.includes(_) || (m = !0);
     });
-  }), l || d ? [] : o.breakpoints;
-}, je = {
+  }), l || m ? [] : o.breakpoints;
+}, Oe = {
   once: !0,
   passive: !0
-}, m = (r) => r / Se, Ue = {
-  "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)
+}, b = (r) => r / ye, Be = {
+  "sbb-breakpoint-zero-min": b(Le),
+  "sbb-breakpoint-zero-max": b(Me),
+  "sbb-breakpoint-small-min": b(we),
+  "sbb-breakpoint-small-max": b($e),
+  "sbb-breakpoint-large-min": b(xe),
+  "sbb-breakpoint-large-max": b(ve),
+  "sbb-breakpoint-ultra-min": b(ze),
+  "sbb-breakpoint-ultra-max": b(Se)
 };
-let Ze = (() => {
-  var k, P, S, y, z, v, x, M, $, w, L, I, n;
-  let r = [Oe("sbb-image")], o, l = [], d, D = qe, E = [], B, _ = [], q = [], O, T = [], X = [], Y, j = [], U = [], A, V = [], R = [], K, W = [], N = [], H, Z = [], G = [], J, ee = [], te = [], ie, ae = [], se = [], re, oe = [], ne = [], ce, le = [], pe = [], me, de = [], he = [], ue, ge = [], be = [], fe;
+let Ke = (() => {
+  var k, P, y, S, z, v, x, $, w, M, L, I, n;
+  let r = [Fe("sbb-image")], o, l = [], m, D = Ce, Q = [], E, _ = [], O = [], B, T = [], X = [], Y, j = [], U = [], A, V = [], R = [], K, N = [], H = [], W, Z = [], G = [], J, ee = [], te = [], ie, ae = [], se = [], re, oe = [], ne = [], ce, le = [], pe = [], me, de = [], he = [], ue, ge = [], be = [], fe;
   return n = class extends D {
     constructor() {
       super(...arguments);
-      u(this, k);
-      u(this, P);
-      u(this, S);
-      u(this, y);
-      u(this, z);
-      u(this, v);
-      u(this, x);
-      u(this, M);
-      u(this, $);
-      u(this, w);
-      u(this, L);
-      u(this, I);
-      this._captionElement = a(this, E), this._config = {
+      h(this, k);
+      h(this, P);
+      h(this, y);
+      h(this, S);
+      h(this, z);
+      h(this, v);
+      h(this, x);
+      h(this, $);
+      h(this, w);
+      h(this, M);
+      h(this, L);
+      h(this, I);
+      this._captionElement = a(this, Q), this._config = {
         nonRetinaQuality: "45",
         retinaQuality: "20"
-      }, s(this, k, a(this, _, "")), s(this, P, (a(this, q), a(this, T, !1))), s(this, S, (a(this, X), a(this, j, !1))), s(this, y, (a(this, U), a(this, V, "auto"))), s(this, z, (a(this, R), a(this, W, !1))), s(this, v, (a(this, N), a(this, Z, 1))), s(this, x, (a(this, G), a(this, ee, 1))), s(this, M, (a(this, te), a(this, ae, ""))), s(this, $, (a(this, se), a(this, oe, "high"))), s(this, w, (a(this, ne), a(this, le, "eager"))), s(this, L, (a(this, pe), a(this, de, ""))), s(this, I, (a(this, he), a(this, ge, ""))), a(this, be);
+      }, s(this, k, a(this, _, "")), s(this, P, (a(this, O), a(this, T, !1))), s(this, y, (a(this, X), a(this, j, !1))), s(this, S, (a(this, U), a(this, V, "auto"))), s(this, z, (a(this, R), a(this, N, !1))), s(this, v, (a(this, H), a(this, Z, 1))), s(this, x, (a(this, G), a(this, ee, 1))), s(this, $, (a(this, te), a(this, ae, ""))), s(this, w, (a(this, se), a(this, oe, "high"))), s(this, M, (a(this, ne), a(this, le, "eager"))), s(this, L, (a(this, pe), a(this, de, ""))), s(this, I, (a(this, he), a(this, ge, ""))), a(this, be);
     }
     /**
      * An alt text is not always necessary (e.g. in teaser cards when
@@ -81,7 +76,7 @@ let Ze = (() => {
      * technology, that they can skip the image.
      */
     get alt() {
-      return h(this, k);
+      return d(this, k);
     }
     set alt(t) {
       s(this, k, t);
@@ -94,7 +89,7 @@ let Ze = (() => {
      * https://medium.com/@imgix/lqip-your-images-for-fast-loading-2523d9ee4a62
      */
     get skipLqip() {
-      return h(this, P);
+      return d(this, P);
     }
     set skipLqip(t) {
       s(this, P, t);
@@ -105,10 +100,10 @@ let Ze = (() => {
      * https://docs.imgix.com/apis/rendering/focalpoint-crop
      */
     get customFocalPoint() {
-      return h(this, S);
+      return d(this, y);
     }
     set customFocalPoint(t) {
-      s(this, S, t);
+      s(this, y, t);
     }
     /**
      * If the lazy property is set to true, the module will automatically
@@ -118,17 +113,17 @@ let Ze = (() => {
      * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding
      */
     get decoding() {
-      return h(this, y);
+      return d(this, S);
     }
     set decoding(t) {
-      s(this, y, t);
+      s(this, S, t);
     }
     /**
      * Set this to true, to receive visual guidance where the custom focal
      * point is currently set.
      */
     get focalPointDebug() {
-      return h(this, z);
+      return d(this, z);
     }
     set focalPointDebug(t) {
       s(this, z, t);
@@ -137,7 +132,7 @@ let Ze = (() => {
      * Pass in a floating number between 0 (left) and 1 (right).
      */
     get focalPointX() {
-      return h(this, v);
+      return d(this, v);
     }
     set focalPointX(t) {
       s(this, v, t);
@@ -146,7 +141,7 @@ let Ze = (() => {
      * Pass in a floating number between 0 (top) and 1 (bottom).
      */
     get focalPointY() {
-      return h(this, x);
+      return d(this, x);
     }
     set focalPointY(t) {
       s(this, x, t);
@@ -162,10 +157,10 @@ let Ze = (() => {
      * LYNE Core Team.
      */
     get imageSrc() {
-      return h(this, M);
+      return d(this, $);
     }
     set imageSrc(t) {
-      s(this, M, t);
+      s(this, $, t);
     }
     /**
      * The importance attribute is fairly new attribute which should
@@ -177,10 +172,10 @@ let Ze = (() => {
      * the fold, will set the attribute value to 'low'.
      */
     get importance() {
-      return h(this, $);
+      return d(this, w);
     }
     set importance(t) {
-      s(this, $, t);
+      s(this, w, t);
     }
     /**
      * With the support of native image lazy loading, we can now
@@ -193,10 +188,10 @@ let Ze = (() => {
      * of the initial viewport.
      */
     get loading() {
-      return h(this, w);
+      return d(this, M);
     }
     set loading(t) {
-      s(this, w, t);
+      s(this, M, t);
     }
     /**
      * With performance.mark you can log a timestamp associated with
@@ -212,7 +207,7 @@ let Ze = (() => {
      * here, separate words with underscores or dashes.
      */
     get performanceMark() {
-      return h(this, L);
+      return d(this, L);
     }
     set performanceMark(t) {
       s(this, L, t);
@@ -268,7 +263,7 @@ let Ze = (() => {
      *            "conditionFeature": "max-width",
      *            "conditionFeatureValue": {
      *              "lyneDesignToken": true,
-     *              "value": "sbb-breakpoint-micro-max"
+     *              "value": "sbb-breakpoint-small-max"
      *            },
      *            "conditionOperator": "and"
      *          },
@@ -286,7 +281,7 @@ let Ze = (() => {
      *  }
      */
     get pictureSizesConfig() {
-      return h(this, I);
+      return d(this, I);
     }
     set pictureSizesConfig(t) {
       s(this, I, t);
@@ -307,7 +302,7 @@ let Ze = (() => {
       this.performanceMark && (performance.clearMarks(this.performanceMark), performance.mark(this.performanceMark));
     }
     _matchMediaQueryDesignToken(t) {
-      const e = Ue[t];
+      const e = Be[t];
       return e ? `${e}rem` : "";
     }
     _addFocusAbilityToLinksInCaption() {
@@ -351,7 +346,7 @@ let Ze = (() => {
                 "conditionFeature": "min-width",
                 "conditionFeatureValue": {
                   "lyneDesignToken": true,
-                  "value": "sbb-breakpoint-micro-min"
+                  "value": "sbb-breakpoint-small-min"
                 },
                 "conditionOperator": false
               }
@@ -374,7 +369,7 @@ let Ze = (() => {
             ]
           }
         ]
-      }`, Ye(t);
+      }`, qe(t);
     }
     _createMediaQueryString(t) {
       let e = "";
@@ -393,9 +388,9 @@ let Ze = (() => {
       const t = this._prepareImageUrl(this.imageSrc, !0), e = this._prepareImageUrl(this.imageSrc, !1);
       this.loading === "lazy" && (this.decoding = "async", this.importance = "low");
       const i = this._preparePictureSizeConfigs();
-      return Q`
+      return q`
       <div class="sbb-image__wrapper">
-        ${this.skipLqip ? F : Q`<img
+        ${this.skipLqip ? F : q`<img
               alt=""
               class="sbb-image__blurred"
               src=${t}
@@ -409,7 +404,7 @@ let Ze = (() => {
           <!-- render picture element sources -->
           ${i.map((c) => {
         const C = c.image.height, f = c.image.width, Pe = this._createMediaQueryString(c.mediaQueries);
-        return Q`
+        return q`
               <source
                 media=${`${Pe}`}
                 sizes=${`${f}px`}
@@ -432,11 +427,11 @@ let Ze = (() => {
       </div>
     `;
     }
-  }, k = new WeakMap(), P = new WeakMap(), S = new WeakMap(), y = new WeakMap(), z = new WeakMap(), v = new WeakMap(), x = new WeakMap(), M = new WeakMap(), $ = new WeakMap(), w = new WeakMap(), L = new WeakMap(), I = new WeakMap(), d = n, (() => {
+  }, k = new WeakMap(), P = new WeakMap(), y = new WeakMap(), S = new WeakMap(), z = new WeakMap(), v = new WeakMap(), x = new WeakMap(), $ = new WeakMap(), w = new WeakMap(), M = new WeakMap(), L = new WeakMap(), I = new WeakMap(), m = n, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(D[Symbol.metadata] ?? null) : void 0;
-    B = [b(), g()], O = [b(), g({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], Y = [b(), g({ attribute: "custom-focal-point", type: Boolean })], A = [g()], K = [b(), g({ attribute: "focal-point-debug", type: Boolean })], H = [b(), g({ attribute: "focal-point-x", type: Number })], J = [b(), g({ attribute: "focal-point-y", type: Number })], ie = [b(), g({ attribute: "image-src" })], re = [g()], ce = [g()], me = [b(), g({ attribute: "performance-mark" })], ue = [b(), g({ attribute: "picture-sizes-config" })], fe = [Te(je)], p(n, null, B, { kind: "accessor", name: "alt", static: !1, private: !1, access: { has: (e) => "alt" in e, get: (e) => e.alt, set: (e, i) => {
+    E = [g(), u()], B = [g(), u({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], Y = [g(), u({ attribute: "custom-focal-point", type: Boolean })], A = [u()], K = [g(), u({ attribute: "focal-point-debug", type: Boolean })], W = [g(), u({ attribute: "focal-point-x", type: Number })], J = [g(), u({ attribute: "focal-point-y", type: Number })], ie = [g(), u({ attribute: "image-src" })], re = [u()], ce = [u()], me = [g(), u({ attribute: "performance-mark" })], ue = [g(), u({ attribute: "picture-sizes-config" })], fe = [De(Oe)], p(n, null, E, { kind: "accessor", name: "alt", static: !1, private: !1, access: { has: (e) => "alt" in e, get: (e) => e.alt, set: (e, i) => {
       e.alt = i;
-    } }, metadata: t }, _, q), p(n, null, O, { kind: "accessor", name: "skipLqip", static: !1, private: !1, access: { has: (e) => "skipLqip" in e, get: (e) => e.skipLqip, set: (e, i) => {
+    } }, metadata: t }, _, O), p(n, null, B, { kind: "accessor", name: "skipLqip", static: !1, private: !1, access: { has: (e) => "skipLqip" in e, get: (e) => e.skipLqip, set: (e, i) => {
       e.skipLqip = i;
     } }, metadata: t }, T, X), p(n, null, Y, { kind: "accessor", name: "customFocalPoint", static: !1, private: !1, access: { has: (e) => "customFocalPoint" in e, get: (e) => e.customFocalPoint, set: (e, i) => {
       e.customFocalPoint = i;
@@ -444,7 +439,7 @@ let Ze = (() => {
       e.decoding = i;
     } }, metadata: t }, V, R), p(n, null, K, { kind: "accessor", name: "focalPointDebug", static: !1, private: !1, access: { has: (e) => "focalPointDebug" in e, get: (e) => e.focalPointDebug, set: (e, i) => {
       e.focalPointDebug = i;
-    } }, metadata: t }, W, N), p(n, null, H, { kind: "accessor", name: "focalPointX", static: !1, private: !1, access: { has: (e) => "focalPointX" in e, get: (e) => e.focalPointX, set: (e, i) => {
+    } }, metadata: t }, N, H), p(n, null, W, { kind: "accessor", name: "focalPointX", static: !1, private: !1, access: { has: (e) => "focalPointX" in e, get: (e) => e.focalPointX, set: (e, i) => {
       e.focalPointX = i;
     } }, metadata: t }, Z, G), p(n, null, J, { kind: "accessor", name: "focalPointY", static: !1, private: !1, access: { has: (e) => "focalPointY" in e, get: (e) => e.focalPointY, set: (e, i) => {
       e.focalPointY = i;
@@ -458,12 +453,12 @@ let Ze = (() => {
       e.performanceMark = i;
     } }, metadata: t }, de, he), p(n, null, ue, { kind: "accessor", name: "pictureSizesConfig", static: !1, private: !1, access: { has: (e) => "pictureSizesConfig" in e, get: (e) => e.pictureSizesConfig, set: (e, i) => {
       e.pictureSizesConfig = i;
-    } }, metadata: t }, ge, be), p(n, null, fe, { kind: "method", name: "_imageLoaded", static: !1, private: !1, access: { has: (e) => "_imageLoaded" in e, get: (e) => e._imageLoaded }, metadata: t }, null, E), p(null, o = { value: d }, r, { kind: "class", name: d.name, metadata: t }, null, l), d = o.value, t && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = Xe, n.events = {
+    } }, metadata: t }, ge, be), p(n, null, fe, { kind: "method", name: "_imageLoaded", static: !1, private: !1, access: { has: (e) => "_imageLoaded" in e, get: (e) => e._imageLoaded }, metadata: t }, null, Q), p(null, o = { value: m }, r, { kind: "class", name: m.name, metadata: t }, null, l), m = o.value, t && Object.defineProperty(m, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.styles = [Ee, Qe], n.events = {
     error: "error",
     load: "load"
-  }, a(d, l), d;
+  }, a(m, l), m;
 })();
 export {
-  Ze as SbbImageElement
+  Ke as SbbImageElement
 };

package/index.d.ts

@@ -50,7 +50,6 @@ import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-o
 import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
 import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
 import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.component.js";
-import { SbbPopoverTriggerElement } from "./popover/popover-trigger/popover-trigger.component.js";
 import { SbbPopoverElement } from "./popover/popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
@@ -116,7 +115,6 @@ import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/da
 import { SbbDatepickerElement } from "./datepicker/datepicker/datepicker.component.js";
 import { SbbDateInputElement } from "./date-input/date-input.component.js";
 import {  } from "./core/decorators/host-attributes.js";
-import {  } from "./core/decorators/slot-state.js";
 import { SbbStickyBarElement } from "./container/sticky-bar/sticky-bar.component.js";
 import { SbbContainerElement } from "./container/container/container.component.js";
 import { SbbClockElement } from "./clock/clock.component.js";
@@ -269,7 +267,6 @@ declare global {
   var SbbOverlayElement: SbbOverlayElement;
   var SbbPaginatorElement: SbbPaginatorElement;
   var SbbPopoverElement: SbbPopoverElement;
-  var SbbPopoverTriggerElement: SbbPopoverTriggerElement;
   var SbbRadioButtonElement: SbbRadioButtonElement;
   var SbbRadioButtonGroupElement: SbbRadioButtonGroupElement;
   var SbbRadioButtonPanelElement: SbbRadioButtonPanelElement;

package/index.js

@@ -50,7 +50,6 @@ import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-o
 import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
 import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
 import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.component.js";
-import { SbbPopoverTriggerElement } from "./popover/popover-trigger/popover-trigger.component.js";
 import { SbbPopoverElement } from "./popover/popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
@@ -116,7 +115,6 @@ import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/da
 import { SbbDatepickerElement } from "./datepicker/datepicker/datepicker.component.js";
 import { SbbDateInputElement } from "./date-input/date-input.component.js";
 import {  } from "./core/decorators/host-attributes.js";
-import {  } from "./core/decorators/slot-state.js";
 import { SbbStickyBarElement } from "./container/sticky-bar/sticky-bar.component.js";
 import { SbbContainerElement } from "./container/container/container.component.js";
 import { SbbClockElement } from "./clock/clock.component.js";
@@ -268,7 +266,6 @@ globalThis.SbbOptionHintElement = SbbOptionHintElement;
 globalThis.SbbOverlayElement = SbbOverlayElement;
 globalThis.SbbPaginatorElement = SbbPaginatorElement;
 globalThis.SbbPopoverElement = SbbPopoverElement;
-globalThis.SbbPopoverTriggerElement = SbbPopoverTriggerElement;
 globalThis.SbbRadioButtonElement = SbbRadioButtonElement;
 globalThis.SbbRadioButtonGroupElement = SbbRadioButtonGroupElement;
 globalThis.SbbRadioButtonPanelElement = SbbRadioButtonPanelElement;

package/journey-header/journey-header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"journey-header.component.d.ts","sourceRoot":"","sources":["../../../src/elements/journey-header/journey-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAS1E,OAAO,EAAE,YAAY,EAAsB,MAAM,aAAa,CAAC;AAI/D,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAWhD;;GAEG;AACH,qBAEM,uBAAwB,SAAQ,4BAA8B;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAE7E,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C;;;OAGG;IACH,SAA6C,IAAI,EAAE,iBAAiB,CAAwB;IAE5F,OAAO,CAAC,SAAS,CAAmC;;cASjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAa5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"journey-header.component.d.ts","sourceRoot":"","sources":["../../../src/elements/journey-header/journey-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU1E,OAAO,EAAE,YAAY,EAAsB,MAAM,aAAa,CAAC;AAI/D,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAWhD;;GAEG;AACH,qBAEM,uBAAwB,SAAQ,4BAA8B;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAiD;IAE9F,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C;;;OAGG;IACH,SAA6C,IAAI,EAAE,iBAAiB,CAAwB;IAE5F,OAAO,CAAC,SAAS,CAAmC;;cASjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAa5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/journey-header/journey-header.component.js

@@ -2,7 +2,7 @@ var D = (i) => {
   throw TypeError(i);
 };
 var E = (i, s, r) => s.has(i) || D("Cannot " + r);
-var m = (i, s, r) => (E(i, s, "read from private field"), r ? r.call(i) : s.get(i)), p = (i, s, r) => s.has(i) ? D("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), o = (i, s, r, n) => (E(i, s, "write to private field"), n ? n.call(i, r) : s.set(i, r), r);
+var b = (i, s, r) => (E(i, s, "read from private field"), r ? r.call(i) : s.get(i)), p = (i, s, r) => s.has(i) ? D("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), o = (i, s, r, n) => (E(i, s, "write to private field"), n ? n.call(i, r) : s.set(i, r), r);
 import { __esDecorate as g, __runInitializers as l } from "tslib";
 import { css as N, html as O } from "lit";
 import { customElement as U, property as _ } from "lit/decorators.js";
@@ -11,43 +11,44 @@ import { forceType as f } from "../core/decorators.js";
 import { isLean as H } from "../core/dom.js";
 import { i18nConnectionFrom as J, i18nConnectionTo as R, i18nConnectionRoundtrip as q } from "../core/i18n.js";
 import { SbbNegativeMixin as A } from "../core/mixins.js";
+import { boxSizingStyles as G } from "../core/styles.js";
 import { SbbTitleBase as B } from "../title.js";
 import "../icon.js";
 import "../screen-reader-only.js";
-const G = N`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, M = /* @__PURE__ */ new Map([
+const K = N`:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, M = /* @__PURE__ */ new Map([
   ["s", "6"],
   ["m", "5"],
   ["l", "4"]
 ]);
-let ae = (() => {
-  var d, u, h, b, a;
-  let i = [U("sbb-journey-header")], s, r = [], n, y = A(B), z, v = [], x = [], T, w = [], j = [], S, $ = [], k = [], I, L = [], C = [];
+let oe = (() => {
+  var d, u, h, m, a;
+  let i = [U("sbb-journey-header")], s, r = [], n, y = A(B), z, v = [], T = [], x, S = [], w = [], j, $ = [], k = [], I, L = [], C = [];
   return a = class extends y {
     constructor() {
       super();
       p(this, d);
       p(this, u);
       p(this, h);
-      p(this, b);
-      o(this, d, l(this, v, "")), o(this, u, (l(this, x), l(this, w, ""))), o(this, h, (l(this, j), l(this, $, !1))), o(this, b, (l(this, k), l(this, L, H() ? "s" : "m"))), this._language = (l(this, C), new F(this)), this.level = "3", this.visualLevel = M.get(this.size) ?? null;
+      p(this, m);
+      o(this, d, l(this, v, "")), o(this, u, (l(this, T), l(this, S, ""))), o(this, h, (l(this, w), l(this, $, !1))), o(this, m, (l(this, k), l(this, L, H() ? "s" : "m"))), this._language = (l(this, C), new F(this)), this.level = "3", this.visualLevel = M.get(this.size) ?? null;
     }
     /** Origin location for the journey header. */
     get origin() {
-      return m(this, d);
+      return b(this, d);
     }
     set origin(t) {
       o(this, d, t);
     }
     /** Destination location for the journey header. */
     get destination() {
-      return m(this, u);
+      return b(this, u);
     }
     set destination(t) {
       o(this, u, t);
     }
     /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
     get roundTrip() {
-      return m(this, h);
+      return b(this, h);
     }
     set roundTrip(t) {
       o(this, h, t);
@@ -57,10 +58,10 @@ let ae = (() => {
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return m(this, b);
+      return b(this, m);
     }
     set size(t) {
-      o(this, b, t);
+      o(this, m, t);
     }
     willUpdate(t) {
       super.willUpdate(t), t.has("size") && (this.visualLevel = M.get(this.size) ?? null);
@@ -76,19 +77,19 @@ let ae = (() => {
       <sbb-screen-reader-only>${e}</sbb-screen-reader-only>
     `;
     }
-  }, d = new WeakMap(), u = new WeakMap(), h = new WeakMap(), b = new WeakMap(), n = a, (() => {
+  }, d = new WeakMap(), u = new WeakMap(), h = new WeakMap(), m = new WeakMap(), n = a, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    z = [f(), _()], T = [f(), _()], S = [f(), _({ attribute: "round-trip", type: Boolean })], I = [_({ reflect: !0 })], g(a, null, z, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (e) => "origin" in e, get: (e) => e.origin, set: (e, c) => {
+    z = [f(), _()], x = [f(), _()], j = [f(), _({ attribute: "round-trip", type: Boolean })], I = [_({ reflect: !0 })], g(a, null, z, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (e) => "origin" in e, get: (e) => e.origin, set: (e, c) => {
       e.origin = c;
-    } }, metadata: t }, v, x), g(a, null, T, { kind: "accessor", name: "destination", static: !1, private: !1, access: { has: (e) => "destination" in e, get: (e) => e.destination, set: (e, c) => {
+    } }, metadata: t }, v, T), g(a, null, x, { kind: "accessor", name: "destination", static: !1, private: !1, access: { has: (e) => "destination" in e, get: (e) => e.destination, set: (e, c) => {
       e.destination = c;
-    } }, metadata: t }, w, j), g(a, null, S, { kind: "accessor", name: "roundTrip", static: !1, private: !1, access: { has: (e) => "roundTrip" in e, get: (e) => e.roundTrip, set: (e, c) => {
+    } }, metadata: t }, S, w), g(a, null, j, { kind: "accessor", name: "roundTrip", static: !1, private: !1, access: { has: (e) => "roundTrip" in e, get: (e) => e.roundTrip, set: (e, c) => {
       e.roundTrip = c;
     } }, metadata: t }, $, k), g(a, null, I, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
       e.size = c;
     } }, metadata: t }, L, C), g(null, s = { value: n }, i, { kind: "class", name: n.name, metadata: t }, null, r), n = s.value, t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), a.styles = [B.styles, G], l(n, r), n;
+  })(), a.styles = [G, B.styles, K], l(n, r), n;
 })();
 export {
-  ae as SbbJourneyHeaderElement
+  oe as SbbJourneyHeaderElement
 };

package/lead-container/lead-container.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lead-container.component.d.ts","sourceRoot":"","sources":["../../../src/elements/lead-container/lead-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjF;;;;;;;GAOG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"lead-container.component.d.ts","sourceRoot":"","sources":["../../../src/elements/lead-container/lead-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOjF;;;;;;;GAOG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAA4B;cAEtD,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/lead-container/lead-container.component.js

@@ -1,10 +1,11 @@
 import { __esDecorate as b, __runInitializers as o } from "tslib";
-import { css as d, LitElement as l, html as c } from "lit";
+import { css as l, LitElement as d, 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-background-color-1);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-content-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-block: 0 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:var(--sbb-lead-container-padding-block)}::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);color:var(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-smoke))}@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-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){.sbb-lead-container-content-wrapper{max-width:var(--sbb-spacing-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{position:relative;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-content-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 = (() => {
+import { boxSizingStyles as g } from "../core/styles.js";
+const p = l`:host{display:block;--sbb-lead-container-background-color: var(--sbb-background-color-1);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-content-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-block: 0 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:90rem){:host{--sbb-lead-container-image-ratio: 21 / 9;--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block:var(--sbb-lead-container-padding-block)}::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);color:var(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-smoke))}@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-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){.sbb-lead-container-content-wrapper{max-width:var(--sbb-spacing-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{position:relative;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-content-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media(min-width:64rem){.sbb-lead-container-content{grid-column:2/-2;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:90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
+let f = (() => {
   var e;
-  let s = [m("sbb-lead-container")], i, r = [], a, t = l;
+  let s = [m("sbb-lead-container")], r, i = [], a, t = d;
   return e = class extends t {
     render() {
       return c`
@@ -23,9 +24,9 @@ let h = (() => {
     }
   }, a = e, (() => {
     const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    b(null, i = { value: a }, s, { kind: "class", name: a.name, metadata: n }, null, r), a = i.value, n && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
-  })(), e.styles = g, o(a, r), a;
+    b(null, r = { value: a }, s, { kind: "class", name: a.name, metadata: n }, null, i), a = r.value, n && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), e.styles = [g, p], o(a, i), a;
 })();
 export {
-  h as SbbLeadContainerElement
+  f as SbbLeadContainerElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"block-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/block-link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAQhE,MAAM,CAAC,OAAO,OAAO,kCAAmC,SAAQ,uCAE/D;IACC,SAAgB,aAAa,EAAE,gBAAgB,CAAC;CACjD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAChG,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CAoB5D,CAAC"}
+{"version":3,"file":"block-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/block-link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAShE,MAAM,CAAC,OAAO,OAAO,kCAAmC,SAAQ,uCAE/D;IACC,SAAgB,aAAa,EAAE,gBAAgB,CAAC;CACjD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAChG,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CAoB5D,CAAC"}

package/link/common/block-link-common.js

@@ -6,12 +6,13 @@ var v = (t, o, e) => (m(t, o, "read from private field"), e ? e.call(t) : o.get(
 import { __esDecorate as g, __runInitializers as f } from "tslib";
 import { property as d } from "lit/decorators.js";
 import { html as k } from "lit/static-html.js";
-import { SbbIconNameMixin as u } from "../../icon.js";
-import { S as x, s as _ } from "../../link-common-nA3q92jp.js";
-import { css as z } from "lit";
-const P = z`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}.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%)}`, O = (t) => (() => {
+import { boxSizingStyles as u } from "../../core/styles.js";
+import { SbbIconNameMixin as x } from "../../icon.js";
+import { S as _, s as z } from "../../link-common-CdQBSga7.js";
+import { css as S } from "lit";
+const P = S`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}.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(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-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%)}`, D = (t) => (() => {
   var r, i;
-  let e = x(u(t)), s, n = [], l = [];
+  let e = _(x(t)), s, n = [], l = [];
   return i = class extends e {
     constructor() {
       super(...arguments);
@@ -22,8 +23,8 @@ const P = z`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125)
     get iconPlacement() {
       return v(this, r);
     }
-    set iconPlacement(b) {
-      h(this, r, b);
+    set iconPlacement(a) {
+      h(this, r, a);
     }
     renderTemplate() {
       return k`
@@ -32,12 +33,12 @@ const P = z`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125)
       `;
     }
   }, r = new WeakMap(), (() => {
-    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    s = [d({ attribute: "icon-placement", reflect: !0 })], g(i, null, s, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (a) => "iconPlacement" in a, get: (a) => a.iconPlacement, set: (a, y) => {
-      a.iconPlacement = y;
-    } }, metadata: b }, n, l), b && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), i.styles = [_, P], i;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    s = [d({ attribute: "icon-placement", reflect: !0 })], g(i, null, s, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (b) => "iconPlacement" in b, get: (b) => b.iconPlacement, set: (b, y) => {
+      b.iconPlacement = y;
+    } }, metadata: a }, n, l), a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), i.styles = [u, z, P], i;
 })();
 export {
-  O as SbbBlockLinkCommonElementMixin
+  D as SbbBlockLinkCommonElementMixin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"inline-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/inline-link-common.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAOhE,MAAM,CAAC,OAAO,OAAO,mCAAoC,SAAQ,wCAEhE;CAAG;AAGJ,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAS7D,CAAC"}
+{"version":3,"file":"inline-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/inline-link-common.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAQhE,MAAM,CAAC,OAAO,OAAO,mCAAoC,SAAQ,wCAEhE;CAAG;AAGJ,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAS7D,CAAC"}