@sbb-esta/lyne-elements 5.0.0-next → 5.0.0-next.2

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

@@ -1 +1 @@
-{"version":3,"file":"teaser.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser/teaser.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1E,OAAO,EAAE,kBAAkB,EAAmB,MAAM,YAAY,CAAC;AAKjE;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,kBAAkB;IACtD,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,gFAAgF;IAChF,SAA6C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CACzE;IAEnB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;IAa3C,SAAS,CAAC,aAAa,IAAI,cAAc;CAgB1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"teaser.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser/teaser.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAK1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAKhD;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,kBAAkB;IACtD,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAsB;IAEnE,gFAAgF;IAChF,SAA6C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CACzE;IAEnB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;IAa3C,SAAS,CAAC,aAAa,IAAI,cAAc;CAgB1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/teaser/teaser.component.js

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

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement, SbbElementType } from '../core.ts';
+import { SbbElementType, SbbLinkBaseElement } from '../core.ts';
 /**
  * It displays an image and an action call within a panel.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"teaser-hero.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-hero/teaser-hero.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAMrE;;;;;;;GAOG;AACH,qBAAa,oBAAqB,SAAQ,kBAAkB;IAC1D,gBAAgC,WAAW,EAAE,MAAM,CAAqB;IACxE,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAA+B;IAC3F,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,uBAAuB;IACvB,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,OAAO,CAAC,iBAAiB;cAIN,cAAc,IAAI,cAAc;CAmBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"teaser-hero.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-hero/teaser-hero.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAiC,KAAK,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAMpG;;;;;;;GAOG;AACH,qBAAa,oBAAqB,SAAQ,kBAAkB;IAC1D,gBAAgC,WAAW,EAAE,MAAM,CAAqB;IACxE,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAG1D;IACF,OAAuB,MAAM,EAAE,cAAc,CAAsB;IAEnE,uBAAuB;IACvB,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,OAAO,CAAC,iBAAiB;cAIN,cAAc,IAAI,cAAc;CAiBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

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

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

@@ -0,0 +1,100 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbLinkBaseElement, forceType, omitEmptyConverter } from "./core.js";
+import { html as html$1 } from "lit/static-html.js";
+import { SbbBlockLinkStaticElement } from "./link.pure.js";
+import { SbbTeaserPanelElement } from "./teaser-panel.pure.js";
+//#region src/elements/teaser-hero/teaser-hero.scss?inline
+var teaser_hero_default = ":host {\n  display: block;\n  position: relative;\n  outline: none !important;\n}\n\n::slotted([slot=image]) {\n  width: 100%;\n}\n\n.sbb-teaser-hero {\n  display: block;\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\nsbb-teaser-panel {\n  position: absolute;\n}\n:host(:not(:is(:state(slotted-image),[state--slotted-image]))) sbb-teaser-panel {\n  position: static;\n}\n:host(:not(:is(:state(slotted),[state--slotted]), :is(:state(slotted-link-content),[state--slotted-link-content]), [link-content])) sbb-teaser-panel {\n  display: none;\n}\n\n.sbb-teaser-hero__panel-link {\n  font-weight: var(--sbb-teaser-hero-link-font-weight);\n}\n:host(:not([href])) .sbb-teaser-hero__panel-link {\n  display: none;\n}";
+//#endregion
+//#region src/elements/teaser-hero/teaser-hero.component.ts
+/**
+* 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.elementDependencies = [SbbBlockLinkStaticElement, SbbTeaserPanelElement];
+		}
+		static {
+			this.styles = [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`
+      <slot name="image" @slotchange=${this._imageSlotChanged}></slot>
+      <sbb-teaser-panel>
+        <slot></slot>
+        <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>
+      </sbb-teaser-panel>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _linkContent_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbTeaserHeroElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLWhlcm8uY29tcG9uZW50LURyZGtGeDVYLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOjpzbG90dGVkKFtzbG90PSdpbWFnZSddKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uc2JiLXRlYXNlci1oZXJvIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuICB9XG59XG5cbnNiYi10ZWFzZXItcGFuZWwge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG5cbiAgLy8gVG8gYXZvaWQgaGF2aW5nIGEgMCBoZWlnaHQgaWYgeW91IG9ubHkgc2xvdHRlZCB0aGUgcGFuZWwgY29udGVudFxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWltYWdlKSkpICYge1xuICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gIH1cblxuICAvLyBIaWRlIHdoZW4gbm8gY29udGVudCBvciBsaW5rLWNvbnRlbnQgaXMgcHJvdmlkZWQuXG4gIDpob3N0KDpub3QoOnN0YXRlKHNsb3R0ZWQpLCA6c3RhdGUoc2xvdHRlZC1saW5rLWNvbnRlbnQpLCBbbGluay1jb250ZW50XSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItaGVyb19fcGFuZWwtbGluayB7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1zYmItdGVhc2VyLWhlcm8tbGluay1mb250LXdlaWdodCk7XG5cbiAgOmhvc3QoOm5vdChbaHJlZl0pKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBvbWl0RW1wdHlDb252ZXJ0ZXIsIHR5cGUgU2JiRWxlbWVudFR5cGUsIFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiQmxvY2tMaW5rU3RhdGljRWxlbWVudCB9IGZyb20gJy4uL2xpbmsucHVyZS50cyc7XG5pbXBvcnQgeyBTYmJUZWFzZXJQYW5lbEVsZW1lbnQgfSBmcm9tICcuLi90ZWFzZXItcGFuZWwucHVyZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1oZXJvLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpbWFnZSBhbmQgYW4gYWN0aW9uIGNhbGwgd2l0aGluIGEgcGFuZWwuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGV4dCBjb250ZW50IHRvIHRoZSBwYW5lbFxuICogQHNsb3QgbGluay1jb250ZW50IC0gTGluayBjb250ZW50IG9mIHRoZSBwYW5lbFxuICogQHNsb3QgaW1hZ2UgLSBUaGUgYmFja2dyb3VuZCBpbWFnZSB0aGF0IGNhbiBiZSBhIGBzYmItaW1hZ2VgXG4gKiBAc2xvdCBjaGlwIC0gVGhlIGBzYmItY2hpcC1sYWJlbGAgY29tcG9uZW50IHRoYXQgd2lsbCBiZSBkaXNwbGF5ZWQgb24gdG9wLWxlZnQgY29ybmVyXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUZWFzZXJIZXJvRWxlbWVudCBleHRlbmRzIFNiYkxpbmtCYXNlRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGVhc2VyLWhlcm8nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbXG4gICAgU2JiQmxvY2tMaW5rU3RhdGljRWxlbWVudCxcbiAgICBTYmJUZWFzZXJQYW5lbEVsZW1lbnQsXG4gIF07XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogUGFuZWwgbGluayB0ZXh0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbGluay1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxpbmtDb250ZW50OiBzdHJpbmcgPSAnJztcblxuICBwcml2YXRlIF9pbWFnZVNsb3RDaGFuZ2VkKCk6IHZvaWQge1xuICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsKCdzYmItY2hpcC1sYWJlbCcpKS5mb3JFYWNoKChjKSA9PiAoYy5jb2xvciA9ICdjaGFyY29hbCcpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIiBAc2xvdGNoYW5nZT0ke3RoaXMuX2ltYWdlU2xvdENoYW5nZWR9Pjwvc2xvdD5cbiAgICAgIDxzYmItdGVhc2VyLXBhbmVsPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDxzYmItYmxvY2stbGluay1zdGF0aWNcbiAgICAgICAgICBjbGFzcz1cInNiYi10ZWFzZXItaGVyb19fcGFuZWwtbGlua1wiXG4gICAgICAgICAgaWNvbi1uYW1lPVwiY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbFwiXG4gICAgICAgICAgaWNvbi1wbGFjZW1lbnQ9XCJlbmRcIlxuICAgICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgICBuZWdhdGl2ZVxuICAgICAgICA+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImxpbmstY29udGVudFwiPiR7dGhpcy5saW5rQ29udGVudH08L3Nsb3Q+XG4gICAgICAgIDwvc2JiLWJsb2NrLWxpbmstc3RhdGljPlxuICAgICAgPC9zYmItdGVhc2VyLXBhbmVsPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXItaGVybyc6IFNiYlRlYXNlckhlcm9FbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNrQmEsOEJBQW9CO21CQUFTOzs7O2NBQTdCLDZCQUE2QixZQUFrQjs7OzhCQVN6RCxXQUFXLEVBQ1gsU0FBUztJQUFFLFdBQVc7SUFBZ0IsU0FBUztJQUFNLFdBQVc7SUFBb0IsQ0FBQyxDQUFBO0FBQ3RGLGdCQUFBLE1BQUEsTUFBQSx5QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGlCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVcsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFYLGNBQVc7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSwyQkFBQSwrQkFBQTs7Ozs7Ozs7O0FBVkssUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsc0JBQXdDLENBQzdELDJCQUNBLHNCQUNEOzs7QUFDc0IsUUFBQSxTQUF5QixDQUFDLFVBQVUsb0JBQU0sQ0FBQzs7RUFLbEUsZ0NBQUEsa0JBQUEsTUFBQSwyQkFBc0MsR0FBRTs7RUFBeEMsSUFBZ0IsY0FBVztBQUFBLFVBQUEsTUFBQTs7RUFBM0IsSUFBZ0IsWUFBVyxPQUFBO0FBQUEsU0FBQSwrQkFBQTs7RUFFbkIsb0JBQWlCO0FBQ3ZCLFNBQU0sS0FBSyxLQUFLLGlCQUFpQixpQkFBaUIsQ0FBQyxDQUFDLFNBQVMsTUFBTyxFQUFFLFFBQVEsV0FBWTs7RUFHekUsaUJBQWM7QUFDL0IsVUFBTyxNQUFJO3VDQUN3QixLQUFLLGtCQUFpQjs7Ozs7Ozs7OztzQ0FVdkIsS0FBSyxZQUFXIn0=

package/development/teaser-hero.js

@@ -1,4 +1,4 @@
-import { t as SbbTeaserHeroElement } from "./teaser-hero.component-7KeR7bPf.js";
+import { t as SbbTeaserHeroElement } from "./teaser-hero.component-DrdkFx5X.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-7KeR7bPf.js";
+import { t as SbbTeaserHeroElement } from "./teaser-hero.component-DrdkFx5X.js";
 export { SbbTeaserHeroElement };

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../core.ts';
+/**
+ * It displays the content in a vertically centered trapezoidal shape.
+ * The component matches the parent element size and positions the panel accordingly.
+ *
+ * @slot - Use the unnamed slot to add text content to the panel
+ */
+export declare class SbbTeaserPanelElement extends SbbElement {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-teaser-panel': SbbTeaserPanelElement;
+    }
+}
+//# sourceMappingURL=teaser-panel.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"teaser-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-panel/teaser-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC;;;;;GAKG;AACH,qBAAa,qBAAsB,SAAQ,UAAU;IACnD,gBAAgC,WAAW,EAAE,MAAM,CAAsB;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAsB;cAEhD,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

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

