@sbb-esta/lyne-elements 1.5.0 → 1.7.0

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

@@ -0,0 +1,27 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbLinkBaseElement } from '../core/base-elements.js';
+/**
+ * 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` component that will be displayed on top-left corner
+ */
+export declare class SbbTeaserHeroElement extends SbbLinkBaseElement {
+    static styles: CSSResultGroup;
+    /** Panel link text. */
+    linkContent?: string;
+    /** Image src will be passed to `sbb-image`. */
+    imageSrc?: string;
+    /** Image alt text will be passed to `sbb-image`. */
+    imageAlt?: string;
+    private _chipSlotChanged;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-teaser-hero': SbbTeaserHeroElement;
+    }
+}
+//# sourceMappingURL=teaser-hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"teaser-hero.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-hero/teaser-hero.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK9D,OAAO,aAAa,CAAC;AACrB,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;GAOG;AACH,qBAEa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,uBAAuB;IACwC,WAAW,CAAC,EAAE,MAAM,CAAC;IAEpF,+CAA+C;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE/D,oDAAoD;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE/D,OAAO,CAAC,gBAAgB;cAIL,cAAc,IAAI,cAAc;CA0BpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/development/teaser-hero.d.ts

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

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

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

package/development/teaser-hero.js

@@ -0,0 +1,207 @@
+import { css, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { SbbLinkBaseElement } from "./core/base-elements.js";
+import { slotState } from "./core/decorators.js";
+import "./image.js";
+import "./link/block-link-static.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  outline: none !important;
+  --sbb-teaser-hero-brightness-hover: 1.075;
+  --sbb-teaser-hero-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto
+    var(--sbb-spacing-responsive-xxxs);
+  --sbb-panel-width: 13.9375rem;
+  --sbb-panel-inner-height: 10.4375rem;
+  --sbb-panel-triangle-height: 2.0625rem;
+  --sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));
+  --sbb-panel-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-panel-font-size: var(--sbb-typo-scale-1-5x);
+  --sbb-panel-color: var(--sbb-color-white);
+  --sbb-panel-background-color: var(--sbb-color-red-alpha-90);
+  --sbb-panel-background-color-hover: var(--sbb-color-red);
+  --sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);
+  --sbb-panel-gap: var(--sbb-spacing-responsive-xs);
+  --sbb-panel-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-4x)
+  );
+  --sbb-panel-animation-easing: var(--sbb-animation-easing);
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-panel-width: 20.0625rem;
+    --sbb-panel-inner-height: 15.006875rem;
+    --sbb-panel-triangle-height: 2.965625rem;
+    --sbb-panel-font-size: var(--sbb-typo-scale-2x);
+  }
+}
+@media (min-width: calc(64rem)) {
+  :host {
+    --sbb-panel-width: 26.75rem;
+    --sbb-panel-inner-height: 20.02375rem;
+    --sbb-panel-triangle-height: 3.956875rem;
+    --sbb-panel-font-size: var(--sbb-typo-scale-2-5x);
+    --sbb-panel-line-height: 1.2;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-panel-background-color: var(--sbb-panel-background-color-hover);
+    --sbb-teaser-hero-brightness: var(--sbb-teaser-hero-brightness-hover);
+  }
+}
+.sbb-teaser-hero {
+  position: relative;
+  display: block;
+  min-height: var(--sbb-panel-height);
+}
+:host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser-hero:focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+}
+
+.sbb-teaser-hero__panel {
+  z-index: 1;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--sbb-panel-gap);
+  width: var(--sbb-panel-width);
+  height: var(--sbb-panel-height);
+  padding-block: var(--sbb-panel-triangle-height);
+  padding-inline: var(--sbb-panel-padding-inline);
+  clip-path: polygon(0 0, 100% var(--sbb-panel-triangle-height), 100% calc(100% - var(--sbb-panel-triangle-height)), 0% 100%);
+  background-color: var(--sbb-panel-background-color);
+  transition: background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing);
+}
+@media (any-hover: hover) {
+  .sbb-teaser-hero__panel:hover {
+    --sbb-panel-background-color: var(--sbb-panel-background-color-hover);
+  }
+}
+.sbb-teaser-hero__panel {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+:host(:not([data-slot-names~=unnamed], [data-slot-names~=link-content], [link-content])) .sbb-teaser-hero__panel {
+  display: none;
+}
+
+.sbb-teaser-hero__panel-text {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: var(--sbb-typo-font-family);
+  font-size: var(--sbb-panel-font-size);
+  font-weight: 300;
+  line-height: var(--sbb-panel-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  color: var(--sbb-panel-color);
+  hyphens: auto;
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+.sbb-teaser-hero__panel-link {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+::slotted([slot=image]),
+sbb-image {
+  will-change: filter;
+  filter: brightness(var(--sbb-teaser-hero-brightness, 1));
+  transition: filter var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing);
+}
+
+::slotted([slot=chip]) {
+  position: absolute;
+  inset: var(--sbb-teaser-hero-chip-inset);
+  z-index: 2;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbTeaserHeroElement = class extends SbbLinkBaseElement {
+  _chipSlotChanged() {
+    var _a;
+    (_a = this.querySelector("sbb-chip")) == null ? void 0 : _a.setAttribute("color", "charcoal");
+  }
+  renderTemplate() {
+    return html`
+      <slot name="chip" @slotchange=${() => this._chipSlotChanged()}></slot>
+      <span class="sbb-teaser-hero__panel">
+        <p class="sbb-teaser-hero__panel-text">
+          <slot></slot>
+        </p>
+        ${this.href ? html`<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>` : nothing}
+      </span>
+      <slot name="image">
+        ${this.imageSrc ? html`<sbb-image image-src=${this.imageSrc} alt=${this.imageAlt ?? nothing}></sbb-image>` : nothing}
+      </slot>
+    `;
+  }
+};
+SbbTeaserHeroElement.styles = style;
+__decorateClass([
+  property({ attribute: "link-content", reflect: true })
+], SbbTeaserHeroElement.prototype, "linkContent", 2);
+__decorateClass([
+  property({ attribute: "image-src" })
+], SbbTeaserHeroElement.prototype, "imageSrc", 2);
+__decorateClass([
+  property({ attribute: "image-alt" })
+], SbbTeaserHeroElement.prototype, "imageAlt", 2);
+SbbTeaserHeroElement = __decorateClass([
+  customElement("sbb-teaser-hero"),
+  slotState()
+], SbbTeaserHeroElement);
+export {
+  SbbTeaserHeroElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLWhlcm8uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItaGVyby90ZWFzZXItaGVyby50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBub3RoaW5nLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBzbG90U3RhdGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXItaGVyby5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL2ltYWdlLmpzJztcbmltcG9ydCAnLi4vbGluay9ibG9jay1saW5rLXN0YXRpYy5qcyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW1hZ2UgYW5kIGFuIGFjdGlvbiBjYWxsIHdpdGhpbiBhIHBhbmVsLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRleHQgY29udGVudCB0byB0aGUgcGFuZWxcbiAqIEBzbG90IGxpbmstY29udGVudCAtIExpbmsgY29udGVudCBvZiB0aGUgcGFuZWxcbiAqIEBzbG90IGltYWdlIC0gVGhlIGJhY2tncm91bmQgaW1hZ2UgdGhhdCBjYW4gYmUgYSBgc2JiLWltYWdlYFxuICogQHNsb3QgY2hpcCAtIFRoZSBgc2JiLWNoaXBgIGNvbXBvbmVudCB0aGF0IHdpbGwgYmUgZGlzcGxheWVkIG9uIHRvcC1sZWZ0IGNvcm5lclxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLXRlYXNlci1oZXJvJylcbkBzbG90U3RhdGUoKVxuZXhwb3J0IGNsYXNzIFNiYlRlYXNlckhlcm9FbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFBhbmVsIGxpbmsgdGV4dC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbGluay1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgbGlua0NvbnRlbnQ/OiBzdHJpbmc7XG5cbiAgLyoqIEltYWdlIHNyYyB3aWxsIGJlIHBhc3NlZCB0byBgc2JiLWltYWdlYC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaW1hZ2Utc3JjJyB9KSBwdWJsaWMgaW1hZ2VTcmM/OiBzdHJpbmc7XG5cbiAgLyoqIEltYWdlIGFsdCB0ZXh0IHdpbGwgYmUgcGFzc2VkIHRvIGBzYmItaW1hZ2VgLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbHQnIH0pIHB1YmxpYyBpbWFnZUFsdD86IHN0cmluZztcblxuICBwcml2YXRlIF9jaGlwU2xvdENoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy5xdWVyeVNlbGVjdG9yKCdzYmItY2hpcCcpPy5zZXRBdHRyaWJ1dGUoJ2NvbG9yJywgJ2NoYXJjb2FsJyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNsb3QgbmFtZT1cImNoaXBcIiBAc2xvdGNoYW5nZT0keygpID0+IHRoaXMuX2NoaXBTbG90Q2hhbmdlZCgpfT48L3Nsb3Q+XG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXItaGVyb19fcGFuZWxcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJzYmItdGVhc2VyLWhlcm9fX3BhbmVsLXRleHRcIj5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvcD5cbiAgICAgICAgJHt0aGlzLmhyZWZcbiAgICAgICAgICA/IGh0bWxgPHNiYi1ibG9jay1saW5rLXN0YXRpY1xuICAgICAgICAgICAgICBjbGFzcz1cInNiYi10ZWFzZXItaGVyb19fcGFuZWwtbGlua1wiXG4gICAgICAgICAgICAgIGljb24tbmFtZT1cImNoZXZyb24tc21hbGwtcmlnaHQtc21hbGxcIlxuICAgICAgICAgICAgICBpY29uLXBsYWNlbWVudD1cImVuZFwiXG4gICAgICAgICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgICAgICAgbmVnYXRpdmVcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHNsb3QgbmFtZT1cImxpbmstY29udGVudFwiPiR7dGhpcy5saW5rQ29udGVudH08L3Nsb3Q+XG4gICAgICAgICAgICA8L3NiYi1ibG9jay1saW5rLXN0YXRpYz5gXG4gICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgPC9zcGFuPlxuICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+XG4gICAgICAgICR7dGhpcy5pbWFnZVNyY1xuICAgICAgICAgID8gaHRtbGA8c2JiLWltYWdlIGltYWdlLXNyYz0ke3RoaXMuaW1hZ2VTcmN9IGFsdD0ke3RoaXMuaW1hZ2VBbHQgPz8gbm90aGluZ30+PC9zYmItaW1hZ2U+YFxuICAgICAgICAgIDogbm90aGluZ31cbiAgICAgIDwvc2xvdD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyLWhlcm8nOiBTYmJUZWFzZXJIZXJvRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBc0JhLElBQUEsdUJBQU4sY0FBbUMsbUJBQW1CO0FBQUEsRUFZbkQsbUJBQXlCOztBQUMvQixlQUFLLGNBQWMsVUFBVSxNQUE3QixtQkFBZ0MsYUFBYSxTQUFTO0FBQUEsRUFDeEQ7QUFBQSxFQUVtQixpQkFBaUM7QUFDM0MsV0FBQTtBQUFBLHNDQUMyQixNQUFNLEtBQUssa0JBQWtCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxVQUt6RCxLQUFLLE9BQ0g7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSwwQ0FPOEIsS0FBSyxXQUFXO0FBQUEsd0NBRTlDLE9BQU87QUFBQTtBQUFBO0FBQUEsVUFHVCxLQUFLLFdBQ0gsNEJBQTRCLEtBQUssUUFBUSxRQUFRLEtBQUssWUFBWSxPQUFPLGtCQUN6RSxPQUFPO0FBQUE7QUFBQTtBQUFBLEVBR2pCO0FBQ0Y7QUExQ2EscUJBQ1ksU0FBeUI7QUFHZSxnQkFBQTtBQUFBLEVBQTlELFNBQVMsRUFBRSxXQUFXLGdCQUFnQixTQUFTLE1BQU07QUFBQSxHQUozQyxxQkFJb0QsV0FBQSxlQUFBLENBQUE7QUFHbEIsZ0JBQUE7QUFBQSxFQUE1QyxTQUFTLEVBQUUsV0FBVyxhQUFhO0FBQUEsR0FQekIscUJBT2tDLFdBQUEsWUFBQSxDQUFBO0FBR0EsZ0JBQUE7QUFBQSxFQUE1QyxTQUFTLEVBQUUsV0FBVyxhQUFhO0FBQUEsR0FWekIscUJBVWtDLFdBQUEsWUFBQSxDQUFBO0FBVmxDLHVCQUFOLGdCQUFBO0FBQUEsRUFGTixjQUFjLGlCQUFpQjtBQUFBLEVBQy9CLFVBQVU7QUFBQSxHQUNFLG9CQUFBOyJ9

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-product/common.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gDAAgD,CAAC"}

package/development/teaser-product/common.js

@@ -0,0 +1,219 @@
+import { html, css } from "lit";
+import { property } from "lit/decorators.js";
+import { slotState } from "../core/decorators.js";
+import { SbbNegativeMixin } from "../core/mixins.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const SbbTeaserProductCommonElementMixin = (superClass) => {
+  let SbbTeaserProductCommonElement = class extends SbbNegativeMixin(superClass) {
+    constructor() {
+      super(...arguments);
+      this.imageAlignment = "after";
+    }
+    renderTemplate() {
+      return html`
+        <span class="sbb-teaser-product__image-container"><slot name="image"></slot></span>
+        <span class="sbb-teaser-product__container">
+          <span class="sbb-teaser-product__content">
+            <slot></slot>
+          </span>
+          <span class="sbb-teaser-product__footnote">
+            <slot name="footnote"></slot>
+          </span>
+        </span>
+      `;
+    }
+  };
+  __decorateClass([
+    property({ attribute: "image-alignment", reflect: true })
+  ], SbbTeaserProductCommonElement.prototype, "imageAlignment", 2);
+  SbbTeaserProductCommonElement = __decorateClass([
+    slotState()
+  ], SbbTeaserProductCommonElement);
+  return SbbTeaserProductCommonElement;
+};
+const teaserProductCommon = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-teaser-product-background-color: var(--sbb-color-cloud);
+  --sbb-teaser-product-background-gradient-direction: to right;
+  --sbb-teaser-product-background: var(--sbb-teaser-product-background-color);
+  --sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);
+  --sbb-teaser-product-content-color: var(--sbb-color-iron);
+  --sbb-teaser-product-footer-color: var(--sbb-color-anthracite);
+  --sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);
+  --sbb-teaser-product-min-height: 37.5rem;
+  --sbb-teaser-product-background-gradient-start: 25%;
+  --sbb-teaser-product-background-gradient-end: 75%;
+}
+@media (min-width: calc(64rem)) {
+  :host {
+    --sbb-teaser-product-background: linear-gradient(
+      var(--sbb-teaser-product-background-gradient-direction),
+      var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start),
+      transparent var(--sbb-teaser-product-background-gradient-end)
+    );
+  }
+}
+
+:host([negative]) {
+  --sbb-teaser-product-background-color: var(--sbb-color-midnight);
+  --sbb-teaser-product-content-color: var(--sbb-color-cloud);
+  --sbb-teaser-product-footer-color: var(--sbb-color-cloud);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  --sbb-title-text-color-normal-override: var(--sbb-color-milk);
+}
+
+:host([image-alignment=before]) {
+  --sbb-teaser-product-background-gradient-direction: to left;
+}
+
+.sbb-teaser-product__image-container {
+  display: block;
+  overflow: hidden;
+  border-radius: var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0;
+}
+@media (min-width: calc(64rem)) {
+  .sbb-teaser-product__image-container {
+    position: absolute;
+    inset: 0;
+    border-radius: var(--sbb-teaser-product-border-radius);
+  }
+}
+
+::slotted(img) {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  aspect-ratio: 16/9;
+}
+
+::slotted(sbb-image) {
+  --sbb-image-border-radius: 0;
+  height: 100%;
+}
+
+::slotted(p.sbb-teaser-product--spacing) {
+  margin: 0;
+}
+
+::slotted(sbb-title.sbb-teaser-product--spacing) {
+  --sbb-title-margin-block-start: 0;
+}
+
+::slotted(:is(sbb-action-group, [data-action]).sbb-teaser-product--spacing) {
+  margin-block-start: var(--sbb-spacing-responsive-xxs);
+}
+
+.sbb-action-base {
+  display: block;
+  position: relative;
+  text-decoration: none;
+}
+@media (forced-colors: active) {
+  .sbb-action-base::after {
+    content: "";
+    position: absolute;
+    display: block;
+    inset: 0;
+    pointer-events: none;
+    border: var(--sbb-border-width-2x) solid CanvasText;
+    border-radius: var(--sbb-teaser-product-border-radius);
+  }
+}
+
+.sbb-teaser-product__container {
+  display: block;
+  background: var(--sbb-teaser-product-background);
+  border-radius: 0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);
+  padding: var(--sbb-spacing-responsive-s);
+}
+@media (min-width: calc(64rem)) {
+  .sbb-teaser-product__container {
+    display: grid;
+    grid: "content ." 1fr "footnote ." auto/1fr 1fr;
+    column-gap: var(--sbb-spacing-responsive-xxl);
+    background: var(--sbb-teaser-product-background);
+    border-radius: var(--sbb-teaser-product-border-radius);
+    padding-block: var(--sbb-teaser-product-container-padding-block) 0;
+    padding-inline: var(--sbb-spacing-responsive-xl);
+    position: relative;
+  }
+  :host([image-alignment=before]) .sbb-teaser-product__container {
+    grid-template-areas: ". content" ". footnote";
+  }
+}
+
+.sbb-teaser-product__content {
+  grid-area: content;
+  align-self: center;
+  margin: 0;
+  color: var(--sbb-teaser-product-content-color);
+}
+@media (min-width: calc(64rem)) {
+  .sbb-teaser-product__content {
+    align-content: center;
+    min-height: calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block));
+  }
+}
+
+.sbb-teaser-product__footnote {
+  grid-area: footnote;
+  display: block;
+  padding-block-start: var(--sbb-spacing-responsive-s);
+  color: var(--sbb-teaser-product-footer-color);
+  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+}
+:host(:not([data-slot-names~=footnote])) .sbb-teaser-product__footnote {
+  padding-block-start: 0;
+}
+@media (min-width: calc(64rem)) {
+  .sbb-teaser-product__footnote {
+    min-height: var(--sbb-teaser-product-container-padding-block);
+    padding-block: var(--sbb-spacing-responsive-xs);
+  }
+}`;
+export {
+  SbbTeaserProductCommonElementMixin,
+  teaserProductCommon as teaserProductCommonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvY29tbW9uL3RlYXNlci1wcm9kdWN0LWNvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IHNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQge1xuICBTYmJOZWdhdGl2ZU1peGluLFxuICB0eXBlIFNiYk5lZ2F0aXZlTWl4aW5UeXBlLFxuICB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IsXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluVHlwZSB7XG4gIHB1YmxpYyBpbWFnZUFsaWdubWVudD86ICdhZnRlcicgfCAnYmVmb3JlJztcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBAc2xvdFN0YXRlKClcbiAgYWJzdHJhY3QgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oc3VwZXJDbGFzcylcbiAgICBpbXBsZW1lbnRzIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW5UeXBlXG4gIHtcbiAgICAvKipcbiAgICAgKiBXaGV0aGVyIHRoZSBmdWxseSB2aXNpYmxlIHBhcnQgb2YgdGhlIGltYWdlIGlzIGFsaWduZWQgJ2JlZm9yZScgb3IgJ2FmdGVyJyB0aGUgY29udGVudC5cbiAgICAgKiBPbmx5IHJlbGV2YW50IHN0YXJ0aW5nIGZyb20gbGFyZ2UgYnJlYWtwb2ludC5cbiAgICAgKi9cbiAgICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbGlnbm1lbnQnLCByZWZsZWN0OiB0cnVlIH0pXG4gICAgcHVibGljIGltYWdlQWxpZ25tZW50OiAnYWZ0ZXInIHwgJ2JlZm9yZScgPSAnYWZ0ZXInO1xuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9faW1hZ2UtY29udGFpbmVyXCI+PHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90Pjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX2NvbnRhaW5lclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19jb250ZW50XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19mb290bm90ZVwiPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cImZvb3Rub3RlXCI+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50IGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztBQWdCYSxNQUFBLHFDQUFxQyxDQUdoRCxlQUNvRTtBQUVwRSxNQUFlLGdDQUFmLGNBQ1UsaUJBQWlCLFVBQVUsRUFFckM7QUFBQSxJQUhBLGNBQUE7QUFBQSxZQUFBLEdBQUEsU0FBQTtBQVNFLFdBQU8saUJBQXFDO0FBQUEsSUFBQTtBQUFBLElBRXpCLGlCQUFpQztBQUMzQyxhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQVdUO0FBQUEsRUFBQTtBQWRPLGtCQUFBO0FBQUEsSUFETixTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxNQUFNO0FBQUEsRUFBQSxHQVI1Qyw4QkFTTixXQUFBLGtCQUFBLENBQUE7QUFUVCxrQ0FBQSxnQkFBQTtBQUFBLElBREMsVUFBVTtBQUFBLEVBQ0ksR0FBQSw2QkFBQTtBQXlCUixTQUFBO0FBRVQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9

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

@@ -0,0 +1,22 @@
+import { CSSResultGroup } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbTeaserProductElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
+/**
+ * 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.
+ */
+export declare class SbbTeaserProductElement extends SbbTeaserProductElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-teaser-product': SbbTeaserProductElement;
+    }
+}
+export {};
+//# sourceMappingURL=teaser-product.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+import { CSSResultGroup } from 'lit';
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
+/**
+ * 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.
+ */
+export declare class SbbTeaserProductStaticElement extends SbbTeaserProductStaticElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-teaser-product-static': SbbTeaserProductStaticElement;
+    }
+}
+export {};
+//# sourceMappingURL=teaser-product-static.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { customElement } from "lit/decorators.js";
+import { SbbActionBaseElement } from "../core/base-elements.js";
+import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "./common.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbTeaserProductStaticElement = class extends SbbTeaserProductCommonElementMixin(
+  SbbActionBaseElement
+) {
+};
+SbbTeaserProductStaticElement.styles = [teaserProductCommonStyle];
+SbbTeaserProductStaticElement = __decorateClass([
+  customElement("sbb-teaser-product-static")
+], SbbTeaserProductStaticElement);
+export {
+  SbbTeaserProductStaticElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3Qtc3RhdGljLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvdGVhc2VyLXByb2R1Y3Qtc3RhdGljL3RlYXNlci1wcm9kdWN0LXN0YXRpYy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYlRlYXNlclByb2R1Y3RDb21tb25FbGVtZW50TWl4aW4sIHRlYXNlclByb2R1Y3RDb21tb25TdHlsZSB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgdGhlIG1haW4gY29udGVudC5cbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGltYWdlIG9yIGEgYHNiYi1pbWFnZWAgYXMgYSBiYWNrZ3JvdW5kLlxuICogQHNsb3QgZm9vdG5vdGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBmb290bm90ZS5cbiAqIEBjc3Nwcm9wIFstLXNiYi10ZWFzZXItcHJvZHVjdC1iYWNrZ3JvdW5kLWdyYWRpZW50LXN0YXJ0PTI1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBzdGFydCBnZXR0aW5nIHRyYW5zcGFyZW50LlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtZW5kPTc1JV0gLSBBdCB3aGljaCBwZXJjZW50YWdlIHRoZSBiYWNrZ3JvdW5kIHNob3VsZCBiZSBmdWxseSB0cmFuc3BhcmVudC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi10ZWFzZXItcHJvZHVjdC1zdGF0aWMnKVxuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclByb2R1Y3RTdGF0aWNFbGVtZW50IGV4dGVuZHMgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpbihcbiAgU2JiQWN0aW9uQmFzZUVsZW1lbnQsXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3RlYXNlclByb2R1Y3RDb21tb25TdHlsZV07XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyLXByb2R1Y3Qtc3RhdGljJzogU2JiVGVhc2VyUHJvZHVjdFN0YXRpY0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBZ0JPLElBQU0sZ0NBQU4sY0FBNEM7QUFBQSxFQUNqRDtBQUNGLEVBQUU7QUFFRjtBQUphLDhCQUdZLFNBQXlCLENBQUMsd0JBQXdCO0FBSDlELGdDQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLDJCQUEyQjtBQUFBLEdBQzdCLDZCQUFBOyJ9

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

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

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

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