@sbb-esta/lyne-elements 1.13.0 → 1.14.0

package/teaser-hero.js

@@ -1,29 +1,61 @@
-import { css as c, nothing as l } from "lit";
-import { property as h, customElement as g } from "lit/decorators.js";
-import { html as p } from "lit/static-html.js";
-import { SbbLinkBaseElement as m } from "./core/base-elements.js";
-import { slotState as v } from "./core/decorators.js";
+var I = (e) => {
+  throw TypeError(e);
+};
+var T = (e, a, i) => a.has(e) || I("Cannot " + i);
+var p = (e, a, i) => (T(e, a, "read from private field"), i ? i.call(e) : a.get(e)), m = (e, a, i) => a.has(e) ? I("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, i), g = (e, a, i, n) => (T(e, a, "write to private field"), n ? n.call(e, i) : a.set(e, i), i);
+import { __esDecorate as d, __runInitializers as o } from "tslib";
+import { css as j, nothing as v } from "lit";
+import { customElement as D, property as u } from "lit/decorators.js";
+import { html as _ } from "lit/static-html.js";
+import { SbbLinkBaseElement as O } from "./core/base-elements.js";
+import { slotState as q, forceType as f, omitEmptyConverter as B } from "./core/decorators.js";
 import "./image.js";
 import "./link/block-link-static.js";
-const d = c`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-teaser-hero-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-hero-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto var(--sbb-spacing-responsive-xxxs);--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-white);--sbb-panel-background-color: var(--sbb-color-red-alpha-90);--sbb-panel-background-color-hover: var(--sbb-color-red);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media (min-width: 52.5rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media (min-width: 64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media (any-hover: hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover);--sbb-teaser-hero-brightness: var(--sbb-teaser-hero-brightness-hover)}}.sbb-teaser-hero{position:relative;display:block;min-height:var(--sbb-panel-height)}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media (any-hover: hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not([data-slot-names~=unnamed],[data-slot-names~=link-content],[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}::slotted([slot=image]),sbb-image{will-change:filter;filter:brightness(var(--sbb-teaser-hero-brightness, 1));transition:filter var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}::slotted([slot=chip]){position:absolute;inset:var(--sbb-teaser-hero-chip-inset);z-index:2}`;
-var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (t, s, r, n) => {
-  for (var e = n > 1 ? void 0 : n ? f(s, r) : s, o = t.length - 1, b; o >= 0; o--)
-    (b = t[o]) && (e = (n ? b(s, r, e) : b(e)) || e);
-  return n && e && u(s, r, e), e;
-};
-let a = class extends m {
-  _chipSlotChanged() {
-    var t;
-    (t = this.querySelector("sbb-chip")) == null || t.setAttribute("color", "charcoal");
-  }
-  renderTemplate() {
-    return p`
+const H = j`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-teaser-hero-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-hero-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto var(--sbb-spacing-responsive-xxxs);--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-titles);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-white);--sbb-panel-background-color: var(--sbb-color-red-alpha-90);--sbb-panel-background-color-hover: var(--sbb-color-red);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media (min-width: 52.5rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media (min-width: 64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media (any-hover: hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover);--sbb-teaser-hero-brightness: var(--sbb-teaser-hero-brightness-hover)}}.sbb-teaser-hero{position:relative;display:block;min-height:var(--sbb-panel-height)}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media (any-hover: hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not([data-slot-names~=unnamed],[data-slot-names~=link-content],[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}::slotted([slot=image]),sbb-image{will-change:filter;filter:brightness(var(--sbb-teaser-hero-brightness, 1));transition:filter var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}::slotted([slot=chip]){position:absolute;inset:var(--sbb-teaser-hero-chip-inset);z-index:2}`;
+let R = (() => {
+  var l, b, c, r;
+  let e = [D("sbb-teaser-hero"), q()], a, i = [], n, k = O, y, x = [], S = [], z, C = [], w = [], A, $ = [], E = [];
+  return r = class extends k {
+    constructor() {
+      super(...arguments);
+      m(this, l, o(this, x, ""));
+      m(this, b, (o(this, S), o(this, C, "")));
+      m(this, c, (o(this, w), o(this, $, "")));
+      o(this, E);
+    }
+    /** Panel link text. */
+    get linkContent() {
+      return p(this, l);
+    }
+    set linkContent(s) {
+      g(this, l, s);
+    }
+    /** Image src will be passed to `sbb-image`. */
+    get imageSrc() {
+      return p(this, b);
+    }
+    set imageSrc(s) {
+      g(this, b, s);
+    }
+    /** Image alt text will be passed to `sbb-image`. */
+    get imageAlt() {
+      return p(this, c);
+    }
+    set imageAlt(s) {
+      g(this, c, s);
+    }
+    _chipSlotChanged() {
+      var s;
+      (s = this.querySelector("sbb-chip")) == null || s.setAttribute("color", "charcoal");
+    }
+    renderTemplate() {
+      return _`
       <slot name="chip" @slotchange=${() => this._chipSlotChanged()}></slot>
       <span class="sbb-teaser-hero__panel">
         <p class="sbb-teaser-hero__panel-text">
           <slot></slot>
         </p>
-        ${this.href ? p`<sbb-block-link-static
+        ${this.href ? _`<sbb-block-link-static
               class="sbb-teaser-hero__panel-link"
               icon-name="chevron-small-right-small"
               icon-placement="end"
@@ -31,28 +63,24 @@ let a = class extends m {
               negative
             >
               <slot name="link-content">${this.linkContent}</slot>
-            </sbb-block-link-static>` : l}
+            </sbb-block-link-static>` : v}
       </span>
       <slot name="image">
-        ${this.imageSrc ? p`<sbb-image image-src=${this.imageSrc} alt=${this.imageAlt ?? l}></sbb-image>` : l}
+        ${this.imageSrc ? _`<sbb-image image-src=${this.imageSrc} alt=${this.imageAlt ?? v}></sbb-image>` : v}
       </slot>
     `;
-  }
-};
-a.styles = d;
-i([
-  h({ attribute: "link-content", reflect: !0 })
-], a.prototype, "linkContent", 2);
-i([
-  h({ attribute: "image-src" })
-], a.prototype, "imageSrc", 2);
-i([
-  h({ attribute: "image-alt" })
-], a.prototype, "imageAlt", 2);
-a = i([
-  g("sbb-teaser-hero"),
-  v()
-], a);
+    }
+  }, l = new WeakMap(), b = new WeakMap(), c = new WeakMap(), n = r, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
+    y = [f(), u({ attribute: "link-content", reflect: !0, converter: B })], z = [f(), u({ attribute: "image-src" })], A = [f(), u({ attribute: "image-alt" })], d(r, null, y, { kind: "accessor", name: "linkContent", static: !1, private: !1, access: { has: (t) => "linkContent" in t, get: (t) => t.linkContent, set: (t, h) => {
+      t.linkContent = h;
+    } }, metadata: s }, x, S), d(r, null, z, { kind: "accessor", name: "imageSrc", static: !1, private: !1, access: { has: (t) => "imageSrc" in t, get: (t) => t.imageSrc, set: (t, h) => {
+      t.imageSrc = h;
+    } }, metadata: s }, C, w), d(r, null, A, { kind: "accessor", name: "imageAlt", static: !1, private: !1, access: { has: (t) => "imageAlt" in t, get: (t) => t.imageAlt, set: (t, h) => {
+      t.imageAlt = h;
+    } }, metadata: s }, $, E), d(null, a = { value: n }, e, { kind: "class", name: n.name, metadata: s }, null, i), n = a.value, s && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), r.styles = H, o(n, i), n;
+})();
 export {
-  a as SbbTeaserHeroElement
+  R as SbbTeaserHeroElement
 };

package/teaser-product/common/teaser-product-common.d.ts

@@ -1,7 +1,7 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { SbbNegativeMixinType, AbstractConstructor } from '../../core/mixins.js';
 export declare class SbbTeaserProductCommonElementMixinType extends SbbNegativeMixinType {
-    imageAlignment?: 'after' | 'before';
+    accessor imageAlignment: 'after' | 'before';
 }
 export declare const SbbTeaserProductCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbTeaserProductCommonElementMixinType> & T;
 //# sourceMappingURL=teaser-product-common.d.ts.map

package/teaser-product/common/teaser-product-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/common/teaser-product-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,oBAAoB;IAC/E,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5C;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA6BhE,CAAC"}
+{"version":3,"file":"teaser-product-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/common/teaser-product-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,oBAAoB;IACtF,SAAgB,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC;CACpD;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA6BhE,CAAC"}

package/teaser-product/common.js

@@ -1,19 +1,34 @@
-import { html as i, css as d } from "lit";
-import { property as c } from "lit/decorators.js";
-import { slotState as p } from "../core/decorators.js";
-import { SbbNegativeMixin as l } from "../core/mixins.js";
-var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (e, r, a, o) => {
-  for (var t = o > 1 ? void 0 : o ? g(r, a) : r, s = e.length - 1, b; s >= 0; s--)
-    (b = e[s]) && (t = (o ? b(r, a, t) : b(t)) || t);
-  return o && t && u(r, a, t), t;
+var m = (t) => {
+  throw TypeError(t);
 };
-const _ = (e) => {
-  let r = class extends l(e) {
+var v = (t, e, r) => e.has(t) || m("Cannot " + r);
+var f = (t, e, r) => (v(t, e, "read from private field"), r ? r.call(t) : e.get(t)), _ = (t, e, r) => e.has(t) ? m("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), h = (t, e, r, b) => (v(t, e, "write to private field"), b ? b.call(t, r) : e.set(t, r), r);
+import { __esDecorate as k, __runInitializers as c } from "tslib";
+import { html as y, css as S } from "lit";
+import { property as w } from "lit/decorators.js";
+import { slotState as A } from "../core/decorators.js";
+import { SbbNegativeMixin as z } from "../core/mixins.js";
+const M = (t) => (() => {
+  var n, a;
+  let r = [A()], b, d = [], o, l = z(t), p, u = [], g = [];
+  return a = class extends l {
     constructor() {
-      super(...arguments), this.imageAlignment = "after";
+      super(...arguments);
+      _(this, n, c(this, u, "after"));
+      c(this, g);
+    }
+    /**
+     * Whether the fully visible part of the image is aligned 'before' or 'after' the content.
+     * Only relevant starting from large breakpoint.
+     */
+    get imageAlignment() {
+      return f(this, n);
+    }
+    set imageAlignment(s) {
+      h(this, n, s);
     }
     renderTemplate() {
-      return i`
+      return y`
         <span class="sbb-teaser-product__image-container"><slot name="image"></slot></span>
         <span class="sbb-teaser-product__container">
           <span class="sbb-teaser-product__content">
@@ -25,14 +40,14 @@ const _ = (e) => {
         </span>
       `;
     }
-  };
-  return n([
-    c({ attribute: "image-alignment", reflect: !0 })
-  ], r.prototype, "imageAlignment", 2), r = n([
-    p()
-  ], r), r;
-}, k = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-iron);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media (min-width: 64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-color-midnight);--sbb-teaser-product-content-color: var(--sbb-color-cloud);--sbb-teaser-product-footer-color: var(--sbb-color-cloud);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-milk)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{display:block;overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media (min-width: 64rem){.sbb-teaser-product__image-container{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(img){display:flex;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}::slotted(sbb-image){--sbb-image-border-radius: 0;height:100%}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){--sbb-title-margin-block-start: 0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}.sbb-action-base{display:block;position:relative;text-decoration:none}@media (forced-colors: active){.sbb-action-base:after{content:"";position:absolute;display:block;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-teaser-product__container{display:block;background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media (min-width: 64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media (min-width: 64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;display:block;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:not([data-slot-names~=footnote])) .sbb-teaser-product__footnote{padding-block-start:0}@media (min-width: 64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
+  }, n = new WeakMap(), o = a, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    p = [w({ attribute: "image-alignment", reflect: !0 })], k(a, null, p, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (i) => "imageAlignment" in i, get: (i) => i.imageAlignment, set: (i, x) => {
+      i.imageAlignment = x;
+    } }, metadata: s }, u, g), k(null, b = { value: o }, r, { kind: "class", name: o.name, metadata: s }, null, d), o = b.value, s && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s }), c(o, d);
+  })(), o;
+})(), O = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-iron);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media (min-width: 64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-color-midnight);--sbb-teaser-product-content-color: var(--sbb-color-cloud);--sbb-teaser-product-footer-color: var(--sbb-color-cloud);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-milk)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{display:block;overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media (min-width: 64rem){.sbb-teaser-product__image-container{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(img){display:flex;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}::slotted(sbb-image){--sbb-image-border-radius: 0;height:100%}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){--sbb-title-margin-block-start: 0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}.sbb-action-base{display:block;position:relative;text-decoration:none}@media (forced-colors: active){.sbb-action-base:after{content:"";position:absolute;display:block;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-teaser-product__container{display:block;background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media (min-width: 64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media (min-width: 64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;display:block;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:not([data-slot-names~=footnote])) .sbb-teaser-product__footnote{padding-block-start:0}@media (min-width: 64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
 export {
-  _ as SbbTeaserProductCommonElementMixin,
-  k as teaserProductCommonStyle
+  M as SbbTeaserProductCommonElementMixin,
+  O as teaserProductCommonStyle
 };

package/teaser-product/teaser-product/teaser-product.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAKjE;;;;;;;;GAQG;AACH,qBACa,uBAAwB,SAAQ,4BAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAqC;CACnF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAKjE;;;;;;;;GAQG;AACH,qBAEM,uBAAwB,SAAQ,4BAAsD;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAAqC;CACnF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/teaser-product/teaser-product-static/teaser-product-static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-product-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product-static/teaser-product-static.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;;;;GAQG;AACH,qBACa,6BAA8B,SAAQ,kCAElD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8B;CAC5E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}
+{"version":3,"file":"teaser-product-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product-static/teaser-product-static.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;;;;GAQG;AACH,qBAEM,6BAA8B,SAAQ,kCAE3C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA8B;CAC5E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

package/teaser-product/teaser-product-static.js

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

package/teaser-product/teaser-product.js

@@ -1,21 +1,18 @@
-import { customElement as n } from "lit/decorators.js";
+import { __esDecorate as b, __runInitializers as n } from "tslib";
+import { customElement as l } from "lit/decorators.js";
 import { SbbLinkBaseElement as u } from "../core/base-elements.js";
-import { SbbTeaserProductCommonElementMixin as d, teaserProductCommonStyle as c } from "./common.js";
+import { SbbTeaserProductCommonElementMixin as c, teaserProductCommonStyle as d } from "./common.js";
 import { css as m } from "lit";
-const l = m`:host{--sbb-teaser-product-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-product-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-teaser-product-animation-easing: var(--sbb-animation-easing);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media (any-hover: hover){:host(:hover){--sbb-teaser-product-brightness: var(--sbb-teaser-product-brightness-hover)}}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}@media (forced-colors: active){:host(:hover) .sbb-teaser-product:after{border-color:Highlight}}::slotted(:is(img,sbb-image)){will-change:filter;transition-property:filter;transition-duration:var(--sbb-teaser-product-animation-duration);transition-timing-function:var(--sbb-animation-easing);filter:brightness(var(--sbb-teaser-product-brightness, 1))}`;
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, p = (b, e, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? f(e, s) : e, o = b.length - 1, i; o >= 0; o--)
-    (i = b[o]) && (r = (t ? i(e, s, r) : i(r)) || r);
-  return t && r && v(e, s, r), r;
-};
-let a = class extends d(
-  u
-) {
-};
-a.styles = [c, l];
-a = p([
-  n("sbb-teaser-product")
-], a);
+const f = m`:host{--sbb-teaser-product-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-product-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-teaser-product-animation-easing: var(--sbb-animation-easing);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media (any-hover: hover){:host(:hover){--sbb-teaser-product-brightness: var(--sbb-teaser-product-brightness-hover)}}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}@media (forced-colors: active){:host(:hover) .sbb-teaser-product:after{border-color:Highlight}}::slotted(:is(img,sbb-image)){will-change:filter;transition-property:filter;transition-duration:var(--sbb-teaser-product-animation-duration);transition-timing-function:var(--sbb-animation-easing);filter:brightness(var(--sbb-teaser-product-brightness, 1))}`;
+let _ = (() => {
+  var e;
+  let i = [l("sbb-teaser-product")], s, a = [], t, o = c(u);
+  return e = class extends o {
+  }, t = e, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    b(null, s = { value: t }, i, { kind: "class", name: t.name, metadata: r }, null, a), t = s.value, r && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), e.styles = [d, f], n(t, a), t;
+})();
 export {
-  a as SbbTeaserProductElement
+  _ as SbbTeaserProductElement
 };

package/teaser.js

@@ -1,22 +1,59 @@
-import { property as o, customElement as d } from "lit/decorators.js";
-import { html as v } from "lit/static-html.js";
-import { SbbLinkBaseElement as c } from "./core/base-elements.js";
-import { slotState as h } from "./core/decorators.js";
-import { css as p } from "lit";
+var j = (t) => {
+  throw TypeError(t);
+};
+var D = (t, s, i) => s.has(t) || j("Cannot " + i);
+var v = (t, s, i) => (D(t, s, "read from private field"), i ? i.call(t) : s.get(t)), m = (t, s, i) => s.has(t) ? j("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, i), p = (t, s, i, o) => (D(t, s, "write to private field"), o ? o.call(t, i) : s.set(t, i), i);
+import { __esDecorate as f, __runInitializers as n } from "tslib";
+import { customElement as O, property as g } from "lit/decorators.js";
+import { html as B } from "lit/static-html.js";
+import { SbbLinkBaseElement as F } from "./core/base-elements.js";
+import { slotState as H, forceType as $, omitEmptyConverter as P } from "./core/decorators.js";
+import { css as U } from "lit";
 import "./chip.js";
 import "./title.js";
-const f = p`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;will-change:transform;display:block;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: 4 / 3}::slotted(img[slot=image]){aspect-ratio:4/3;object-fit:cover}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--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);display:inline-block;color:var(--sbb-teaser-description-color)}`;
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, s = (l, a, b, r) => {
-  for (var e = r > 1 ? void 0 : r ? g(a, b) : a, i = l.length - 1, n; i >= 0; i--)
-    (n = l[i]) && (e = (r ? n(a, b, e) : n(e)) || e);
-  return r && e && m(a, b, e), e;
-};
-let t = class extends c {
-  constructor() {
-    super(...arguments), this.alignment = "after-centered", this.titleLevel = "5";
-  }
-  renderTemplate() {
-    return v`
+const q = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;will-change:transform;display:block;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: 4 / 3}::slotted(img[slot=image]){aspect-ratio:4/3;object-fit:cover}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--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);display:inline-block;color:var(--sbb-teaser-description-color)}`;
+let X = (() => {
+  var b, c, h, d, r;
+  let t = [O("sbb-teaser"), H()], s, i = [], o, u = F, _, w = [], x = [], y, C = [], z = [], k, L = [], S = [], I, T = [], E = [];
+  return r = class extends u {
+    constructor() {
+      super(...arguments);
+      m(this, b, n(this, w, "after-centered"));
+      m(this, c, (n(this, x), n(this, C, "5")));
+      m(this, h, (n(this, z), n(this, L, "")));
+      m(this, d, (n(this, S), n(this, T, "")));
+      n(this, E);
+    }
+    /** Teaser variant - define the position and the alignment of the text block. */
+    get alignment() {
+      return v(this, b);
+    }
+    set alignment(a) {
+      p(this, b, a);
+    }
+    /** Heading level of the sbb-title element (e.g. h1-h6). */
+    get titleLevel() {
+      return v(this, c);
+    }
+    set titleLevel(a) {
+      p(this, c, a);
+    }
+    /** Content of title. */
+    get titleContent() {
+      return v(this, h);
+    }
+    set titleContent(a) {
+      p(this, h, a);
+    }
+    /** Content of chip. */
+    get chipContent() {
+      return v(this, d);
+    }
+    set chipContent(a) {
+      p(this, d, a);
+    }
+    renderTemplate() {
+      return B`
       <span class="sbb-teaser__container">
         <span class="sbb-teaser__image-wrapper">
           <slot name="image"></slot>
@@ -34,25 +71,20 @@ let t = class extends c {
         </span>
       </span>
     `;
-  }
-};
-t.styles = f;
-s([
-  o({ reflect: !0 })
-], t.prototype, "alignment", 2);
-s([
-  o({ attribute: "title-level" })
-], t.prototype, "titleLevel", 2);
-s([
-  o({ attribute: "title-content" })
-], t.prototype, "titleContent", 2);
-s([
-  o({ attribute: "chip-content", reflect: !0 })
-], t.prototype, "chipContent", 2);
-t = s([
-  d("sbb-teaser"),
-  h()
-], t);
+    }
+  }, b = new WeakMap(), c = new WeakMap(), h = new WeakMap(), d = new WeakMap(), o = r, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    _ = [g({ reflect: !0 })], y = [g({ attribute: "title-level" })], k = [$(), g({ attribute: "title-content" })], I = [$(), g({ attribute: "chip-content", reflect: !0, converter: P })], f(r, null, _, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (e) => "alignment" in e, get: (e) => e.alignment, set: (e, l) => {
+      e.alignment = l;
+    } }, metadata: a }, w, x), f(r, null, y, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (e) => "titleLevel" in e, get: (e) => e.titleLevel, set: (e, l) => {
+      e.titleLevel = l;
+    } }, metadata: a }, C, z), f(r, null, k, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (e) => "titleContent" in e, get: (e) => e.titleContent, set: (e, l) => {
+      e.titleContent = l;
+    } }, metadata: a }, L, S), f(r, null, I, { kind: "accessor", name: "chipContent", static: !1, private: !1, access: { has: (e) => "chipContent" in e, get: (e) => e.chipContent, set: (e, l) => {
+      e.chipContent = l;
+    } }, metadata: a }, T, E), f(null, s = { value: o }, t, { kind: "class", name: o.name, metadata: a }, null, i), o = s.value, a && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), r.styles = q, n(o, i), o;
+})();
 export {
-  t as SbbTeaserElement
+  X as SbbTeaserElement
 };