@@ -0,0 +1,2 @@
+import { t as SbbTeaserPanelElement } from "../teaser-panel.component-WSXbBzCq.js";
+export { SbbTeaserPanelElement };

package/development/teaser-panel.component-WSXbBzCq.js

@@ -0,0 +1,32 @@
+import { unsafeCSS } from "lit";
+import { SbbElement } from "./core.js";
+import { html as html$1 } from "lit/static-html.js";
+//#region src/elements/teaser-panel/teaser-panel.scss?inline
+var teaser_panel_default = ":host {\n  --sbb-panel-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --_sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  min-height: var(--_sbb-panel-height);\n  font-size: var(--sbb-panel-font-size);\n  font-weight: var(--sbb-panel-font-weight);\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}\n\n@media (any-hover: hover) {\n  :host(:hover) {\n    --sbb-panel-background-color: var(--sbb-panel-background-color-hover);\n  }\n}\n.sbb-teaser-panel {\n  position: absolute;\n  top: 50%;\n  translate: 0 -50%;\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}";
+//#endregion
+//#region src/elements/teaser-panel/teaser-panel.component.ts
+/**
+* It displays the content in a vertically centered trapezoidal shape.
+* The component matches the parent element size and positions the panel accordingly.
+*
+* @slot - Use the unnamed slot to add text content to the panel
+*/
+var SbbTeaserPanelElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-teaser-panel";
+	}
+	static {
+		this.styles = [unsafeCSS(teaser_panel_default)];
+	}
+	render() {
+		return html$1`
+      <span class="sbb-teaser-panel">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { SbbTeaserPanelElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXBhbmVsLmNvbXBvbmVudC1XU1hiQnpDcS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXBhbmVsL3RlYXNlci1wYW5lbC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcGFuZWwvdGVhc2VyLXBhbmVsLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tNHgpXG4gICk7XG4gIC0tX3NiYi1wYW5lbC1oZWlnaHQ6IGNhbGModmFyKC0tc2JiLXBhbmVsLWlubmVyLWhlaWdodCkgKyAyICogdmFyKC0tc2JiLXBhbmVsLXRyaWFuZ2xlLWhlaWdodCkpO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGluc2V0OiAwO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1fc2JiLXBhbmVsLWhlaWdodCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXBhbmVsLWZvbnQtc2l6ZSk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1zYmItcGFuZWwtZm9udC13ZWlnaHQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tc2JiLXBhbmVsLWxpbmUtaGVpZ2h0KTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLWhlYWRpbmcpO1xuICBjb2xvcjogdmFyKC0tc2JiLXBhbmVsLWNvbG9yKTtcbiAgaHlwaGVuczogYXV0bztcbn1cblxuQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICA6aG9zdCg6aG92ZXIpIHtcbiAgICAtLXNiYi1wYW5lbC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItcGFuZWwtYmFja2dyb3VuZC1jb2xvci1ob3Zlcik7XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItcGFuZWwge1xuICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXk7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc2JiLXBhbmVsLWdhcCk7XG4gIHdpZHRoOiB2YXIoLS1zYmItcGFuZWwtd2lkdGgpO1xuICBoZWlnaHQ6IHZhcigtLV9zYmItcGFuZWwtaGVpZ2h0KTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXBhbmVsLXRyaWFuZ2xlLWhlaWdodCk7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItcGFuZWwtcGFkZGluZy1pbmxpbmUpO1xuICBjbGlwLXBhdGg6IHBvbHlnb24oXG4gICAgMCAwLFxuICAgIDEwMCUgdmFyKC0tc2JiLXBhbmVsLXRyaWFuZ2xlLWhlaWdodCksXG4gICAgMTAwJSBjYWxjKDEwMCUgLSB2YXIoLS1zYmItcGFuZWwtdHJpYW5nbGUtaGVpZ2h0KSksXG4gICAgMCUgMTAwJVxuICApO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItcGFuZWwtYmFja2dyb3VuZC1jb2xvcik7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tc2JiLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLXBhbmVsLWFuaW1hdGlvbi1lYXNpbmcpO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1wYW5lbC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgdGhlIGNvbnRlbnQgaW4gYSB2ZXJ0aWNhbGx5IGNlbnRlcmVkIHRyYXBlem9pZGFsIHNoYXBlLlxuICogVGhlIGNvbXBvbmVudCBtYXRjaGVzIHRoZSBwYXJlbnQgZWxlbWVudCBzaXplIGFuZCBwb3NpdGlvbnMgdGhlIHBhbmVsIGFjY29yZGluZ2x5LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRleHQgY29udGVudCB0byB0aGUgcGFuZWxcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclBhbmVsRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRlYXNlci1wYW5lbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlci1wYW5lbFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1wYW5lbCc6IFNiYlRlYXNlclBhbmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FDYUEsSUFBYSx3QkFBYixjQUEyQyxXQUFVOztBQUNuQixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLFVBQVUscUJBQU0sQ0FBQzs7Q0FFL0MsU0FBTTtBQUN2QixTQUFPLE1BQUkifQ==

package/development/teaser-panel.d.ts

@@ -0,0 +1,2 @@
+export * from './teaser-panel.pure.ts';
+//# sourceMappingURL=teaser-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"teaser-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-panel.ts"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAC"}

package/development/teaser-panel.js

@@ -0,0 +1,9 @@
+import { t as SbbTeaserPanelElement } from "./teaser-panel.component-WSXbBzCq.js";
+import "./teaser-panel.pure.js";
+//#region src/elements/teaser-panel.ts
+/** @entrypoint */
+SbbTeaserPanelElement.define();
+//#endregion
+export { SbbTeaserPanelElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXBhbmVsLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcGFuZWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJUZWFzZXJQYW5lbEVsZW1lbnQgfSBmcm9tICcuL3RlYXNlci1wYW5lbC5wdXJlLnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi90ZWFzZXItcGFuZWwucHVyZS50cyc7XG5cblNiYlRlYXNlclBhbmVsRWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUtBLHNCQUFzQixRQUFRIn0=

package/development/teaser-panel.pure.d.ts

@@ -0,0 +1,3 @@
+/** @entrypoint */
+export * from './teaser-panel/teaser-panel.component.ts';
+//# sourceMappingURL=teaser-panel.pure.d.ts.map

package/development/teaser-panel.pure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"teaser-panel.pure.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-panel.pure.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,cAAc,0CAA0C,CAAC"}

package/development/teaser-panel.pure.js

@@ -0,0 +1,2 @@
+import { t as SbbTeaserPanelElement } from "./teaser-panel.component-WSXbBzCq.js";
+export { SbbTeaserPanelElement };

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

@@ -1,5 +1,4 @@
-import { SbbActionBaseElement, AbstractConstructor } from '../../core.ts';
-export declare const teaserProductCommonStyle: import('lit').CSSResult;
+import { AbstractConstructor, SbbActionBaseElement } from '../../core.ts';
 declare const SbbTeaserProductCommonElementMixinType_base: AbstractConstructor<import('../../core.ts').SbbNegativeMixinType> & typeof SbbActionBaseElement;
 export declare class SbbTeaserProductCommonElementMixinType extends SbbTeaserProductCommonElementMixinType_base {
     accessor imageAlignment: 'after' | 'before';

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,EAAE,oBAAoB,EAAE,KAAK,mBAAmB,EAAoB,MAAM,eAAe,CAAC;AAIjG,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"}
+{"version":3,"file":"teaser-product-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/teaser-product/common/teaser-product-common.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,oBAAoB,EAAoB,MAAM,eAAe,CAAC;;AAIjG,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,CAgChE,CAAC"}

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

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

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement, SbbElementType } from '../../core.ts';
+import { SbbLinkBaseElement } from '../../core.ts';
 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
@@ -12,7 +12,6 @@ declare const SbbTeaserProductElement_base: import('../../core.ts').AbstractCons
  */
 export declare class SbbTeaserProductElement extends SbbTeaserProductElement_base {
     static readonly elementName: string;
-    static elementDependencies: SbbElementType[];
     static styles: CSSResultGroup;
     protected render(): TemplateResult;
 }

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,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,kBAAkB,EAA8B,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;;AASpG;;;;;;;;GAQG;AACH,qBAAa,uBAAwB,SAAQ,4BAE5C;IACC,gBAAgC,WAAW,EAAE,MAAM,CAAwB;IAC3E,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAAgC;IAC5F,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,eAAe,CAAC;;AAKnD;;;;;;;;GAQG;AACH,qBAAa,uBAAwB,SAAQ,4BAE5C;IACC,gBAAgC,WAAW,EAAE,MAAM,CAAwB;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAsB;cAEhD,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-C3PZbA5W.js";
+import { t as SbbTeaserProductElement } from "../../teaser-product.component-gHjSaG6c.js";
 export { SbbTeaserProductElement };

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

@@ -1,4 +1,3 @@
-import { CSSResultGroup } from 'lit';
 import { SbbActionBaseElement } from '../../core.ts';
 declare const SbbTeaserProductStaticElement_base: import('../../core.ts').AbstractConstructor<import('../common/teaser-product-common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
 /**
@@ -12,7 +11,6 @@ declare const SbbTeaserProductStaticElement_base: import('../../core.ts').Abstra
  */
 export declare class SbbTeaserProductStaticElement extends SbbTeaserProductStaticElement_base {
     static readonly elementName: string;
-    static styles: CSSResultGroup;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"teaser-product-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/teaser-product/teaser-product-static/teaser-product-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAmB,MAAM,eAAe,CAAC;;AAMtE;;;;;;;;GAQG;AACH,qBAAa,6BAA8B,SAAQ,kCAElD;IACC,gBAAgC,WAAW,EAAE,MAAM,CAA+B;IAClF,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}
+{"version":3,"file":"teaser-product-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/teaser-product/teaser-product-static/teaser-product-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;;AAGrD;;;;;;;;GAQG;AACH,qBAAa,6BAA8B,SAAQ,kCAElD;IACC,gBAAgC,WAAW,EAAE,MAAM,CAA+B;CACnF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

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

@@ -1,5 +1,5 @@
-import { SbbActionBaseElement, boxSizingStyles } from "../../core.js";
-import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "../common/teaser-product-common.js";
+import { SbbActionBaseElement } from "../../core.js";
+import { SbbTeaserProductCommonElementMixin } from "../common/teaser-product-common.js";
 //#region src/elements/teaser-product/teaser-product-static/teaser-product-static.component.ts
 /**
 * Displays a text and a footnote, combined with an image, to tease a product.
@@ -14,11 +14,8 @@ var SbbTeaserProductStaticElement = class extends SbbTeaserProductCommonElementM
 	static {
 		this.elementName = "sbb-teaser-product-static";
 	}
-	static {
-		this.styles = [boxSizingStyles, teaserProductCommonStyle];
-	}
 };
 //#endregion
 export { SbbTeaserProductStaticElement };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3Qtc3RhdGljLmNvbXBvbmVudC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvdGVhc2VyLXByb2R1Y3Qtc3RhdGljL3RlYXNlci1wcm9kdWN0LXN0YXRpYy5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkFjdGlvbkJhc2VFbGVtZW50LCBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7XG4gIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4sXG4gIHRlYXNlclByb2R1Y3RDb21tb25TdHlsZSxcbn0gZnJvbSAnLi4vY29tbW9uL3RlYXNlci1wcm9kdWN0LWNvbW1vbi50cyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgdGhlIG1haW4gY29udGVudC5cbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGltYWdlIG9yIGEgYHNiYi1pbWFnZWAgYXMgYSBiYWNrZ3JvdW5kLlxuICogQHNsb3QgZm9vdG5vdGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBmb290bm90ZS5cbiAqIEBjc3Nwcm9wIFstLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0PTI1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBzdGFydCBnZXR0aW5nIHRyYW5zcGFyZW50LlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kPTc1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBiZSBmdWxseSB0cmFuc3BhcmVudC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclByb2R1Y3RTdGF0aWNFbGVtZW50IGV4dGVuZHMgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpbihcbiAgU2JiQWN0aW9uQmFzZUVsZW1lbnQsXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10ZWFzZXItcHJvZHVjdC1zdGF0aWMnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGVdO1xufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1wcm9kdWN0LXN0YXRpYyc6IFNiYlRlYXNlclByb2R1Y3RTdGF0aWNFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQWlCQSxJQUFhLGdDQUFiLGNBQW1ELG1DQUNqRCxxQkFDRCxDQUFBOztBQUNpQyxPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLGlCQUFpQix5QkFBeUIifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3Qtc3RhdGljLmNvbXBvbmVudC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvdGVhc2VyLXByb2R1Y3Qtc3RhdGljL3RlYXNlci1wcm9kdWN0LXN0YXRpYy5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2JiQWN0aW9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24vdGVhc2VyLXByb2R1Y3QtY29tbW9uLnRzJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhIHRleHQgYW5kIGEgZm9vdG5vdGUsIGNvbWJpbmVkIHdpdGggYW4gaW1hZ2UsIHRvIHRlYXNlIGEgcHJvZHVjdC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSB0aGUgbWFpbiBjb250ZW50LlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaW1hZ2Ugb3IgYSBgc2JiLWltYWdlYCBhcyBhIGJhY2tncm91bmQuXG4gKiBAc2xvdCBmb290bm90ZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIGZvb3Rub3RlLlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtc3RhcnQ9MjUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIHN0YXJ0IGdldHRpbmcgdHJhbnNwYXJlbnQuXG4gKiBAY3NzcHJvcCBbLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1ncmFkaWVudC1lbmQ9NzUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIGJlIGZ1bGx5IHRyYW5zcGFyZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdFN0YXRpY0VsZW1lbnQgZXh0ZW5kcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluKFxuICBTYmJBY3Rpb25CYXNlRWxlbWVudCxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRlYXNlci1wcm9kdWN0LXN0YXRpYyc7XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyLXByb2R1Y3Qtc3RhdGljJzogU2JiVGVhc2VyUHJvZHVjdFN0YXRpY0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBWUEsSUFBYSxnQ0FBYixjQUFtRCxtQ0FDakQscUJBQ0QsQ0FBQTs7QUFDaUMsT0FBQSxjQUFzQiJ9

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

@@ -0,0 +1,82 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbNegativeMixin } from "./core.js";
+//#region src/elements/teaser-product/common/teaser-product-common.scss?inline
+var teaser_product_common_default = ":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-color: 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}";
+//#endregion
+//#region src/elements/teaser-product/common/teaser-product-common.ts
+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
+				});
+			}
+			static {
+				this.styles = [unsafeCSS(teaser_product_common_default)];
+			}
+			#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 { SbbTeaserProductCommonElementMixin as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QtY29tbW9uLUI4YS1LSFRpLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC9jb21tb24vdGVhc2VyLXByb2R1Y3QtY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RlYXNlci1wcm9kdWN0L2NvbW1vbi90ZWFzZXItcHJvZHVjdC1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1jb2xvcik7XG5cbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRlbnQtbWluLWhlaWdodDogY2FsYyhcbiAgICAgIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1taW4taGVpZ2h0KSAtIDIgKiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGFpbmVyLXNwYWNpbmcpXG4gICAgKTtcbiAgICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1ncmFkaWVudC1kaXJlY3Rpb24pLFxuICAgICAgdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtY29sb3IpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0KSxcbiAgICAgIHRyYW5zcGFyZW50IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LWVuZClcbiAgICApO1xuICB9XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMS1uZWdhdGl2ZSk7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRlbnQtY29sb3I6IHZhcigtLXNiYi1jb2xvci00LW5lZ2F0aXZlKTtcbiAgLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNC1uZWdhdGl2ZSk7XG4gIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xuICAtLXNiYi10aXRsZS1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTMtbmVnYXRpdmUpO1xufVxuXG46aG9zdChbaW1hZ2UtYWxpZ25tZW50PSdiZWZvcmUnXSkge1xuICAtLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LWRpcmVjdGlvbjogdG8gbGVmdDtcbn1cblxuOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1mb290bm90ZSkpKSB7XG4gIC0tc2JiLXRlYXNlci1wcm9kdWN0LWZvb3Rlci1wYWRkaW5nLWJsb2NrLXN0YXJ0OiAwO1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19pbWFnZS1jb250YWluZXIge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIC8vIFdlIGhhdmUgdG8gcmVtb3ZlIHRoZSBpbWFnZSBib3R0b20gYm9yZGVyLXJhZGl1cyB3aGVuIHN0YWNrZWRcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKSAwIDA7XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogMDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtYm9yZGVyLXJhZGl1cyk7XG4gIH1cbn1cblxuOjpzbG90dGVkKHAuc2JiLXRlYXNlci1wcm9kdWN0LS1zcGFjaW5nKSB7XG4gIG1hcmdpbjogMDtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZS5zYmItdGVhc2VyLXByb2R1Y3QtLXNwYWNpbmcpIHtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAwO1xufVxuXG46OnNsb3R0ZWQoOmlzKHNiYi1hY3Rpb24tZ3JvdXAsIDpzdGF0ZShhY3Rpb24pKS5zYmItdGVhc2VyLXByb2R1Y3QtLXNwYWNpbmcpIHtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4cyk7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0naW1hZ2UnXSkge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19yb290IHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC8vIEFwcGx5IGEgdmlzdWFsIGJvcmRlciBmb3IgZm9yY2VkIGNvbG9yIG1vZGVcbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCkgc29saWQgQ2FudmFzVGV4dDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgICB9XG4gIH1cbn1cblxuLnNiYi1hY3Rpb24tYmFzZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fY29udGFpbmVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQpO1xuICBib3JkZXItcmFkaXVzOiAwIDAgdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpIHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWNvbnRhaW5lci1wYWRkaW5nLWJsb2NrKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1jb250YWluZXItcGFkZGluZy1pbmxpbmUpO1xuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQ6XG4gICAgICAnY29udGVudCAuJyAxZnJcbiAgICAgICdmb290bm90ZSAuJyBhdXRvIC8gMWZyIDFmcjtcbiAgICBjb2x1bW4tZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4bCk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1wcm9kdWN0LWJvcmRlci1yYWRpdXMpO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIDpob3N0KFtpbWFnZS1hbGlnbm1lbnQ9J2JlZm9yZSddKSAmIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6XG4gICAgICAgICcuIGNvbnRlbnQnXG4gICAgICAgICcuIGZvb3Rub3RlJztcbiAgICB9XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fY29udGVudCB7XG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBtYXJnaW46IDA7XG4gIGNvbG9yOiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGVudC1jb2xvcik7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1jb250ZW50LW1pbi1oZWlnaHQsIDApO1xuICBhbGlnbi1jb250ZW50OiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGVudC1hbGlnbi1jb250ZW50LCBub3JtYWwpO1xufVxuXG4uc2JiLXRlYXNlci1wcm9kdWN0X19mb290bm90ZSB7XG4gIGdyaWQtYXJlYTogZm9vdG5vdGU7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItcGFkZGluZy1ibG9jay1zdGFydClcbiAgICB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLXBhZGRpbmctYmxvY2stZW5kKTtcbiAgY29sb3I6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItdGVhc2VyLXByb2R1Y3QtZm9vdGVyLW1pbi1oZWlnaHQsIDApO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IsIFNiYkFjdGlvbkJhc2VFbGVtZW50LCBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1wcm9kdWN0LWNvbW1vbi5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW5UeXBlIGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihcbiAgU2JiQWN0aW9uQmFzZUVsZW1lbnQsXG4pIHtcbiAgcHVibGljIGFjY2Vzc29yIGltYWdlQWxpZ25tZW50OiAnYWZ0ZXInIHwgJ2JlZm9yZSc7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4sXG4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oc3VwZXJDbGFzcylcbiAgICBpbXBsZW1lbnRzIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW5UeXBlXG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgICAvKipcbiAgICAgKiBXaGV0aGVyIHRoZSBmdWxseSB2aXNpYmxlIHBhcnQgb2YgdGhlIGltYWdlIGlzIGFsaWduZWQgJ2JlZm9yZScgb3IgJ2FmdGVyJyB0aGUgY29udGVudC5cbiAgICAgKiBPbmx5IHJlbGV2YW50IHN0YXJ0aW5nIGZyb20gbGFyZ2UgYnJlYWtwb2ludC5cbiAgICAgKi9cbiAgICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbGlnbm1lbnQnLCByZWZsZWN0OiB0cnVlIH0pXG4gICAgcHVibGljIGFjY2Vzc29yIGltYWdlQWxpZ25tZW50OiAnYWZ0ZXInIHwgJ2JlZm9yZScgPSAnYWZ0ZXInO1xuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19yb290XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9faW1hZ2UtY29udGFpbmVyXCI+PHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX2NvbnRhaW5lclwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fZm9vdG5vdGVcIj5cbiAgICAgICAgICAgICAgPHNsb3QgbmFtZT1cImZvb3Rub3RlXCI+PC9zbG90PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50IGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUNjQSxJQUFhLHNDQUdYLGVBQ21FO0FBOEJuRSxlQTdCNEM7b0JBQ2xDLGlCQUFpQixXQUFXOzs7O2VBRHZCLHNDQUNMLFlBQTRCOzs7a0NBU25DLFNBQVM7S0FBRSxXQUFXO0tBQW1CLFNBQVM7S0FBTSxDQUFDLENBQUE7QUFDMUQsaUJBQUEsTUFBQSxNQUFBLDRCQUFBO0tBQUEsTUFBQTtLQUFBLE1BQUE7S0FBQSxRQUFBO0tBQUEsU0FBQTtLQUFBLFFBQUE7TUFBQSxNQUFBLFFBQUEsb0JBQUE7TUFBQSxNQUFBLFFBQUEsSUFBZ0I7TUFBYyxNQUFBLEtBQUEsVUFBQTtBQUFBLFdBQWQsaUJBQWM7O01BQUE7S0FBQSxVQUFBO0tBQUEsRUFBQSw4QkFBQSxrQ0FBQTs7Ozs7Ozs7O0FBUGhCLFNBQUEsU0FBeUIsQ0FBQyxVQUFVLDhCQUFNLENBQUM7O0dBT3pELG1DQUFBLGtCQUFBLE1BQUEsOEJBQXFELFFBQU87Ozs7O0dBQTVELElBQWdCLGlCQUFjO0FBQUEsV0FBQSxNQUFBOztHQUE5QixJQUFnQixlQUFjLE9BQUE7QUFBQSxVQUFBLGtDQUFBOztHQUVYLGlCQUFjO0FBQy9CLFdBQU8sSUFBSTs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWVSIn0=

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

@@ -0,0 +1,37 @@
+import { unsafeCSS } from "lit";
+import { SbbLinkBaseElement } from "./core.js";
+import { html as html$1 } from "lit/static-html.js";
+import { SbbTeaserProductCommonElementMixin } 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-color: 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 = [unsafeCSS(teaser_product_default)];
+	}
+	render() {
+		return html$1`
+      <div class="sbb-teaser-product__wrapper">
+        ${this.renderLink(html$1`<span class="sbb-screen-reader-only">${this.accessibilityLabel}</span>`)}
+        ${this.renderTemplate()}
+      </div>
+    `;
+	}
+};
+//#endregion
+export { SbbTeaserProductElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuY29tcG9uZW50LWdIalNhRzZjLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAvLyBTaW11bGF0ZSBsaW5rIGNvbG9yIG9wdGljYWxseVxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdGl0bGUtY29sb3I6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gICAgLS1zYmItdGVhc2VyLXByb2R1Y3QtY29udGVudC1jb2xvcjogTGlua1RleHQgIWltcG9ydGFudDtcbiAgICAtLXNiYi10ZWFzZXItcHJvZHVjdC1mb290ZXItY29sb3I6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdF9fcm9vdCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjphZnRlciB7XG4gICAgICA6aG9zdCg6aG92ZXIpICYge1xuICAgICAgICBib3JkZXItY29sb3I6IEhpZ2hsaWdodDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLnNiYi10ZWFzZXItcHJvZHVjdCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IDA7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10ZWFzZXItcHJvZHVjdC1ib3JkZXItcmFkaXVzKTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMaW5rQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24vdGVhc2VyLXByb2R1Y3QtY29tbW9uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGVhc2VyLXByb2R1Y3Quc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgdGV4dCBhbmQgYSBmb290bm90ZSwgY29tYmluZWQgd2l0aCBhbiBpbWFnZSwgdG8gdGVhc2UgYSBwcm9kdWN0XG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgdGhlIG1haW4gY29udGVudC5cbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGltYWdlIG9yIGEgYHNiYi1pbWFnZWAgYXMgYSBiYWNrZ3JvdW5kLlxuICogQHNsb3QgZm9vdG5vdGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBmb290bm90ZS5cbiAqIEBjc3Nwcm9wIFstLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0PTI1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBzdGFydCBnZXR0aW5nIHRyYW5zcGFyZW50LlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kPTc1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBiZSBmdWxseSB0cmFuc3BhcmVudC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclByb2R1Y3RFbGVtZW50IGV4dGVuZHMgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpbihcbiAgU2JiTGlua0Jhc2VFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGVhc2VyLXByb2R1Y3QnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gV2UgcmVuZGVyIHRoZSBjb250ZW50IG91dHNpZGUgdGhlIGFuY2hvciB0YWcgdG8gYWxsb3cgc2NyZWVuIHJlYWRlcnMgdG8gbmF2aWdhdGUgdGhyb3VnaCBpdFxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fd3JhcHBlclwiPlxuICAgICAgICAke3RoaXMucmVuZGVyTGluayhcbiAgICAgICAgICAvLyBGb3IgU0VPLCB3ZSBhZGQgdGhlIGFjY2Vzc2liaWxpdHkgaGlkZGVuIGFzIGhpZGRlbiBjb250ZW50IG9mIHRoZSBsaW5rXG4gICAgICAgICAgaHRtbGA8c3BhbiBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIj4ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfTwvc3Bhbj5gLFxuICAgICAgICApfVxuICAgICAgICAke3RoaXMucmVuZGVyVGVtcGxhdGUoKX1cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXItcHJvZHVjdCc6IFNiYlRlYXNlclByb2R1Y3RFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDaUJBLElBQWEsMEJBQWIsY0FBNkMsbUNBQzNDLG1CQUNELENBQUE7O0FBQ2lDLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsVUFBVSx1QkFBTSxDQUFDOztDQUUvQyxTQUFNO0FBRXZCLFNBQU8sTUFBSTs7VUFFTCxLQUFLLFdBRUwsTUFBSSx3Q0FBd0MsS0FBSyxtQkFBa0IsU0FDcEUsQ0FBQTtVQUNDLEtBQUssZ0JBQWdCLENBQUEifQ==

package/development/teaser-product.js

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

package/development/teaser-product.pure.js

@@ -1,4 +1,4 @@
-import { n as teaserProductCommonStyle, t as SbbTeaserProductCommonElementMixin } from "./teaser-product-common-DhbAGnQN.js";
+import { t as SbbTeaserProductCommonElementMixin } from "./teaser-product-common-B8a-KHTi.js";
 import { SbbTeaserProductStaticElement } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as SbbTeaserProductElement } from "./teaser-product.component-C3PZbA5W.js";
-export { SbbTeaserProductCommonElementMixin, SbbTeaserProductElement, SbbTeaserProductStaticElement, teaserProductCommonStyle };
+import { t as SbbTeaserProductElement } from "./teaser-product.component-gHjSaG6c.js";
+export { SbbTeaserProductCommonElementMixin, SbbTeaserProductElement, SbbTeaserProductStaticElement };