@sbb-esta/lyne-elements-dev 4.9.0-dev.1775125493 → 4.9.0-dev.1775130554

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

@@ -1,78 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html, unsafeCSS } from "lit";
-import { property } from "lit/decorators.js";
-import { SbbNegativeMixin } from "./core/mixins.js";
-//#endregion
-//#region src/elements/teaser-product/common/teaser-product-common.ts
-var teaserProductCommonStyle = unsafeCSS(":host {\n  display: block;\n  --sbb-teaser-product-background-color: var(--sbb-color-cloud);\n  --sbb-teaser-product-background-color: light-dark(\n    var(--sbb-color-cloud),\n    var(--sbb-color-midnight)\n  );\n  --sbb-teaser-product-background-gradient-direction: to right;\n  --sbb-teaser-product-background: var(--sbb-teaser-product-background-color);\n  --sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);\n  --sbb-teaser-product-content-color: var(--sbb-color-4);\n  --sbb-teaser-product-footer-color: var(--sbb-color-anthracite);\n  --sbb-teaser-product-footer-color: light-dark(\n    var(--sbb-color-anthracite),\n    var(--sbb-color-cloud)\n  );\n  --sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);\n  --sbb-teaser-product-min-height: 37.5rem;\n  --sbb-teaser-product-background-gradient-start: 25%;\n  --sbb-teaser-product-background-gradient-end: 75%;\n}\n@media (min-width: calc(64rem)) {\n  :host {\n    --sbb-teaser-product-background: linear-gradient(\n      var(--sbb-teaser-product-background-gradient-direction),\n      var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start),\n      transparent var(--sbb-teaser-product-background-gradient-end)\n    );\n  }\n}\n\n:host([negative]) {\n  --sbb-teaser-product-background-color: var(--sbb-background-color-1-negative);\n  --sbb-teaser-product-content-color: var(--sbb-color-4-negative);\n  --sbb-teaser-product-footer-color: var(--sbb-color-4-negative);\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n  --sbb-title-text-color-normal-override: var(--sbb-color-3-negative);\n}\n\n:host([image-alignment=before]) {\n  --sbb-teaser-product-background-gradient-direction: to left;\n}\n\n.sbb-teaser-product__image-container {\n  overflow: hidden;\n  border-radius: var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0;\n}\n@media (min-width: calc(64rem)) {\n  .sbb-teaser-product__image-container {\n    position: absolute;\n    inset: 0;\n    border-radius: var(--sbb-teaser-product-border-radius);\n  }\n}\n\n::slotted(p.sbb-teaser-product--spacing) {\n  margin: 0;\n}\n\n::slotted(sbb-title.sbb-teaser-product--spacing) {\n  margin-block-start: 0;\n}\n\n::slotted(:is(sbb-action-group, :is(:state(action),[state--action])).sbb-teaser-product--spacing) {\n  margin-block-start: var(--sbb-spacing-responsive-xxs);\n}\n\n::slotted([slot=image]) {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n@media (forced-colors: active) {\n  .sbb-teaser-product__root::after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    inset: 0;\n    pointer-events: none;\n    border: var(--sbb-border-width-2x) solid CanvasText;\n    border-radius: var(--sbb-teaser-product-border-radius);\n  }\n}\n\n.sbb-action-base {\n  display: block;\n  position: relative;\n  text-decoration: none;\n}\n\n.sbb-teaser-product__container {\n  background: var(--sbb-teaser-product-background);\n  border-radius: 0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);\n  padding: var(--sbb-spacing-responsive-s);\n}\n@media (min-width: calc(64rem)) {\n  .sbb-teaser-product__container {\n    display: grid;\n    grid: \"content .\" 1fr \"footnote .\" auto/1fr 1fr;\n    column-gap: var(--sbb-spacing-responsive-xxl);\n    background: var(--sbb-teaser-product-background);\n    border-radius: var(--sbb-teaser-product-border-radius);\n    padding-block: var(--sbb-teaser-product-container-padding-block) 0;\n    padding-inline: var(--sbb-spacing-responsive-xl);\n    position: relative;\n  }\n  :host([image-alignment=before]) .sbb-teaser-product__container {\n    grid-template-areas: \". content\" \". footnote\";\n  }\n}\n\n.sbb-teaser-product__content {\n  grid-area: content;\n  align-self: center;\n  margin: 0;\n  color: var(--sbb-teaser-product-content-color);\n}\n@media (min-width: calc(64rem)) {\n  .sbb-teaser-product__content {\n    align-content: center;\n    min-height: calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block));\n  }\n}\n\n.sbb-teaser-product__footnote {\n  grid-area: footnote;\n  padding-block-start: var(--sbb-spacing-responsive-s);\n  color: var(--sbb-teaser-product-footer-color);\n  --sbb-text-font-size: var(--sbb-text-font-size-xxs);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n}\n:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))) .sbb-teaser-product__footnote {\n  padding-block-start: 0;\n}\n@media (min-width: calc(64rem)) {\n  .sbb-teaser-product__footnote {\n    min-height: var(--sbb-teaser-product-container-padding-block);\n    padding-block: var(--sbb-spacing-responsive-xs);\n  }\n}");
-var SbbTeaserProductCommonElementMixin = (superClass) => {
-	return (() => {
-		let _classSuper = SbbNegativeMixin(superClass);
-		let _imageAlignment_decorators;
-		let _imageAlignment_initializers = [];
-		let _imageAlignment_extraInitializers = [];
-		return class SbbTeaserProductCommonElement extends _classSuper {
-			static {
-				const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-				_imageAlignment_decorators = [property({
-					attribute: "image-alignment",
-					reflect: true
-				})];
-				__esDecorate(this, 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);
-				if (_metadata) Object.defineProperty(this, Symbol.metadata, {
-					enumerable: true,
-					configurable: true,
-					writable: true,
-					value: _metadata
-				});
-			}
-			#imageAlignment_accessor_storage = __runInitializers(this, _imageAlignment_initializers, "after");
-			/**
-			* Whether the fully visible part of the image is aligned 'before' or 'after' the content.
-			* Only relevant starting from large breakpoint.
-			*/
-			get imageAlignment() {
-				return this.#imageAlignment_accessor_storage;
-			}
-			set imageAlignment(value) {
-				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>
-      `;
-			}
-			constructor() {
-				super(...arguments);
-				__runInitializers(this, _imageAlignment_extraInitializers);
-			}
-		};
-	})();
-};
-//#endregion
-export { teaserProductCommonStyle as n, SbbTeaserProductCommonElementMixin as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QtY29tbW9uLUJfcjdHa0d3LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC9jb21tb24vdGVhc2VyLXByb2R1Y3QtY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RlYXNlci1wcm9kdWN0L2NvbW1vbi90ZWFzZXItcHJvZHVjdC1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcblxuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWNvbG9yOiBsaWdodC1kYXJrKFxuICAgIHZhcigtLXNiYi1jb2xvci1jbG91ZCksXG4gICAgdmFyKC0tc2JiLWNvbG9yLW1pZG5pZ2h0KVxuICApO1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LWRpcmVjdGlvbjogdG8gcmlnaHQ7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQ6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgLS1zYmItdGVhc2VyLXByb2R1Y3QtYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNHgpO1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1jb250ZW50LWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNCk7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWZvb3Rlci1jb2xvcjogbGlnaHQtZGFyayhcbiAgICB2YXIoLS1zYmItY29sb3ItYW50aHJhY2l0ZSksXG4gICAgdmFyKC0tc2JiLWNvbG9yLWNsb3VkKVxuICApO1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1jb250YWluZXItcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1sKTtcbiAgLS1zYmItdGVhc2VyLXByb2R1Y3QtbWluLWhlaWdodDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDYwMCl9O1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0OiAyNSU7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kOiA3NSU7XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LWRpcmVjdGlvbiksXG4gICAgICB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1jb2xvcikgdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtc3RhcnQpLFxuICAgICAgdHJhbnNwYXJlbnQgdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kKVxuICAgICk7XG4gIH1cbn1cblxuOmhvc3QoW25lZ2F0aXZlXSkge1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xLW5lZ2F0aXZlKTtcbiAgLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGVudC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTQtbmVnYXRpdmUpO1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItY29sb3I6IHZhcigtLXNiYi1jb2xvci00LW5lZ2F0aXZlKTtcbiAgLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvcjogdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3ItZGFyayk7XG4gIC0tc2JiLXRpdGxlLXRleHQtY29sb3Itbm9ybWFsLW92ZXJyaWRlOiB2YXIoLS1zYmItY29sb3ItMy1uZWdhdGl2ZSk7XG59XG5cbjpob3N0KFtpbWFnZS1hbGlnbm1lbnQ9J2JlZm9yZSddKSB7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZGlyZWN0aW9uOiB0byBsZWZ0O1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19pbWFnZS1jb250YWluZXIge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIC8vIFdlIGhhdmUgdG8gcmVtb3ZlIHRoZSBpbWFnZSBib3R0b20gYm9yZGVyLXJhZGl1cyB3aGVuIHN0YWNrZWRcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKSAwIDA7XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogMDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cblxuOjpzbG90dGVkKHAuc2JiLXRlYXNlci1wcm9kdWN0LS1zcGFjaW5nKSB7XG4gIG1hcmdpbjogMDtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZS5zYmItdGVhc2VyLXByb2R1Y3QtLXNwYWNpbmcpIHtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAwO1xufVxuXG46OnNsb3R0ZWQoOmlzKHNiYi1hY3Rpb24tZ3JvdXAsIDpzdGF0ZShhY3Rpb24pKS5zYmItdGVhc2VyLXByb2R1Y3QtLXNwYWNpbmcpIHtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4cyk7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0naW1hZ2UnXSkge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19yb290IHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC8vIEFwcGx5IGEgdmlzdWFsIGJvcmRlciBmb3IgZm9yY2VkIGNvbG9yIG1vZGVcbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCkgc29saWQgQ2FudmFzVGV4dDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgICB9XG4gIH1cbn1cblxuLnNiYi1hY3Rpb24tYmFzZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fY29udGFpbmVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQpO1xuICBib3JkZXItcmFkaXVzOiAwIDAgdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgcGFkZGluZzogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1zKTtcblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IGxhcmdlKSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkOlxuICAgICAgJ2NvbnRlbnQgLicgMWZyXG4gICAgICAnZm9vdG5vdGUgLicgYXV0byAvIDFmciAxZnI7XG4gICAgY29sdW1uLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14eGwpO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYm9yZGVyLXJhZGl1cyk7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRhaW5lci1wYWRkaW5nLWJsb2NrKSAwO1xuICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXhsKTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICA6aG9zdChbaW1hZ2UtYWxpZ25tZW50PSdiZWZvcmUnXSkgJiB7XG4gICAgICBncmlkLXRlbXBsYXRlLWFyZWFzOlxuICAgICAgICAnLiBjb250ZW50J1xuICAgICAgICAnLiBmb290bm90ZSc7XG4gICAgfVxuICB9XG59XG5cbi5zYmItdGVhc2VyLXByb2R1Y3RfX2NvbnRlbnQge1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBjb2xvcjogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRlbnQtY29sb3IpO1xuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gICAgbWluLWhlaWdodDogY2FsYyhcbiAgICAgIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1taW4taGVpZ2h0KSAtIDIgKiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGFpbmVyLXBhZGRpbmctYmxvY2spXG4gICAgKTtcbiAgfVxufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19mb290bm90ZSB7XG4gIGdyaWQtYXJlYTogZm9vdG5vdGU7XG4gIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUtcyk7XG4gIGNvbG9yOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLWNvbG9yKTtcblxuICBAaW5jbHVkZSBzYmIudGV4dC14eHMtLXJlZ3VsYXI7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1mb290bm90ZSkpKSAmIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiAwO1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1jb250YWluZXItcGFkZGluZy1ibG9jayk7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14cyk7XG4gIH1cbn1cbiIsImltcG9ydCB7IGh0bWwsIHVuc2FmZUNTUywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJBY3Rpb25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IsIFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5cbmltcG9ydCB0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGVTdHJpbmcgZnJvbSAnLi90ZWFzZXItcHJvZHVjdC1jb21tb24uc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgdGVhc2VyUHJvZHVjdENvbW1vblN0eWxlID0gdW5zYWZlQ1NTKHRlYXNlclByb2R1Y3RDb21tb25TdHlsZVN0cmluZyk7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW5UeXBlIGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihcbiAgU2JiQWN0aW9uQmFzZUVsZW1lbnQsXG4pIHtcbiAgcHVibGljIGFjY2Vzc29yIGltYWdlQWxpZ25tZW50OiAnYWZ0ZXInIHwgJ2JlZm9yZSc7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4sXG4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oc3VwZXJDbGFzcylcbiAgICBpbXBsZW1lbnRzIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW5UeXBlXG4gIHtcbiAgICAvKipcbiAgICAgKiBXaGV0aGVyIHRoZSBmdWxseSB2aXNpYmxlIHBhcnQgb2YgdGhlIGltYWdlIGlzIGFsaWduZWQgJ2JlZm9yZScgb3IgJ2FmdGVyJyB0aGUgY29udGVudC5cbiAgICAgKiBPbmx5IHJlbGV2YW50IHN0YXJ0aW5nIGZyb20gbGFyZ2UgYnJlYWtwb2ludC5cbiAgICAgKi9cbiAgICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbGlnbm1lbnQnLCByZWZsZWN0OiB0cnVlIH0pXG4gICAgcHVibGljIGFjY2Vzc29yIGltYWdlQWxpZ25tZW50OiAnYWZ0ZXInIHwgJ2JlZm9yZScgPSAnYWZ0ZXInO1xuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19yb290XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9faW1hZ2UtY29udGFpbmVyXCI+PHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX2NvbnRhaW5lclwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fZm9vdG5vdGVcIj5cbiAgICAgICAgICAgICAgPHNsb3QgbmFtZT1cImZvb3Rub3RlXCI+PC9zbG90PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50IGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FDUUEsSUFBYSwyQkFBMkIscXlKQUF5QztBQVNqRixJQUFhLHNDQUdYLGVBQ21FO0FBNEJuRSxlQTNCNEM7b0JBQ2xDLGlCQUFpQixXQUFXOzs7O2VBRHZCLHNDQUNMLFlBQTRCOzs7a0NBT25DLFNBQVM7S0FBRSxXQUFXO0tBQW1CLFNBQVM7S0FBTSxDQUFDLENBQUE7QUFDMUQsaUJBQUEsTUFBQSxNQUFBLDRCQUFBO0tBQUEsTUFBQTtLQUFBLE1BQUE7S0FBQSxRQUFBO0tBQUEsU0FBQTtLQUFBLFFBQUE7TUFBQSxNQUFBLFFBQUEsb0JBQUE7TUFBQSxNQUFBLFFBQUEsSUFBZ0I7TUFBYyxNQUFBLEtBQUEsVUFBQTtBQUFBLFdBQWQsaUJBQWM7O01BQUE7S0FBQSxVQUFBO0tBQUEsRUFBQSw4QkFBQSxrQ0FBQTs7Ozs7Ozs7R0FBOUIsbUNBQUEsa0JBQUEsTUFBQSw4QkFBcUQsUUFBTzs7Ozs7R0FBNUQsSUFBZ0IsaUJBQWM7QUFBQSxXQUFBLE1BQUE7O0dBQTlCLElBQWdCLGVBQWMsT0FBQTtBQUFBLFVBQUEsa0NBQUE7O0dBRVgsaUJBQWM7QUFDL0IsV0FBTyxJQUFJIn0=

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

@@ -1,43 +0,0 @@
-import { unsafeCSS } from "lit";
-import { SbbLinkBaseElement } from "./core/base-elements.js";
-import { boxSizingStyles } from "./core/styles.js";
-import { html as html$1 } from "lit/static-html.js";
-import "./screen-reader-only.js";
-import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "./teaser-product/common/teaser-product-common.js";
-//#region src/elements/teaser-product/teaser-product/teaser-product.scss?inline
-var teaser_product_default = ":host {\n  --sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-title-text-color-normal-override: LinkText !important;\n    --sbb-teaser-product-content-color: LinkText !important;\n    --sbb-teaser-product-footer-color: LinkText !important;\n  }\n}\n\n.sbb-teaser-product__wrapper {\n  position: relative;\n}\n\n.sbb-teaser-product__root {\n  pointer-events: none;\n}\n@media (forced-colors: active) {\n  :host(:hover) .sbb-teaser-product__root::after {\n    border-color: Highlight;\n  }\n}\n\n.sbb-teaser-product {\n  position: absolute;\n  inset: 0;\n}\n.sbb-teaser-product:focus-visible {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n  border-radius: var(--sbb-teaser-product-border-radius);\n}";
-//#endregion
-//#region src/elements/teaser-product/teaser-product/teaser-product.component.ts
-/**
-* Displays a text and a footnote, combined with an image, to tease a product
-*
-* @slot - Use this slot to provide the main content.
-* @slot image - Use this slot to provide an image or a `sbb-image` as a background.
-* @slot footnote - Use this slot to provide a footnote.
-* @cssprop [--sbb-teaser-product-background-gradient-start=25%] - At which percentage the background should start getting transparent.
-* @cssprop [--sbb-teaser-product-background-gradient-end=75%] - At which percentage the background should be fully transparent.
-*/
-var SbbTeaserProductElement = class extends SbbTeaserProductCommonElementMixin(SbbLinkBaseElement) {
-	static {
-		this.elementName = "sbb-teaser-product";
-	}
-	static {
-		this.styles = [
-			boxSizingStyles,
-			teaserProductCommonStyle,
-			unsafeCSS(teaser_product_default)
-		];
-	}
-	render() {
-		return html$1`
-      <div class="sbb-teaser-product__wrapper">
-        ${this.renderLink(html$1`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`)}
-        ${this.renderTemplate()}
-      </div>
-    `;
-	}
-};
-//#endregion
-export { SbbTeaserProductElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuY29tcG9uZW50LURqQU1ZVW13LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy00eCk7XG5cbiAgLy8gU2ltdWxhdGUgbGluayBjb2xvciBvcHRpY2FsbHlcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRpdGxlLXRleHQtY29sb3Itbm9ybWFsLW92ZXJyaWRlOiBMaW5rVGV4dCAhaW1wb3J0YW50O1xuICAgIC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRlbnQtY29sb3I6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gICAgLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLWNvbG9yOiBMaW5rVGV4dCAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5zYmItdGVhc2VyLXByb2R1Y3RfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5zYmItdGVhc2VyLXByb2R1Y3RfX3Jvb3Qge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgOmhvc3QoOmhvdmVyKSAmIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiBIaWdobGlnaHQ7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi5zYmItdGVhc2VyLXByb2R1Y3Qge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG5cbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7XG4gIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4sXG4gIHRlYXNlclByb2R1Y3RDb21tb25TdHlsZSxcbn0gZnJvbSAnLi4vY29tbW9uL3RlYXNlci1wcm9kdWN0LWNvbW1vbi50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1wcm9kdWN0LnNjc3M/aW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9zY3JlZW4tcmVhZGVyLW9ubHkudHMnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgdGV4dCBhbmQgYSBmb290bm90ZSwgY29tYmluZWQgd2l0aCBhbiBpbWFnZSwgdG8gdGVhc2UgYSBwcm9kdWN0XG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgdGhlIG1haW4gY29udGVudC5cbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGltYWdlIG9yIGEgYHNiYi1pbWFnZWAgYXMgYSBiYWNrZ3JvdW5kLlxuICogQHNsb3QgZm9vdG5vdGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBmb290bm90ZS5cbiAqIEBjc3Nwcm9wIFstLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0PTI1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBzdGFydCBnZXR0aW5nIHRyYW5zcGFyZW50LlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kPTc1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBiZSBmdWxseSB0cmFuc3BhcmVudC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclByb2R1Y3RFbGVtZW50IGV4dGVuZHMgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpbihcbiAgU2JiTGlua0Jhc2VFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGVhc2VyLXByb2R1Y3QnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbXG4gICAgYm94U2l6aW5nU3R5bGVzLFxuICAgIHRlYXNlclByb2R1Y3RDb21tb25TdHlsZSxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIC8vIFdlIHJlbmRlciB0aGUgY29udGVudCBvdXRzaWRlIHRoZSBhbmNob3IgdGFnIHRvIGFsbG93IHNjcmVlbiByZWFkZXJzIHRvIG5hdmlnYXRlIHRocm91Z2ggaXRcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX3dyYXBwZXJcIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxpbmsoXG4gICAgICAgICAgLy8gRm9yIFNFTywgd2UgYWRkIHRoZSBhY2Nlc3NpYmlsaXR5IGhpZGRlbiBhcyBoaWRkZW4gY29udGVudCBvZiB0aGUgbGlua1xuICAgICAgICAgIGh0bWxgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YCxcbiAgICAgICAgKX1cbiAgICAgICAgJHt0aGlzLnJlbmRlclRlbXBsYXRlKCl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyLXByb2R1Y3QnOiBTYmJUZWFzZXJQcm9kdWN0RWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDdUJBLElBQWEsMEJBQWIsY0FBNkMsbUNBQzNDLG1CQUNELENBQUE7O0FBQ2lDLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCO0dBQzlDO0dBQ0E7R0FDQSxVQUFVLHVCQUFBO0dBQ1g7O0NBRWtCLFNBQU07QUFFdkIsU0FBTyxNQUFJOztVQUVMLEtBQUssV0FFTCxNQUFJLDJCQUEyQixLQUFLLG1CQUFrQiwyQkFDdkQsQ0FBQTtVQUNDLEtBQUssZ0JBQWdCLENBQUEifQ==

package/teaser-product-common-qTPSq_o7.js

@@ -1,63 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbNegativeMixin as a } from "./core/mixins.js";
-//#endregion
-//#region src/elements/teaser-product/common/teaser-product-common.ts
-var o = r(":host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--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-4);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-footer-color: light-dark( var(--sbb-color-anthracite), var(--sbb-color-cloud) );--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-background-color-1-negative);--sbb-teaser-product-content-color: var(--sbb-color-4-negative);--sbb-teaser-product-footer-color: var(--sbb-color-4-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-3-negative)}: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: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){margin-block-start:0}::slotted(:is(sbb-action-group,:is(:state(action),[state--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: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;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host(:not(:is(:state(slotted-footnote),[state--slotted-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)}}"), s = (r) => (() => {
-	let o = a(r), s, c = [], l = [];
-	return class extends o {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-			s = [i({
-				attribute: "image-alignment",
-				reflect: !0
-			})], e(this, null, s, {
-				kind: "accessor",
-				name: "imageAlignment",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "imageAlignment" in e,
-					get: (e) => e.imageAlignment,
-					set: (e, t) => {
-						e.imageAlignment = t;
-					}
-				},
-				metadata: t
-			}, c, l), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e = t(this, c, "after");
-		get imageAlignment() {
-			return this.#e;
-		}
-		set imageAlignment(e) {
-			this.#e = e;
-		}
-		renderTemplate() {
-			return n`
-        <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>
-      `;
-		}
-		constructor() {
-			super(...arguments), t(this, l);
-		}
-	};
-})();
-//#endregion
-export { o as n, s as t };