@sbb-esta/lyne-elements 2.5.1 → 2.7.0

package/development/timetable-occupancy-icon.js

@@ -1,98 +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 { __runInitializers, __esDecorate } from "tslib";
-import { customElement, property } from "lit/decorators.js";
-import { SbbLanguageController, SbbMediaMatcherController, SbbMediaQueryForcedColors } from "./core/controllers.js";
-import { setOrRemoveAttribute } from "./core/dom.js";
-import { i18nOccupancy } from "./core/i18n.js";
-import { SbbNegativeMixin } from "./core/mixins.js";
-import { SbbIconBase } from "./icon.js";
-import { css } from "lit";
-const style = css`@media (forced-colors: active) and (prefers-color-scheme: light) {
-  :host svg {
-    filter: invert(1);
-  }
-}`;
-let SbbTimetableOccupancyIconElement = (() => {
-  var _occupancy_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-timetable-occupancy-icon")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbNegativeMixin(SbbIconBase);
-  let _occupancy_decorators;
-  let _occupancy_initializers = [];
-  let _occupancy_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _occupancy_accessor_storage);
-      __privateSet(this, _occupancy_accessor_storage, __runInitializers(this, _occupancy_initializers, "none"));
-      this._language = (__runInitializers(this, _occupancy_extraInitializers), new SbbLanguageController(this).withHandler(() => this._setAriaLabel()));
-      this._mediaMatcher = new SbbMediaMatcherController(this, {
-        [SbbMediaQueryForcedColors]: (matches) => {
-          this._forcedColors = matches;
-          this._setNameAndAriaLabel();
-        }
-      });
-      this._forcedColors = this._mediaMatcher.matches(SbbMediaQueryForcedColors) ?? false;
-    }
-    /** Wagon occupancy. */
-    get occupancy() {
-      return __privateGet(this, _occupancy_accessor_storage);
-    }
-    set occupancy(value) {
-      __privateSet(this, _occupancy_accessor_storage, value);
-    }
-    async _setNameAndAriaLabel() {
-      if (!this.occupancy) {
-        return;
-      }
-      let icon = `utilization-${this.occupancy}`;
-      if (this._forcedColors) {
-        icon += "-high-contrast";
-      } else if (this.negative) {
-        icon += "-negative";
-      }
-      await this.loadSvgIcon(icon);
-    }
-    async fetchSvgIcon(namespace, name) {
-      this._setAriaLabel();
-      return super.fetchSvgIcon(namespace, name);
-    }
-    _setAriaLabel() {
-      var _a2;
-      const label = (_a2 = i18nOccupancy[this.occupancy]) == null ? void 0 : _a2[this._language.current];
-      setOrRemoveAttribute(this, "aria-label", label);
-    }
-    connectedCallback() {
-      super.connectedCallback();
-      this._setNameAndAriaLabel();
-    }
-    willUpdate(changedProperties) {
-      super.willUpdate(changedProperties);
-      if (changedProperties.has("occupancy") || changedProperties.has("negative")) {
-        this._setNameAndAriaLabel();
-      }
-    }
-  }, _occupancy_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _occupancy_decorators = [property()];
-    __esDecorate(_a, null, _occupancy_decorators, { kind: "accessor", name: "occupancy", static: false, private: false, access: { has: (obj) => "occupancy" in obj, get: (obj) => obj.occupancy, set: (obj, value) => {
-      obj.occupancy = value;
-    } }, metadata: _metadata }, _occupancy_initializers, _occupancy_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 = [SbbIconBase.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
+import { SbbTimetableOccupancyIconElement } from "./timetable-occupancy-icon/timetable-occupancy-icon.js";
 export {
   SbbTimetableOccupancyIconElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS1pY29uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uL3RpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHtcbiAgU2JiTWVkaWFRdWVyeUZvcmNlZENvbG9ycyxcbiAgU2JiTGFuZ3VhZ2VDb250cm9sbGVyLFxuICBTYmJNZWRpYU1hdGNoZXJDb250cm9sbGVyLFxufSBmcm9tICcuLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IHNldE9yUmVtb3ZlQXR0cmlidXRlIH0gZnJvbSAnLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgaTE4bk9jY3VwYW5jeSB9IGZyb20gJy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk9jY3VwYW5jeSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbkJhc2UgfSBmcm9tICcuLi9pY29uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB3YWdvbidzIG9jY3VwYW5jeSBpY29uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uJylcbmNsYXNzIFNiYlRpbWV0YWJsZU9jY3VwYW5jeUljb25FbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJJY29uQmFzZSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiSWNvbkJhc2Uuc3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIFdhZ29uIG9jY3VwYW5jeS4gKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIG9jY3VwYW5jeTogU2JiT2NjdXBhbmN5ID0gJ25vbmUnO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKS53aXRoSGFuZGxlcigoKSA9PiB0aGlzLl9zZXRBcmlhTGFiZWwoKSk7XG4gIHByaXZhdGUgX21lZGlhTWF0Y2hlciA9IG5ldyBTYmJNZWRpYU1hdGNoZXJDb250cm9sbGVyKHRoaXMsIHtcbiAgICBbU2JiTWVkaWFRdWVyeUZvcmNlZENvbG9yc106IChtYXRjaGVzKSA9PiB7XG4gICAgICB0aGlzLl9mb3JjZWRDb2xvcnMgPSBtYXRjaGVzO1xuICAgICAgdGhpcy5fc2V0TmFtZUFuZEFyaWFMYWJlbCgpO1xuICAgIH0sXG4gIH0pO1xuXG4gIHByaXZhdGUgX2ZvcmNlZENvbG9yczogYm9vbGVhbiA9IHRoaXMuX21lZGlhTWF0Y2hlci5tYXRjaGVzKFNiYk1lZGlhUXVlcnlGb3JjZWRDb2xvcnMpID8/IGZhbHNlO1xuXG4gIHByaXZhdGUgYXN5bmMgX3NldE5hbWVBbmRBcmlhTGFiZWwoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKCF0aGlzLm9jY3VwYW5jeSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGxldCBpY29uID0gYHV0aWxpemF0aW9uLSR7dGhpcy5vY2N1cGFuY3l9YDtcbiAgICBpZiAodGhpcy5fZm9yY2VkQ29sb3JzKSB7XG4gICAgICBpY29uICs9ICctaGlnaC1jb250cmFzdCc7XG4gICAgfSBlbHNlIGlmICh0aGlzLm5lZ2F0aXZlKSB7XG4gICAgICBpY29uICs9ICctbmVnYXRpdmUnO1xuICAgIH1cblxuICAgIGF3YWl0IHRoaXMubG9hZFN2Z0ljb24oaWNvbik7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgZmV0Y2hTdmdJY29uKG5hbWVzcGFjZTogc3RyaW5nLCBuYW1lOiBzdHJpbmcpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIHRoaXMuX3NldEFyaWFMYWJlbCgpO1xuICAgIHJldHVybiBzdXBlci5mZXRjaFN2Z0ljb24obmFtZXNwYWNlLCBuYW1lKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NldEFyaWFMYWJlbCgpOiB2b2lkIHtcbiAgICBjb25zdCBsYWJlbCA9IChpMThuT2NjdXBhbmN5W3RoaXMub2NjdXBhbmN5XSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KT8uW1xuICAgICAgdGhpcy5fbGFuZ3VhZ2UuY3VycmVudFxuICAgIF07XG4gICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUodGhpcywgJ2FyaWEtbGFiZWwnLCBsYWJlbCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9zZXROYW1lQW5kQXJpYUxhYmVsKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ29jY3VwYW5jeScpIHx8IGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbmVnYXRpdmUnKSkge1xuICAgICAgdGhpcy5fc2V0TmFtZUFuZEFyaWFMYWJlbCgpO1xuICAgIH1cbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbic6IFNiYlRpbWV0YWJsZU9jY3VwYW5jeUljb25FbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBcUJNLG9DQUFnQyxNQUFBOzswQkFEckMsY0FBYyw4QkFBOEIsQ0FBQzs7OztvQkFDQyxpQkFBaUIsV0FBVzs7OztBQUFwQyxFQUFBLG1CQUFRLFlBQTZCO0FBQUE7O0FBSTlEO0FBQWdCLHlCQUFBLDZCQUFBLGtCQUFBLE1BQUEseUJBQTBCLE1BQU07QUFFcEQsV0FBQSxvRUFBWSxJQUFJLHNCQUFzQixJQUFJLEVBQUUsWUFBWSxNQUFNLEtBQUssY0FBZSxDQUFBO0FBQ2xGLFdBQUEsZ0JBQWdCLElBQUksMEJBQTBCLE1BQU07QUFBQSxRQUMxRCxDQUFDLHlCQUF5QixHQUFHLENBQUMsWUFBVztBQUN2QyxlQUFLLGdCQUFnQjtBQUNyQixlQUFLLHFCQUFvQjtBQUFBLFFBQUE7QUFBQSxNQUMzQixDQUNEO0FBRU8sV0FBYSxnQkFBWSxLQUFLLGNBQWMsUUFBUSx5QkFBeUIsS0FBSztBQUFBLElBQUE7QUFBQTtBQUFBLElBVjlFLElBQWdCLFlBQWlDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFqRCxJQUFnQixVQUFpQyxPQUFBO0FBQUEseUJBQUEsNkJBQUE7QUFBQSxJQUFBO0FBQUEsSUFZckQsTUFBTSx1QkFBb0I7QUFDNUIsVUFBQSxDQUFDLEtBQUssV0FBVztBQUNuQjtBQUFBLE1BQUE7QUFHRSxVQUFBLE9BQU8sZUFBZSxLQUFLLFNBQVM7QUFDeEMsVUFBSSxLQUFLLGVBQWU7QUFDZCxnQkFBQTtBQUFBLE1BQUEsV0FDQyxLQUFLLFVBQVU7QUFDaEIsZ0JBQUE7QUFBQSxNQUFBO0FBR0osWUFBQSxLQUFLLFlBQVksSUFBSTtBQUFBLElBQUE7QUFBQSxJQUdWLE1BQU0sYUFBYSxXQUFtQixNQUFZO0FBQ25FLFdBQUssY0FBYTtBQUNYLGFBQUEsTUFBTSxhQUFhLFdBQVcsSUFBSTtBQUFBLElBQUE7QUFBQSxJQUduQyxnQkFBYTs7QUFDbkIsWUFBTSxTQUFTQSxNQUFBLGNBQWMsS0FBSyxTQUFTLE1BQTVCLGdCQUFBQSxJQUNiLEtBQUssVUFBVTtBQUVJLDJCQUFBLE1BQU0sY0FBYyxLQUFLO0FBQUEsSUFBQTtBQUFBLElBR2hDLG9CQUFpQjtBQUMvQixZQUFNLGtCQUFpQjtBQUN2QixXQUFLLHFCQUFvQjtBQUFBLElBQUE7QUFBQSxJQUdSLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFFbEMsVUFBSSxrQkFBa0IsSUFBSSxXQUFXLEtBQUssa0JBQWtCLElBQUksVUFBVSxHQUFHO0FBQzNFLGFBQUsscUJBQW9CO0FBQUEsTUFBQTtBQUFBLElBQzNCO0FBQUEsS0FqRFU7O0FBQVgsNEJBQUEsQ0FBQSxVQUFVO0FBQWlCLGlCQUFBLElBQUEsTUFBQSx1QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsZUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsV0FBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxZQUFpQztBQUFBLFNBQUEsVUFBQSxhQUFBLHlCQUFBLDRCQUFBO0FBSi9ELGlCQXVEQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBdER3QixHQUFNLFNBQW1CLENBQUMsWUFBWSxRQUFRLEtBQUssR0FEdEUsa0JBQWdDLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS1pY29uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/timetable-occupancy.d.ts

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

package/development/timetable-occupancy.d.ts.map

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

package/development/timetable-occupancy.js

@@ -1,151 +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 { __runInitializers, __esDecorate } from "tslib";
-import { css, LitElement, nothing, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { SbbLanguageController } from "./core/controllers.js";
-import { i18nClass } from "./core/i18n.js";
-import { SbbNegativeMixin } from "./core/mixins.js";
-import "./screen-reader-only.js";
-import "./timetable-occupancy-icon.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  display: inline-block;
-  --sbb-timetable-occupancy-color: var(--sbb-color-charcoal);
-  --sbb-icon-svg-width: 0.890625rem;
-  --sbb-icon-svg-height: v0.75rem;
-}
-@media (min-width: calc(52.5rem)) {
-  :host {
-    --sbb-icon-svg-width: 1.1875rem;
-    --sbb-icon-svg-height: v1rem;
-  }
-}
-
-:host([negative]) {
-  --sbb-timetable-occupancy-color: var(--sbb-color-white);
-}
-
-.sbb-timetable-occupancy__list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  font-size: inherit;
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  gap: var(--sbb-spacing-fixed-2x);
-}
-
-.sbb-timetable-occupancy__list-item {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  gap: var(--sbb-spacing-fixed-1x);
-}
-
-.sbb-timetable-occupancy__list-item-class {
-  --sbb-text-font-size: var(--sbb-font-size-text-s);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
-  font-size: var(--sbb-text-font-size);
-  line-height: 1;
-  color: var(--sbb-timetable-occupancy-color);
-}
-
-.sbb-timetable-occupancy__list-item-icon {
-  display: flex;
-}`;
-let SbbTimetableOccupancyElement = (() => {
-  var _firstClassOccupancy_accessor_storage, _secondClassOccupancy_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-timetable-occupancy")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbNegativeMixin(LitElement);
-  let _firstClassOccupancy_decorators;
-  let _firstClassOccupancy_initializers = [];
-  let _firstClassOccupancy_extraInitializers = [];
-  let _secondClassOccupancy_decorators;
-  let _secondClassOccupancy_initializers = [];
-  let _secondClassOccupancy_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _firstClassOccupancy_accessor_storage);
-      __privateAdd(this, _secondClassOccupancy_accessor_storage);
-      __privateSet(this, _firstClassOccupancy_accessor_storage, __runInitializers(this, _firstClassOccupancy_initializers, null));
-      __privateSet(this, _secondClassOccupancy_accessor_storage, (__runInitializers(this, _firstClassOccupancy_extraInitializers), __runInitializers(this, _secondClassOccupancy_initializers, null)));
-      this._language = (__runInitializers(this, _secondClassOccupancy_extraInitializers), new SbbLanguageController(this));
-    }
-    /** Occupancy for first class wagons. */
-    get firstClassOccupancy() {
-      return __privateGet(this, _firstClassOccupancy_accessor_storage);
-    }
-    set firstClassOccupancy(value) {
-      __privateSet(this, _firstClassOccupancy_accessor_storage, value);
-    }
-    /** Occupancy for second class wagons. */
-    get secondClassOccupancy() {
-      return __privateGet(this, _secondClassOccupancy_accessor_storage);
-    }
-    set secondClassOccupancy(value) {
-      __privateSet(this, _secondClassOccupancy_accessor_storage, value);
-    }
-    render() {
-      return html` ${(this.firstClassOccupancy || this.secondClassOccupancy) && html`
-      <ul
-        class="sbb-timetable-occupancy__list"
-        role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : nothing}
-      >
-        ${[this.firstClassOccupancy, this.secondClassOccupancy].map((occupancy, index) => occupancy && html`
-              <li class="sbb-timetable-occupancy__list-item">
-                <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
-                  ${this.firstClassOccupancy && index === 0 ? "1" : "2"}.
-                </span>
-                <sbb-screen-reader-only>
-                  ${`${i18nClass[this.firstClassOccupancy && index === 0 ? "first" : "second"][this._language.current]}.`}
-                </sbb-screen-reader-only>
-                <sbb-timetable-occupancy-icon
-                  class="sbb-timetable-occupancy__list-item-icon"
-                  ?negative=${this.negative}
-                  .occupancy=${occupancy}
-                >
-                </sbb-timetable-occupancy-icon>
-              </li>
-            `)}
-      </ul>
-    `}`;
-    }
-  }, _firstClassOccupancy_accessor_storage = new WeakMap(), _secondClassOccupancy_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _firstClassOccupancy_decorators = [property({ attribute: "first-class-occupancy" })];
-    _secondClassOccupancy_decorators = [property({ attribute: "second-class-occupancy" })];
-    __esDecorate(_a, null, _firstClassOccupancy_decorators, { kind: "accessor", name: "firstClassOccupancy", static: false, private: false, access: { has: (obj) => "firstClassOccupancy" in obj, get: (obj) => obj.firstClassOccupancy, set: (obj, value) => {
-      obj.firstClassOccupancy = value;
-    } }, metadata: _metadata }, _firstClassOccupancy_initializers, _firstClassOccupancy_extraInitializers);
-    __esDecorate(_a, null, _secondClassOccupancy_decorators, { kind: "accessor", name: "secondClassOccupancy", static: false, private: false, access: { has: (obj) => "secondClassOccupancy" in obj, get: (obj) => obj.secondClassOccupancy, set: (obj, value) => {
-      obj.secondClassOccupancy = value;
-    } }, metadata: _metadata }, _secondClassOccupancy_initializers, _secondClassOccupancy_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 { SbbTimetableOccupancyElement } from "./timetable-occupancy/timetable-occupancy.js";
 export {
   SbbTimetableOccupancyElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpbWV0YWJsZS1vY2N1cGFuY3kvdGltZXRhYmxlLW9jY3VwYW5jeS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5DbGFzcyB9IGZyb20gJy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk9jY3VwYW5jeSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtb2NjdXBhbmN5LnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcbmltcG9ydCAnLi4vdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uLmpzJztcblxuLyoqXG4gKiBVc2VkIGluIGBzYmItdGltZXRhYmxlLXJvd2AsIGl0IGRpc3BsYXlzIGluZm9ybWF0aW9uIGFib3V0IHdhZ29uIG9jY3VwYW5jeS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3knKVxuY2xhc3MgU2JiVGltZXRhYmxlT2NjdXBhbmN5RWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogT2NjdXBhbmN5IGZvciBmaXJzdCBjbGFzcyB3YWdvbnMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ZpcnN0LWNsYXNzLW9jY3VwYW5jeScgfSlcbiAgcHVibGljIGFjY2Vzc29yIGZpcnN0Q2xhc3NPY2N1cGFuY3k6IFNiYk9jY3VwYW5jeSB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBPY2N1cGFuY3kgZm9yIHNlY29uZCBjbGFzcyB3YWdvbnMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3NlY29uZC1jbGFzcy1vY2N1cGFuY3knIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBzZWNvbmRDbGFzc09jY3VwYW5jeTogU2JiT2NjdXBhbmN5IHwgbnVsbCA9IG51bGw7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYCAkeyh0aGlzLmZpcnN0Q2xhc3NPY2N1cGFuY3kgfHwgdGhpcy5zZWNvbmRDbGFzc09jY3VwYW5jeSkgJiZcbiAgICBodG1sYFxuICAgICAgPHVsXG4gICAgICAgIGNsYXNzPVwic2JiLXRpbWV0YWJsZS1vY2N1cGFuY3lfX2xpc3RcIlxuICAgICAgICByb2xlPSR7IXRoaXMuZmlyc3RDbGFzc09jY3VwYW5jeSB8fCAhdGhpcy5zZWNvbmRDbGFzc09jY3VwYW5jeSA/ICdwcmVzZW50YXRpb24nIDogbm90aGluZ31cbiAgICAgID5cbiAgICAgICAgJHtbdGhpcy5maXJzdENsYXNzT2NjdXBhbmN5LCB0aGlzLnNlY29uZENsYXNzT2NjdXBhbmN5XS5tYXAoXG4gICAgICAgICAgKG9jY3VwYW5jeTogc3RyaW5nIHwgbnVsbCwgaW5kZXg6IG51bWJlcikgPT5cbiAgICAgICAgICAgIG9jY3VwYW5jeSAmJlxuICAgICAgICAgICAgaHRtbGBcbiAgICAgICAgICAgICAgPGxpIGNsYXNzPVwic2JiLXRpbWV0YWJsZS1vY2N1cGFuY3lfX2xpc3QtaXRlbVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRpbWV0YWJsZS1vY2N1cGFuY3lfX2xpc3QtaXRlbS1jbGFzc1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgJHt0aGlzLmZpcnN0Q2xhc3NPY2N1cGFuY3kgJiYgaW5kZXggPT09IDAgPyAnMScgOiAnMid9LlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgICAgICAgICAgICR7YCR7XG4gICAgICAgICAgICAgICAgICAgIGkxOG5DbGFzc1t0aGlzLmZpcnN0Q2xhc3NPY2N1cGFuY3kgJiYgaW5kZXggPT09IDAgPyAnZmlyc3QnIDogJ3NlY29uZCddW1xuICAgICAgICAgICAgICAgICAgICAgIHRoaXMuX2xhbmd1YWdlLmN1cnJlbnRcbiAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgfS5gfVxuICAgICAgICAgICAgICAgIDwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgICAgICAgICA8c2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktaWNvblxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItdGltZXRhYmxlLW9jY3VwYW5jeV9fbGlzdC1pdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgP25lZ2F0aXZlPSR7dGhpcy5uZWdhdGl2ZX1cbiAgICAgICAgICAgICAgICAgIC5vY2N1cGFuY3k9JHtvY2N1cGFuY3l9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDwvc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbj5cbiAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgIGAsXG4gICAgICAgICl9XG4gICAgICA8L3VsPlxuICAgIGB9YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3knOiBTYmJUaW1ldGFibGVPY2N1cGFuY3lFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQW1CTSxnQ0FBNEIsTUFBQTs7MEJBRGpDLGNBQWMseUJBQXlCLENBQUM7Ozs7b0JBQ0UsaUJBQWlCLFVBQVU7Ozs7Ozs7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQUtyRTtBQUlBO0FBSmdCLHlCQUFBLHVDQUFBLGtCQUFBLE1BQUEsbUNBQTJDLElBQUk7QUFJL0MseUJBQUEseUNBQUEsa0JBQUEsTUFBQSxzQ0FBQSxHQUFBLGtCQUFBLE1BQUEsb0NBQTRDLElBQUk7QUFFeEQsV0FBQSwrRUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFObEQsSUFBZ0Isc0JBQWdEO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFoRSxJQUFnQixvQkFBZ0QsT0FBQTtBQUFBLHlCQUFBLHVDQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFJaEUsSUFBZ0IsdUJBQWlEO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFqRSxJQUFnQixxQkFBaUQsT0FBQTtBQUFBLHlCQUFBLHdDQUFBO0FBQUEsSUFBQTtBQUFBLElBSTlDLFNBQU07QUFDdkIsYUFBTyxTQUFTLEtBQUssdUJBQXVCLEtBQUsseUJBQ2pEO0FBQUE7QUFBQTtBQUFBLGVBR1csQ0FBQyxLQUFLLHVCQUF1QixDQUFDLEtBQUssdUJBQXVCLGlCQUFpQixPQUFPO0FBQUE7QUFBQSxVQUV2RixDQUFDLEtBQUsscUJBQXFCLEtBQUssb0JBQW9CLEVBQUUsSUFDdEQsQ0FBQyxXQUEwQixVQUN6QixhQUNBO0FBQUE7QUFBQTtBQUFBLG9CQUdRLEtBQUssdUJBQXVCLFVBQVUsSUFBSSxNQUFNLEdBQUc7QUFBQTtBQUFBO0FBQUEsb0JBR25ELEdBQ0EsVUFBVSxLQUFLLHVCQUF1QixVQUFVLElBQUksVUFBVSxRQUFRLEVBQ3BFLEtBQUssVUFBVSxPQUFPLENBRTFCLEdBQUc7QUFBQTtBQUFBO0FBQUE7QUFBQSw4QkFJUyxLQUFLLFFBQVE7QUFBQSwrQkFDWixTQUFTO0FBQUE7QUFBQTtBQUFBO0FBQUEsYUFJM0IsQ0FDSjtBQUFBO0FBQUEsS0FFSjtBQUFBLElBQUE7QUFBQSxLQXhDSCx1REFJQTs7QUFMQyxzQ0FBQSxDQUFBLFNBQVMsRUFBRSxXQUFXLHdCQUF5QixDQUFBLENBQUM7QUFJaEQsdUNBQUEsQ0FBQSxTQUFTLEVBQUUsV0FBVyx5QkFBMEIsQ0FBQSxDQUFDO0FBSGxDLGlCQUFBLElBQUEsTUFBQSxpQ0FBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLHVCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLHlCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxxQkFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxzQkFBZ0Q7QUFBQSxTQUFBLFVBQUEsYUFBQSxtQ0FBQSxzQ0FBQTtBQUloRCxpQkFBQSxJQUFBLE1BQUEsa0NBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSx3QkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSwwQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsc0JBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsdUJBQWlEO0FBQUEsU0FBQSxVQUFBLGFBQUEsb0NBQUEsdUNBQUE7QUFUbkUsaUJBK0NDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUE5Q3dCLEdBQU0sU0FBbUIsT0FENUMsa0JBQTRCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/title/title-base.js

@@ -0,0 +1,212 @@
+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 } from "lit";
+import { property } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { hostAttributes, forceType } from "../core/decorators.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-title-text-color-normal: var(
+    --sbb-title-text-color-normal-override,
+    var(--sbb-color-charcoal)
+  );
+  display: block;
+}
+
+:host([id]) {
+  scroll-margin-block-start: var(--sbb-spacing-fixed-10x);
+}
+
+.sbb-title {
+  color: var(--sbb-title-text-color-normal);
+}
+:host([visually-hidden]) .sbb-title {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+:host(:is([level="1"]:not([visual-level]), [visual-level="1"])) .sbb-title {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-1);
+}
+:host(:is([level="2"]:not([visual-level]), [visual-level="2"])) .sbb-title {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-2);
+}
+:host(:is([level="3"]:not([visual-level]), [visual-level="3"])) .sbb-title {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-3);
+}
+:host(:is([level="4"]:not([visual-level]), [visual-level="4"])) .sbb-title {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-4);
+}
+:host(:is([level="5"]:not([visual-level]), [visual-level="5"])) .sbb-title {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-5);
+  --sbb-title-line-height: var(--sbb-typo-line-height-body-text);
+}
+:host(:is([level="6"]:not([visual-level]), [visual-level="6"])) .sbb-title {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-6);
+  --sbb-title-line-height: var(--sbb-typo-line-height-body-text);
+}`;
+let SbbTitleBase = (() => {
+  var _level_accessor_storage, _visualLevel_accessor_storage, _visuallyHidden_accessor_storage, _a;
+  let _classDecorators = [hostAttributes({
+    role: "heading"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _level_decorators;
+  let _level_initializers = [];
+  let _level_extraInitializers = [];
+  let _visualLevel_decorators;
+  let _visualLevel_initializers = [];
+  let _visualLevel_extraInitializers = [];
+  let _visuallyHidden_decorators;
+  let _visuallyHidden_initializers = [];
+  let _visuallyHidden_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _level_accessor_storage, __runInitializers(this, _level_initializers, "1"));
+      __privateAdd(this, _visualLevel_accessor_storage, (__runInitializers(this, _level_extraInitializers), __runInitializers(this, _visualLevel_initializers, null)));
+      __privateAdd(this, _visuallyHidden_accessor_storage, (__runInitializers(this, _visualLevel_extraInitializers), __runInitializers(this, _visuallyHidden_initializers, false)));
+      __runInitializers(this, _visuallyHidden_extraInitializers);
+    }
+    /** Title level */
+    get level() {
+      return __privateGet(this, _level_accessor_storage);
+    }
+    set level(value) {
+      __privateSet(this, _level_accessor_storage, value);
+    }
+    /** Visual level for the title. Optional, if not set, the value of level will be used. */
+    get visualLevel() {
+      return __privateGet(this, _visualLevel_accessor_storage);
+    }
+    set visualLevel(value) {
+      __privateSet(this, _visualLevel_accessor_storage, value);
+    }
+    /**
+     * Sometimes we need a title in the markup to present a proper hierarchy
+     * to the screen readers while we do not want to let that title appear
+     * visually. In this case we set visuallyHidden to true.
+     */
+    get visuallyHidden() {
+      return __privateGet(this, _visuallyHidden_accessor_storage);
+    }
+    set visuallyHidden(value) {
+      __privateSet(this, _visuallyHidden_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("level")) {
+        this.setAttribute("aria-level", this.level);
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-title">
+        <slot></slot>
+      </div>
+    `;
+    }
+  }, _level_accessor_storage = new WeakMap(), _visualLevel_accessor_storage = new WeakMap(), _visuallyHidden_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _level_decorators = [property({ reflect: true })];
+    _visualLevel_decorators = [property({ attribute: "visual-level", reflect: true })];
+    _visuallyHidden_decorators = [forceType(), property({ attribute: "visually-hidden", reflect: true, type: Boolean })];
+    __esDecorate(_a, null, _level_decorators, { kind: "accessor", name: "level", static: false, private: false, access: { has: (obj) => "level" in obj, get: (obj) => obj.level, set: (obj, value) => {
+      obj.level = value;
+    } }, metadata: _metadata }, _level_initializers, _level_extraInitializers);
+    __esDecorate(_a, null, _visualLevel_decorators, { kind: "accessor", name: "visualLevel", static: false, private: false, access: { has: (obj) => "visualLevel" in obj, get: (obj) => obj.visualLevel, set: (obj, value) => {
+      obj.visualLevel = value;
+    } }, metadata: _metadata }, _visualLevel_initializers, _visualLevel_extraInitializers);
+    __esDecorate(_a, null, _visuallyHidden_decorators, { kind: "accessor", name: "visuallyHidden", static: false, private: false, access: { has: (obj) => "visuallyHidden" in obj, get: (obj) => obj.visuallyHidden, set: (obj, value) => {
+      obj.visuallyHidden = value;
+    } }, metadata: _metadata }, _visuallyHidden_initializers, _visuallyHidden_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 {
+  SbbTitleBase
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtYmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpdGxlL3RpdGxlLWJhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlWYWx1ZXMsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpdGxlLWNvbW1vbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJUaXRsZUxldmVsID0gJzEnIHwgJzInIHwgJzMnIHwgJzQnIHwgJzUnIHwgJzYnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdGl0bGUgd2l0aCBhIGhlYWRpbmcgcm9sZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHBsYWNlIHRoZSBjb250ZW50IG9mIHRoZSB0aXRsZS5cbiAqL1xuZXhwb3J0XG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAnaGVhZGluZycsXG59KVxuYWJzdHJhY3QgY2xhc3MgU2JiVGl0bGVCYXNlIGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaXRsZSBsZXZlbCAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICAvKiogVmlzdWFsIGxldmVsIGZvciB0aGUgdGl0bGUuIE9wdGlvbmFsLCBpZiBub3Qgc2V0LCB0aGUgdmFsdWUgb2YgbGV2ZWwgd2lsbCBiZSB1c2VkLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd2aXN1YWwtbGV2ZWwnLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB2aXN1YWxMZXZlbDogU2JiVGl0bGVMZXZlbCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKlxuICAgKiBTb21ldGltZXMgd2UgbmVlZCBhIHRpdGxlIGluIHRoZSBtYXJrdXAgdG8gcHJlc2VudCBhIHByb3BlciBoaWVyYXJjaHlcbiAgICogdG8gdGhlIHNjcmVlbiByZWFkZXJzIHdoaWxlIHdlIGRvIG5vdCB3YW50IHRvIGxldCB0aGF0IHRpdGxlIGFwcGVhclxuICAgKiB2aXN1YWxseS4gSW4gdGhpcyBjYXNlIHdlIHNldCB2aXN1YWxseUhpZGRlbiB0byB0cnVlLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3Zpc3VhbGx5LWhpZGRlbicsIHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHZpc3VhbGx5SGlkZGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsZXZlbCcpKSB7XG4gICAgICB0aGlzLnNldEF0dHJpYnV0ZSgnYXJpYS1sZXZlbCcsIHRoaXMubGV2ZWwpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10aXRsZVwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQW9CZSxnQkFBWSxNQUFBOztBQUgxQixNQUFBLG1CQUFBLENBQUEsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUCxDQUFDOzs7O29CQUNrQzs7Ozs7Ozs7OztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQUlmLGtEQUFBLGtCQUFBLE1BQUEscUJBQXVDLEdBQUc7QUFJdkUseURBQUEsa0JBQUEsTUFBQSx3QkFBQSxHQUFBLGtCQUFBLE1BQUEsMkJBQW9ELElBQUk7QUFTeEQsNERBQUEsa0JBQUEsTUFBQSw4QkFBQSxHQUFBLGtCQUFBLE1BQUEsOEJBQTBDLEtBQUs7Ozs7SUFibEIsSUFBZ0IsUUFBMkI7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTNDLElBQWdCLE1BQTJCLE9BQUE7QUFBQSx5QkFBQSx5QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBSXhFLElBQWdCLGNBQXlDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF6RCxJQUFnQixZQUF5QyxPQUFBO0FBQUEseUJBQUEsK0JBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBU3pELElBQWdCLGlCQUFnQztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBaEQsSUFBZ0IsZUFBZ0MsT0FBQTtBQUFBLHlCQUFBLGtDQUFBO0FBQUEsSUFBQTtBQUFBLElBRTdCLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFFOUIsVUFBQSxrQkFBa0IsSUFBSSxPQUFPLEdBQUc7QUFDN0IsYUFBQSxhQUFhLGNBQWMsS0FBSyxLQUFLO0FBQUEsTUFBQTtBQUFBLElBQzVDO0FBQUEsSUFHaUIsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0F4Qm9CLHlDQUk3QiwrQ0FTQTs7QUFiQyx3QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQU0sQ0FBQSxDQUFDOytCQUczQixTQUFTLEVBQUUsV0FBVyxnQkFBZ0IsU0FBUyxLQUFBLENBQU0sQ0FBQztBQVF0RCxpQ0FBQSxDQUFBLGFBQ0EsU0FBUyxFQUFFLFdBQVcsbUJBQW1CLFNBQVMsTUFBTSxNQUFNLFFBQVMsQ0FBQSxDQUFDO0FBWjVCLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsT0FBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxRQUEyQjtBQUFBLFNBQUEsVUFBQSxhQUFBLHFCQUFBLHdCQUFBO0FBSXhELGlCQUFBLElBQUEsTUFBQSx5QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGVBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsaUJBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLGFBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsY0FBeUM7QUFBQSxTQUFBLFVBQUEsYUFBQSwyQkFBQSw4QkFBQTtBQVN6QyxpQkFBQSxJQUFBLE1BQUEsNEJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxrQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxvQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsZ0JBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsaUJBQWdDO0FBQUEsU0FBQSxVQUFBLGFBQUEsOEJBQUEsaUNBQUE7QUFqQmxELGlCQWtDQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBakN3QixHQUFNLFNBQW1CLE9BRG5DLGtCQUFZLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/title/title.js

@@ -0,0 +1,60 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbNegativeMixin } from "../core/mixins.js";
+import { SbbTitleBase } from "./title-base.js";
+import { css } from "lit";
+const style = css`:host {
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+}
+
+:host([negative]) {
+  --sbb-title-text-color-normal: var(--sbb-color-milk);
+}
+
+:host(:where(:not([visually-hidden]))) {
+  --sbb-title-margin-block-start: var(--sbb-spacing-responsive-m);
+  --sbb-title-margin-block-end: var(--sbb-spacing-responsive-s);
+}
+
+:host(:where([level="1"]:not([visual-level]), [visual-level="1"]):where(:not([visually-hidden]))) {
+  --sbb-title-margin-block-start: var(--sbb-spacing-responsive-l);
+}
+
+:host(:where([level="2"]:not([visual-level]), [visual-level="2"]):where(:not([visually-hidden]))),
+:host(:where([level="3"]:not([visual-level]), [visual-level="3"]):where(:not([visually-hidden]))) {
+  --sbb-title-margin-block-end: var(--sbb-spacing-responsive-xxxs);
+}
+
+:host(:where([level="4"]:not([visual-level]), [visual-level="4"]):where(:not([visually-hidden]))) {
+  --sbb-title-margin-block-end: var(--sbb-spacing-fixed-3x);
+}
+
+:host(:where([level="5"]:not([visual-level]), [visual-level="5"]):where(:not([visually-hidden]))) {
+  --sbb-title-margin-block-end: var(--sbb-spacing-fixed-2x);
+}
+
+:host(:where([level="6"]:not([visual-level]), [visual-level="6"]):where(:not([visually-hidden]))) {
+  --sbb-title-margin-block-end: var(--sbb-spacing-fixed-1x);
+}`;
+let SbbTitleElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-title")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(SbbTitleBase);
+  _a = class extends _classSuper {
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __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 = [SbbTitleBase.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbTitleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90aXRsZS90aXRsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5cbmltcG9ydCB7IFNiYlRpdGxlQmFzZSB9IGZyb20gJy4vdGl0bGUtYmFzZS5qcyc7XG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aXRsZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEBjc3Nwcm9wIFstLXNiYi10aXRsZS1tYXJnaW4tYmxvY2stc3RhcnQ9dmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1tKV0gLSBNYXJnaW4gYmxvY2sgc3RhcnQgb2YgdGhlIHRpdGxlLlxuICogQGNzc3Byb3AgWy0tc2JiLXRpdGxlLW1hcmdpbi1ibG9jay1lbmQ9dmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1zKV0gLSBNYXJnaW4gYmxvY2sgZW5kIG9mIHRoZSB0aXRsZS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpdGxlJylcbmNsYXNzIFNiYlRpdGxlRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oU2JiVGl0bGVCYXNlKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJUaXRsZUJhc2Uuc3R5bGVzLCBzdHlsZV07XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGl0bGUnOiBTYmJUaXRsZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBY00sbUJBQWUsTUFBQTs7MEJBRHBCLGNBQWMsV0FBVyxDQUFDOzs7O29CQUNHLGlCQUFpQixZQUFZO0FBQXJDLEVBQUEsbUJBQVEsWUFBOEI7QUFBQTs7QUFBNUQsaUJBRUMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUR3QixHQUFNLFNBQW1CLENBQUMsYUFBYSxRQUFRLEtBQUssR0FEdkUsa0JBQWUsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/title.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './title/title.js';
 export * from './title/title-base.js';
 //# sourceMappingURL=title.d.ts.map

package/development/title.d.ts.map

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