@sbb-esta/lyne-elements 4.8.1 → 4.10.0

package/development/teaser-hero.component-DNlc8Tbl.js

@@ -0,0 +1,101 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "./core/base-elements.js";
+import { forceType, omitEmptyConverter } from "./core/decorators.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1 } from "lit/static-html.js";
+import { SbbBlockLinkStaticElement } from "./link.pure.js";
+//#region src/elements/teaser-hero/teaser-hero.scss?inline
+var teaser_hero_default = ":host {\n  display: block;\n  outline: none !important;\n  --sbb-panel-width: 13.9375rem;\n  --sbb-panel-inner-height: 10.4375rem;\n  --sbb-panel-triangle-height: 2.0625rem;\n  --sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));\n  --sbb-panel-line-height: var(--sbb-typo-line-height-heading);\n  --sbb-panel-font-size: var(--sbb-typo-scale-1-5x);\n  --sbb-panel-color: var(--sbb-color-1-negative);\n  --sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);\n  --sbb-panel-background-color-hover: var(--sbb-color-primary);\n  --sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);\n  --sbb-panel-gap: var(--sbb-spacing-responsive-xs);\n  --sbb-panel-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --sbb-panel-animation-easing: var(--sbb-animation-easing);\n}\n@media (min-width: calc(64rem)) {\n  :host {\n    --sbb-panel-width: 20.0625rem;\n    --sbb-panel-inner-height: 15.006875rem;\n    --sbb-panel-triangle-height: 2.965625rem;\n    --sbb-panel-font-size: var(--sbb-typo-scale-2x);\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host {\n    --sbb-panel-width: 26.75rem;\n    --sbb-panel-inner-height: 20.02375rem;\n    --sbb-panel-triangle-height: 3.956875rem;\n    --sbb-panel-font-size: var(--sbb-typo-scale-2-5x);\n    --sbb-panel-line-height: 1.2;\n  }\n}\n\n@media (any-hover: hover) {\n  :host(:hover) {\n    --sbb-panel-background-color: var(--sbb-panel-background-color-hover);\n  }\n}\n::slotted([slot=image]) {\n  width: 100%;\n}\n\n.sbb-teaser-hero {\n  position: relative;\n  display: flex;\n  min-height: var(--sbb-panel-height);\n  text-decoration: none;\n}\n.sbb-teaser-hero: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}\n\n.sbb-teaser-hero__panel {\n  z-index: 1;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--sbb-panel-gap);\n  width: var(--sbb-panel-width);\n  height: var(--sbb-panel-height);\n  padding-block: var(--sbb-panel-triangle-height);\n  padding-inline: var(--sbb-panel-padding-inline);\n  clip-path: polygon(0 0, 100% var(--sbb-panel-triangle-height), 100% calc(100% - var(--sbb-panel-triangle-height)), 0% 100%);\n  background-color: var(--sbb-panel-background-color);\n  transition: background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing);\n}\n@media (any-hover: hover) {\n  .sbb-teaser-hero__panel:hover {\n    --sbb-panel-background-color: var(--sbb-panel-background-color-hover);\n  }\n}\n.sbb-teaser-hero__panel {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n:host(:not(:is(:state(slotted),[state--slotted]), :is(:state(slotted-link-content),[state--slotted-link-content]), [link-content])) .sbb-teaser-hero__panel {\n  display: none;\n}\n\n.sbb-teaser-hero__panel-text {\n  font-family: var(--sbb-typo-font-family);\n  font-size: var(--sbb-panel-font-size);\n  font-weight: 300;\n  line-height: var(--sbb-panel-line-height);\n  letter-spacing: var(--sbb-typo-letter-spacing-heading);\n  color: var(--sbb-panel-color);\n  hyphens: auto;\n  display: inline;\n  margin: 0;\n  padding: 0;\n}\n\n:host(:not([href])) .sbb-teaser-hero__panel-link {\n  display: none;\n}";
+//#endregion
+//#region src/elements/teaser-hero/teaser-hero.component.ts
+SbbBlockLinkStaticElement.define();
+/**
+* It displays an image and an action call within a panel.
+*
+* @slot - Use the unnamed slot to add text content to the panel
+* @slot link-content - Link content of the panel
+* @slot image - The background image that can be a `sbb-image`
+* @slot chip - The `sbb-chip-label` component that will be displayed on top-left corner
+*/
+var SbbTeaserHeroElement = (() => {
+	let _classSuper = SbbLinkBaseElement;
+	let _linkContent_decorators;
+	let _linkContent_initializers = [];
+	let _linkContent_extraInitializers = [];
+	return class SbbTeaserHeroElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_linkContent_decorators = [forceType(), property({
+				attribute: "link-content",
+				reflect: true,
+				converter: omitEmptyConverter
+			})];
+			__esDecorate(this, null, _linkContent_decorators, {
+				kind: "accessor",
+				name: "linkContent",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "linkContent" in obj,
+					get: (obj) => obj.linkContent,
+					set: (obj, value) => {
+						obj.linkContent = value;
+					}
+				},
+				metadata: _metadata
+			}, _linkContent_initializers, _linkContent_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-teaser-hero";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(teaser_hero_default)];
+		}
+		#linkContent_accessor_storage = __runInitializers(this, _linkContent_initializers, "");
+		/** Panel link text. */
+		get linkContent() {
+			return this.#linkContent_accessor_storage;
+		}
+		set linkContent(value) {
+			this.#linkContent_accessor_storage = value;
+		}
+		_imageSlotChanged() {
+			Array.from(this.querySelectorAll("sbb-chip-label")).forEach((c) => c.color = "charcoal");
+		}
+		renderTemplate() {
+			return html$1`
+      <span class="sbb-teaser-hero__panel">
+        <p class="sbb-teaser-hero__panel-text">
+          <slot></slot>
+        </p>
+        <sbb-block-link-static
+          class="sbb-teaser-hero__panel-link"
+          icon-name="chevron-small-right-small"
+          icon-placement="end"
+          size="m"
+          negative
+        >
+          <slot name="link-content">${this.linkContent}</slot>
+        </sbb-block-link-static>
+      </span>
+      <slot name="image" @slotchange=${this._imageSlotChanged}></slot>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _linkContent_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbTeaserHeroElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLWhlcm8uY29tcG9uZW50LURObGM4VGJsLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgQGluY2x1ZGUgc2JiLnBhbmVsLXZhcmlhYmxlcztcbn1cblxuQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICA6aG9zdCg6aG92ZXIpIHtcbiAgICAtLXNiYi1wYW5lbC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItcGFuZWwtYmFja2dyb3VuZC1jb2xvci1ob3Zlcik7XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdpbWFnZSddKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uc2JiLXRlYXNlci1oZXJvIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItcGFuZWwtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItaGVyb19fcGFuZWwge1xuICB6LWluZGV4OiAxO1xuXG4gIEBpbmNsdWRlIHNiYi5wYW5lbDtcbiAgQGluY2x1ZGUgc2JiLmFic29sdXRlLWNlbnRlci15O1xuXG4gIC8vIEhpZGUgcGFuZWwgd2hlbiBubyBjb250ZW50IG9yIGxpbmstY29udGVudCBpcyBwcm92aWRlZC5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZCksIDpzdGF0ZShzbG90dGVkLWxpbmstY29udGVudCksIFtsaW5rLWNvbnRlbnRdKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLXRlYXNlci1oZXJvX19wYW5lbC10ZXh0IHtcbiAgQGluY2x1ZGUgc2JiLnBhbmVsLXRleHQ7XG5cbiAgaHlwaGVuczogYXV0bztcblxuICAvLyBSZXNldCBwYXJhZ3JhcGggc3R5bGVzXG4gIGRpc3BsYXk6IGlubGluZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG4uc2JiLXRlYXNlci1oZXJvX19wYW5lbC1saW5rIHtcbiAgOmhvc3QoOm5vdChbaHJlZl0pKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSwgb21pdEVtcHR5Q29udmVydGVyIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkJsb2NrTGlua1N0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi9saW5rLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXItaGVyby5zY3NzP2lubGluZSc7XG5cbi8vIFRPRE8oYnJlYWtpbmctY2hhbmdlKTogUmVtb3ZlIGNhbGwgdG8gZGVmaW5lLlxuU2JiQmxvY2tMaW5rU3RhdGljRWxlbWVudC5kZWZpbmUoKTtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpbWFnZSBhbmQgYW4gYWN0aW9uIGNhbGwgd2l0aGluIGEgcGFuZWwuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGV4dCBjb250ZW50IHRvIHRoZSBwYW5lbFxuICogQHNsb3QgbGluay1jb250ZW50IC0gTGluayBjb250ZW50IG9mIHRoZSBwYW5lbFxuICogQHNsb3QgaW1hZ2UgLSBUaGUgYmFja2dyb3VuZCBpbWFnZSB0aGF0IGNhbiBiZSBhIGBzYmItaW1hZ2VgXG4gKiBAc2xvdCBjaGlwIC0gVGhlIGBzYmItY2hpcC1sYWJlbGAgY29tcG9uZW50IHRoYXQgd2lsbCBiZSBkaXNwbGF5ZWQgb24gdG9wLWxlZnQgY29ybmVyXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUZWFzZXJIZXJvRWxlbWVudCBleHRlbmRzIFNiYkxpbmtCYXNlRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGVhc2VyLWhlcm8nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogUGFuZWwgbGluayB0ZXh0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbGluay1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxpbmtDb250ZW50OiBzdHJpbmcgPSAnJztcblxuICBwcml2YXRlIF9pbWFnZVNsb3RDaGFuZ2VkKCk6IHZvaWQge1xuICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsKCdzYmItY2hpcC1sYWJlbCcpKS5mb3JFYWNoKChjKSA9PiAoYy5jb2xvciA9ICdjaGFyY29hbCcpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXItaGVyb19fcGFuZWxcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJzYmItdGVhc2VyLWhlcm9fX3BhbmVsLXRleHRcIj5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvcD5cbiAgICAgICAgPHNiYi1ibG9jay1saW5rLXN0YXRpY1xuICAgICAgICAgIGNsYXNzPVwic2JiLXRlYXNlci1oZXJvX19wYW5lbC1saW5rXCJcbiAgICAgICAgICBpY29uLW5hbWU9XCJjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsXCJcbiAgICAgICAgICBpY29uLXBsYWNlbWVudD1cImVuZFwiXG4gICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgIG5lZ2F0aXZlXG4gICAgICAgID5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwibGluay1jb250ZW50XCI+JHt0aGlzLmxpbmtDb250ZW50fTwvc2xvdD5cbiAgICAgICAgPC9zYmItYmxvY2stbGluay1zdGF0aWM+XG4gICAgICA8L3NwYW4+XG4gICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIiBAc2xvdGNoYW5nZT0ke3RoaXMuX2ltYWdlU2xvdENoYW5nZWR9Pjwvc2xvdD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyLWhlcm8nOiBTYmJUZWFzZXJIZXJvRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUNZQSwwQkFBMEIsUUFBUTs7Ozs7Ozs7O0lBVXJCLDhCQUFvQjttQkFBUzs7OztjQUE3Qiw2QkFBNkIsWUFBa0I7Ozs4QkFLekQsV0FBVyxFQUNYLFNBQVM7SUFBRSxXQUFXO0lBQWdCLFNBQVM7SUFBTSxXQUFXO0lBQW9CLENBQUMsQ0FBQTtBQUN0RixnQkFBQSxNQUFBLE1BQUEseUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxpQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFXLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBWCxjQUFXOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsMkJBQUEsK0JBQUE7Ozs7Ozs7OztBQU5LLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsb0JBQU0sQ0FBQzs7RUFLbkYsZ0NBQUEsa0JBQUEsTUFBQSwyQkFBc0MsR0FBRTs7RUFBeEMsSUFBZ0IsY0FBVztBQUFBLFVBQUEsTUFBQTs7RUFBM0IsSUFBZ0IsWUFBVyxPQUFBO0FBQUEsU0FBQSwrQkFBQTs7RUFFbkIsb0JBQWlCO0FBQ3ZCLFNBQU0sS0FBSyxLQUFLLGlCQUFpQixpQkFBaUIsQ0FBQyxDQUFDLFNBQVMsTUFBTyxFQUFFLFFBQVEsV0FBWTs7RUFHekUsaUJBQWM7QUFDL0IsVUFBTyxNQUFJOzs7Ozs7Ozs7Ozs7c0NBWXVCLEtBQUssWUFBVzs7O3VDQUdmLEtBQUssa0JBQWlCIn0=

package/development/teaser-hero.js

@@ -1,4 +1,4 @@
-import { t as SbbTeaserHeroElement } from "./teaser-hero.component-sUhYQXkN.js";
+import { t as SbbTeaserHeroElement } from "./teaser-hero.component-DNlc8Tbl.js";
 import "./teaser-hero.pure.js";
 //#region src/elements/teaser-hero.ts
 /** @entrypoint */

package/development/teaser-hero.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbTeaserHeroElement } from "./teaser-hero.component-sUhYQXkN.js";
+import { t as SbbTeaserHeroElement } from "./teaser-hero.component-DNlc8Tbl.js";
 export { SbbTeaserHeroElement };

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

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

package/development/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;AACxE,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,sBAAsB,CAAC;AAElF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;;AAE9F,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,2CAEnE;IACC,SAAgB,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC;CACpD;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA8BhE,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;AACxE,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,sBAAsB,CAAC;AAIlF,eAAO,MAAM,wBAAwB,yBAA4C,CAAC;;AAElF,MAAM,CAAC,OAAO,OAAO,sCAAuC,SAAQ,2CAEnE;IACC,SAAgB,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC;CACpD;AAGD,eAAO,MAAM,kCAAkC,GAC7C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,sCAAsC,CAAC,GAAG,CA8BhE,CAAC"}

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

@@ -1,2 +1,2 @@
-import { n as teaser_product_common_default, t as SbbTeaserProductCommonElementMixin } from "../../teaser-product-common-zgX2CF41.js";
-export { SbbTeaserProductCommonElementMixin, teaser_product_common_default as teaserProductCommonStyle };
+import { n as teaserProductCommonStyle, t as SbbTeaserProductCommonElementMixin } from "../../teaser-product-common-DYX370pm.js";
+export { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle };

package/development/teaser-product/common.js

@@ -1,8 +1,8 @@
-import { n as teaser_product_common_default, t as SbbTeaserProductCommonElementMixin } from "../teaser-product-common-zgX2CF41.js";
+import { n as teaserProductCommonStyle, t as SbbTeaserProductCommonElementMixin } from "../teaser-product-common-DYX370pm.js";
 //#region src/elements/teaser-product/common.ts
 console.warn(`The entrypoint '@sbb-esta/elements/teaser-product/common.js' has been deprecated.
 Use either '@sbb-esta/elements/teaser-product.js' or '@sbb-esta/elements/teaser-product.pure.js' instead.`);
 //#endregion
-export { SbbTeaserProductCommonElementMixin, teaser_product_common_default as teaserProductCommonStyle };
+export { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle };
 
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC9jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5leHBvcnQgKiBmcm9tICcuL2NvbW1vbi90ZWFzZXItcHJvZHVjdC1jb21tb24udHMnO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvY29tbW9uLmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL3RlYXNlci1wcm9kdWN0LmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL3RlYXNlci1wcm9kdWN0LnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7O0FBR0EsUUFBUSxLQUFLOzJHQUM4RiJ9

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

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbLinkBaseElement } from '../../core/base-elements.ts';
-declare const SbbTeaserProductElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common/teaser-product-common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
+declare const SbbTeaserProductElement_base: import('../../core.ts').AbstractConstructor<import('../common/teaser-product-common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * Displays a text and a footnote, combined with an image, to tease a product
  *

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

@@ -1 +1 @@
-{"version":3,"file":"teaser-product.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/teaser-product/teaser-product/teaser-product.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AASjE,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;GAQG;AACH,qBAAa,uBAAwB,SAAQ,4BAE5C;IACC,gBAAgC,WAAW,EAAE,MAAM,CAAwB;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAI3C;cAEiB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"teaser-product.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/teaser-product/teaser-product/teaser-product.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AASjE,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;GAQG;AACH,qBAAa,uBAAwB,SAAQ,4BAE5C;IACC,gBAAgC,WAAW,EAAE,MAAM,CAAwB;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAI3C;cAEiB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

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

@@ -1,2 +1,2 @@
-import { t as SbbTeaserProductElement } from "../../teaser-product.component-w8Vjh-RN.js";
+import { t as SbbTeaserProductElement } from "../../teaser-product.component-CSArA8bH.js";
 export { SbbTeaserProductElement };

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

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbActionBaseElement } from '../../core/base-elements.ts';
-declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common/teaser-product-common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
+declare const SbbTeaserProductStaticElement_base: import('../../core.ts').AbstractConstructor<import('../common/teaser-product-common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
 /**
  * Displays a text and a footnote, combined with an image, to tease a product.
  *

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

@@ -1,4 +1,4 @@
-import { t as SbbTeaserProductElement } from "../teaser-product.component-w8Vjh-RN.js";
+import { t as SbbTeaserProductElement } from "../teaser-product.component-CSArA8bH.js";
 //#region src/elements/teaser-product/teaser-product.ts
 /** @entrypoint */
 SbbTeaserProductElement.define();

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

@@ -0,0 +1,78 @@
+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  --sbb-teaser-product-background: var(--sbb-teaser-product-background-color);\n  display: block;\n}\n@media (min-width: calc(64rem)) {\n  :host {\n    --sbb-teaser-product-content-min-height: calc(\n      var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-spacing)\n    );\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:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))) {\n  --sbb-teaser-product-footer-padding-block-start: 0;\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-block: var(--sbb-teaser-product-container-padding-block);\n  padding-inline: var(--sbb-teaser-product-container-padding-inline);\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    border-radius: var(--sbb-teaser-product-border-radius);\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  min-height: var(--sbb-teaser-product-content-min-height, 0);\n  align-content: var(--sbb-teaser-product-content-align-content, normal);\n}\n\n.sbb-teaser-product__footnote {\n  grid-area: footnote;\n  padding-block: var(--sbb-teaser-product-footer-padding-block-start) var(--sbb-teaser-product-footer-padding-block-end);\n  color: var(--sbb-teaser-product-footer-color);\n  font-size: var(--sbb-teaser-product-footer-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  min-height: var(--sbb-teaser-product-footer-min-height, 0);\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QtY29tbW9uLURZWDM3MHBtLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC9jb21tb24vdGVhc2VyLXByb2R1Y3QtY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RlYXNlci1wcm9kdWN0L2NvbW1vbi90ZWFzZXItcHJvZHVjdC1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1jb2xvcik7XG5cbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRlbnQtbWluLWhlaWdodDogY2FsYyhcbiAgICAgIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1taW4taGVpZ2h0KSAtIDIgKiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGFpbmVyLXNwYWNpbmcpXG4gICAgKTtcbiAgICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1ncmFkaWVudC1kaXJlY3Rpb24pLFxuICAgICAgdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtY29sb3IpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0KSxcbiAgICAgIHRyYW5zcGFyZW50IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LWVuZClcbiAgICApO1xuICB9XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMS1uZWdhdGl2ZSk7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRlbnQtY29sb3I6IHZhcigtLXNiYi1jb2xvci00LW5lZ2F0aXZlKTtcbiAgLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNC1uZWdhdGl2ZSk7XG4gIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xuICAtLXNiYi10aXRsZS10ZXh0LWNvbG9yLW5vcm1hbC1vdmVycmlkZTogdmFyKC0tc2JiLWNvbG9yLTMtbmVnYXRpdmUpO1xufVxuXG46aG9zdChbaW1hZ2UtYWxpZ25tZW50PSdiZWZvcmUnXSkge1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LWRpcmVjdGlvbjogdG8gbGVmdDtcbn1cblxuOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1mb290bm90ZSkpKSB7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWZvb3Rlci1wYWRkaW5nLWJsb2NrLXN0YXJ0OiAwO1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19pbWFnZS1jb250YWluZXIge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIC8vIFdlIGhhdmUgdG8gcmVtb3ZlIHRoZSBpbWFnZSBib3R0b20gYm9yZGVyLXJhZGl1cyB3aGVuIHN0YWNrZWRcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKSAwIDA7XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogMDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cblxuOjpzbG90dGVkKHAuc2JiLXRlYXNlci1wcm9kdWN0LS1zcGFjaW5nKSB7XG4gIG1hcmdpbjogMDtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZS5zYmItdGVhc2VyLXByb2R1Y3QtLXNwYWNpbmcpIHtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAwO1xufVxuXG46OnNsb3R0ZWQoOmlzKHNiYi1hY3Rpb24tZ3JvdXAsIDpzdGF0ZShhY3Rpb24pKS5zYmItdGVhc2VyLXByb2R1Y3QtLXNwYWNpbmcpIHtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4cyk7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0naW1hZ2UnXSkge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19yb290IHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC8vIEFwcGx5IGEgdmlzdWFsIGJvcmRlciBmb3IgZm9yY2VkIGNvbG9yIG1vZGVcbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCkgc29saWQgQ2FudmFzVGV4dDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgICB9XG4gIH1cbn1cblxuLnNiYi1hY3Rpb24tYmFzZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fY29udGFpbmVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQpO1xuICBib3JkZXItcmFkaXVzOiAwIDAgdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRhaW5lci1wYWRkaW5nLWJsb2NrKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1jb250YWluZXItcGFkZGluZy1pbmxpbmUpO1xuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQ6XG4gICAgICAnY29udGVudCAuJyAxZnJcbiAgICAgICdmb290bm90ZSAuJyBhdXRvIC8gMWZyIDFmcjtcbiAgICBjb2x1bW4tZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4bCk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIDpob3N0KFtpbWFnZS1hbGlnbm1lbnQ9J2JlZm9yZSddKSAmIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6XG4gICAgICAgICcuIGNvbnRlbnQnXG4gICAgICAgICcuIGZvb3Rub3RlJztcbiAgICB9XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fY29udGVudCB7XG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBtYXJnaW46IDA7XG4gIGNvbG9yOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGVudC1jb2xvcik7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1jb250ZW50LW1pbi1oZWlnaHQsIDApO1xuICBhbGlnbi1jb250ZW50OiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGVudC1hbGlnbi1jb250ZW50LCBub3JtYWwpO1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19mb290bm90ZSB7XG4gIGdyaWQtYXJlYTogZm9vdG5vdGU7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItcGFkZGluZy1ibG9jay1zdGFydClcbiAgICB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLXBhZGRpbmctYmxvY2stZW5kKTtcbiAgY29sb3I6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLW1pbi1oZWlnaHQsIDApO1xufVxuIiwiaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IHR5cGUgQWJzdHJhY3RDb25zdHJ1Y3RvciwgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcblxuaW1wb3J0IHRlYXNlclByb2R1Y3RDb21tb25TdHlsZVN0cmluZyBmcm9tICcuL3RlYXNlci1wcm9kdWN0LWNvbW1vbi5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBjb25zdCB0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGUgPSB1bnNhZmVDU1ModGVhc2VyUHJvZHVjdENvbW1vblN0eWxlU3RyaW5nKTtcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFxuICBTYmJBY3Rpb25CYXNlRWxlbWVudCxcbikge1xuICBwdWJsaWMgYWNjZXNzb3IgaW1hZ2VBbGlnbm1lbnQ6ICdhZnRlcicgfCAnYmVmb3JlJztcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihzdXBlckNsYXNzKVxuICAgIGltcGxlbWVudHMgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAge1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIGZ1bGx5IHZpc2libGUgcGFydCBvZiB0aGUgaW1hZ2UgaXMgYWxpZ25lZCAnYmVmb3JlJyBvciAnYWZ0ZXInIHRoZSBjb250ZW50LlxuICAgICAqIE9ubHkgcmVsZXZhbnQgc3RhcnRpbmcgZnJvbSBsYXJnZSBicmVha3BvaW50LlxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ltYWdlLWFsaWdubWVudCcsIHJlZmxlY3Q6IHRydWUgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgaW1hZ2VBbGlnbm1lbnQ6ICdhZnRlcicgfCAnYmVmb3JlJyA9ICdhZnRlcic7XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX3Jvb3RcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19pbWFnZS1jb250YWluZXJcIj48c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fY29udGVudFwiPlxuICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19mb290bm90ZVwiPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwiZm9vdG5vdGVcIj48L3Nsb3Q+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnQgYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUNRQSxJQUFhLDJCQUEyQiwrd0hBQXlDO0FBU2pGLElBQWEsc0NBR1gsZUFDbUU7QUE0Qm5FLGVBM0I0QztvQkFDbEMsaUJBQWlCLFdBQVc7Ozs7ZUFEdkIsc0NBQ0wsWUFBNEI7OztrQ0FPbkMsU0FBUztLQUFFLFdBQVc7S0FBbUIsU0FBUztLQUFNLENBQUMsQ0FBQTtBQUMxRCxpQkFBQSxNQUFBLE1BQUEsNEJBQUE7S0FBQSxNQUFBO0tBQUEsTUFBQTtLQUFBLFFBQUE7S0FBQSxTQUFBO0tBQUEsUUFBQTtNQUFBLE1BQUEsUUFBQSxvQkFBQTtNQUFBLE1BQUEsUUFBQSxJQUFnQjtNQUFjLE1BQUEsS0FBQSxVQUFBO0FBQUEsV0FBZCxpQkFBYzs7TUFBQTtLQUFBLFVBQUE7S0FBQSxFQUFBLDhCQUFBLGtDQUFBOzs7Ozs7OztHQUE5QixtQ0FBQSxrQkFBQSxNQUFBLDhCQUFxRCxRQUFPOzs7OztHQUE1RCxJQUFnQixpQkFBYztBQUFBLFdBQUEsTUFBQTs7R0FBOUIsSUFBZ0IsZUFBYyxPQUFBO0FBQUEsVUFBQSxrQ0FBQTs7R0FFWCxpQkFBYztBQUMvQixXQUFPLElBQUkifQ==

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

@@ -0,0 +1,43 @@
+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 = "@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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuY29tcG9uZW50LUNTQXJBOGJILmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAvLyBTaW11bGF0ZSBsaW5rIGNvbG9yIG9wdGljYWxseVxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdGl0bGUtdGV4dC1jb2xvci1ub3JtYWwtb3ZlcnJpZGU6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gICAgLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGVudC1jb2xvcjogTGlua1RleHQgIWltcG9ydGFudDtcbiAgICAtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItY29sb3I6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fcm9vdCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjphZnRlciB7XG4gICAgICA6aG9zdCg6aG92ZXIpICYge1xuICAgICAgICBib3JkZXItY29sb3I6IEhpZ2hsaWdodDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IDA7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMaW5rQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHtcbiAgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpbixcbiAgdGVhc2VyUHJvZHVjdENvbW1vblN0eWxlLFxufSBmcm9tICcuLi9jb21tb24vdGVhc2VyLXByb2R1Y3QtY29tbW9uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGVhc2VyLXByb2R1Y3Quc2Nzcz9pbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS50cyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3RcbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSB0aGUgbWFpbiBjb250ZW50LlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaW1hZ2Ugb3IgYSBgc2JiLWltYWdlYCBhcyBhIGJhY2tncm91bmQuXG4gKiBAc2xvdCBmb290bm90ZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIGZvb3Rub3RlLlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtc3RhcnQ9MjUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIHN0YXJ0IGdldHRpbmcgdHJhbnNwYXJlbnQuXG4gKiBAY3NzcHJvcCBbLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1ncmFkaWVudC1lbmQ9NzUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIGJlIGZ1bGx5IHRyYW5zcGFyZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQgZXh0ZW5kcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluKFxuICBTYmJMaW5rQmFzZUVsZW1lbnQsXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10ZWFzZXItcHJvZHVjdCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICBib3hTaXppbmdTdHlsZXMsXG4gICAgdGVhc2VyUHJvZHVjdENvbW1vblN0eWxlLFxuICAgIHVuc2FmZUNTUyhzdHlsZSksXG4gIF07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gV2UgcmVuZGVyIHRoZSBjb250ZW50IG91dHNpZGUgdGhlIGFuY2hvciB0YWcgdG8gYWxsb3cgc2NyZWVuIHJlYWRlcnMgdG8gbmF2aWdhdGUgdGhyb3VnaCBpdFxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fd3JhcHBlclwiPlxuICAgICAgICAke3RoaXMucmVuZGVyTGluayhcbiAgICAgICAgICAvLyBGb3IgU0VPLCB3ZSBhZGQgdGhlIGFjY2Vzc2liaWxpdHkgaGlkZGVuIGFzIGhpZGRlbiBjb250ZW50IG9mIHRoZSBsaW5rXG4gICAgICAgICAgaHRtbGA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5gLFxuICAgICAgICApfVxuICAgICAgICAke3RoaXMucmVuZGVyVGVtcGxhdGUoKX1cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXItcHJvZHVjdCc6IFNiYlRlYXNlclByb2R1Y3RFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUN1QkEsSUFBYSwwQkFBYixjQUE2QyxtQ0FDM0MsbUJBQ0QsQ0FBQTs7QUFDaUMsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsU0FBeUI7R0FDOUM7R0FDQTtHQUNBLFVBQVUsdUJBQUE7R0FDWDs7Q0FFa0IsU0FBTTtBQUV2QixTQUFPLE1BQUk7O1VBRUwsS0FBSyxXQUVMLE1BQUksMkJBQTJCLEtBQUssbUJBQWtCLDJCQUN2RCxDQUFBO1VBQ0MsS0FBSyxnQkFBZ0IsQ0FBQSJ9

package/development/teaser-product.js

@@ -1,12 +1,12 @@
-import { n as teaser_product_common_default, t as SbbTeaserProductCommonElementMixin } from "./teaser-product-common-zgX2CF41.js";
+import { n as teaserProductCommonStyle, t as SbbTeaserProductCommonElementMixin } from "./teaser-product-common-DYX370pm.js";
 import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as SbbTeaserProductElement } from "./teaser-product.component-w8Vjh-RN.js";
+import { t as SbbTeaserProductElement } from "./teaser-product.component-CSArA8bH.js";
 import "./teaser-product.pure.js";
 //#region src/elements/teaser-product.ts
 /** @entrypoint */
 SbbTeaserProductElement.define();
 SbbTeaserProductStaticElement.define();
 //#endregion
-export { SbbTeaserProductCommonElementMixin, SbbTeaserProductElement, SbbTeaserProductStaticElement, teaser_product_common_default as teaserProductCommonStyle };
+export { SbbTeaserProductCommonElementMixin, SbbTeaserProductElement, SbbTeaserProductStaticElement, teaserProductCommonStyle };
 
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RlYXNlci1wcm9kdWN0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQsIFNiYlRlYXNlclByb2R1Y3RTdGF0aWNFbGVtZW50IH0gZnJvbSAnLi90ZWFzZXItcHJvZHVjdC5wdXJlLnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi90ZWFzZXItcHJvZHVjdC5wdXJlLnRzJztcblxuU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQuZGVmaW5lKCk7XG5TYmJUZWFzZXJQcm9kdWN0U3RhdGljRWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBS0Esd0JBQXdCLFFBQVE7QUFDaEMsOEJBQThCLFFBQVEifQ==

package/development/teaser-product.pure.js

@@ -1,4 +1,4 @@
-import { n as teaser_product_common_default, t as SbbTeaserProductCommonElementMixin } from "./teaser-product-common-zgX2CF41.js";
+import { n as teaserProductCommonStyle, t as SbbTeaserProductCommonElementMixin } from "./teaser-product-common-DYX370pm.js";
 import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as SbbTeaserProductElement } from "./teaser-product.component-w8Vjh-RN.js";
-export { SbbTeaserProductCommonElementMixin, SbbTeaserProductElement, SbbTeaserProductStaticElement, teaser_product_common_default as teaserProductCommonStyle };
+import { t as SbbTeaserProductElement } from "./teaser-product.component-CSArA8bH.js";
+export { SbbTeaserProductCommonElementMixin, SbbTeaserProductElement, SbbTeaserProductStaticElement, teaserProductCommonStyle };

package/development/teaser.component-Cky6kKU0.js

@@ -0,0 +1,118 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+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";
+//#region src/elements/teaser/teaser.scss?inline
+var teaser_default = "@charset \"UTF-8\";\n:host {\n  --_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));\n  --_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));\n  --_sbb-teaser-forced-colors-border-radius: calc(\n    var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset)\n  );\n  display: inline-block;\n  outline: none !important;\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-teaser-description-color: LinkText;\n    --sbb-title-text-color-normal-override: LinkText !important;\n  }\n}\n\n:host([alignment=after]) {\n  --sbb-teaser-align-items: start;\n}\n\n:host([alignment=below]) {\n  --sbb-teaser-flex-direction: column;\n  --sbb-teaser-align-items: baseline;\n  --sbb-teaser-gap: var(--sbb-spacing-fixed-3x);\n}\n\n@media (any-hover: hover) {\n  :host(:hover) {\n    --sbb-teaser-scale: var(--sbb-teaser-scale-hover);\n  }\n}\n.sbb-teaser__wrapper {\n  display: flex;\n  position: relative;\n  cursor: var(--sbb-cursor-pointer);\n}\n.sbb-teaser__wrapper::before {\n  content: \"​\";\n  user-select: none;\n  width: 0;\n  height: 0;\n}\n\n.sbb-teaser {\n  text-decoration: none;\n  position: absolute;\n  inset: 0;\n}\n.sbb-teaser: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-border-radius);\n}\n@media (forced-colors: active) {\n  .sbb-teaser:focus-visible {\n    outline-offset: var(--_sbb-teaser-forced-colors-outline-offset);\n  }\n}\n@media (forced-colors: active) {\n  .sbb-teaser::before {\n    content: \"\";\n    position: absolute;\n    inset: var(--_sbb-teaser-forced-colors-inset);\n    pointer-events: none;\n    border-radius: var(--_sbb-teaser-forced-colors-border-radius);\n    border: var(--sbb-border-width-1x) solid CanvasText;\n  }\n}\n\n.sbb-teaser__container {\n  display: flex;\n  flex-flow: var(--sbb-teaser-flex-direction) nowrap;\n  align-items: var(--sbb-teaser-align-items);\n  gap: var(--sbb-teaser-gap);\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.sbb-teaser__text {\n  color: var(--sbb-teaser-description-color);\n  font-size: var(--sbb-teaser-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  overflow: hidden;\n  max-width: 100%;\n}\n\n::slotted([slot=image]) {\n  display: block;\n  width: var(--sbb-teaser-image-width);\n}\n\n.sbb-teaser__image-wrapper {\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: var(--sbb-teaser-border-radius);\n  transition: box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing);\n}\n:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper {\n  display: none;\n}\n@media (any-hover: hover) {\n  :host(:hover) .sbb-teaser__image-wrapper {\n    box-shadow: var(--sbb-box-shadow-level-9-hard);\n  }\n}\n\n.sbb-teaser__description {\n  display: inline-block;\n  margin: 0;\n  padding: 0;\n}\n\n::slotted(sbb-chip-label) {\n  display: block;\n  max-width: fit-content;\n  margin-block-end: var(--sbb-spacing-fixed-1x);\n}\n\n::slotted(sbb-title) {\n  margin-block: 0;\n}";
+//#endregion
+//#region src/elements/teaser/teaser.component.ts
+/**
+* It displays an interactive image with caption.
+*
+* @slot image - Slot used to render the image.
+* @slot chip - Slot for the `sbb-chip-label` element. The slot on the `sbb-chip-label` element is automatically assigned when slotted in the unnamed slot.
+* @slot title - Slot for the title. For the standard `sbb-title` element, the slot is automatically assigned when slotted in the unnamed slot.
+* @slot - Use the unnamed slot to render the description, the sbb-title and the sbb-chip-label.
+*/
+var SbbTeaserElement = (() => {
+	let _classSuper = SbbLinkBaseElement;
+	let _alignment_decorators;
+	let _alignment_initializers = [];
+	let _alignment_extraInitializers = [];
+	return class SbbTeaserElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_alignment_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _alignment_decorators, {
+				kind: "accessor",
+				name: "alignment",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "alignment" in obj,
+					get: (obj) => obj.alignment,
+					set: (obj, value) => {
+						obj.alignment = value;
+					}
+				},
+				metadata: _metadata
+			}, _alignment_initializers, _alignment_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-teaser";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(teaser_default)];
+		}
+		#alignment_accessor_storage = __runInitializers(this, _alignment_initializers, "after-centered");
+		/** Teaser variant - define the position and the alignment of the text block. */
+		get alignment() {
+			return this.#alignment_accessor_storage;
+		}
+		set alignment(value) {
+			this.#alignment_accessor_storage = value;
+		}
+		_handleSlotchange() {
+			const chip = Array.from(this.children).find((el) => el.localName === "sbb-chip-label");
+			if (chip) chip.slot = "chip";
+			const title = Array.from(this.children).find((el) => el.localName === "sbb-title");
+			if (title) title.slot = "title";
+		}
+		_configureChip(event) {
+			const chipLabel = event.target.assignedElements().find((e) => e.localName === "sbb-chip-label");
+			if (chipLabel) {
+				customElements.upgrade(chipLabel);
+				chipLabel.color = "charcoal";
+				chipLabel.size = "xxs";
+			}
+		}
+		_configureTitle(event) {
+			const title = event.target.assignedElements().find((e) => e.localName === "sbb-title");
+			if (title) {
+				customElements.upgrade(title);
+				title.visualLevel = "5";
+			}
+		}
+		render() {
+			return html$1`
+      <div class="sbb-teaser__wrapper">
+        ${this.renderLink(html$1`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`)}
+        ${this.renderContent()}
+      </div>
+    `;
+		}
+		renderContent() {
+			return html$1`
+      <span class="sbb-teaser__container">
+        <span class="sbb-teaser__image-wrapper">
+          <slot name="image"></slot>
+        </span>
+        <span class="sbb-teaser__text">
+          <slot name="chip" @slotchange=${this._configureChip}></slot>
+          <slot name="title" @slotchange=${this._configureTitle}></slot>
+          <p class="sbb-teaser__description">
+            <slot @slotchange=${this._handleSlotchange}></slot>
+          </p>
+        </span>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _alignment_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbTeaserElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmNvbXBvbmVudC1Da3k2a0tVMC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyL3RlYXNlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXIvdGVhc2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldDogY2FsYygtMSAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQ6IGNhbGMoMiAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1czogY2FsYyhcbiAgICB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpICsgdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KVxuICApO1xuXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRlYXNlci1kZXNjcmlwdGlvbi1jb2xvcjogTGlua1RleHQ7XG4gICAgLS1zYmItdGl0bGUtdGV4dC1jb2xvci1ub3JtYWwtb3ZlcnJpZGU6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOmhvc3QoW2FsaWdubWVudD0nYWZ0ZXInXSkge1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IHN0YXJ0O1xufVxuXG46aG9zdChbYWxpZ25tZW50PSdiZWxvdyddKSB7XG4gIC0tc2JiLXRlYXNlci1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAtLXNiYi10ZWFzZXItZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG59XG5cbkBpbmNsdWRlIHNiYi5ob3Zlci1tcSgkaG92ZXI6IHRydWUpIHtcbiAgOmhvc3QoOmhvdmVyKSB7XG4gICAgLS1zYmItdGVhc2VyLXNjYWxlOiB2YXIoLS1zYmItdGVhc2VyLXNjYWxlLWhvdmVyKTtcbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gIEBpbmNsdWRlIHNiYi56ZXJvLXdpZHRoLXNwYWNlO1xufVxuXG4uc2JiLXRlYXNlciB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1ib3JkZXItcmFkaXVzKTtcblxuICAgIC8vIFdlIG1vdmUgdGhlIGZvY3VzIG91dGxpbmUgZnVydGhlciBvdXQgdG8gbm90IG92ZXJsYXAgd2l0aCB0aGUgdGVhc2VyIGJvcmRlciBpbiBmb3JjZWQgY29sb3JzXG4gICAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQpO1xuICAgIH1cbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldDogdmFyKC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldCk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1cyk7XG4gICAgICBib3JkZXI6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIENhbnZhc1RleHQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItdGVhc2VyX19jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IHZhcigtLXNiYi10ZWFzZXItZmxleC1kaXJlY3Rpb24pIG5vd3JhcDtcbiAgYWxpZ24taXRlbXM6IHZhcigtLXNiYi10ZWFzZXItYWxpZ24taXRlbXMpO1xuICBnYXA6IHZhcigtLXNiYi10ZWFzZXItZ2FwKTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5zYmItdGVhc2VyX190ZXh0IHtcbiAgY29sb3I6IHZhcigtLXNiYi10ZWFzZXItZGVzY3JpcHRpb24tY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi10ZWFzZXItZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0naW1hZ2UnXSkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IHZhcigtLXNiYi10ZWFzZXItaW1hZ2Utd2lkdGgpO1xufVxuXG4uc2JiLXRlYXNlcl9faW1hZ2Utd3JhcHBlciB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpO1xuICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXNiYi10ZWFzZXItaW1hZ2UtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1pbWFnZSkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIDpob3N0KDpob3ZlcikgJiB7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC05LWhhcmQpO1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fZGVzY3JpcHRpb24ge1xuICAvLyBSZXNldCBwYXJhZ3JhcGggc3R5bGVzXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG46OnNsb3R0ZWQoc2JiLWNoaXAtbGFiZWwpIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZSkge1xuICBtYXJnaW4tYmxvY2s6IDA7XG59XG4iLCJpbXBvcnQgeyB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJDaGlwTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vY2hpcC1sYWJlbC50cyc7XG5pbXBvcnQgeyBTYmJMaW5rQmFzZUVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUVsZW1lbnQgfSBmcm9tICcuLi90aXRsZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci5zY3NzP2lubGluZSc7XG5cbmltcG9ydCAnLi4vc2NyZWVuLXJlYWRlci1vbmx5LnRzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpbnRlcmFjdGl2ZSBpbWFnZSB3aXRoIGNhcHRpb24uXG4gKlxuICogQHNsb3QgaW1hZ2UgLSBTbG90IHVzZWQgdG8gcmVuZGVyIHRoZSBpbWFnZS5cbiAqIEBzbG90IGNoaXAgLSBTbG90IGZvciB0aGUgYHNiYi1jaGlwLWxhYmVsYCBlbGVtZW50LiBUaGUgc2xvdCBvbiB0aGUgYHNiYi1jaGlwLWxhYmVsYCBlbGVtZW50IGlzIGF1dG9tYXRpY2FsbHkgYXNzaWduZWQgd2hlbiBzbG90dGVkIGluIHRoZSB1bm5hbWVkIHNsb3QuXG4gKiBAc2xvdCB0aXRsZSAtIFNsb3QgZm9yIHRoZSB0aXRsZS4gRm9yIHRoZSBzdGFuZGFyZCBgc2JiLXRpdGxlYCBlbGVtZW50LCB0aGUgc2xvdCBpcyBhdXRvbWF0aWNhbGx5IGFzc2lnbmVkIHdoZW4gc2xvdHRlZCBpbiB0aGUgdW5uYW1lZCBzbG90LlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byByZW5kZXIgdGhlIGRlc2NyaXB0aW9uLCB0aGUgc2JiLXRpdGxlIGFuZCB0aGUgc2JiLWNoaXAtbGFiZWwuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUZWFzZXJFbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10ZWFzZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogVGVhc2VyIHZhcmlhbnQgLSBkZWZpbmUgdGhlIHBvc2l0aW9uIGFuZCB0aGUgYWxpZ25tZW50IG9mIHRoZSB0ZXh0IGJsb2NrLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBhbGlnbm1lbnQ6ICdhZnRlci1jZW50ZXJlZCcgfCAnYWZ0ZXInIHwgJ2JlbG93JyA9XG4gICAgJ2FmdGVyLWNlbnRlcmVkJztcblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIGNvbnN0IGNoaXAgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItY2hpcC1sYWJlbCcpO1xuICAgIGlmIChjaGlwKSB7XG4gICAgICBjaGlwLnNsb3QgPSAnY2hpcCc7XG4gICAgfVxuXG4gICAgY29uc3QgdGl0bGUgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItdGl0bGUnKTtcbiAgICBpZiAodGl0bGUpIHtcbiAgICAgIHRpdGxlLnNsb3QgPSAndGl0bGUnO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2NvbmZpZ3VyZUNoaXAoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgLy8gV2UgbmVlZCB0byBjaGVjayBhc3NpZ25lZCBlbGVtZW50cyBiZWNhdXNlIGluIHRoZSBpbWFnZSBzbG90IGl0IGNhbiBoYXZlIGxhYmVscyBhcyB3ZWxsLlxuICAgIGNvbnN0IGNoaXBMYWJlbCA9IChldmVudC50YXJnZXQgYXMgSFRNTFNsb3RFbGVtZW50KVxuICAgICAgLmFzc2lnbmVkRWxlbWVudHMoKVxuICAgICAgLmZpbmQoKGUpOiBlIGlzIFNiYkNoaXBMYWJlbEVsZW1lbnQgPT4gZS5sb2NhbE5hbWUgPT09ICdzYmItY2hpcC1sYWJlbCcpO1xuXG4gICAgaWYgKGNoaXBMYWJlbCkge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZShjaGlwTGFiZWwpO1xuICAgICAgY2hpcExhYmVsLmNvbG9yID0gJ2NoYXJjb2FsJztcbiAgICAgIGNoaXBMYWJlbC5zaXplID0gJ3h4cyc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfY29uZmlndXJlVGl0bGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGl0bGUgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudClcbiAgICAgIC5hc3NpZ25lZEVsZW1lbnRzKClcbiAgICAgIC5maW5kKChlKTogZSBpcyBTYmJUaXRsZUVsZW1lbnQgPT4gZS5sb2NhbE5hbWUgPT09ICdzYmItdGl0bGUnKTtcblxuICAgIGlmICh0aXRsZSkge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZSh0aXRsZSk7XG4gICAgICB0aXRsZS52aXN1YWxMZXZlbCA9ICc1JztcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAvLyBXZSByZW5kZXIgdGhlIGNvbnRlbnQgb3V0c2lkZSB0aGUgYW5jaG9yIHRhZyB0byBhbGxvdyBzY3JlZW4gcmVhZGVycyB0byBuYXZpZ2F0ZSB0aHJvdWdoIGl0XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlcl9fd3JhcHBlclwiPlxuICAgICAgICAke3RoaXMucmVuZGVyTGluayhcbiAgICAgICAgICAvLyBGb3IgU0VPLCB3ZSBhZGQgdGhlIGFjY2Vzc2liaWxpdHkgaGlkZGVuIGFzIGhpZGRlbiBjb250ZW50IG9mIHRoZSBsaW5rXG4gICAgICAgICAgaHRtbGA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5gLFxuICAgICAgICApfVxuICAgICAgICAke3RoaXMucmVuZGVyQ29udGVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxuXG4gIHByb3RlY3RlZCByZW5kZXJDb250ZW50KCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9fY29udGFpbmVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9faW1hZ2Utd3JhcHBlclwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJpbWFnZVwiPjwvc2xvdD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXJfX3RleHRcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiY2hpcFwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlQ2hpcH0+PC9zbG90PlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlVGl0bGV9Pjwvc2xvdD5cbiAgICAgICAgICA8cCBjbGFzcz1cInNiYi10ZWFzZXJfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX2hhbmRsZVNsb3RjaGFuZ2V9Pjwvc2xvdD5cbiAgICAgICAgICA8L3A+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyJzogU2JiVGVhc2VyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDcUJhLDBCQUFnQjttQkFBUzs7OztjQUF6Qix5QkFBeUIsWUFBa0I7Ozs0QkFLckQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsdUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxlQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVMsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFULFlBQVM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx5QkFBQSw2QkFBQTs7Ozs7Ozs7O0FBSnRCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsZUFBTSxDQUFDOztFQUd0RCw4QkFBQSxrQkFBQSxNQUFBLHlCQUMzQixpQkFBZ0I7O0VBRFcsSUFBZ0IsWUFBUztBQUFBLFVBQUEsTUFBQTs7RUFBekIsSUFBZ0IsVUFBUyxPQUFBO0FBQUEsU0FBQSw2QkFBQTs7RUFHOUMsb0JBQWlCO0dBQ3ZCLE1BQU0sT0FBTyxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxpQkFBaUI7QUFDdEYsT0FBSSxLQUNGLE1BQUssT0FBTztHQUdkLE1BQU0sUUFBUSxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxZQUFZO0FBQ2xGLE9BQUksTUFDRixPQUFNLE9BQU87O0VBSVQsZUFBZSxPQUFZO0dBRWpDLE1BQU0sWUFBYSxNQUFNLE9BQ3RCLGtCQUFrQixDQUNsQixNQUFNLE1BQWdDLEVBQUUsY0FBYyxpQkFBaUI7QUFFMUUsT0FBSSxXQUFXO0FBQ2IsbUJBQWUsUUFBUSxVQUFVO0FBQ2pDLGNBQVUsUUFBUTtBQUNsQixjQUFVLE9BQU87OztFQUliLGdCQUFnQixPQUFZO0dBQ2xDLE1BQU0sUUFBUyxNQUFNLE9BQ2xCLGtCQUFrQixDQUNsQixNQUFNLE1BQTRCLEVBQUUsY0FBYyxZQUFZO0FBRWpFLE9BQUksT0FBTztBQUNULG1CQUFlLFFBQVEsTUFBTTtBQUM3QixVQUFNLGNBQWM7OztFQUlMLFNBQU07QUFFdkIsVUFBTyxNQUFJOztVQUVMLEtBQUssV0FFTCxNQUFJLDJCQUEyQixLQUFLLG1CQUFrQiwyQkFDdkQsQ0FBQTtVQUNDLEtBQUssZUFBZSxDQUFBOzs7O0VBS2xCLGdCQUFhO0FBQ3JCLFVBQU8sTUFBSTs7Ozs7OzBDQU0yQixLQUFLLGVBQWM7MkNBQ2xCLEtBQUssZ0JBQWU7O2dDQUUvQixLQUFLLGtCQUFpQiJ9

package/development/teaser.js

@@ -1,4 +1,4 @@
-import { t as SbbTeaserElement } from "./teaser.component-BI1diIhL.js";
+import { t as SbbTeaserElement } from "./teaser.component-Cky6kKU0.js";
 import "./teaser.pure.js";
 //#region src/elements/teaser.ts
 /** @entrypoint */

package/development/teaser.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbTeaserElement } from "./teaser.component-BI1diIhL.js";
+import { t as SbbTeaserElement } from "./teaser.component-Cky6kKU0.js";
 export { SbbTeaserElement };

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

@@ -1 +1 @@
-{"version":3,"file":"time-input.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/time-input/time-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAsBtD;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,wBAAuC;IAC9E,gBAAgC,WAAW,EAAE,MAAM,CAAoB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAcvC;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CASpC;IACD,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAwB;IAE5C,OAAO,CAAC,SAAS,CAAmC;;IAWpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;cAIzB,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,cAAc;IAOtB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAUA,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;cAMvC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAOtD,QAAQ,IAAI,IAAI;IAanC,OAAO,CAAC,qBAAqB;IAI7B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,aAAa;CAItB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"time-input.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/time-input/time-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,KAAK,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAsBtD;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,wBAAuC;IAC9E,gBAAgC,WAAW,EAAE,MAAM,CAAoB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAoB;IAEjE;;;OAGG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAcvC;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CASpC;IACD,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAwB;IAE5C,OAAO,CAAC,SAAS,CAAmC;;IAWpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;cAIzB,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,cAAc;IAOtB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAUA,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;cAMvC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAOtD,QAAQ,IAAI,IAAI;IAanC,OAAO,CAAC,qBAAqB;IAI7B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,aAAa;CAItB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/development/time-input/time-input.component.js

@@ -1,2 +1,2 @@
-import { t as SbbTimeInputElement } from "../time-input.component-B15eaxBr.js";
+import { t as SbbTimeInputElement } from "../time-input.component-BtdSR8kB.js";
 export { SbbTimeInputElement };