@sbb-esta/lyne-elements 1.13.0 → 1.14.0

package/index.d.ts

@@ -89,7 +89,8 @@ import { SbbNotificationElement } from "./notification.js";
 import { SbbOptGroupElement } from "./option/optgroup.js";
 import { SbbOptionElement } from "./option/option.js";
 import { SbbOverlayElement } from "./overlay.js";
-import { SbbPaginatorElement } from "./paginator.js";
+import { SbbCompactPaginatorElement } from "./paginator/compact-paginator.js";
+import { SbbPaginatorElement } from "./paginator/paginator.js";
 import { SbbPopoverElement } from "./popover/popover.js";
 import { SbbPopoverTriggerElement } from "./popover/popover-trigger.js";
 import { SbbRadioButtonElement } from "./radio-button/radio-button.js";
@@ -221,6 +222,7 @@ declare global {
   var SbbOptGroupElement: SbbOptGroupElement;
   var SbbOptionElement: SbbOptionElement;
   var SbbOverlayElement: SbbOverlayElement;
+  var SbbCompactPaginatorElement: SbbCompactPaginatorElement;
   var SbbPaginatorElement: SbbPaginatorElement;
   var SbbPopoverElement: SbbPopoverElement;
   var SbbPopoverTriggerElement: SbbPopoverTriggerElement;

package/index.js

@@ -89,7 +89,8 @@ import { SbbNotificationElement } from "./notification.js";
 import { SbbOptGroupElement } from "./option/optgroup.js";
 import { SbbOptionElement } from "./option/option.js";
 import { SbbOverlayElement } from "./overlay.js";
-import { SbbPaginatorElement } from "./paginator.js";
+import { SbbCompactPaginatorElement } from "./paginator/compact-paginator.js";
+import { SbbPaginatorElement } from "./paginator/paginator.js";
 import { SbbPopoverElement } from "./popover/popover.js";
 import { SbbPopoverTriggerElement } from "./popover/popover-trigger.js";
 import { SbbRadioButtonElement } from "./radio-button/radio-button.js";
@@ -220,6 +221,7 @@ globalThis.SbbNotificationElement = SbbNotificationElement;
 globalThis.SbbOptGroupElement = SbbOptGroupElement;
 globalThis.SbbOptionElement = SbbOptionElement;
 globalThis.SbbOverlayElement = SbbOverlayElement;
+globalThis.SbbCompactPaginatorElement = SbbCompactPaginatorElement;
 globalThis.SbbPaginatorElement = SbbPaginatorElement;
 globalThis.SbbPopoverElement = SbbPopoverElement;
 globalThis.SbbPopoverTriggerElement = SbbPopoverTriggerElement;

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

@@ -8,15 +8,15 @@ declare const SbbJourneyHeaderElement_base: import('../core/mixins.js').Abstract
 export declare class SbbJourneyHeaderElement extends SbbJourneyHeaderElement_base {
     static styles: CSSResultGroup;
     /** Origin location for the journey header. */
-    origin: string;
+    accessor origin: string;
     /** Destination location for the journey header. */
-    destination: string;
+    accessor destination: string;
     /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
-    roundTrip?: boolean;
+    accessor roundTrip: boolean;
     /** Heading level of the journey header element (e.g. h1-h6). */
-    level: SbbTitleLevel;
+    accessor level: SbbTitleLevel;
     /** Journey header size. */
-    size: JourneyHeaderSize;
+    accessor size: JourneyHeaderSize;
     private _language;
     protected render(): TemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"journey-header.d.ts","sourceRoot":"","sources":["../../../src/elements/journey-header/journey-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAClC,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAQhD;;GAEG;AACH,qBACa,uBAAwB,SAAQ,4BAA4B;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC3B,MAAM,EAAG,MAAM,CAAC;IAEnC,mDAAmD;IAChC,WAAW,EAAG,MAAM,CAAC;IAExC,wFAAwF;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEjF,gEAAgE;IAC7C,KAAK,EAAE,aAAa,CAAO;IAE9C,2BAA2B;IACS,IAAI,EAAE,iBAAiB,CAAO;IAElE,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAgC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"journey-header.d.ts","sourceRoot":"","sources":["../../../src/elements/journey-header/journey-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAClC,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAQhD;;GAEG;AACH,qBAEM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,gEAAgE;IAChE,SAA4B,KAAK,EAAE,aAAa,CAAO;IAEvD,2BAA2B;IAC3B,SAA6C,IAAI,EAAE,iBAAiB,CAAO;IAE3E,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAgC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/journey-header.js

@@ -1,75 +1,115 @@
-import { css as g, LitElement as u, html as p, nothing as c } from "lit";
-import { property as t, customElement as d } from "lit/decorators.js";
-import { SbbLanguageController as m } from "./core/controllers.js";
-import { i18nConnectionFrom as h, i18nConnectionTo as y, i18nConnectionRoundtrip as f } from "./core/i18n.js";
-import { SbbNegativeMixin as v } from "./core/mixins.js";
+var O = (i) => {
+  throw TypeError(i);
+};
+var B = (i, s, r) => s.has(i) || O("Cannot " + r);
+var m = (i, s, r) => (B(i, s, "read from private field"), r ? r.call(i) : s.get(i)), p = (i, s, r) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), n = (i, s, r, l) => (B(i, s, "write to private field"), l ? l.call(i, r) : s.set(i, r), r);
+import { __runInitializers as o, __esDecorate as _ } from "tslib";
+import { css as J, LitElement as P, html as F, nothing as H } from "lit";
+import { customElement as R, property as f } from "lit/decorators.js";
+import { SbbLanguageController as q } from "./core/controllers.js";
+import { forceType as v } from "./core/decorators.js";
+import { i18nConnectionFrom as A, i18nConnectionTo as G, i18nConnectionRoundtrip as K } from "./core/i18n.js";
+import { SbbNegativeMixin as Q } from "./core/mixins.js";
 import "./icon.js";
 import "./screen-reader-only.js";
 import "./title.js";
-const _ = g`*,: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)}sbb-title{margin:0}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)}`;
-var x = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (s, o, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? j(o, a) : o, b = s.length - 1, l; b >= 0; b--)
-    (l = s[b]) && (r = (i ? l(o, a, r) : l(r)) || r);
-  return i && r && x(o, a, r), r;
-};
-const w = /* @__PURE__ */ new Map([
+const U = J`*,: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)}sbb-title{margin:0}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)}`, V = /* @__PURE__ */ new Map([
   ["s", "6"],
   ["m", "5"],
   ["l", "4"]
 ]);
-let e = class extends v(u) {
-  constructor() {
-    super(...arguments), this.level = "3", this.size = "m", this._language = new m(this);
-  }
-  render() {
-    const s = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
-    return p`
+let le = (() => {
+  var d, b, h, u, g, a;
+  let i = [R("sbb-journey-header")], s, r = [], l, y = Q(P), z, x = [], T = [], j, $ = [], w = [], k, S = [], I = [], C, E = [], D = [], L, M = [], N = [];
+  return a = class extends y {
+    constructor() {
+      super(...arguments);
+      p(this, d);
+      p(this, b);
+      p(this, h);
+      p(this, u);
+      p(this, g);
+      n(this, d, o(this, x, "")), n(this, b, (o(this, T), o(this, $, ""))), n(this, h, (o(this, w), o(this, S, !1))), n(this, u, (o(this, I), o(this, E, "3"))), n(this, g, (o(this, D), o(this, M, "m"))), this._language = (o(this, N), new q(this));
+    }
+    /** Origin location for the journey header. */
+    get origin() {
+      return m(this, d);
+    }
+    set origin(t) {
+      n(this, d, t);
+    }
+    /** Destination location for the journey header. */
+    get destination() {
+      return m(this, b);
+    }
+    set destination(t) {
+      n(this, b, t);
+    }
+    /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
+    get roundTrip() {
+      return m(this, h);
+    }
+    set roundTrip(t) {
+      n(this, h, t);
+    }
+    /** Heading level of the journey header element (e.g. h1-h6). */
+    get level() {
+      return m(this, u);
+    }
+    set level(t) {
+      n(this, u, t);
+    }
+    /** Journey header size. */
+    get size() {
+      return m(this, g);
+    }
+    set size(t) {
+      n(this, g, t);
+    }
+    render() {
+      const t = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
+      return F`
       <sbb-title
-        level=${this.level || c}
+        level=${this.level || H}
         ?negative=${this.negative}
-        visual-level=${w.get(this.size)}
+        visual-level=${V.get(this.size)}
       >
         <span class="sbb-journey-header">
           <span class="sbb-journey-header__origin">
             <sbb-screen-reader-only>
-              ${h[this._language.current]}&nbsp;
+              ${A[this._language.current]}&nbsp;
             </sbb-screen-reader-only>
             ${this.origin}
           </span>
-          <sbb-icon name=${s}></sbb-icon>
+          <sbb-icon name=${t}></sbb-icon>
           <span class="sbb-journey-header__destination">
             <sbb-screen-reader-only>
-              &nbsp;${y[this._language.current]}&nbsp;
+              &nbsp;${G[this._language.current]}&nbsp;
             </sbb-screen-reader-only>
             ${this.destination}
-            ${this.roundTrip ? p` <sbb-screen-reader-only>
-                  ${f(this.origin)[this._language.current]}
-                </sbb-screen-reader-only>` : c}
+            ${this.roundTrip ? F` <sbb-screen-reader-only>
+                  ${K(this.origin)[this._language.current]}
+                </sbb-screen-reader-only>` : H}
           </span>
         </span>
       </sbb-title>
     `;
-  }
-};
-e.styles = _;
-n([
-  t()
-], e.prototype, "origin", 2);
-n([
-  t()
-], e.prototype, "destination", 2);
-n([
-  t({ attribute: "round-trip", type: Boolean })
-], e.prototype, "roundTrip", 2);
-n([
-  t()
-], e.prototype, "level", 2);
-n([
-  t({ reflect: !0 })
-], e.prototype, "size", 2);
-e = n([
-  d("sbb-journey-header")
-], e);
+    }
+  }, d = new WeakMap(), b = new WeakMap(), h = new WeakMap(), u = new WeakMap(), g = new WeakMap(), l = a, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+    z = [v(), f()], j = [v(), f()], k = [v(), f({ attribute: "round-trip", type: Boolean })], C = [f()], L = [f({ reflect: !0 })], _(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 }, x, T), _(a, null, j, { 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), _(a, null, k, { 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 }, S, I), _(a, null, C, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (e) => "level" in e, get: (e) => e.level, set: (e, c) => {
+      e.level = c;
+    } }, metadata: t }, E, D), _(a, null, L, { 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 }, M, N), _(null, s = { value: l }, i, { kind: "class", name: l.name, metadata: t }, null, r), l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), a.styles = U, o(l, r), l;
+})();
 export {
-  e as SbbJourneyHeaderElement
+  le as SbbJourneyHeaderElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"lead-container.d.ts","sourceRoot":"","sources":["../../../src/elements/lead-container/lead-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjF;;;;;;;GAOG;AACH,qBACa,uBAAwB,SAAQ,UAAU;IACrD,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.d.ts","sourceRoot":"","sources":["../../../src/elements/lead-container/lead-container.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"}

package/lead-container.js

@@ -1,14 +1,13 @@
-import { css as t, LitElement as d, html as l } from "lit";
-import { customElement as c } from "lit/decorators.js";
-const m = t`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: var(--sbb-lead-container-image-ratio);--sbb-image-border-radius: var(--sbb-lead-container-image-border-radius)}::slotted(:is(img[slot=image],picture[slot=image])){display:block;width:100%;object-fit:cover;aspect-ratio:var(--sbb-lead-container-image-ratio);border-radius:var(--sbb-lead-container-image-border-radius)}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
-var g = Object.defineProperty, p = Object.getOwnPropertyDescriptor, v = (o, a, i, r) => {
-  for (var e = r > 1 ? void 0 : r ? p(a, i) : a, n = o.length - 1, b; n >= 0; n--)
-    (b = o[n]) && (e = (r ? b(a, i, e) : b(e)) || e);
-  return r && e && g(a, i, e), e;
-};
-let s = class extends d {
-  render() {
-    return l`
+import { __esDecorate as b, __runInitializers as o } from "tslib";
+import { css as d, html as l, LitElement as c } from "lit";
+import { customElement as m } from "lit/decorators.js";
+const g = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: var(--sbb-lead-container-image-ratio);--sbb-image-border-radius: var(--sbb-lead-container-image-border-radius)}::slotted(:is(img[slot=image],picture[slot=image])){display:block;width:100%;object-fit:cover;aspect-ratio:var(--sbb-lead-container-image-ratio);border-radius:var(--sbb-lead-container-image-border-radius)}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
+let h = (() => {
+  var a;
+  let s = [m("sbb-lead-container")], r, n = [], e, t = c;
+  return a = class extends t {
+    render() {
+      return l`
       <div class="sbb-lead-container">
         <div class="sbb-lead-container-image">
           <slot name="image"></slot>
@@ -21,12 +20,12 @@ let s = class extends d {
         </div>
       </div>
     `;
-  }
-};
-s.styles = m;
-s = v([
-  c("sbb-lead-container")
-], s);
+    }
+  }, e = a, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    b(null, r = { value: e }, s, { kind: "class", name: e.name, metadata: i }, null, n), e = r.value, i && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), a.styles = g, o(e, n), e;
+})();
 export {
-  s as SbbLeadContainerElement
+  h as SbbLeadContainerElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"block-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link/block-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBACa,mBAAoB,SAAQ,wBAExC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"block-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link/block-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,wBAEjC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"block-link-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-button/block-link-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBACa,yBAA0B,SAAQ,8BAE9C;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"block-link-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-button/block-link-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/link/block-link-button.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"block-link-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-static/block-link-static.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBACa,yBAA0B,SAAQ,8BAE9C;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"block-link-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-static/block-link-static.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/link/block-link-static.js

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

package/link/block-link.js

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

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

@@ -1,10 +1,11 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { SbbIconPlacement } from '../../core/interfaces.js';
 import { AbstractConstructor } from '../../core/mixins.js';
+import { SbbIconNameMixinType } from '../../icon.js';
 import { SbbLinkCommonElementMixinType } from './link-common.js';
-export declare class SbbBlockLinkCommonElementMixinType extends SbbLinkCommonElementMixinType {
-    iconName?: string;
-    iconPlacement?: SbbIconPlacement;
+export declare class SbbBlockLinkCommonElementMixinType extends SbbLinkCommonElementMixinType implements Partial<SbbIconNameMixinType> {
+    accessor iconName: string;
+    accessor iconPlacement: SbbIconPlacement;
 }
 export declare const SbbBlockLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbBlockLinkCommonElementMixinType> & T;
 //# sourceMappingURL=block-link-common.d.ts.map

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;AAGhE,OAAO,EAA6B,KAAK,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAKjG,MAAM,CAAC,OAAO,OAAO,kCAAmC,SAAQ,6BAA6B;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,gBAAgB,CAAC;CACzC;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cACpF,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;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAG1D,OAAO,EAA6B,KAAK,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAKjG,MAAM,CAAC,OAAO,OAAO,kCACnB,SAAQ,6BACR,YAAW,OAAO,CAAC,oBAAoB,CAAC;IAExC,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAgB,aAAa,EAAE,gBAAgB,CAAC;CACjD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cACpF,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CAoB5D,CAAC"}

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

@@ -2,7 +2,7 @@ import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { SbbNegativeMixinType, AbstractConstructor } from '../../core/mixins.js';
 export type SbbLinkSize = 'xs' | 's' | 'm';
 export declare class SbbLinkCommonElementMixinType extends SbbNegativeMixinType {
-    size?: SbbLinkSize;
+    accessor size: SbbLinkSize;
 }
 export declare const SbbLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbLinkCommonElementMixinType> & T;
 //# sourceMappingURL=link-common.d.ts.map

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;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"}
+{"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;IAC7E,SAAgB,IAAI,EAAE,WAAW,CAAC;CACnC;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,62 +1,80 @@
-import { property as c } from "lit/decorators.js";
-import { html as f } from "lit/static-html.js";
-import { SbbIconNameMixin as h } from "../icon.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}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;word-break:break-word;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}: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:var(--sbb-link-hover-text-decoration, underline)}}:host(:is(:active,[data-active]):not([disabled])) .sbb-action-base{color:var(--sbb-link-color-active)}`;
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (i, t, o, n) => {
-  for (var e = n > 1 ? void 0 : n ? g(t, o) : t, s = i.length - 1, r; s >= 0; s--)
-    (r = i[s]) && (e = (n ? r(t, o, e) : r(e)) || e);
-  return n && e && m(t, o, e), e;
+var _ = (t) => {
+  throw TypeError(t);
 };
-const v = (i) => {
-  let t = class extends p(i) {
+var z = (t, o, e) => o.has(t) || _("Cannot " + e);
+var u = (t, o, e) => (z(t, o, "read from private field"), e ? e.call(t) : o.get(t)), f = (t, o, e) => o.has(t) ? _("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, e), v = (t, o, e, r) => (z(t, o, "write to private field"), r ? r.call(t, e) : o.set(t, e), e);
+import { __esDecorate as p, __runInitializers as d } from "tslib";
+import { property as S } from "lit/decorators.js";
+import { html as w } from "lit/static-html.js";
+import { SbbIconNameMixin as I } from "../icon.js";
+import { hostAttributes as M, slotState as j } from "../core/decorators.js";
+import { SbbNegativeMixin as B } from "../core/mixins.js";
+import { css as g } from "lit";
+const y = g`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([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}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;word-break:break-word;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}: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:var(--sbb-link-hover-text-decoration, underline)}}:host(:is(:active,[data-active]):not([disabled])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (t) => (() => {
+  var a, i;
+  let e = [M({ "data-sbb-link": "" }), j()], r, c = [], n, l = B(t), s, x = [], h = [];
+  return i = class extends l {
     constructor() {
-      super(...arguments), this.size = "s";
+      super(...arguments);
+      f(this, a, d(this, x, "s"));
+      d(this, h);
+    }
+    /**
+     * Text size, the link should get in the non-button variation.
+     * With inline variant, the text size adapts to where it is used.
+     */
+    get size() {
+      return u(this, a);
+    }
+    set size(b) {
+      v(this, a, b);
     }
     renderTemplate() {
-      return f`<slot></slot>`;
+      return w`<slot></slot>`;
     }
-  };
-  return t.styles = a, l([
-    c({ reflect: !0 })
-  ], t.prototype, "size", 2), t = l([
-    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) => {
-  for (var e = void 0, s = i.length - 1, r; s >= 0; s--)
-    (r = i[s]) && (e = r(t, o, e) || e);
-  return e && y(t, o, e), e;
-};
-const O = (i) => {
-  const o = class o extends v(h(i)) {
+  }, a = new WeakMap(), n = i, (() => {
+    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    s = [S({ reflect: !0 })], p(i, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (m) => "size" in m, get: (m) => m.size, set: (m, T) => {
+      m.size = T;
+    } }, metadata: b }, x, h), p(null, r = { value: n }, e, { kind: "class", name: n.name, metadata: b }, null, c), n = r.value, b && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
+  })(), i.styles = y, d(n, c), n;
+})(), E = g`:host{--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, q = (t) => (() => {
+  var l, s;
+  let e = P(I(t)), r, c = [], n = [];
+  return s = class extends e {
     constructor() {
-      super(...arguments), this.iconPlacement = "start";
+      super(...arguments);
+      f(this, l, d(this, c, "start"));
+      d(this, n);
+    }
+    /** Moves the icon to the end of the component if set to true. */
+    get iconPlacement() {
+      return u(this, l);
+    }
+    set iconPlacement(a) {
+      v(this, l, a);
     }
     renderTemplate() {
-      return f`
+      return w`
         <span class="sbb-link__icon"> ${super.renderIconSlot()} </span>
         <slot></slot>
       `;
     }
+  }, l = new WeakMap(), (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    r = [S({ attribute: "icon-placement", reflect: !0 })], p(s, null, r, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (i) => "iconPlacement" in i, get: (i) => i.iconPlacement, set: (i, k) => {
+      i.iconPlacement = k;
+    } }, metadata: a }, c, n), a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), s.styles = [y, E], s;
+})(), O = g`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-normal: inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);color:inherit;display:inline-block}:host([negative]){--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, F = (t) => {
+  const e = class e extends P(t) {
   };
-  o.styles = [a, x];
-  let t = o;
-  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}`, j = (i) => {
-  const o = class o extends v(i) {
-  };
-  o.styles = [a, z];
-  let t = o;
-  return t;
+  e.styles = [y, O];
+  let o = e;
+  return o;
 };
 export {
-  O as SbbBlockLinkCommonElementMixin,
-  j as SbbInlineLinkCommonElementMixin,
-  v as SbbLinkCommonElementMixin
+  q as SbbBlockLinkCommonElementMixin,
+  F as SbbInlineLinkCommonElementMixin,
+  P as SbbLinkCommonElementMixin
 };

package/link/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link/link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;GAIG;AACH,qBACa,cAAe,SAAQ,mBAEnC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link/link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;GAIG;AACH,qBAEM,cAAe,SAAQ,mBAE5B;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}