package/time-input/time-input.d.ts

@@ -16,7 +16,7 @@ export declare class SbbTimeInputElement extends LitElement {
     set input(value: string | HTMLElement);
     get input(): string | HTMLElement | null;
     private _input;
-    private _inputElement;
+    private accessor _inputElement;
     /**
      * @deprecated only used for React. Will probably be removed once React 19 is available.
      */

package/time-input/time-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,iEAAiE;IACjE,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,EAG3C;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAE9C;IACD,OAAO,CAAC,MAAM,CAAqC;IAE1C,OAAO,CAAC,aAAa,CAAiC;IAE/D;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5C,yDAAyD;IAElD,cAAc,IAAI,IAAI,GAAG,IAAI;IAIpC,4DAA4D;IACrD,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAgB9C,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,qBAAqB;IAqC7B,wEAAwE;IACxE,OAAO,CAAC,yBAAyB;IAMjC;;;OAGG;IACH,OAAO,CAAC,YAAY;IAuBpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,iEAAiE;IACjE,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,EAG3C;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAE9C;IACD,OAAO,CAAC,MAAM,CAAqC;IAE1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAExE;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5C,yDAAyD;IAElD,cAAc,IAAI,IAAI,GAAG,IAAI;IAIpC,4DAA4D;IACrD,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAgB9C,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,qBAAqB;IAqC7B,wEAAwE;IACxE,OAAO,CAAC,yBAAyB;IAMjC;;;OAGG;IACH,OAAO,CAAC,YAAY;IAuBpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}