@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/link-list.js

@@ -0,0 +1,255 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { SbbSlotStateController } from "./core/controllers.js";
+import { SbbNegativeMixin, SbbNamedSlotListMixin } from "./core/mixins.js";
+import "./title.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 {
+  --sbb-link-list-flex-flow: column nowrap;
+  display: block;
+}
+
+:host([orientation=horizontal]) {
+  --sbb-link-list-flex-flow: row wrap;
+}
+:host([orientation=horizontal]) .sbb-link-list-title {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.sbb-link-list-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sbb-spacing-fixed-3x);
+}
+
+.sbb-link-list-title {
+  margin: 0;
+}
+:host(:not([data-slot-names~=title], [title-content])) .sbb-link-list-title {
+  display: none;
+}
+
+.sbb-link-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  display: flex;
+  gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-8x);
+  flex-flow: var(--sbb-link-list-flex-flow);
+}
+
+@media (min-width: calc(0rem)) {
+  :host([orientation=vertical][horizontal-from=zero]) {
+    --sbb-link-list-flex-flow: row wrap;
+  }
+  :host([orientation=vertical][horizontal-from=zero]) .sbb-link-list-title {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+}
+@media (min-width: calc(22.5rem)) {
+  :host([orientation=vertical][horizontal-from=micro]) {
+    --sbb-link-list-flex-flow: row wrap;
+  }
+  :host([orientation=vertical][horizontal-from=micro]) .sbb-link-list-title {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+}
+@media (min-width: calc(37.5rem)) {
+  :host([orientation=vertical][horizontal-from=small]) {
+    --sbb-link-list-flex-flow: row wrap;
+  }
+  :host([orientation=vertical][horizontal-from=small]) .sbb-link-list-title {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+}
+@media (min-width: calc(52.5rem)) {
+  :host([orientation=vertical][horizontal-from=medium]) {
+    --sbb-link-list-flex-flow: row wrap;
+  }
+  :host([orientation=vertical][horizontal-from=medium]) .sbb-link-list-title {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+}
+@media (min-width: calc(64rem)) {
+  :host([orientation=vertical][horizontal-from=large]) {
+    --sbb-link-list-flex-flow: row wrap;
+  }
+  :host([orientation=vertical][horizontal-from=large]) .sbb-link-list-title {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host([orientation=vertical][horizontal-from=wide]) {
+    --sbb-link-list-flex-flow: row wrap;
+  }
+  :host([orientation=vertical][horizontal-from=wide]) .sbb-link-list-title {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+}
+@media (min-width: calc(90rem)) {
+  :host([orientation=vertical][horizontal-from=ultra]) {
+    --sbb-link-list-flex-flow: row wrap;
+  }
+  :host([orientation=vertical][horizontal-from=ultra]) .sbb-link-list-title {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+}`;
+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 SbbLinkListElement = class extends SbbNegativeMixin(
+  SbbNamedSlotListMixin(LitElement)
+) {
+  constructor() {
+    super();
+    this.listChildLocalNames = [
+      "sbb-block-link",
+      "sbb-block-link-button",
+      "sbb-block-link-static"
+    ];
+    this.titleLevel = "2";
+    this.size = "s";
+    this.orientation = "vertical";
+    new SbbSlotStateController(this);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("size") || changedProperties.has("negative") || changedProperties.has("listChildren")) {
+      for (const link of this.listChildren) {
+        link.negative = this.negative;
+        link.size = this.size;
+      }
+    }
+  }
+  render() {
+    return html`
+      <div class="sbb-link-list-wrapper">
+        <sbb-title
+          class="sbb-link-list-title"
+          level=${this.titleLevel || nothing}
+          visual-level="5"
+          ?negative=${this.negative}
+          id="sbb-link-list-title-id"
+        >
+          <slot name="title">${this.titleContent}</slot>
+        </sbb-title>
+        ${this.renderList({ ariaLabelledby: "sbb-link-list-title-id" })}
+      </div>
+    `;
+  }
+};
+SbbLinkListElement.styles = style;
+__decorateClass([
+  property({ attribute: "title-content", reflect: true })
+], SbbLinkListElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "title-level" })
+], SbbLinkListElement.prototype, "titleLevel", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbLinkListElement.prototype, "size", 2);
+__decorateClass([
+  property({ attribute: "horizontal-from", reflect: true })
+], SbbLinkListElement.prototype, "horizontalFrom", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbLinkListElement.prototype, "orientation", 2);
+SbbLinkListElement = __decorateClass([
+  customElement("sbb-link-list")
+], SbbLinkListElement);
+export {
+  SbbLinkListElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1saXN0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbGluay1saXN0L2xpbmstbGlzdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCwgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiU2xvdFN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJIb3Jpem9udGFsRnJvbSwgU2JiT3JpZW50YXRpb24gfSBmcm9tICcuLi9jb3JlL2ludGVyZmFjZXMuanMnO1xuaW1wb3J0IHsgU2JiTmFtZWRTbG90TGlzdE1peGluLCBTYmJOZWdhdGl2ZU1peGluLCB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7XG4gIFNiYkJsb2NrTGlua0J1dHRvbkVsZW1lbnQsXG4gIFNiYkJsb2NrTGlua0VsZW1lbnQsXG4gIFNiYkJsb2NrTGlua1N0YXRpY0VsZW1lbnQsXG4gIFNiYkxpbmtTaXplLFxufSBmcm9tICcuLi9saW5rLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbGluay1saXN0LnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vdGl0bGUuanMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgbGlzdCBvZiBgc2JiLWJsb2NrLWxpbmtgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIG9uZSBvciBtb3JlIGBzYmItYmxvY2stbGlua2AuXG4gKiBAc2xvdCB0aXRsZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIHRpdGxlLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLWxpbmstbGlzdCcpXG5leHBvcnQgY2xhc3MgU2JiTGlua0xpc3RFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihcbiAgU2JiTmFtZWRTbG90TGlzdE1peGluPFxuICAgIFNiYkJsb2NrTGlua0VsZW1lbnQgfCBTYmJCbG9ja0xpbmtCdXR0b25FbGVtZW50IHwgU2JiQmxvY2tMaW5rU3RhdGljRWxlbWVudCxcbiAgICB0eXBlb2YgTGl0RWxlbWVudFxuICA+KExpdEVsZW1lbnQpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFtcbiAgICAnc2JiLWJsb2NrLWxpbmsnLFxuICAgICdzYmItYmxvY2stbGluay1idXR0b24nLFxuICAgICdzYmItYmxvY2stbGluay1zdGF0aWMnLFxuICBdO1xuXG4gIC8qKiBUaGUgdGl0bGUgdGV4dCB3ZSB3YW50IHRvIHNob3cgYmVmb3JlIHRoZSBsaXN0LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JywgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgdGl0bGVDb250ZW50Pzogc3RyaW5nO1xuXG4gIC8qKiBUaGUgc2VtYW50aWMgbGV2ZWwgb2YgdGhlIHRpdGxlLCBlLmcuIDIgPSBoMi4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtbGV2ZWwnIH0pIHB1YmxpYyB0aXRsZUxldmVsOiBTYmJUaXRsZUxldmVsID0gJzInO1xuXG4gIC8qKlxuICAgKiBUZXh0IHNpemUgb2YgdGhlIG5lc3RlZCBzYmItYmxvY2stbGluayBpbnN0YW5jZXMuIFRoaXMgd2lsbCBvdmVyd3JpdGUgdGhlIHNpemUgYXR0cmlidXRlIG9mXG4gICAqIG5lc3RlZCBzYmItYmxvY2stbGluayBpbnN0YW5jZXMuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBzaXplOiBTYmJMaW5rU2l6ZSA9ICdzJztcblxuICAvKiogU2VsZWN0ZWQgYnJlYWtwb2ludCBmcm9tIHdoaWNoIHRoZSBsaXN0IGlzIHJlbmRlcmVkIGhvcml6b250YWxseS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaG9yaXpvbnRhbC1mcm9tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgaG9yaXpvbnRhbEZyb20/OiBTYmJIb3Jpem9udGFsRnJvbTtcblxuICAvKiogVGhlIG9yaWVudGF0aW9uIGluIHdoaWNoIHRoZSBsaXN0IHdpbGwgYmUgc2hvd24gdmVydGljYWwgb3IgaG9yaXpvbnRhbC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgb3JpZW50YXRpb246IFNiYk9yaWVudGF0aW9uID0gJ3ZlcnRpY2FsJztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBuZXcgU2JiU2xvdFN0YXRlQ29udHJvbGxlcih0aGlzKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKFxuICAgICAgY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykgfHxcbiAgICAgIGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbmVnYXRpdmUnKSB8fFxuICAgICAgY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKVxuICAgICkge1xuICAgICAgZm9yIChjb25zdCBsaW5rIG9mIHRoaXMubGlzdENoaWxkcmVuKSB7XG4gICAgICAgIGxpbmsubmVnYXRpdmUgPSB0aGlzLm5lZ2F0aXZlO1xuICAgICAgICBsaW5rLnNpemUgPSB0aGlzLnNpemU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWxpbmstbGlzdC13cmFwcGVyXCI+XG4gICAgICAgIDxzYmItdGl0bGVcbiAgICAgICAgICBjbGFzcz1cInNiYi1saW5rLWxpc3QtdGl0bGVcIlxuICAgICAgICAgIGxldmVsPSR7dGhpcy50aXRsZUxldmVsIHx8IG5vdGhpbmd9XG4gICAgICAgICAgdmlzdWFsLWxldmVsPVwiNVwiXG4gICAgICAgICAgP25lZ2F0aXZlPSR7dGhpcy5uZWdhdGl2ZX1cbiAgICAgICAgICBpZD1cInNiYi1saW5rLWxpc3QtdGl0bGUtaWRcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3Nsb3Q+XG4gICAgICAgIDwvc2JiLXRpdGxlPlxuICAgICAgICAke3RoaXMucmVuZGVyTGlzdCh7IGFyaWFMYWJlbGxlZGJ5OiAnc2JiLWxpbmstbGlzdC10aXRsZS1pZCcgfSl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbGluay1saXN0JzogU2JiTGlua0xpc3RFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUEwQk8sSUFBTSxxQkFBTixjQUFpQztBQUFBLEVBQ3RDLHNCQUdFLFVBQVU7QUFDZCxFQUFFO0FBQUEsRUEyQk8sY0FBYztBQUNiO0FBMUJSLFNBQTRCLHNCQUFzQjtBQUFBLE1BQ2hEO0FBQUEsTUFDQTtBQUFBLE1BQ0E7QUFBQSxJQUFBO0FBT3NDLFNBQU8sYUFBNEI7QUFNOUMsU0FBTyxPQUFvQjtBQU8zQixTQUFPLGNBQThCO0FBSWhFLFFBQUksdUJBQXVCLElBQUk7QUFBQSxFQUNqQztBQUFBLEVBRW1CLFdBQVcsbUJBQWlFO0FBQzdGLFVBQU0sV0FBVyxpQkFBaUI7QUFHaEMsUUFBQSxrQkFBa0IsSUFBSSxNQUFNLEtBQzVCLGtCQUFrQixJQUFJLFVBQVUsS0FDaEMsa0JBQWtCLElBQUksY0FBYyxHQUNwQztBQUNXLGlCQUFBLFFBQVEsS0FBSyxjQUFjO0FBQ3BDLGFBQUssV0FBVyxLQUFLO0FBQ3JCLGFBQUssT0FBTyxLQUFLO0FBQUEsTUFDbkI7QUFBQSxJQUNGO0FBQUEsRUFDRjtBQUFBLEVBRW1CLFNBQXlCO0FBQ25DLFdBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxrQkFJTyxLQUFLLGNBQWMsT0FBTztBQUFBO0FBQUEsc0JBRXRCLEtBQUssUUFBUTtBQUFBO0FBQUE7QUFBQSwrQkFHSixLQUFLLFlBQVk7QUFBQTtBQUFBLFVBRXRDLEtBQUssV0FBVyxFQUFFLGdCQUFnQix5QkFBMEIsQ0FBQSxDQUFDO0FBQUE7QUFBQTtBQUFBLEVBR3JFO0FBQ0Y7QUFwRWEsbUJBTVksU0FBeUI7QUFRZ0IsZ0JBQUE7QUFBQSxFQUEvRCxTQUFTLEVBQUUsV0FBVyxpQkFBaUIsU0FBUyxNQUFNO0FBQUEsR0FkNUMsbUJBY3FELFdBQUEsZ0JBQUEsQ0FBQTtBQUdqQixnQkFBQTtBQUFBLEVBQTlDLFNBQVMsRUFBRSxXQUFXLGVBQWU7QUFBQSxHQWpCM0IsbUJBaUJvQyxXQUFBLGNBQUEsQ0FBQTtBQU1YLGdCQUFBO0FBQUEsRUFBbkMsU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBdkJoQixtQkF1QnlCLFdBQUEsUUFBQSxDQUFBO0FBSTdCLGdCQUFBO0FBQUEsRUFETixTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxNQUFNO0FBQUEsR0ExQjlDLG1CQTJCSixXQUFBLGtCQUFBLENBQUE7QUFHNkIsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0E5QmhCLG1CQThCeUIsV0FBQSxlQUFBLENBQUE7QUE5QnpCLHFCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGVBQWU7QUFBQSxHQUNqQixrQkFBQTsifQ==

package/development/link.d.ts

@@ -0,0 +1,8 @@
+export * from './link/block-link.js';
+export * from './link/block-link-button.js';
+export * from './link/block-link-static.js';
+export * from './link/link.js';
+export * from './link/link-button.js';
+export * from './link/link-static.js';
+export * from './link/common.js';
+//# sourceMappingURL=link.d.ts.map

package/development/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/elements/link.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/development/link.js

@@ -0,0 +1,8 @@
+export * from "./link/block-link.js";
+export * from "./link/block-link-button.js";
+export * from "./link/block-link-static.js";
+export * from "./link/link.js";
+export * from "./link/link-button.js";
+export * from "./link/link-static.js";
+export * from "./link/common.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7In0=

package/development/loading-indicator/loading-indicator.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+
+/**
+ * It displays a loading indicator.
+ */
+export declare class SbbLoadingIndicatorElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Variant of the loading indicator; `circle` is meant to be used inline, while `window` as overlay. */
+    variant?: 'window' | 'circle';
+    /** Size variant, either s or m. */
+    size: 's' | 'l';
+    /** Color variant. */
+    color: 'default' | 'smoke' | 'white';
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-loading-indicator': SbbLoadingIndicatorElement;
+    }
+}
+//# sourceMappingURL=loading-indicator.d.ts.map

package/development/loading-indicator/loading-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator.d.ts","sourceRoot":"","sources":["../../../../src/elements/loading-indicator/loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD;;GAEG;AACH,qBAKa,0BAA2B,SAAQ,UAAU;IACxD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wGAAwG;IACpE,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAElE,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D,qBAAqB;IACe,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAElE,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/development/loading-indicator.d.ts

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

package/development/loading-indicator.d.ts.map

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

package/development/loading-indicator.js

@@ -0,0 +1,339 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { hostAttributes } from "./core/decorators.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 {
+  --sbb-loading-indicator-color: var(--sbb-color-red);
+  display: inline-block;
+  line-height: 0;
+}
+
+:host([color=smoke]) {
+  --sbb-loading-indicator-color: var(--sbb-color-smoke);
+}
+
+:host([color=white]) {
+  --sbb-loading-indicator-color: var(--sbb-color-white);
+}
+
+:host([variant=circle]) {
+  --sbb-loading-indicator-height: var(--sbb-size-icon-ui-small);
+  --sbb-loading-indicator-width: var(--sbb-size-icon-ui-small);
+  --sbb-loading-indicator-padding: var(--sbb-border-width-2x);
+  --sbb-loading-indicator-duration: var(--sbb-disable-animation-zero-time, 1.5s);
+  --sbb-loading-indicator-background-color: var(--sbb-color-white);
+  --sbb-loading-indicator-circle-background: conic-gradient(
+    from 90deg,
+    var(--sbb-loading-indicator-background-color),
+    var(--sbb-loading-indicator-color)
+  );
+  --sbb-loading-indicator-circle-animated-width: 0.1875em;
+  --sbb-loading-indicator-circle-animated-height: 0.1875em;
+  --sbb-loading-indicator-circle-animated-border-radius: 50%;
+}
+
+:host([color=white][variant=circle]) {
+  --sbb-loading-indicator-background-color: var(--sbb-color-iron);
+}
+
+:host([variant=circle]) .sbb-loading-indicator {
+  display: inline-flex;
+  height: auto;
+  width: auto;
+  padding-inline: var(--sbb-loading-indicator-padding);
+  padding-block: var(--sbb-loading-indicator-padding);
+  vertical-align: middle;
+  line-height: 1;
+}
+
+:host([variant=circle]) .sbb-loading-indicator__animated-element {
+  width: 1.25em;
+  height: 1.25em;
+  display: inline-block;
+  color: transparent;
+  position: relative;
+  margin: 0 auto;
+  overflow: hidden;
+  border-radius: 50%;
+  background: var(--sbb-loading-indicator-circle-background);
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-mask: radial-gradient(circle 0.4375em, rgba(0, 0, 0, 0) 98%, var(--sbb-loading-indicator-background-color));
+  mask: radial-gradient(circle 0.4375em, rgba(0, 0, 0, 0) 98%, var(--sbb-loading-indicator-background-color));
+  animation: rotation var(--sbb-loading-indicator-duration) infinite linear;
+}
+:host([variant=circle]) .sbb-loading-indicator__animated-element::after {
+  content: "";
+  width: var(--sbb-loading-indicator-circle-animated-width);
+  height: var(--sbb-loading-indicator-circle-animated-height);
+  background: var(--sbb-loading-indicator-color);
+  border-radius: var(--sbb-loading-indicator-circle-animated-border-radius);
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+  overflow: hidden;
+  margin: auto;
+}
+@media (forced-colors: active) {
+  :host([variant=circle]) .sbb-loading-indicator__animated-element::after {
+    --sbb-loading-indicator-color: CanvasText;
+    --sbb-loading-indicator-circle-animated-width: 50%;
+    --sbb-loading-indicator-circle-animated-height: 100%;
+    --sbb-loading-indicator-circle-animated-border-radius: 0;
+  }
+}
+@media (forced-colors: active) {
+  :host([variant=circle]) .sbb-loading-indicator__animated-element {
+    --sbb-loading-indicator-circle-background: transparent;
+  }
+}
+
+@media (forced-colors: active) {
+  :host([color=white][variant=circle]) .sbb-loading-indicator__animated-element::after {
+    --sbb-loading-indicator-color: var(--sbb-color-white);
+  }
+}
+
+:host([variant=window]) {
+  --sbb-loading-indicator-height: sbb.px-to-rem-build(32);
+  --sbb-loading-indicator-width: sbb.px-to-rem-build(55);
+  --sbb-loading-indicator-padding: 0;
+  --sbb-loading-indicator-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-6x)
+  );
+}
+
+:host([variant=window][size=s]) {
+  --sbb-loading-indicator-window-height: 1.66666625rem;
+  --sbb-loading-indicator-window-padding-block-start: 0.66666625rem;
+  --sbb-loading-indicator-window-element-width: 3.46666625rem;
+  --sbb-loading-indicator-window-element-height: 0.333333125rem;
+  --sbb-loading-indicator-window-element-perspective: 6rem;
+  --sbb-loading-indicator-window-element-animation-name: loading-container-small;
+  --sbb-loading-indicator-window-last-span-width: 0.533333125rem;
+  --sbb-loading-indicator-window-last-span-height: 0.333333125rem;
+  --sbb-loading-indicator-window-last-span-margin: 0.2rem;
+  --sbb-loading-indicator-window-last-span-transform: translate3d(
+    -0.1rem,
+    0,
+    0
+  );
+}
+
+:host([variant=window][size=l]) {
+  --sbb-loading-indicator-window-height: 3rem;
+  --sbb-loading-indicator-window-padding-block-start: 1.2rem;
+  --sbb-loading-indicator-window-element-width: 5.79980625rem;
+  --sbb-loading-indicator-window-element-height: 0.599609375rem;
+  --sbb-loading-indicator-window-element-perspective: 8rem;
+  --sbb-loading-indicator-window-element-animation-name: loading-container-large;
+  --sbb-loading-indicator-window-last-span-width: 1rem;
+  --sbb-loading-indicator-window-last-span-height: 0.599609375rem;
+  --sbb-loading-indicator-window-last-span-margin: 0.2rem;
+}
+
+:host([variant=window]) span {
+  display: inline-block;
+}
+
+:host([variant=window]) .sbb-loading-indicator {
+  display: flex;
+  height: var(--sbb-loading-indicator-window-height);
+  padding-block-start: var(--sbb-loading-indicator-window-padding-block-start);
+}
+
+:host([variant=window]) .sbb-loading-indicator__animated-element {
+  margin: 0 auto;
+  transform-origin: center;
+  transform: translate3d(-3em, 0, 0);
+  backface-visibility: hidden;
+  transform-style: preserve-3d;
+  width: var(--sbb-loading-indicator-window-element-width);
+  height: var(--sbb-loading-indicator-window-element-height);
+  perspective: var(--sbb-loading-indicator-window-element-perspective);
+}
+
+:host([variant=window]) .sbb-loading-indicator__animated-element > span {
+  position: relative;
+  transform: rotateY(50deg) translateZ(1em);
+  transform-origin: right;
+  backface-visibility: hidden;
+}
+
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span {
+  position: relative;
+  display: flex;
+  animation-name: var(--sbb-loading-indicator-window-element-animation-name);
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--sbb-loading-indicator-duration);
+}
+
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span > span {
+  background: var(--sbb-loading-indicator-color);
+  backface-visibility: hidden;
+  outline: var(--sbb-border-width-1x) solid rgba(0, 0, 0, 0);
+  width: var(--sbb-loading-indicator-window-last-span-width);
+  height: var(--sbb-loading-indicator-window-last-span-height);
+  margin-right: var(--sbb-loading-indicator-window-last-span-margin);
+  transform: var(--sbb-loading-indicator-window-last-span-transform);
+}
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span > span:nth-child(1) {
+  animation: loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite;
+}
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span > span:nth-child(2) {
+  animation: loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite;
+}
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span > span:nth-child(3) {
+  animation: loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite;
+}
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span > span:nth-child(4) {
+  animation: loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite;
+}
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span > span:nth-child(5) {
+  animation: loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite;
+}
+:host([variant=window]) .sbb-loading-indicator__animated-element > span > span > span:last-child {
+  margin-right: 0;
+}
+
+@keyframes loading-container-small {
+  0% {
+    transform: translateX(0.73333em);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes loading-container-large {
+  0% {
+    transform: translateX(1.2em);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes loading-rectangle1 {
+  0% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes loading-rectangle2 {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}
+@keyframes loading-rectangle3 {
+  0% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes loading-rectangle4 {
+  0% {
+    opacity: 0.25;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}
+@keyframes loading-rectangle5 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0.25;
+  }
+}
+@keyframes rotation {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}`;
+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 SbbLoadingIndicatorElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.size = "s";
+    this.color = "default";
+  }
+  render() {
+    return html`
+      <span class="sbb-loading-indicator">
+        <span class="sbb-loading-indicator__animated-element">
+          ${this.variant === "window" ? html`<span>
+                <span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                </span>
+              </span>` : nothing}
+        </span>
+      </span>
+    `;
+  }
+};
+SbbLoadingIndicatorElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbLoadingIndicatorElement.prototype, "variant", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbLoadingIndicatorElement.prototype, "size", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbLoadingIndicatorElement.prototype, "color", 2);
+SbbLoadingIndicatorElement = __decorateClass([
+  customElement("sbb-loading-indicator"),
+  hostAttributes({
+    role: "progressbar",
+    "aria-busy": "true"
+  })
+], SbbLoadingIndicatorElement);
+export {
+  SbbLoadingIndicatorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pbmRpY2F0b3IuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9sb2FkaW5nLWluZGljYXRvci9sb2FkaW5nLWluZGljYXRvci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2xvYWRpbmctaW5kaWNhdG9yLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBsb2FkaW5nIGluZGljYXRvci5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1sb2FkaW5nLWluZGljYXRvcicpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAncHJvZ3Jlc3NiYXInLFxuICAnYXJpYS1idXN5JzogJ3RydWUnLFxufSlcbmV4cG9ydCBjbGFzcyBTYmJMb2FkaW5nSW5kaWNhdG9yRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVmFyaWFudCBvZiB0aGUgbG9hZGluZyBpbmRpY2F0b3I7IGBjaXJjbGVgIGlzIG1lYW50IHRvIGJlIHVzZWQgaW5saW5lLCB3aGlsZSBgd2luZG93YCBhcyBvdmVybGF5LiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyB2YXJpYW50PzogJ3dpbmRvdycgfCAnY2lyY2xlJztcblxuICAvKiogU2l6ZSB2YXJpYW50LCBlaXRoZXIgcyBvciBtLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBzaXplOiAncycgfCAnbCcgPSAncyc7XG5cbiAgLyoqIENvbG9yIHZhcmlhbnQuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGNvbG9yOiAnZGVmYXVsdCcgfCAnc21va2UnIHwgJ3doaXRlJyA9ICdkZWZhdWx0JztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvYWRpbmctaW5kaWNhdG9yXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvYWRpbmctaW5kaWNhdG9yX19hbmltYXRlZC1lbGVtZW50XCI+XG4gICAgICAgICAgJHt0aGlzLnZhcmlhbnQgPT09ICd3aW5kb3cnXG4gICAgICAgICAgICA/IGh0bWxgPHNwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICA8L3NwYW4+YFxuICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWxvYWRpbmctaW5kaWNhdG9yJzogU2JiTG9hZGluZ0luZGljYXRvckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFnQmEsSUFBQSw2QkFBTixjQUF5QyxXQUFXO0FBQUEsRUFBcEQsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBT3dCLFNBQU8sT0FBa0I7QUFHekIsU0FBTyxRQUF1QztBQUFBLEVBQUE7QUFBQSxFQUV4RCxTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBLFlBR0MsS0FBSyxZQUFZLFdBQ2Y7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLHlCQVNBLE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQSxFQUluQjtBQUNGO0FBL0JhLDJCQUNZLFNBQXlCO0FBR1osZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FKaEIsMkJBSXlCLFdBQUEsV0FBQSxDQUFBO0FBR0EsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FQaEIsMkJBT3lCLFdBQUEsUUFBQSxDQUFBO0FBR0EsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FWaEIsMkJBVXlCLFdBQUEsU0FBQSxDQUFBO0FBVnpCLDZCQUFOLGdCQUFBO0FBQUEsRUFMTixjQUFjLHVCQUF1QjtBQUFBLEVBQ3JDLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxJQUNOLGFBQWE7QUFBQSxFQUFBLENBQ2Q7QUFBQSxHQUNZLDBCQUFBOyJ9

package/development/logo/logo.d.ts

@@ -0,0 +1,24 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbProtectiveRoom } from '../core/interfaces.js';
+
+declare const SbbLogoElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays the SBB logo.
+ *
+ * @cssprop [--sbb-logo-height=auto] - Can be used to set the height of the logo.
+ */
+export declare class SbbLogoElement extends SbbLogoElement_base {
+    static styles: CSSResultGroup;
+    /** Visual protective room around logo. */
+    protectiveRoom?: SbbProtectiveRoom;
+    /** Accessibility label which will be forwarded to the SVG logo. */
+    accessibilityLabel: string;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-logo': SbbLogoElement;
+    }
+}
+export {};
+//# sourceMappingURL=logo.d.ts.map