@sbb-esta/lyne-elements 0.52.2 → 0.53.0

package/development/teaser-paid.js

@@ -1,91 +0,0 @@
-import { css, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { SbbLinkBaseElement } from "./core/base-elements.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. */
-*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-  outline: none !important;
-  --sbb-teaser-paid-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto
-    var(--sbb-spacing-responsive-xxxs);
-  --sbb-teaser-paid-brightness-hover: 1.075;
-  --sbb-teaser-paid-animation-duration: var(
-    --sbb-disable-animation-zero-time,
-    var(--sbb-animation-duration-4x)
-  );
-  --sbb-teaser-paid-animation-easing: var(--sbb-animation-easing);
-}
-
-@media (any-hover: hover) {
-  :host(:hover) {
-    --sbb-teaser-paid-brightness: var(--sbb-teaser-paid-brightness-hover);
-  }
-}
-.sbb-teaser-paid {
-  position: relative;
-  display: block;
-}
-:host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser-paid:focus-visible {
-  outline-offset: var(--sbb-focus-outline-offset);
-  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
-}
-
-::slotted([slot=chip]) {
-  position: absolute;
-  inset: var(--sbb-teaser-paid-chip-inset);
-  z-index: 1;
-}
-
-::slotted([slot=image]) {
-  will-change: filter;
-  filter: brightness(var(--sbb-teaser-paid-brightness, 1));
-  transition: filter var(--sbb-teaser-paid-animation-duration) var(--sbb-teaser-paid-animation-easing);
-}`;
-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 SbbTeaserPaidElement = 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>
-      <slot name="image"></slot>
-    `;
-  }
-};
-SbbTeaserPaidElement.styles = style;
-SbbTeaserPaidElement = __decorateClass([
-  customElement("sbb-teaser-paid")
-], SbbTeaserPaidElement);
-export {
-  SbbTeaserPaidElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXBhaWQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcGFpZC90ZWFzZXItcGFpZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci1wYWlkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW1hZ2UgYW5kIGEgY2hpcCB3aXRoIGEgdGV4dC5cbiAqXG4gKiBAc2xvdCBjaGlwIC0gTGluayBjb250ZW50IG9mIHRoZSBwYW5lbFxuICogQHNsb3QgaW1hZ2UgLSBUaGUgYmFja2dyb3VuZCBpbWFnZSB0aGF0IGNhbiBiZSBhIGBzYmItaW1hZ2VgXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyLXBhaWQnKVxuZXhwb3J0IGNsYXNzIFNiYlRlYXNlclBhaWRFbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJpdmF0ZSBfY2hpcFNsb3RDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWNoaXAnKT8uc2V0QXR0cmlidXRlKCdjb2xvcicsICdjaGFyY29hbCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzbG90IG5hbWU9XCJjaGlwXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiB0aGlzLl9jaGlwU2xvdENoYW5nZWQoKX0+PC9zbG90PlxuICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXItcGFpZCc6IFNiYlRlYXNlclBhaWRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFjYSxJQUFBLHVCQUFOLGNBQW1DLG1CQUFtQjtBQUFBLEVBR25ELG1CQUF5Qjs7QUFDL0IsZUFBSyxjQUFjLFVBQVUsTUFBN0IsbUJBQWdDLGFBQWEsU0FBUztBQUFBLEVBQ3hEO0FBQUEsRUFFbUIsaUJBQWlDO0FBQzNDLFdBQUE7QUFBQSxzQ0FDMkIsTUFBTSxLQUFLLGtCQUFrQjtBQUFBO0FBQUE7QUFBQSxFQUdqRTtBQUNGO0FBYmEscUJBQ1ksU0FBeUI7QUFEckMsdUJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsaUJBQWlCO0FBQUEsR0FDbkIsb0JBQUE7In0=

package/selection-panel/selection-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/selection-panel/selection-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAWvC,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;GAUG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IAEtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1C;IAEX,yCAAyC;IACtB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAErD,qDAAqD;IACQ,SAAS,UAAS;IAE/E,iDAAiD;IACE,UAAU,UAAS;IAEtE,wCAAwC;IAExC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,8CAA8C;IAC9C,OAAO,KAAK,QAAQ,QAEnB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,+CAA+C;IAC/C,OAAO,KAAK,SAAS,QAEpB;IAED,wEAAwE;IACxE,OAAO,CAAC,SAAS,CAGf;IAEF,oDAAoD;IACpD,OAAO,CAAC,QAAQ,CAGd;IAEF,wEAAwE;IACxE,OAAO,CAAC,UAAU,CAGhB;IAEF,oDAAoD;IACpD,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,YAAY,CAAkB;IAEtC;;;OAGG;IACH,IAAW,UAAU,IAAI,OAAO,CAG/B;;IAOe,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,KAAK;IAcb,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,eAAe;cAUJ,MAAM,IAAI,cAAc;CAuB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/selection-panel.d.ts

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

package/selection-panel.d.ts.map

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

package/selection-panel.js

@@ -1,138 +0,0 @@
-import { css as p, LitElement as c, html as h } from "lit";
-import { property as d, state as u, customElement as v } from "lit/decorators.js";
-import { SbbConnectedAbortController as m, SbbSlotStateController as _ } from "./core/controllers.js";
-import { EventEmitter as o } from "./core/eventing.js";
-import "./divider.js";
-const g = p`*,:before,:after{box-sizing:border-box}:host{--sbb-selection-panel-cursor: pointer;--sbb-selection-panel-background: var(--sbb-color-white);--sbb-selection-panel-border-color: var(--sbb-color-cloud);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-selection-panel-border-width: var(--sbb-border-width-1x);--sbb-selection-panel-input-pointer-events: all;--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-content-visibility: hidden;--sbb-selection-panel-content-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:contents}:host([color=milk]){--sbb-selection-panel-background: var(--sbb-color-milk)}:host([data-checked]:not([data-disabled])){--sbb-selection-panel-border-color: var(--sbb-color-charcoal);--sbb-selection-panel-border-width: var(--sbb-border-width-2x)}:host([data-slot-names~=content][data-disabled]){--sbb-selection-panel-input-pointer-events: none;--sbb-selection-panel-border-color: var(--sbb-color-cloud)}:host([data-disabled]){--sbb-selection-panel-cursor: default}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host([data-resize-disable-animation]){--sbb-disable-animation-time: .1ms;--sbb-disable-animation-zero-time: 0s}:host([data-slot-names~=content]:where([data-state=opening],[data-state=opened])){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-content-visibility: visible;--sbb-selection-panel-content-grid-template-rows: 1fr;--sbb-selection-panel-content-opacity: 1;--sbb-selection-panel-content-padding-block-end: var(--sbb-spacing-responsive-xs);--sbb-selection-panel-content-transition: grid-template-rows var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-selection-panel-animation-duration) var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing)}.sbb-selection-panel{flex:auto;position:relative;width:100%;background-color:var(--sbb-selection-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media (forced-colors: active){.sbb-selection-panel:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}.sbb-selection-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-selection-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-selection-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-panel-animation-duration)}:host([data-state=closing]) .sbb-selection-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not([data-slot-names~=content])) .sbb-selection-panel__content--wrapper{display:none}.sbb-selection-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-panel-content-padding-inline);padding-block-end:var(--sbb-selection-panel-content-padding-block-end);transition:padding var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-spacing-responsive-xxs)}::slotted(sbb-radio-button),::slotted(sbb-checkbox){cursor:var(--sbb-selection-panel-cursor);pointer-events:var(--sbb-selection-panel-input-pointer-events);display:block;padding:var(--sbb-selection-panel-input-padding);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:padding}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
-var f = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (e, n, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? w(n, r) : n, l = e.length - 1, b; l >= 0; l--)
-    (b = e[l]) && (i = (a ? b(n, r, i) : b(i)) || i);
-  return a && i && f(n, r, i), i;
-};
-let t = class extends c {
-  constructor() {
-    super(), this.color = "white", this.forceOpen = !1, this.borderless = !1, this._willOpen = new o(
-      this,
-      t.events.willOpen
-    ), this._didOpen = new o(
-      this,
-      t.events.didOpen
-    ), this._willClose = new o(
-      this,
-      t.events.willClose
-    ), this._didClose = new o(
-      this,
-      t.events.didClose
-    ), this._abort = new m(this), this._initialized = !1, new _(this);
-  }
-  set _state(e) {
-    this.setAttribute("data-state", e);
-  }
-  get _state() {
-    return this.getAttribute("data-state");
-  }
-  /** Whether the selection panel is checked. */
-  set _checked(e) {
-    this.toggleAttribute("data-checked", e);
-  }
-  get _checked() {
-    return this.hasAttribute("data-checked");
-  }
-  /** Whether the selection panel is disabled. */
-  set _disabled(e) {
-    this.toggleAttribute("data-disabled", e);
-  }
-  /**
-   * Whether it has an expandable content
-   * @internal
-   */
-  get hasContent() {
-    var e;
-    return ((e = this.querySelectorAll) == null ? void 0 : e.call(this, '[slot="content"]').length) > 0;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._state || (this._state = "closed");
-    const e = this._abort.signal;
-    this.addEventListener("stateChange", this._onInputStateChange.bind(this), { signal: e }), this.addEventListener("checkboxLoaded", this._initFromInput.bind(this), { signal: e }), this.addEventListener("radioButtonLoaded", this._initFromInput.bind(this), { signal: e });
-  }
-  willUpdate(e) {
-    super.willUpdate(e), e.has("forceOpen") && this._updateState();
-  }
-  firstUpdated(e) {
-    super.firstUpdated(e), this._initialized = !0;
-  }
-  _updateState() {
-    this.hasContent && (this.forceOpen || this._checked ? this._open(!this._initialized) : this._close());
-  }
-  _open(e = !1) {
-    this._state !== "closed" && this._state !== "closing" || (this._state = "opening", this._willOpen.emit(), e && (this._state = "opened", this._didOpen.emit()));
-  }
-  _close() {
-    this._state !== "opened" && this._state !== "opening" || (this._state = "closing", this._willClose.emit());
-  }
-  _initFromInput(e) {
-    const n = e.target;
-    n.isSelectionPanelInput && (this._checked = n.checked, this._disabled = n.disabled, this._updateState());
-  }
-  _onInputStateChange(e) {
-    if (e.target.isSelectionPanelInput) {
-      if (e.detail.type === "disabled") {
-        this._disabled = e.detail.disabled;
-        return;
-      } else if (e.detail.type !== "checked")
-        return;
-      this._checked = e.detail.checked, this._updateState();
-    }
-  }
-  _onAnimationEnd(e) {
-    e.animationName === "open-opacity" && this._state === "opening" ? (this._state = "opened", this._didOpen.emit()) : e.animationName === "close" && this._state === "closing" && (this._state = "closed", this._didClose.emit());
-  }
-  render() {
-    return h`
-      <div class="sbb-selection-panel">
-        <div class="sbb-selection-panel__badge">
-          <slot name="badge"></slot>
-        </div>
-
-        <div class="sbb-selection-panel__input">
-          <slot></slot>
-        </div>
-        <div
-          class="sbb-selection-panel__content--wrapper"
-          .inert=${this._state !== "opened"}
-          @animationend=${(e) => this._onAnimationEnd(e)}
-        >
-          <div class="sbb-selection-panel__content">
-            <sbb-divider></sbb-divider>
-            <slot name="content"></slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-};
-t.styles = g;
-t.events = {
-  willOpen: "willOpen",
-  didOpen: "didOpen",
-  willClose: "willClose",
-  didClose: "didClose"
-};
-s([
-  d()
-], t.prototype, "color", 2);
-s([
-  d({ attribute: "force-open", type: Boolean })
-], t.prototype, "forceOpen", 2);
-s([
-  d({ reflect: !0, type: Boolean })
-], t.prototype, "borderless", 2);
-s([
-  u()
-], t.prototype, "_state", 1);
-t = s([
-  v("sbb-selection-panel")
-], t);
-export {
-  t as SbbSelectionPanelElement
-};

