@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/development/teaser-product/common.js

@@ -1,217 +1,7 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-import { __esDecorate, __runInitializers } from "tslib";
-import { html, css } from "lit";
-import { property } from "lit/decorators.js";
-import { slotState } from "../core/decorators.js";
-import { SbbNegativeMixin } from "../core/mixins.js";
-const SbbTeaserProductCommonElementMixin = (superClass) => {
-  let SbbTeaserProductCommonElement = (() => {
-    var _imageAlignment_accessor_storage, _a;
-    let _classDecorators = [slotState()];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = SbbNegativeMixin(superClass);
-    let _imageAlignment_decorators;
-    let _imageAlignment_initializers = [];
-    let _imageAlignment_extraInitializers = [];
-    _a = class extends _classSuper {
-      constructor() {
-        super(...arguments);
-        __privateAdd(this, _imageAlignment_accessor_storage, __runInitializers(this, _imageAlignment_initializers, "after"));
-        __runInitializers(this, _imageAlignment_extraInitializers);
-      }
-      /**
-       * Whether the fully visible part of the image is aligned 'before' or 'after' the content.
-       * Only relevant starting from large breakpoint.
-       */
-      get imageAlignment() {
-        return __privateGet(this, _imageAlignment_accessor_storage);
-      }
-      set imageAlignment(value) {
-        __privateSet(this, _imageAlignment_accessor_storage, value);
-      }
-      renderTemplate() {
-        return html`
-        <div class="sbb-teaser-product__root">
-          <div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
-          <div class="sbb-teaser-product__container">
-            <span class="sbb-teaser-product__content">
-              <slot></slot>
-            </span>
-            <div class="sbb-teaser-product__footnote">
-              <slot name="footnote"></slot>
-            </div>
-          </div>
-        </div>
-      `;
-      }
-    }, _imageAlignment_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-      const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-      _imageAlignment_decorators = [property({ attribute: "image-alignment", reflect: true })];
-      __esDecorate(_a, null, _imageAlignment_decorators, { kind: "accessor", name: "imageAlignment", static: false, private: false, access: { has: (obj) => "imageAlignment" in obj, get: (obj) => obj.imageAlignment, set: (obj, value) => {
-        obj.imageAlignment = value;
-      } }, metadata: _metadata }, _imageAlignment_initializers, _imageAlignment_extraInitializers);
-      __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-      _classThis = _classDescriptor.value;
-      if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-      __runInitializers(_classThis, _classExtraInitializers);
-    })(), _a;
-    return _classThis;
-  })();
-  return SbbTeaserProductCommonElement;
-};
-const teaserProductCommon = css`*,
-::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: calc(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 {
-  overflow: hidden;
-  border-radius: var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0;
-}
-@media (min-width: calc(64rem)) {
-  .sbb-teaser-product__image-container {
-    position: absolute;
-    inset: 0;
-    border-radius: var(--sbb-teaser-product-border-radius);
-  }
-}
-
-::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);
-}
-
-::slotted([slot=image]) {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-
-@media (forced-colors: active) {
-  .sbb-teaser-product__root::after {
-    content: "";
-    position: absolute;
-    display: block;
-    inset: 0;
-    pointer-events: none;
-    border: var(--sbb-border-width-2x) solid CanvasText;
-    border-radius: var(--sbb-teaser-product-border-radius);
-  }
-}
-
-.sbb-action-base {
-  display: block;
-  position: relative;
-  text-decoration: none;
-}
-
-.sbb-teaser-product__container {
-  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: calc(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: calc(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;
-  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: normal;
-  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: calc(64rem)) {
-  .sbb-teaser-product__footnote {
-    min-height: var(--sbb-teaser-product-container-padding-block);
-    padding-block: var(--sbb-spacing-responsive-xs);
-  }
-}`;
+import { SbbTeaserProductCommonElementMixin } from "./common/teaser-product-common.js";
+import { t } from "../teaser-product-common-D6fa6x3w.js";
 export {
   SbbTeaserProductCommonElementMixin,
-  teaserProductCommon as teaserProductCommonStyle
+  t as teaserProductCommonStyle
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvY29tbW9uL3RlYXNlci1wcm9kdWN0LWNvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IHNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQge1xuICB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IsXG4gIFNiYk5lZ2F0aXZlTWl4aW4sXG4gIHR5cGUgU2JiTmVnYXRpdmVNaXhpblR5cGUsXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluVHlwZSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBpbWFnZUFsaWdubWVudDogJ2FmdGVyJyB8ICdiZWZvcmUnO1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpbiA9IDxcbiAgVCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQWN0aW9uQmFzZUVsZW1lbnQ+LFxuPihcbiAgc3VwZXJDbGFzczogVCxcbik6IEFic3RyYWN0Q29uc3RydWN0b3I8U2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIEBzbG90U3RhdGUoKVxuICBhYnN0cmFjdCBjbGFzcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihzdXBlckNsYXNzKVxuICAgIGltcGxlbWVudHMgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAge1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIGZ1bGx5IHZpc2libGUgcGFydCBvZiB0aGUgaW1hZ2UgaXMgYWxpZ25lZCAnYmVmb3JlJyBvciAnYWZ0ZXInIHRoZSBjb250ZW50LlxuICAgICAqIE9ubHkgcmVsZXZhbnQgc3RhcnRpbmcgZnJvbSBsYXJnZSBicmVha3BvaW50LlxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ltYWdlLWFsaWdubWVudCcsIHJlZmxlY3Q6IHRydWUgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgaW1hZ2VBbGlnbm1lbnQ6ICdhZnRlcicgfCAnYmVmb3JlJyA9ICdhZnRlcic7XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX3Jvb3RcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19pbWFnZS1jb250YWluZXJcIj48c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fY29udGVudFwiPlxuICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19mb290bm90ZVwiPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwiZm9vdG5vdGVcIj48L3Nsb3Q+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnQgYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQWdCYSxNQUFBLHFDQUFxQyxDQUdoRCxlQUNtRTtNQUVwRCxpQ0FBNkIsTUFBQTs7QUFEM0MsUUFBQSxtQkFBQSxDQUFBLFdBQVc7Ozs7c0JBRUYsaUJBQWlCLFVBQVU7Ozs7QUFBbkMsSUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQVFwQyw2REFBQSxrQkFBQSxNQUFBLDhCQUFxRCxPQUFPOzs7Ozs7O01BQTVELElBQWdCLGlCQUE2QztBQUFBLGVBQUEsbUJBQUE7QUFBQSxNQUFBO0FBQUEsTUFBN0QsSUFBZ0IsZUFBNkMsT0FBQTtBQUFBLDJCQUFBLGtDQUFBO0FBQUEsTUFBQTtBQUFBLE1BRTFDLGlCQUFjO0FBQ3hCLGVBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxNQUFBO0FBQUEsT0FIVDs7b0NBREMsU0FBUyxFQUFFLFdBQVcsbUJBQW1CLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFDMUMsbUJBQUEsSUFBQSxNQUFBLDRCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsa0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsb0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLGdCQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxZQUFBLGlCQUE2QztBQUFBLFdBQUEsVUFBQSxhQUFBLDhCQUFBLGlDQUFBO0FBVC9ELG1CQTBCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O0FBMUJjLHdCQUE2QixZQUFBLHVCQUFBO0FBQUEsSUFBQSxNQUMxQzs7O0FBMEJLLFNBQUE7QUFFVDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7In0=

package/development/teaser-product/teaser-product/teaser-product.js

@@ -0,0 +1,71 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { SbbLinkBaseElement } from "../../core/base-elements.js";
+import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "../common.js";
+import { css } from "lit";
+import "../../screen-reader-only.js";
+const style = css`:host {
+  --sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-title-text-color-normal-override: LinkText !important;
+    --sbb-teaser-product-content-color: LinkText !important;
+    --sbb-teaser-product-footer-color: LinkText !important;
+  }
+}
+
+.sbb-teaser-product__wrapper {
+  position: relative;
+}
+
+.sbb-teaser-product__root {
+  pointer-events: none;
+}
+@media (forced-colors: active) {
+  :host(:hover) .sbb-teaser-product__root::after {
+    border-color: Highlight;
+  }
+}
+
+.sbb-teaser-product {
+  position: absolute;
+  inset: 0;
+}
+.sbb-teaser-product:focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  border-radius: var(--sbb-teaser-product-border-radius);
+}`;
+let SbbTeaserProductElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-teaser-product")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbTeaserProductCommonElementMixin(SbbLinkBaseElement);
+  _a = class extends _classSuper {
+    render() {
+      return html`
+      <div class="sbb-teaser-product__wrapper">
+        ${this.renderLink(
+        // For SEO we add the accessibility hidden as hidden content of the link
+        html`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
+      )}
+        ${this.renderTemplate()}
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [teaserProductCommonStyle, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbTeaserProductElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluLCB0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGUgfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXItcHJvZHVjdC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3RcbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSB0aGUgbWFpbiBjb250ZW50LlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaW1hZ2Ugb3IgYSBgc2JiLWltYWdlYCBhcyBhIGJhY2tncm91bmQuXG4gKiBAc2xvdCBmb290bm90ZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIGZvb3Rub3RlLlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtc3RhcnQ9MjUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIHN0YXJ0IGdldHRpbmcgdHJhbnNwYXJlbnQuXG4gKiBAY3NzcHJvcCBbLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1ncmFkaWVudC1lbmQ9NzUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIGJlIGZ1bGx5IHRyYW5zcGFyZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyLXByb2R1Y3QnKVxuY2xhc3MgU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQgZXh0ZW5kcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluKFNiYkxpbmtCYXNlRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdGVhc2VyUHJvZHVjdENvbW1vblN0eWxlLCBzdHlsZV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gV2UgcmVuZGVyIHRoZSBjb250ZW50IG91dHNpZGUgdGhlIGFuY2hvciB0YWcgdG8gYWxsb3cgc2NyZWVuIHJlYWRlcnMgdG8gbmF2aWdhdGUgdGhyb3VnaCBpdFxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fd3JhcHBlclwiPlxuICAgICAgICAke3RoaXMucmVuZGVyTGluayhcbiAgICAgICAgICAvLyBGb3IgU0VPIHdlIGFkZCB0aGUgYWNjZXNzaWJpbGl0eSBoaWRkZW4gYXMgaGlkZGVuIGNvbnRlbnQgb2YgdGhlIGxpbmtcbiAgICAgICAgICBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PmAsXG4gICAgICAgICl9XG4gICAgICAgICR7dGhpcy5yZW5kZXJUZW1wbGF0ZSgpfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1wcm9kdWN0JzogU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBc0JNLDJCQUF1QixNQUFBOzswQkFENUIsY0FBYyxvQkFBb0IsQ0FBQzs7OztvQkFDRSxtQ0FBbUMsa0JBQWtCO0FBQTdELEVBQUEsbUJBQVEsWUFBc0Q7QUFBQSxJQUd2RSxTQUFNO0FBRWhCLGFBQUE7QUFBQTtBQUFBLFVBRUQsS0FBSztBQUFBO0FBQUEsUUFFTCwrQkFBK0IsS0FBSyxrQkFBa0I7QUFBQSxNQUN2RCxDQUFBO0FBQUEsVUFDQyxLQUFLLGVBQWdCLENBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQVgvQixpQkFlQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBZHdCLEdBQUEsU0FBeUIsQ0FBQywwQkFBMEIsS0FBSyxHQUQ1RSxrQkFBdUIsWUFBQSx1QkFBQSxHQUFDOzs7In0=

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

@@ -0,0 +1,24 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbActionBaseElement } from "../../core/base-elements.js";
+import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "../common.js";
+let SbbTeaserProductStaticElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-teaser-product-static")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbTeaserProductCommonElementMixin(SbbActionBaseElement);
+  _a = class extends _classSuper {
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [teaserProductCommonStyle], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbTeaserProductStaticElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3Qtc3RhdGljLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvdGVhc2VyLXByb2R1Y3Qtc3RhdGljL3RlYXNlci1wcm9kdWN0LXN0YXRpYy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4sIHRlYXNlclByb2R1Y3RDb21tb25TdHlsZSB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgdGhlIG1haW4gY29udGVudC5cbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGltYWdlIG9yIGEgYHNiYi1pbWFnZWAgYXMgYSBiYWNrZ3JvdW5kLlxuICogQHNsb3QgZm9vdG5vdGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBmb290bm90ZS5cbiAqIEBjc3Nwcm9wIFstLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0PTI1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBzdGFydCBnZXR0aW5nIHRyYW5zcGFyZW50LlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kPTc1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBiZSBmdWxseSB0cmFuc3BhcmVudC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRlYXNlci1wcm9kdWN0LXN0YXRpYycpXG5jbGFzcyBTYmJUZWFzZXJQcm9kdWN0U3RhdGljRWxlbWVudCBleHRlbmRzIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4oXG4gIFNiYkFjdGlvbkJhc2VFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGVdO1xufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1wcm9kdWN0LXN0YXRpYyc6IFNiYlRlYXNlclByb2R1Y3RTdGF0aWNFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztJQWlCTSxpQ0FBNkIsTUFBQTs7MEJBRGxDLGNBQWMsMkJBQTJCLENBQUM7Ozs7b0JBQ0MsbUNBQzFDLG9CQUFvQjtBQURjLEVBQUEsbUJBQVEsWUFFM0M7QUFBQTs7QUFGRCxpQkFJQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBRHdCLEdBQUEsU0FBeUIsQ0FBQyx3QkFBd0IsR0FIckUsa0JBQTZCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser-product-static/teaser-product-static.js';
 //# sourceMappingURL=teaser-product-static.d.ts.map

package/development/teaser-product/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.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}
+{"version":3,"file":"teaser-product-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product-static.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kDAAkD,CAAC"}

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

@@ -1,24 +1,5 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from "lit/decorators.js";
-import { SbbActionBaseElement } from "../core/base-elements.js";
-import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "./common.js";
-let SbbTeaserProductStaticElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-teaser-product-static")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbTeaserProductCommonElementMixin(SbbActionBaseElement);
-  _a = class extends _classSuper {
-  }, _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = [teaserProductCommonStyle], __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
+import { SbbTeaserProductStaticElement } from "./teaser-product-static/teaser-product-static.js";
 export {
   SbbTeaserProductStaticElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3Qtc3RhdGljLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvdGVhc2VyLXByb2R1Y3Qtc3RhdGljL3RlYXNlci1wcm9kdWN0LXN0YXRpYy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4sIHRlYXNlclByb2R1Y3RDb21tb25TdHlsZSB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgdGhlIG1haW4gY29udGVudC5cbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGltYWdlIG9yIGEgYHNiYi1pbWFnZWAgYXMgYSBiYWNrZ3JvdW5kLlxuICogQHNsb3QgZm9vdG5vdGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBmb290bm90ZS5cbiAqIEBjc3Nwcm9wIFstLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0PTI1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBzdGFydCBnZXR0aW5nIHRyYW5zcGFyZW50LlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kPTc1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBiZSBmdWxseSB0cmFuc3BhcmVudC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRlYXNlci1wcm9kdWN0LXN0YXRpYycpXG5jbGFzcyBTYmJUZWFzZXJQcm9kdWN0U3RhdGljRWxlbWVudCBleHRlbmRzIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4oXG4gIFNiYkFjdGlvbkJhc2VFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGVdO1xufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1wcm9kdWN0LXN0YXRpYyc6IFNiYlRlYXNlclByb2R1Y3RTdGF0aWNFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztJQWlCTSxpQ0FBNkIsTUFBQTs7MEJBRGxDLGNBQWMsMkJBQTJCLENBQUM7Ozs7b0JBQ0MsbUNBQzFDLG9CQUFvQjtBQURjLEVBQUEsbUJBQVEsWUFFM0M7QUFBQTs7QUFGRCxpQkFJQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBRHdCLEdBQUEsU0FBeUIsQ0FBQyx3QkFBd0IsR0FIckUsa0JBQTZCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3Qtc3RhdGljLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser-product/teaser-product.js';
 //# sourceMappingURL=teaser-product.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC"}

package/development/teaser-product/teaser-product.js

@@ -1,71 +1,5 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from "lit/decorators.js";
-import { html } from "lit/static-html.js";
-import { SbbLinkBaseElement } from "../core/base-elements.js";
-import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "./common.js";
-import { css } from "lit";
-import "../screen-reader-only.js";
-const style = css`:host {
-  --sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);
-}
-@media (forced-colors: active) {
-  :host {
-    --sbb-title-text-color-normal-override: LinkText !important;
-    --sbb-teaser-product-content-color: LinkText !important;
-    --sbb-teaser-product-footer-color: LinkText !important;
-  }
-}
-
-.sbb-teaser-product__wrapper {
-  position: relative;
-}
-
-.sbb-teaser-product__root {
-  pointer-events: none;
-}
-@media (forced-colors: active) {
-  :host(:hover) .sbb-teaser-product__root::after {
-    border-color: Highlight;
-  }
-}
-
-.sbb-teaser-product {
-  position: absolute;
-  inset: 0;
-}
-: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);
-}`;
-let SbbTeaserProductElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-teaser-product")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbTeaserProductCommonElementMixin(SbbLinkBaseElement);
-  _a = class extends _classSuper {
-    render() {
-      return html`
-      <div class="sbb-teaser-product__wrapper">
-        ${this.renderLink(
-        // For SEO we add the accessibility hidden as hidden content of the link
-        html`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
-      )}
-        ${this.renderTemplate()}
-      </div>
-    `;
-    }
-  }, _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = [teaserProductCommonStyle, style], __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
+import { SbbTeaserProductElement } from "./teaser-product/teaser-product.js";
 export {
   SbbTeaserProductElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluLCB0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGUgfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXItcHJvZHVjdC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3RcbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSB0aGUgbWFpbiBjb250ZW50LlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaW1hZ2Ugb3IgYSBgc2JiLWltYWdlYCBhcyBhIGJhY2tncm91bmQuXG4gKiBAc2xvdCBmb290bm90ZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIGZvb3Rub3RlLlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtc3RhcnQ9MjUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIHN0YXJ0IGdldHRpbmcgdHJhbnNwYXJlbnQuXG4gKiBAY3NzcHJvcCBbLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1ncmFkaWVudC1lbmQ9NzUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIGJlIGZ1bGx5IHRyYW5zcGFyZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyLXByb2R1Y3QnKVxuY2xhc3MgU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQgZXh0ZW5kcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluKFNiYkxpbmtCYXNlRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdGVhc2VyUHJvZHVjdENvbW1vblN0eWxlLCBzdHlsZV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gV2UgcmVuZGVyIHRoZSBjb250ZW50IG91dHNpZGUgdGhlIGFuY2hvciB0YWcgdG8gYWxsb3cgc2NyZWVuIHJlYWRlcnMgdG8gbmF2aWdhdGUgdGhyb3VnaCBpdFxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fd3JhcHBlclwiPlxuICAgICAgICAke3RoaXMucmVuZGVyTGluayhcbiAgICAgICAgICAvLyBGb3IgU0VPIHdlIGFkZCB0aGUgYWNjZXNzaWJpbGl0eSBoaWRkZW4gYXMgaGlkZGVuIGNvbnRlbnQgb2YgdGhlIGxpbmtcbiAgICAgICAgICBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PmAsXG4gICAgICAgICl9XG4gICAgICAgICR7dGhpcy5yZW5kZXJUZW1wbGF0ZSgpfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1wcm9kdWN0JzogU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBc0JNLDJCQUF1QixNQUFBOzswQkFENUIsY0FBYyxvQkFBb0IsQ0FBQzs7OztvQkFDRSxtQ0FBbUMsa0JBQWtCO0FBQTdELEVBQUEsbUJBQVEsWUFBc0Q7QUFBQSxJQUd2RSxTQUFNO0FBRWhCLGFBQUE7QUFBQTtBQUFBLFVBRUQsS0FBSztBQUFBO0FBQUEsUUFFTCwrQkFBK0IsS0FBSyxrQkFBa0I7QUFBQSxNQUN2RCxDQUFBO0FBQUEsVUFDQyxLQUFLLGVBQWdCLENBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQVgvQixpQkFlQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBZHdCLEdBQUEsU0FBeUIsQ0FBQywwQkFBMEIsS0FBSyxHQUQ1RSxrQkFBdUIsWUFBQSx1QkFBQSxHQUFDOzs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/teaser-product-common-D6fa6x3w.js

@@ -0,0 +1,148 @@
+import { css } from "lit";
+const teaserProductCommon = css`*,
+::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: calc(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 {
+  overflow: hidden;
+  border-radius: var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0;
+}
+@media (min-width: calc(64rem)) {
+  .sbb-teaser-product__image-container {
+    position: absolute;
+    inset: 0;
+    border-radius: var(--sbb-teaser-product-border-radius);
+  }
+}
+
+::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);
+}
+
+::slotted([slot=image]) {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+@media (forced-colors: active) {
+  .sbb-teaser-product__root::after {
+    content: "";
+    position: absolute;
+    display: block;
+    inset: 0;
+    pointer-events: none;
+    border: var(--sbb-border-width-2x) solid CanvasText;
+    border-radius: var(--sbb-teaser-product-border-radius);
+  }
+}
+
+.sbb-action-base {
+  display: block;
+  position: relative;
+  text-decoration: none;
+}
+
+.sbb-teaser-product__container {
+  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: calc(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: calc(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;
+  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: normal;
+  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: calc(64rem)) {
+  .sbb-teaser-product__footnote {
+    min-height: var(--sbb-teaser-product-container-padding-block);
+    padding-block: var(--sbb-spacing-responsive-xs);
+  }
+}`;
+export {
+  teaserProductCommon as t
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QtY29tbW9uLUQ2ZmE2eDN3LmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9

package/development/teaser-product.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser-product/teaser-product.js';
 export * from './teaser-product/teaser-product-static.js';
 export * from './teaser-product/common.js';

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

@@ -1 +1 @@
-{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-product.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC;AACnD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4BAA4B,CAAC"}

package/development/teaser-product.js

@@ -1,4 +1,11 @@
-export * from "./teaser-product/teaser-product.js";
-export * from "./teaser-product/teaser-product-static.js";
-export * from "./teaser-product/common.js";
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7In0=
+import { SbbTeaserProductElement } from "./teaser-product/teaser-product/teaser-product.js";
+import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.js";
+import { SbbTeaserProductCommonElementMixin } from "./teaser-product/common/teaser-product-common.js";
+import { t } from "./teaser-product-common-D6fa6x3w.js";
+export {
+  SbbTeaserProductCommonElementMixin,
+  SbbTeaserProductElement,
+  SbbTeaserProductStaticElement,
+  t as teaserProductCommonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9

package/development/teaser.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './teaser/teaser.js';
 //# sourceMappingURL=teaser.d.ts.map

package/development/teaser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC"}