@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/development/loading-indicator.js

@@ -1,260 +1,5 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { hostAttributes } from "./core/decorators.js";
-const style = css`@charset "UTF-8";
-*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  --sbb-loading-indicator-color: var(--sbb-color-red);
-  --sbb-loading-indicator-padding: 0;
-  --sbb-loading-indicator-duration: var(
-    --sbb-disable-animation-duration,
-    var(--sbb-animation-duration-6x)
-  );
-  --sbb-loading-indicator-window-element-rotation: 55.24deg;
-  --_sbb-loading-indicator-window-first-span-width: calc(
-    var(--sbb-loading-indicator-window-height) * 0.58
-  );
-  --_sbb-loading-indicator-window-unit: calc(
-    var(--_sbb-loading-indicator-window-first-span-width) / 5.5
-  );
-  --_sbb-loading-indicator-window-element-animation-speed: calc(
-    var(--_sbb-loading-indicator-window-unit) * 6.5
-  );
-  --sbb-loading-indicator-window-height: 1.125rem;
-  --sbb-loading-indicator-window-element-width: 3.4375rem;
-  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([size=l]) {
-  --sbb-loading-indicator-window-height: 2rem;
-  --sbb-loading-indicator-window-element-width: 6.25rem;
-}
-
-:host([size=xl]) {
-  --sbb-loading-indicator-window-height: 3.1875rem;
-  --sbb-loading-indicator-window-element-width: 8.75rem;
-}
-
-:host([size=xxl]) {
-  --sbb-loading-indicator-window-height: 6.125rem;
-  --sbb-loading-indicator-window-element-width: 15.625rem;
-}
-
-:host([size=xxxl]) {
-  --sbb-loading-indicator-window-height: 9.1875rem;
-  --sbb-loading-indicator-window-element-width: 22.5rem;
-}
-
-span {
-  display: inline-block;
-}
-
-.sbb-loading-indicator {
-  display: flex;
-  height: var(--sbb-loading-indicator-window-height);
-  align-items: center;
-}
-.sbb-loading-indicator::before {
-  content: "​";
-  user-select: none;
-  width: 0;
-  height: 0;
-}
-
-.sbb-loading-indicator__animated-element {
-  position: relative;
-  justify-content: center;
-  display: flex;
-  margin: 0 auto;
-  transform-origin: center;
-  translate: 25%;
-  backface-visibility: hidden;
-  width: var(--sbb-loading-indicator-window-element-width);
-  perspective: var(--sbb-loading-indicator-window-height);
-}
-
-.sbb-loading-indicator__animated-element > span {
-  position: relative;
-  align-self: center;
-  transform-origin: left;
-  rotate: y var(--sbb-loading-indicator-window-element-rotation);
-  backface-visibility: hidden;
-}
-
-.sbb-loading-indicator__animated-element > span > span {
-  position: relative;
-  display: flex;
-  animation: loading-container var(--sbb-loading-indicator-duration) linear infinite;
-}
-
-.sbb-loading-indicator__animated-element > span > span > span {
-  background: var(--sbb-loading-indicator-color);
-  backface-visibility: hidden;
-  outline: var(--sbb-border-width-1x) solid transparent;
-  width: var(--_sbb-loading-indicator-window-first-span-width);
-  height: var(--sbb-loading-indicator-window-height);
-  margin-inline-end: var(--_sbb-loading-indicator-window-unit);
-}
-.sbb-loading-indicator__animated-element > span > span > span:nth-child(1) {
-  animation: loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite;
-}
-.sbb-loading-indicator__animated-element > span > span > span:nth-child(2) {
-  animation: loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite;
-}
-.sbb-loading-indicator__animated-element > span > span > span:nth-child(3) {
-  animation: loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite;
-}
-.sbb-loading-indicator__animated-element > span > span > span:nth-child(4) {
-  animation: loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite;
-}
-.sbb-loading-indicator__animated-element > span > span > span:nth-child(5) {
-  animation: loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite;
-}
-.sbb-loading-indicator__animated-element > span > span > span:last-child {
-  margin-inline-end: 0;
-}
-
-@keyframes loading-container {
-  0% {
-    translate: var(--_sbb-loading-indicator-window-element-animation-speed);
-  }
-  100% {
-    translate: 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;
-  }
-}`;
-let SbbLoadingIndicatorElement = (() => {
-  var _size_accessor_storage, _color_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-loading-indicator"), hostAttributes({
-    role: "progressbar",
-    "aria-busy": "true"
-  })];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = LitElement;
-  let _size_decorators;
-  let _size_initializers = [];
-  let _size_extraInitializers = [];
-  let _color_decorators;
-  let _color_initializers = [];
-  let _color_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _size_accessor_storage, __runInitializers(this, _size_initializers, "s"));
-      __privateAdd(this, _color_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _color_initializers, "default")));
-      __runInitializers(this, _color_extraInitializers);
-    }
-    /** Size variant, either s or m. */
-    get size() {
-      return __privateGet(this, _size_accessor_storage);
-    }
-    set size(value) {
-      __privateSet(this, _size_accessor_storage, value);
-    }
-    /** Color variant. */
-    get color() {
-      return __privateGet(this, _color_accessor_storage);
-    }
-    set color(value) {
-      __privateSet(this, _color_accessor_storage, value);
-    }
-    render() {
-      return html`
-      <span class="sbb-loading-indicator">
-        <span class="sbb-loading-indicator__animated-element">
-          <span>
-            <span>
-              <span></span>
-              <span></span>
-              <span></span>
-              <span></span>
-              <span></span>
-            </span>
-          </span>
-        </span>
-      </span>
-    `;
-    }
-  }, _size_accessor_storage = new WeakMap(), _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _size_decorators = [property({ reflect: true })];
-    _color_decorators = [property({ reflect: true })];
-    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
-      obj.size = value;
-    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
-    __esDecorate(_a, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: (obj) => "color" in obj, get: (obj) => obj.color, set: (obj, value) => {
-      obj.color = value;
-    } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
+import { SbbLoadingIndicatorElement } from "./loading-indicator/loading-indicator.js";
 export {
   SbbLoadingIndicatorElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pbmRpY2F0b3IuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9sb2FkaW5nLWluZGljYXRvci9sb2FkaW5nLWluZGljYXRvci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2xvYWRpbmctaW5kaWNhdG9yLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBsb2FkaW5nIGluZGljYXRvci5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWxvYWRpbmctaW5kaWNhdG9yJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHJvbGU6ICdwcm9ncmVzc2JhcicsXG4gICdhcmlhLWJ1c3knOiAndHJ1ZScsXG59KVxuY2xhc3MgU2JiTG9hZGluZ0luZGljYXRvckVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ2wnIHwgJ3hsJyB8ICd4eGwnIHwgJ3h4eGwnID0gJ3MnO1xuXG4gIC8qKiBDb2xvciB2YXJpYW50LiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjogJ2RlZmF1bHQnIHwgJ3Ntb2tlJyB8ICd3aGl0ZScgPSAnZGVmYXVsdCc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2FkaW5nLWluZGljYXRvclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2FkaW5nLWluZGljYXRvcl9fYW5pbWF0ZWQtZWxlbWVudFwiPlxuICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPlxuICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1sb2FkaW5nLWluZGljYXRvcic6IFNiYkxvYWRpbmdJbmRpY2F0b3JFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBaUJNLDhCQUEwQixNQUFBOztBQUwvQixNQUFBLG1CQUFBLENBQUEsY0FBYyx1QkFBdUIsR0FDckMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLElBQ04sYUFBYTtBQUFBLEVBQUEsQ0FDZCxDQUFDOzs7O29CQUN1Qzs7Ozs7OztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQUlwQixpREFBQSxrQkFBQSxNQUFBLG9CQUEwRCxHQUFHO0FBRzdELG1EQUFBLGtCQUFBLE1BQUEsdUJBQUEsR0FBQSxrQkFBQSxNQUFBLHFCQUF1RCxTQUFTOzs7O0lBSGhFLElBQWdCLE9BQThDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUE5RCxJQUFnQixLQUE4QyxPQUFBO0FBQUEseUJBQUEsd0JBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUc5RCxJQUFnQixRQUFpRDtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBakUsSUFBZ0IsTUFBaUQsT0FBQTtBQUFBLHlCQUFBLHlCQUFBO0FBQUEsSUFBQTtBQUFBLElBRTNFLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0FOb0Isd0NBR0E7O0FBSDVCLHVCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBTSxDQUFBLENBQUM7QUFHM0Isd0JBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFNLENBQUEsQ0FBQztBQUhpQixpQkFBQSxJQUFBLE1BQUEsa0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxRQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFVBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLE1BQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsT0FBOEM7QUFBQSxTQUFBLFVBQUEsYUFBQSxvQkFBQSx1QkFBQTtBQUc5QyxpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLE9BQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsUUFBaUQ7QUFBQSxTQUFBLFVBQUEsYUFBQSxxQkFBQSx3QkFBQTtBQVBoRyxpQkEwQkMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQXpCd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBMEIsWUFBQSx1QkFBQSxHQUFDOzs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pbmRpY2F0b3IuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/logo/logo.js

@@ -0,0 +1,157 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { forceType } from "../core/decorators.js";
+import { SbbNegativeMixin } from "../core/mixins.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  height: var(--sbb-logo-height);
+  --sbb-logo-panel-color: var(--sbb-color-red);
+  --sbb-logo-signet-color: var(--sbb-color-white);
+  --sbb-logo-word-mark-color: var(--sbb-color-black);
+  --sbb-logo-aspect-ratio: 454 / 48;
+  --sbb-logo-svg-container-width: 100%;
+  --sbb-logo-svg-container-height: auto;
+  --sbb-logo-background-color: none;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-logo-panel-color: ButtonText !important;
+    --sbb-logo-signet-color: Canvas !important;
+    --sbb-logo-word-mark-color: ButtonText !important;
+  }
+}
+
+:host([negative]) {
+  --sbb-logo-word-mark-color: var(--sbb-color-white);
+}
+
+:host([protective-room=minimal]) {
+  --sbb-logo-aspect-ratio: 502 / 96;
+  --sbb-logo-svg-container-height: 50%;
+}
+
+:host([protective-room=ideal]) {
+  --sbb-logo-aspect-ratio: 550 / 144;
+  --sbb-logo-svg-container-height: calc(48 / 144 * 100%);
+}
+
+.sbb-logo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--sbb-logo-background-color);
+  aspect-ratio: var(--sbb-logo-aspect-ratio);
+  height: 100%;
+  width: 100%;
+}
+
+.sbb-logo .sbb-logo__svg-container {
+  display: flex;
+  height: var(--sbb-logo-svg-container-height);
+}
+
+.sbb-logo svg {
+  width: 100%;
+  height: 100%;
+}
+
+#sbb-logo__word-mark {
+  fill: var(--sbb-logo-word-mark-color);
+}
+
+#sbb-logo__panel {
+  fill: var(--sbb-logo-panel-color);
+  stroke: var(--sbb-logo-panel-color);
+}
+
+#sbb-logo__signet {
+  fill: var(--sbb-logo-signet-color);
+}`;
+let SbbLogoElement = (() => {
+  var _protectiveRoom_accessor_storage, _accessibilityLabel_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-logo")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(LitElement);
+  let _protectiveRoom_decorators;
+  let _protectiveRoom_initializers = [];
+  let _protectiveRoom_extraInitializers = [];
+  let _accessibilityLabel_decorators;
+  let _accessibilityLabel_initializers = [];
+  let _accessibilityLabel_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _protectiveRoom_accessor_storage, __runInitializers(this, _protectiveRoom_initializers, "ideal"));
+      __privateAdd(this, _accessibilityLabel_accessor_storage, (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo")));
+      __runInitializers(this, _accessibilityLabel_extraInitializers);
+    }
+    /** Visual protective room around logo. */
+    get protectiveRoom() {
+      return __privateGet(this, _protectiveRoom_accessor_storage);
+    }
+    set protectiveRoom(value) {
+      __privateSet(this, _protectiveRoom_accessor_storage, value);
+    }
+    /** Accessibility label which will be forwarded to the SVG logo. */
+    get accessibilityLabel() {
+      return __privateGet(this, _accessibilityLabel_accessor_storage);
+    }
+    set accessibilityLabel(value) {
+      __privateSet(this, _accessibilityLabel_accessor_storage, value);
+    }
+    render() {
+      return html`
+      <span class="sbb-logo">
+        <span class="sbb-logo__svg-container">
+          <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
+            <title .textContent=${this.accessibilityLabel}></title>
+            <path
+              id="sbb-logo__word-mark"
+              d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
+            ></path>
+            <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
+            <path
+              id="sbb-logo__signet"
+              d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
+            ></path>
+          </svg>
+        </span>
+      </span>
+    `;
+    }
+  }, _protectiveRoom_accessor_storage = new WeakMap(), _accessibilityLabel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _protectiveRoom_decorators = [property({ attribute: "protective-room", reflect: true })];
+    _accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
+    __esDecorate(_a, null, _protectiveRoom_decorators, { kind: "accessor", name: "protectiveRoom", static: false, private: false, access: { has: (obj) => "protectiveRoom" in obj, get: (obj) => obj.protectiveRoom, set: (obj, value) => {
+      obj.protectiveRoom = value;
+    } }, metadata: _metadata }, _protectiveRoom_initializers, _protectiveRoom_extraInitializers);
+    __esDecorate(_a, null, _accessibilityLabel_decorators, { kind: "accessor", name: "accessibilityLabel", static: false, private: false, access: { has: (obj) => "accessibilityLabel" in obj, get: (obj) => obj.accessibilityLabel, set: (obj, value) => {
+      obj.accessibilityLabel = value;
+    } }, metadata: _metadata }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbLogoElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2xvZ28vbG9nby50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQcm90ZWN0aXZlUm9vbSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9sb2dvLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgdGhlIFNCQiBsb2dvLlxuICpcbiAqIEBjc3Nwcm9wIFstLXNiYi1sb2dvLWhlaWdodD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCB0aGUgaGVpZ2h0IG9mIHRoZSBsb2dvLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItbG9nbycpXG5jbGFzcyBTYmJMb2dvRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVmlzdWFsIHByb3RlY3RpdmUgcm9vbSBhcm91bmQgbG9nby4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncHJvdGVjdGl2ZS1yb29tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgcHJvdGVjdGl2ZVJvb206IFNiYlByb3RlY3RpdmVSb29tID0gJ2lkZWFsJztcblxuICAvKiogQWNjZXNzaWJpbGl0eSBsYWJlbCB3aGljaCB3aWxsIGJlIGZvcndhcmRlZCB0byB0aGUgU1ZHIGxvZ28uICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2dvXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvZ29fX3N2Zy1jb250YWluZXJcIj5cbiAgICAgICAgICA8c3ZnIGZvY3VzYWJsZT1cImZhbHNlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNDU0IDQ4XCI+XG4gICAgICAgICAgICA8dGl0bGUgLnRleHRDb250ZW50PSR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PjwvdGl0bGU+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBpZD1cInNiYi1sb2dvX193b3JkLW1hcmtcIlxuICAgICAgICAgICAgICBkPVwiTTIzOC4yIDM0LjZjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZoLTd2OWg3LjR6bS0uNC0xNC40YzMuNSAwIDUuNi0xLjQgNS42LTMuOCAwLTIuNy0xLjktNC01LjctNGgtN3Y3LjhoNy4xem0xLjEtMTMuNGM3LjMgMCAxMS40IDMuMSAxMS40IDguNSAwIDMtMS40IDUuMS00LjYgNi45IDQuMSAxLjUgNS45IDQuMSA1LjkgOC41IDAgNS45LTQuNiA5LjYtMTEuOSA5LjZoLTE1LjlWNi44aDE1LjF6bS0zMy43IDI3LjhjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZIMTk4djloNy4yem0tLjMtMTQuNGMzLjUgMCA1LjYtMS40IDUuNi0zLjggMC0yLjctMS45LTQtNS43LTRIMTk4djcuOGg2Ljl6TTIwNiA2LjhjNy4zIDAgMTEuNCAzLjEgMTEuNCA4LjUgMCAzLTEuNCA1LjEtNC42IDYuOSA0LjEgMS41IDUuOSA0LjEgNS45IDguNSAwIDUuOS00LjYgOS42LTExLjkgOS42SDE5MVY2LjhoMTV6bS0yOCA5LjljLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LjEtNC4zLTE0LjEtMTEuOWg3LjFjLjQgNC40IDIuNiA2LjIgNy4zIDYuMiAzLjYgMCA2LjItMS45IDYuMi00LjYgMC0yLjEtMS40LTMuNC00LjEtMy45bC01LjUtMWMtNy0xLjMtMTAuMi00LjMtMTAuMi05LjcgMC02LjIgNC45LTEwIDEyLjktMTAgNy44IDAgMTIuNyA0IDEyLjkgMTAuNmwtNi42LjJ6bTE1OC43LTMuOXY3LjhoMTV2NS44aC0xNXYxMy43aC03VjYuOGgyMy41djZoLTE2LjV6bS0yOS40IDB2Ny44aDE0Ljh2NS44aC0xNC44djEzLjdoLTdWNi44aDIzLjN2NmgtMTYuM3ptLTExLjggMTUuN0MyOTUgMzYuMiAyODkuMyA0MSAyODEgNDFjLTkuNCAwLTE1LjYtNi44LTE1LjYtMTcuNCAwLTEwLjUgNi40LTE3LjUgMTUuNy0xNy41IDguMSAwIDEzLjUgNC41IDE0LjEgMTEuNmgtN2MtLjgtMy44LTMuMi01LjctNy4xLTUuNy01LjMgMC04LjggNC42LTguOCAxMS42czMuNCAxMS42IDguNiAxMS42YzQuMyAwIDYuNy0yLjEgNy41LTYuN2g3LjF6bTE1MC43LTExLjhjLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LTQuMy0xNC4xLTExLjloNy4xYy40IDQuNCAyLjYgNi4yIDcuMyA2LjIgMy43IDAgNi4yLTEuOSA2LjItNC42IDAtMi4xLTEuNC0zLjQtNC4xLTMuOWwtNS41LTFjLTctMS4zLTEwLjItNC4zLTEwLjItOS43IDAtNi4yIDQuOS0xMCAxMi45LTEwIDcuOCAwIDEyLjcgNCAxMyAxMC42bC02LjcuMnptLTQwLjQtMy45djcuOGgxNC45djUuOGgtMTQuOXYxMy43aC03VjYuOGgyMy40djZoLTE2LjR6bS0yOS43IDB2Ny44aDE1djUuOGgtMTV2MTMuN2gtN1Y2LjhoMjMuNXY2aC0xNi41elwiXG4gICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgPHBhdGggaWQ9XCJzYmItbG9nb19fcGFuZWxcIiBzdHJva2Utd2lkdGg9XCIxXCIgZD1cIk0xIDQ3aDE0MVYxSDF2NDZ6XCI+PC9wYXRoPlxuICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgaWQ9XCJzYmItbG9nb19fc2lnbmV0XCJcbiAgICAgICAgICAgICAgZD1cIk04NyA0MGg5LjNMODMuOCAyNy43aDE1LjVWNDBoNy40VjI3LjdoMTUuNkwxMDkuNyA0MGg5LjNsMTYtMTYtMTUuOS0xNmgtOS4zbDEyLjUgMTIuM2gtMTUuNlY4aC03LjR2MTIuM0g4My44TDk2LjMgOEg4N0w3MSAyNGwxNiAxNnpcIlxuICAgICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1sb2dvJzogU2JiTG9nb0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWlCTSxrQkFBYyxNQUFBOzswQkFEbkIsY0FBYyxVQUFVLENBQUM7Ozs7b0JBQ0csaUJBQWlCLFVBQVU7Ozs7Ozs7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQUt2RCwyREFBQSxrQkFBQSxNQUFBLDhCQUFvRCxPQUFPO0FBSzNELGdFQUFBLGtCQUFBLE1BQUEsaUNBQUEsR0FBQSxrQkFBQSxNQUFBLGtDQUE2QyxNQUFNOzs7O0lBTG5ELElBQWdCLGlCQUE0QztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBNUQsSUFBZ0IsZUFBNEMsT0FBQTtBQUFBLHlCQUFBLGtDQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFLNUQsSUFBZ0IscUJBQW9DO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwRCxJQUFnQixtQkFBb0MsT0FBQTtBQUFBLHlCQUFBLHNDQUFBO0FBQUEsSUFBQTtBQUFBLElBRWpDLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGtDQUl1QixLQUFLLGtCQUFrQjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLEtBWnZELGtEQUtBOztrQ0FOQyxTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxLQUFBLENBQU0sQ0FBQztzQ0FJekQsYUFDQSxTQUFTLEVBQUUsV0FBVyxzQkFBQSxDQUF1QixDQUFDO0FBSi9CLGlCQUFBLElBQUEsTUFBQSw0QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGtCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLG9CQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxnQkFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxpQkFBNEM7QUFBQSxTQUFBLFVBQUEsYUFBQSw4QkFBQSxpQ0FBQTtBQUs1QyxpQkFBQSxJQUFBLE1BQUEsZ0NBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxzQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSx3QkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsb0JBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEscUJBQW9DO0FBQUEsU0FBQSxVQUFBLGFBQUEsa0NBQUEscUNBQUE7QUFWdEQsaUJBZ0NDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUEvQndCLEdBQU0sU0FBbUIsT0FENUMsa0JBQWMsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/logo.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './logo/logo.js';
 //# sourceMappingURL=logo.d.ts.map

package/development/logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/elements/logo.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/elements/logo.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gBAAgB,CAAC"}

package/development/logo.js

@@ -1,157 +1,5 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { forceType } from "./core/decorators.js";
-import { SbbNegativeMixin } from "./core/mixins.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-  height: var(--sbb-logo-height);
-  --sbb-logo-panel-color: var(--sbb-color-red);
-  --sbb-logo-signet-color: var(--sbb-color-white);
-  --sbb-logo-word-mark-color: var(--sbb-color-black);
-  --sbb-logo-aspect-ratio: 454 / 48;
-  --sbb-logo-svg-container-width: 100%;
-  --sbb-logo-svg-container-height: auto;
-  --sbb-logo-background-color: none;
-}
-@media (forced-colors: active) {
-  :host {
-    --sbb-logo-panel-color: ButtonText !important;
-    --sbb-logo-signet-color: Canvas !important;
-    --sbb-logo-word-mark-color: ButtonText !important;
-  }
-}
-
-:host([negative]) {
-  --sbb-logo-word-mark-color: var(--sbb-color-white);
-}
-
-:host([protective-room=minimal]) {
-  --sbb-logo-aspect-ratio: 502 / 96;
-  --sbb-logo-svg-container-height: 50%;
-}
-
-:host([protective-room=ideal]) {
-  --sbb-logo-aspect-ratio: 550 / 144;
-  --sbb-logo-svg-container-height: calc(48 / 144 * 100%);
-}
-
-.sbb-logo {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--sbb-logo-background-color);
-  aspect-ratio: var(--sbb-logo-aspect-ratio);
-  height: 100%;
-  width: 100%;
-}
-
-.sbb-logo .sbb-logo__svg-container {
-  display: flex;
-  height: var(--sbb-logo-svg-container-height);
-}
-
-.sbb-logo svg {
-  width: 100%;
-  height: 100%;
-}
-
-#sbb-logo__word-mark {
-  fill: var(--sbb-logo-word-mark-color);
-}
-
-#sbb-logo__panel {
-  fill: var(--sbb-logo-panel-color);
-  stroke: var(--sbb-logo-panel-color);
-}
-
-#sbb-logo__signet {
-  fill: var(--sbb-logo-signet-color);
-}`;
-let SbbLogoElement = (() => {
-  var _protectiveRoom_accessor_storage, _accessibilityLabel_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-logo")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbNegativeMixin(LitElement);
-  let _protectiveRoom_decorators;
-  let _protectiveRoom_initializers = [];
-  let _protectiveRoom_extraInitializers = [];
-  let _accessibilityLabel_decorators;
-  let _accessibilityLabel_initializers = [];
-  let _accessibilityLabel_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _protectiveRoom_accessor_storage, __runInitializers(this, _protectiveRoom_initializers, "ideal"));
-      __privateAdd(this, _accessibilityLabel_accessor_storage, (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo")));
-      __runInitializers(this, _accessibilityLabel_extraInitializers);
-    }
-    /** Visual protective room around logo. */
-    get protectiveRoom() {
-      return __privateGet(this, _protectiveRoom_accessor_storage);
-    }
-    set protectiveRoom(value) {
-      __privateSet(this, _protectiveRoom_accessor_storage, value);
-    }
-    /** Accessibility label which will be forwarded to the SVG logo. */
-    get accessibilityLabel() {
-      return __privateGet(this, _accessibilityLabel_accessor_storage);
-    }
-    set accessibilityLabel(value) {
-      __privateSet(this, _accessibilityLabel_accessor_storage, value);
-    }
-    render() {
-      return html`
-      <span class="sbb-logo">
-        <span class="sbb-logo__svg-container">
-          <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
-            <title .textContent=${this.accessibilityLabel}></title>
-            <path
-              id="sbb-logo__word-mark"
-              d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
-            ></path>
-            <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
-            <path
-              id="sbb-logo__signet"
-              d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
-            ></path>
-          </svg>
-        </span>
-      </span>
-    `;
-    }
-  }, _protectiveRoom_accessor_storage = new WeakMap(), _accessibilityLabel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _protectiveRoom_decorators = [property({ attribute: "protective-room", reflect: true })];
-    _accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
-    __esDecorate(_a, null, _protectiveRoom_decorators, { kind: "accessor", name: "protectiveRoom", static: false, private: false, access: { has: (obj) => "protectiveRoom" in obj, get: (obj) => obj.protectiveRoom, set: (obj, value) => {
-      obj.protectiveRoom = value;
-    } }, metadata: _metadata }, _protectiveRoom_initializers, _protectiveRoom_extraInitializers);
-    __esDecorate(_a, null, _accessibilityLabel_decorators, { kind: "accessor", name: "accessibilityLabel", static: false, private: false, access: { has: (obj) => "accessibilityLabel" in obj, get: (obj) => obj.accessibilityLabel, set: (obj, value) => {
-      obj.accessibilityLabel = value;
-    } }, metadata: _metadata }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
+import { SbbLogoElement } from "./logo/logo.js";
 export {
   SbbLogoElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2xvZ28vbG9nby50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQcm90ZWN0aXZlUm9vbSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9sb2dvLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgdGhlIFNCQiBsb2dvLlxuICpcbiAqIEBjc3Nwcm9wIFstLXNiYi1sb2dvLWhlaWdodD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCB0aGUgaGVpZ2h0IG9mIHRoZSBsb2dvLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItbG9nbycpXG5jbGFzcyBTYmJMb2dvRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogVmlzdWFsIHByb3RlY3RpdmUgcm9vbSBhcm91bmQgbG9nby4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncHJvdGVjdGl2ZS1yb29tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgcHJvdGVjdGl2ZVJvb206IFNiYlByb3RlY3RpdmVSb29tID0gJ2lkZWFsJztcblxuICAvKiogQWNjZXNzaWJpbGl0eSBsYWJlbCB3aGljaCB3aWxsIGJlIGZvcndhcmRlZCB0byB0aGUgU1ZHIGxvZ28uICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2dvXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvZ29fX3N2Zy1jb250YWluZXJcIj5cbiAgICAgICAgICA8c3ZnIGZvY3VzYWJsZT1cImZhbHNlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNDU0IDQ4XCI+XG4gICAgICAgICAgICA8dGl0bGUgLnRleHRDb250ZW50PSR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PjwvdGl0bGU+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBpZD1cInNiYi1sb2dvX193b3JkLW1hcmtcIlxuICAgICAgICAgICAgICBkPVwiTTIzOC4yIDM0LjZjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZoLTd2OWg3LjR6bS0uNC0xNC40YzMuNSAwIDUuNi0xLjQgNS42LTMuOCAwLTIuNy0xLjktNC01LjctNGgtN3Y3LjhoNy4xem0xLjEtMTMuNGM3LjMgMCAxMS40IDMuMSAxMS40IDguNSAwIDMtMS40IDUuMS00LjYgNi45IDQuMSAxLjUgNS45IDQuMSA1LjkgOC41IDAgNS45LTQuNiA5LjYtMTEuOSA5LjZoLTE1LjlWNi44aDE1LjF6bS0zMy43IDI3LjhjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZIMTk4djloNy4yem0tLjMtMTQuNGMzLjUgMCA1LjYtMS40IDUuNi0zLjggMC0yLjctMS45LTQtNS43LTRIMTk4djcuOGg2Ljl6TTIwNiA2LjhjNy4zIDAgMTEuNCAzLjEgMTEuNCA4LjUgMCAzLTEuNCA1LjEtNC42IDYuOSA0LjEgMS41IDUuOSA0LjEgNS45IDguNSAwIDUuOS00LjYgOS42LTExLjkgOS42SDE5MVY2LjhoMTV6bS0yOCA5LjljLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LjEtNC4zLTE0LjEtMTEuOWg3LjFjLjQgNC40IDIuNiA2LjIgNy4zIDYuMiAzLjYgMCA2LjItMS45IDYuMi00LjYgMC0yLjEtMS40LTMuNC00LjEtMy45bC01LjUtMWMtNy0xLjMtMTAuMi00LjMtMTAuMi05LjcgMC02LjIgNC45LTEwIDEyLjktMTAgNy44IDAgMTIuNyA0IDEyLjkgMTAuNmwtNi42LjJ6bTE1OC43LTMuOXY3LjhoMTV2NS44aC0xNXYxMy43aC03VjYuOGgyMy41djZoLTE2LjV6bS0yOS40IDB2Ny44aDE0Ljh2NS44aC0xNC44djEzLjdoLTdWNi44aDIzLjN2NmgtMTYuM3ptLTExLjggMTUuN0MyOTUgMzYuMiAyODkuMyA0MSAyODEgNDFjLTkuNCAwLTE1LjYtNi44LTE1LjYtMTcuNCAwLTEwLjUgNi40LTE3LjUgMTUuNy0xNy41IDguMSAwIDEzLjUgNC41IDE0LjEgMTEuNmgtN2MtLjgtMy44LTMuMi01LjctNy4xLTUuNy01LjMgMC04LjggNC42LTguOCAxMS42czMuNCAxMS42IDguNiAxMS42YzQuMyAwIDYuNy0yLjEgNy41LTYuN2g3LjF6bTE1MC43LTExLjhjLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LTQuMy0xNC4xLTExLjloNy4xYy40IDQuNCAyLjYgNi4yIDcuMyA2LjIgMy43IDAgNi4yLTEuOSA2LjItNC42IDAtMi4xLTEuNC0zLjQtNC4xLTMuOWwtNS41LTFjLTctMS4zLTEwLjItNC4zLTEwLjItOS43IDAtNi4yIDQuOS0xMCAxMi45LTEwIDcuOCAwIDEyLjcgNCAxMyAxMC42bC02LjcuMnptLTQwLjQtMy45djcuOGgxNC45djUuOGgtMTQuOXYxMy43aC03VjYuOGgyMy40djZoLTE2LjR6bS0yOS43IDB2Ny44aDE1djUuOGgtMTV2MTMuN2gtN1Y2LjhoMjMuNXY2aC0xNi41elwiXG4gICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgPHBhdGggaWQ9XCJzYmItbG9nb19fcGFuZWxcIiBzdHJva2Utd2lkdGg9XCIxXCIgZD1cIk0xIDQ3aDE0MVYxSDF2NDZ6XCI+PC9wYXRoPlxuICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgaWQ9XCJzYmItbG9nb19fc2lnbmV0XCJcbiAgICAgICAgICAgICAgZD1cIk04NyA0MGg5LjNMODMuOCAyNy43aDE1LjVWNDBoNy40VjI3LjdoMTUuNkwxMDkuNyA0MGg5LjNsMTYtMTYtMTUuOS0xNmgtOS4zbDEyLjUgMTIuM2gtMTUuNlY4aC03LjR2MTIuM0g4My44TDk2LjMgOEg4N0w3MSAyNGwxNiAxNnpcIlxuICAgICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1sb2dvJzogU2JiTG9nb0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWlCTSxrQkFBYyxNQUFBOzswQkFEbkIsY0FBYyxVQUFVLENBQUM7Ozs7b0JBQ0csaUJBQWlCLFVBQVU7Ozs7Ozs7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQUt2RCwyREFBQSxrQkFBQSxNQUFBLDhCQUFvRCxPQUFPO0FBSzNELGdFQUFBLGtCQUFBLE1BQUEsaUNBQUEsR0FBQSxrQkFBQSxNQUFBLGtDQUE2QyxNQUFNOzs7O0lBTG5ELElBQWdCLGlCQUE0QztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBNUQsSUFBZ0IsZUFBNEMsT0FBQTtBQUFBLHlCQUFBLGtDQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFLNUQsSUFBZ0IscUJBQW9DO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwRCxJQUFnQixtQkFBb0MsT0FBQTtBQUFBLHlCQUFBLHNDQUFBO0FBQUEsSUFBQTtBQUFBLElBRWpDLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGtDQUl1QixLQUFLLGtCQUFrQjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLEtBWnZELGtEQUtBOztrQ0FOQyxTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxLQUFBLENBQU0sQ0FBQztzQ0FJekQsYUFDQSxTQUFTLEVBQUUsV0FBVyxzQkFBQSxDQUF1QixDQUFDO0FBSi9CLGlCQUFBLElBQUEsTUFBQSw0QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGtCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLG9CQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxnQkFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxpQkFBNEM7QUFBQSxTQUFBLFVBQUEsYUFBQSw4QkFBQSxpQ0FBQTtBQUs1QyxpQkFBQSxJQUFBLE1BQUEsZ0NBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxzQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSx3QkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsb0JBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEscUJBQW9DO0FBQUEsU0FBQSxVQUFBLGFBQUEsa0NBQUEscUNBQUE7QUFWdEQsaUJBZ0NDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUEvQndCLEdBQU0sU0FBbUIsT0FENUMsa0JBQWMsWUFBQSx1QkFBQSxHQUFDOzs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=