package/tabs/tab-title.d.ts

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

package/tabs/tab-title.d.ts.map

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

package/tabs/tab-title.js

@@ -1,51 +0,0 @@
-import { css as v, LitElement as f } from "lit";
-import { property as l, customElement as d } from "lit/decorators.js";
-import { html as m, unsafeStatic as c } from "lit/static-html.js";
-import { SbbSlotStateController as p } from "../core/controllers.js";
-import { SbbDisabledMixin as h } from "../core/mixins.js";
-import { SbbIconNameMixin as u } from "../icon.js";
-const g = v`*,:before,:after{box-sizing:border-box}:host{--sbb-tab-title-height: var(--sbb-size-element-m);--sbb-tab-title-color: var(--sbb-color-granite);--sbb-tab-title-icon-color: var(--sbb-color-black);--sbb-tab-title-background-color: var(--sbb-color-white);--sbb-tab-title-cursor: pointer;--sbb-tab-title-pointer-events: unset;--sbb-tab-title-inset: 0;--sbb-tab-title-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-title-marker-transform: scale(0);--sbb-tab-title-text-decoration: none;--sbb-tab-title-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-tab-title-animation-easing: var(--sbb-animation-easing);--sbb-tab-title-amount-color: var(--sbb-color-metal);display:inline-block;max-width:100%;pointer-events:var(--sbb-tab-title-pointer-events);-webkit-tap-highlight-color:transparent;outline:none!important}@media (forced-colors: active){:host{--sbb-tab-title-color: ButtonText;--sbb-tab-title-icon-color: ButtonText;--sbb-tab-title-amount-color: ButtonText}}:host([data-size=s]){--sbb-tab-title-height: var(--sbb-size-element-xs);--sbb-tab-title-inline-padding: var(--sbb-spacing-responsive-xxxs)}:host([disabled]){--sbb-tab-title-icon-color: var(--sbb-color-granite);--sbb-tab-title-background-color: var(--sbb-color-milk);--sbb-tab-title-cursor: unset;--sbb-tab-title-pointer-events: none;--sbb-tab-title-text-decoration: line-through}@media (forced-colors: active){:host([disabled]){--sbb-tab-title-color: GrayText;--sbb-tab-title-icon-color: GrayText;--sbb-tab-title-amount-color: GrayText}}:host([active]:not([disabled])){--sbb-tab-title-color: var(--sbb-color-charcoal);--sbb-tab-title-icon-color: var(--sbb-tab-title-color);--sbb-tab-title-background-color: var(--sbb-color-black);--sbb-tab-title-cursor: unset;--sbb-tab-title-pointer-events: none;--sbb-tab-title-marker-transform: scale(1)}@media (forced-colors: active){:host([active]:not([disabled])){--sbb-tab-title-color: ButtonText;--sbb-tab-title-icon-color: ButtonText;--sbb-tab-title-amount-color: ButtonText}}@media (any-hover: hover){:host(:hover:not([disabled])){--sbb-tab-title-marker-transform: scale(1)}}:host(:is([data-active],:active)){--sbb-tab-title-color: var(--sbb-color-charcoal)}.sbb-tab-title__wrapper{position:relative}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-tab-title__wrapper:before{content:"";position:absolute;display:block;inset:calc((var(--sbb-focus-outline-width) + var(--sbb-focus-outline-offset)) * -1);border:var(--sbb-focus-outline-width) solid var(--sbb-focus-outline-color);border-radius:var(--sbb-border-radius-2x);z-index:1}.sbb-tab-title{position:relative;margin:0;min-height:var(--sbb-tab-title-height);display:flex;align-items:center;padding-inline:var(--sbb-tab-title-inline-padding);gap:var(--sbb-spacing-fixed-2x);-webkit-user-select:none;user-select:none;cursor:var(--sbb-tab-title-cursor);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing);color:var(--sbb-tab-title-icon-color)}:host([data-has-divider]) .sbb-tab-title:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-color-cloud)}.sbb-tab-title:before{position:absolute;content:"";inset-inline:0;inset-block-end:0;height:.1875rem;background-color:var(--sbb-tab-title-color);transform:var(--sbb-tab-title-marker-transform);transition-duration:var(--sbb-tab-title-animation-duration);transition-timing-function:var(--sbb-tab-title-animation-easing);transition-property:transform,background-color;z-index:1}.sbb-tab-title__icon,.sbb-tab-title__text,.sbb-tab-title__amount{text-decoration:var(--sbb-tab-title-text-decoration)}.sbb-tab-title__icon{display:flex;flex-shrink:0;color:var(--sbb-tab-title-color);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-tab-title__icon{display:none}.sbb-tab-title__text{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;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);font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sbb-tab-title-color);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing)}:host([data-size=s]) .sbb-tab-title__text{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;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);font-weight:700}:host([data-size=xl]) .sbb-tab-title__text{--sbb-text-font-size: var(--sbb-font-size-text-xl);font-family:var(--sbb-typo-font-family);font-weight:400;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);font-weight:700}.sbb-tab-title__amount{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;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);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;color:var(--sbb-tab-title-amount-color);transition:color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing)}:host(:not([data-slot-names~=amount],[amount])) .sbb-tab-title__amount{display:none}:host([data-size=s]) .sbb-tab-title__amount{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;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([data-size=xl]) .sbb-tab-title__amount{--sbb-text-font-size: var(--sbb-font-size-text-xl);font-family:var(--sbb-typo-font-family);font-weight:400;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)}`;
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (o, b, s, i) => {
-  for (var t = i > 1 ? void 0 : i ? y(b, s) : b, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (t = (i ? r(b, s, t) : r(t)) || t);
-  return i && t && x(b, s, t), t;
-};
-let e = class extends h(u(f)) {
-  constructor() {
-    super(), this.level = "1", new p(this);
-  }
-  render() {
-    const o = `h${Number(this.level) < 7 ? this.level : "1"}`;
-    return m`
-      <div class="sbb-tab-title__wrapper">
-        <${c(o)} class="sbb-tab-title">
-          <span class="sbb-tab-title__icon">
-            ${this.renderIconSlot()}
-          </span>
-          <span class="sbb-tab-title__text">
-            <slot></slot>
-          </span>
-          <span class="sbb-tab-title__amount">
-            <slot name="amount">${this.amount}</slot>
-          </span>
-        </${c(o)}>
-      </div>
-    `;
-  }
-};
-e.styles = g;
-a([
-  l()
-], e.prototype, "level", 2);
-a([
-  l({ reflect: !0, type: Boolean })
-], e.prototype, "active", 2);
-a([
-  l({ reflect: !0 })
-], e.prototype, "amount", 2);
-e = a([
-  d("sbb-tab-title")
-], e);
-export {
-  e as SbbTabTitleElement
-};

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

@@ -1,26 +0,0 @@
-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`
- */
-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;
-    protected renderTemplate(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-teaser-hero': SbbTeaserHeroElement;
-    }
-}
-//# sourceMappingURL=teaser-hero.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAI9D,OAAO,aAAa,CAAC;AACrB,OAAO,8BAA8B,CAAC;AAEtC;;;;;;GAMG;AACH,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,uBAAuB;IACyB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErE,+CAA+C;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE/D,oDAAoD;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;cAE5C,cAAc,IAAI,cAAc;CAyBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/teaser-hero.d.ts

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

package/teaser-hero.d.ts.map

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

package/teaser-hero.js

@@ -1,51 +0,0 @@
-import { css as g, nothing as b } from "lit";
-import { property as p, customElement as m } from "lit/decorators.js";
-import { html as l } from "lit/static-html.js";
-import { SbbLinkBaseElement as c } from "./core/base-elements.js";
-import "./image.js";
-import "./link/block-link-static.js";
-const v = g`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--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);--sbb-teaser-hero-brightness-hover: 1.075}@media (min-width: 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: 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{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);position:absolute;top:50%;transform:translateY(-50%);z-index:1}@media (any-hover: hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.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);-webkit-hyphens:auto;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)}`;
-var d = Object.defineProperty, f = Object.getOwnPropertyDescriptor, s = (h, t, i, n) => {
-  for (var e = n > 1 ? void 0 : n ? f(t, i) : t, r = h.length - 1, o; r >= 0; r--)
-    (o = h[r]) && (e = (n ? o(t, i, e) : o(e)) || e);
-  return n && e && d(t, i, e), e;
-};
-let a = class extends c {
-  renderTemplate() {
-    return l`
-      <span class="sbb-teaser-hero__panel">
-        <p class="sbb-teaser-hero__panel-text">
-          <slot></slot>
-        </p>
-        ${this.href ? l`<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>` : b}
-      </span>
-      <slot name="image">
-        ${this.imageSrc ? l`<sbb-image image-src=${this.imageSrc} alt=${this.imageAlt ?? b}></sbb-image>` : b}
-      </slot>
-    `;
-  }
-};
-a.styles = v;
-s([
-  p({ attribute: "link-content" })
-], a.prototype, "linkContent", 2);
-s([
-  p({ attribute: "image-src" })
-], a.prototype, "imageSrc", 2);
-s([
-  p({ attribute: "image-alt" })
-], a.prototype, "imageAlt", 2);
-a = s([
-  m("sbb-teaser-hero")
-], a);
-export {
-  a as SbbTeaserHeroElement
-};

package/teaser-paid/teaser-paid.d.ts

@@ -1,20 +0,0 @@
-import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../core/base-elements.js';
-
-/**
- * It displays an image and a chip with a text.
- *
- * @slot chip - Link content of the panel
- * @slot image - The background image that can be a `sbb-image`
- */
-export declare class SbbTeaserPaidElement extends SbbLinkBaseElement {
-    static styles: CSSResultGroup;
-    private _chipSlotChanged;
-    protected renderTemplate(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-teaser-paid': SbbTeaserPaidElement;
-    }
-}
-//# sourceMappingURL=teaser-paid.d.ts.map

package/teaser-paid/teaser-paid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"teaser-paid.d.ts","sourceRoot":"","sources":["../../../src/elements/teaser-paid/teaser-paid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAI9D;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,gBAAgB;cAIL,cAAc,IAAI,cAAc;CAMpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/teaser-paid.d.ts

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

package/teaser-paid.d.ts.map

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

package/teaser-paid.js

@@ -1,28 +0,0 @@
-import { css as b, html as l } from "lit";
-import { customElement as p } from "lit/decorators.js";
-import { SbbLinkBaseElement as c } from "./core/base-elements.js";
-const d = b`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-teaser-paid-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto var(--sbb-spacing-responsive-xxxs);--sbb-teaser-paid-brightness-hover: 1.075;--sbb-teaser-paid-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-teaser-paid-animation-easing: var(--sbb-animation-easing)}@media (any-hover: hover){:host(:hover){--sbb-teaser-paid-brightness: var(--sbb-teaser-paid-brightness-hover)}}.sbb-teaser-paid{position:relative;display:block}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser-paid:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}::slotted([slot=chip]){position:absolute;inset:var(--sbb-teaser-paid-chip-inset);z-index:1}::slotted([slot=image]){will-change:filter;filter:brightness(var(--sbb-teaser-paid-brightness, 1));transition:filter var(--sbb-teaser-paid-animation-duration) var(--sbb-teaser-paid-animation-easing)}`;
-var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, m = (s, t, a, i) => {
-  for (var e = i > 1 ? void 0 : i ? v(t, a) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (e = (i ? r(t, a, e) : r(e)) || e);
-  return i && e && h(t, a, e), e;
-};
-let n = class extends c {
-  _chipSlotChanged() {
-    var s;
-    (s = this.querySelector("sbb-chip")) == null || s.setAttribute("color", "charcoal");
-  }
-  renderTemplate() {
-    return l`
-      <slot name="chip" @slotchange=${() => this._chipSlotChanged()}></slot>
-      <slot name="image"></slot>
-    `;
-  }
-};
-n.styles = d;
-n = m([
-  p("sbb-teaser-paid")
-], n);
-export {
-  n as SbbTeaserPaidElement
-};