@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/development/journey-header/journey-header.js

@@ -0,0 +1,192 @@
+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 { forceType } from "../core/decorators.js";
+import { isLean } from "../core/dom.js";
+import { i18nConnectionFrom, i18nConnectionTo, i18nConnectionRoundtrip } from "../core/i18n.js";
+import { SbbNegativeMixin } from "../core/mixins.js";
+import "../icon.js";
+import "../screen-reader-only.js";
+import "../title.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);
+  display: block;
+}
+
+:host([id]) {
+  scroll-margin-block-start: var(--sbb-spacing-fixed-10x);
+}
+
+sbb-title {
+  margin: 0;
+}
+
+sbb-icon {
+  min-width: var(--sbb-size-icon-ui-small);
+}
+
+.sbb-journey-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: var(--sbb-journey-header-gap);
+  width: fit-content;
+}
+.sbb-journey-header:dir(rtl) sbb-icon {
+  transform: rotate(-180deg);
+}`;
+const sizeToLevel = /* @__PURE__ */ new Map([
+  ["s", "6"],
+  ["m", "5"],
+  ["l", "4"]
+]);
+let SbbJourneyHeaderElement = (() => {
+  var _origin_accessor_storage, _destination_accessor_storage, _roundTrip_accessor_storage, _level_accessor_storage, _size_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-journey-header")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(LitElement);
+  let _origin_decorators;
+  let _origin_initializers = [];
+  let _origin_extraInitializers = [];
+  let _destination_decorators;
+  let _destination_initializers = [];
+  let _destination_extraInitializers = [];
+  let _roundTrip_decorators;
+  let _roundTrip_initializers = [];
+  let _roundTrip_extraInitializers = [];
+  let _level_decorators;
+  let _level_initializers = [];
+  let _level_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _origin_accessor_storage);
+      __privateAdd(this, _destination_accessor_storage);
+      __privateAdd(this, _roundTrip_accessor_storage);
+      __privateAdd(this, _level_accessor_storage);
+      __privateAdd(this, _size_accessor_storage);
+      __privateSet(this, _origin_accessor_storage, __runInitializers(this, _origin_initializers, ""));
+      __privateSet(this, _destination_accessor_storage, (__runInitializers(this, _origin_extraInitializers), __runInitializers(this, _destination_initializers, "")));
+      __privateSet(this, _roundTrip_accessor_storage, (__runInitializers(this, _destination_extraInitializers), __runInitializers(this, _roundTrip_initializers, false)));
+      __privateSet(this, _level_accessor_storage, (__runInitializers(this, _roundTrip_extraInitializers), __runInitializers(this, _level_initializers, "3")));
+      __privateSet(this, _size_accessor_storage, (__runInitializers(this, _level_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m")));
+      this._language = (__runInitializers(this, _size_extraInitializers), new SbbLanguageController(this));
+    }
+    /** Origin location for the journey header. */
+    get origin() {
+      return __privateGet(this, _origin_accessor_storage);
+    }
+    set origin(value) {
+      __privateSet(this, _origin_accessor_storage, value);
+    }
+    /** Destination location for the journey header. */
+    get destination() {
+      return __privateGet(this, _destination_accessor_storage);
+    }
+    set destination(value) {
+      __privateSet(this, _destination_accessor_storage, value);
+    }
+    /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
+    get roundTrip() {
+      return __privateGet(this, _roundTrip_accessor_storage);
+    }
+    set roundTrip(value) {
+      __privateSet(this, _roundTrip_accessor_storage, value);
+    }
+    /** Heading level of the journey header element (e.g. h1-h6). */
+    get level() {
+      return __privateGet(this, _level_accessor_storage);
+    }
+    set level(value) {
+      __privateSet(this, _level_accessor_storage, value);
+    }
+    /**
+     * Journey header size, either s, m or l.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    render() {
+      const iconName = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
+      return html`
+      <sbb-title
+        level=${this.level || nothing}
+        ?negative=${this.negative}
+        visual-level=${sizeToLevel.get(this.size)}
+      >
+        <span class="sbb-journey-header">
+          <span class="sbb-journey-header__origin">
+            <sbb-screen-reader-only>
+              ${i18nConnectionFrom[this._language.current]}&nbsp;
+            </sbb-screen-reader-only>
+            ${this.origin}
+          </span>
+          <sbb-icon name=${iconName}></sbb-icon>
+          <span class="sbb-journey-header__destination">
+            <sbb-screen-reader-only>
+              &nbsp;${i18nConnectionTo[this._language.current]}&nbsp;
+            </sbb-screen-reader-only>
+            ${this.destination}
+            ${this.roundTrip ? html` <sbb-screen-reader-only>
+                  ${i18nConnectionRoundtrip(this.origin)[this._language.current]}
+                </sbb-screen-reader-only>` : nothing}
+          </span>
+        </span>
+      </sbb-title>
+    `;
+    }
+  }, _origin_accessor_storage = new WeakMap(), _destination_accessor_storage = new WeakMap(), _roundTrip_accessor_storage = new WeakMap(), _level_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _origin_decorators = [forceType(), property()];
+    _destination_decorators = [forceType(), property()];
+    _roundTrip_decorators = [forceType(), property({ attribute: "round-trip", type: Boolean })];
+    _level_decorators = [property()];
+    _size_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _origin_decorators, { kind: "accessor", name: "origin", static: false, private: false, access: { has: (obj) => "origin" in obj, get: (obj) => obj.origin, set: (obj, value) => {
+      obj.origin = value;
+    } }, metadata: _metadata }, _origin_initializers, _origin_extraInitializers);
+    __esDecorate(_a, null, _destination_decorators, { kind: "accessor", name: "destination", static: false, private: false, access: { has: (obj) => "destination" in obj, get: (obj) => obj.destination, set: (obj, value) => {
+      obj.destination = value;
+    } }, metadata: _metadata }, _destination_initializers, _destination_extraInitializers);
+    __esDecorate(_a, null, _roundTrip_decorators, { kind: "accessor", name: "roundTrip", static: false, private: false, access: { has: (obj) => "roundTrip" in obj, get: (obj) => obj.roundTrip, set: (obj, value) => {
+      obj.roundTrip = value;
+    } }, metadata: _metadata }, _roundTrip_initializers, _roundTrip_extraInitializers);
+    __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, _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(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 {
+  SbbJourneyHeaderElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam91cm5leS1oZWFkZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9qb3VybmV5LWhlYWRlci9qb3VybmV5LWhlYWRlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpc0xlYW4gfSBmcm9tICcuLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBpMThuQ29ubmVjdGlvbkZyb20sIGkxOG5Db25uZWN0aW9uUm91bmR0cmlwLCBpMThuQ29ubmVjdGlvblRvIH0gZnJvbSAnLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2pvdXJuZXktaGVhZGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vaWNvbi5qcyc7XG5pbXBvcnQgJy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5pbXBvcnQgJy4uL3RpdGxlLmpzJztcblxuZXhwb3J0IHR5cGUgSm91cm5leUhlYWRlclNpemUgPSAncycgfCAnbScgfCAnbCc7XG5cbmNvbnN0IHNpemVUb0xldmVsOiBNYXA8Sm91cm5leUhlYWRlclNpemUsIHN0cmluZz4gPSBuZXcgTWFwPEpvdXJuZXlIZWFkZXJTaXplLCBzdHJpbmc+KFtcbiAgWydzJywgJzYnXSxcbiAgWydtJywgJzUnXSxcbiAgWydsJywgJzQnXSxcbl0pO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggdGhlIGBzYmItam91cm5leS1zdW1tYXJ5YCwgaXQgZGlzcGxheXMgdGhlIGpvdXJuZXkncyBkZXRhaWwuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1qb3VybmV5LWhlYWRlcicpXG5jbGFzcyBTYmJKb3VybmV5SGVhZGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogT3JpZ2luIGxvY2F0aW9uIGZvciB0aGUgam91cm5leSBoZWFkZXIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3Igb3JpZ2luOiBzdHJpbmcgPSAnJztcblxuICAvKiogRGVzdGluYXRpb24gbG9jYXRpb24gZm9yIHRoZSBqb3VybmV5IGhlYWRlci4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBkZXN0aW5hdGlvbjogc3RyaW5nID0gJyc7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGpvdXJuZXkgaXMgYSByb3VuZCB0cmlwLiBJZiBzbywgdGhlIGljb24gY2hhbmdlcyB0byBhIHJvdW5kLXRyaXAgb25lLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncm91bmQtdHJpcCcsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHJvdW5kVHJpcDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBIZWFkaW5nIGxldmVsIG9mIHRoZSBqb3VybmV5IGhlYWRlciBlbGVtZW50IChlLmcuIGgxLWg2KS4gKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIGxldmVsOiBTYmJUaXRsZUxldmVsID0gJzMnO1xuXG4gIC8qKlxuICAgKiBKb3VybmV5IGhlYWRlciBzaXplLCBlaXRoZXIgcywgbSBvciBsLlxuICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiBKb3VybmV5SGVhZGVyU2l6ZSA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBpY29uTmFtZSA9IHRoaXMucm91bmRUcmlwID8gJ2Fycm93cy1sb25nLXJpZ2h0LWxlZnQtc21hbGwnIDogJ2Fycm93LWxvbmctcmlnaHQtc21hbGwnO1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c2JiLXRpdGxlXG4gICAgICAgIGxldmVsPSR7dGhpcy5sZXZlbCB8fCBub3RoaW5nfVxuICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm5lZ2F0aXZlfVxuICAgICAgICB2aXN1YWwtbGV2ZWw9JHtzaXplVG9MZXZlbC5nZXQodGhpcy5zaXplKSF9XG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWpvdXJuZXktaGVhZGVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItam91cm5leS1oZWFkZXJfX29yaWdpblwiPlxuICAgICAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAgICR7aTE4bkNvbm5lY3Rpb25Gcm9tW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfSZuYnNwO1xuICAgICAgICAgICAgPC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgJHt0aGlzLm9yaWdpbn1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNiYi1pY29uIG5hbWU9JHtpY29uTmFtZX0+PC9zYmItaWNvbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1qb3VybmV5LWhlYWRlcl9fZGVzdGluYXRpb25cIj5cbiAgICAgICAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgICAmbmJzcDske2kxOG5Db25uZWN0aW9uVG9bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19Jm5ic3A7XG4gICAgICAgICAgICA8L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAke3RoaXMuZGVzdGluYXRpb259XG4gICAgICAgICAgICAke3RoaXMucm91bmRUcmlwXG4gICAgICAgICAgICAgID8gaHRtbGAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAgICAgICAke2kxOG5Db25uZWN0aW9uUm91bmR0cmlwKHRoaXMub3JpZ2luKVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICA8L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YFxuICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NiYi10aXRsZT5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItam91cm5leS1oZWFkZXInOiBTYmJKb3VybmV5SGVhZGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW1CQSxNQUFNLGtDQUFrRCxJQUErQjtBQUFBLEVBQ3JGLENBQUMsS0FBSyxHQUFHO0FBQUEsRUFDVCxDQUFDLEtBQUssR0FBRztBQUFBLEVBQ1QsQ0FBQyxLQUFLLEdBQUc7QUFDVixDQUFBO0lBT0ssMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFLGlCQUFpQixVQUFVOzs7Ozs7Ozs7Ozs7Ozs7O0FBQW5DLEVBQUEsbUJBQVEsWUFBNEI7QUFBQTs7QUFNaEU7QUFLQTtBQUtBO0FBR1k7QUFNaUI7QUFuQmIseUJBQUEsMEJBQUEsa0JBQUEsTUFBQSxzQkFBaUIsRUFBRTtBQUtuQix5QkFBQSxnQ0FBQSxrQkFBQSxNQUFBLHlCQUFBLEdBQUEsa0JBQUEsTUFBQSwyQkFBc0IsRUFBRTtBQUt4Qix5QkFBQSw4QkFBQSxrQkFBQSxNQUFBLDhCQUFBLEdBQUEsa0JBQUEsTUFBQSx5QkFBcUIsS0FBSztBQUdkLHlCQUFBLDBCQUFBLGtCQUFBLE1BQUEsNEJBQUEsR0FBQSxrQkFBQSxNQUFBLHFCQUF1QixHQUFHO0FBTWlCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEsd0JBQUEsR0FBQSxrQkFBQSxNQUFBLG9CQUFBLE9BQUEsSUFBVyxNQUFNLEdBQUc7QUFFbkYsV0FBQSwrREFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFyQmxELElBQWdCLFNBQW9CO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwQyxJQUFnQixPQUFvQixPQUFBO0FBQUEseUJBQUEsMEJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUtwQyxJQUFnQixjQUF5QjtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBekMsSUFBZ0IsWUFBeUIsT0FBQTtBQUFBLHlCQUFBLCtCQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFLekMsSUFBZ0IsWUFBMkI7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTNDLElBQWdCLFVBQTJCLE9BQUE7QUFBQSx5QkFBQSw2QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBRy9CLElBQWdCLFFBQTJCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUEzQyxJQUFnQixNQUEyQixPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU0xQixJQUFnQixPQUErQztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBL0QsSUFBZ0IsS0FBK0MsT0FBQTtBQUFBLHlCQUFBLHdCQUFBO0FBQUEsSUFBQTtBQUFBLElBSXpFLFNBQU07QUFDakIsWUFBQSxXQUFXLEtBQUssWUFBWSxpQ0FBaUM7QUFFNUQsYUFBQTtBQUFBO0FBQUEsZ0JBRUssS0FBSyxTQUFTLE9BQU87QUFBQSxvQkFDakIsS0FBSyxRQUFRO0FBQUEsdUJBQ1YsWUFBWSxJQUFJLEtBQUssSUFBSSxDQUFFO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxnQkFLbEMsbUJBQW1CLEtBQUssVUFBVSxPQUFPLENBQUM7QUFBQTtBQUFBLGNBRTVDLEtBQUssTUFBTTtBQUFBO0FBQUEsMkJBRUUsUUFBUTtBQUFBO0FBQUE7QUFBQSxzQkFHYixpQkFBaUIsS0FBSyxVQUFVLE9BQU8sQ0FBQztBQUFBO0FBQUEsY0FFaEQsS0FBSyxXQUFXO0FBQUEsY0FDaEIsS0FBSyxZQUNIO0FBQUEsb0JBQ0ksd0JBQXdCLEtBQUssTUFBTSxFQUFFLEtBQUssVUFBVSxPQUFPLENBQUM7QUFBQSw2Q0FFaEUsT0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLEtBakRyQiwwQ0FLQSwrQ0FLQSw2Q0FHWSx5Q0FNaUI7OzBCQXJCNUIsYUFDQSxVQUFVOytCQUlWLGFBQ0EsVUFBVTtBQUlWLDRCQUFBLENBQUEsVUFBVyxHQUNYLFNBQVMsRUFBRSxXQUFXLGNBQWMsTUFBTSxTQUFTLENBQUM7QUFJcEQsd0JBQUEsQ0FBQSxVQUFVO0FBTVYsdUJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFNLENBQUEsQ0FBQztBQW5CWixpQkFBQSxJQUFBLE1BQUEsb0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxVQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFlBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLFFBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsU0FBb0I7QUFBQSxTQUFBLFVBQUEsYUFBQSxzQkFBQSx5QkFBQTtBQUtwQixpQkFBQSxJQUFBLE1BQUEseUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxlQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGlCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxhQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGNBQXlCO0FBQUEsU0FBQSxVQUFBLGFBQUEsMkJBQUEsOEJBQUE7QUFLekIsaUJBQUEsSUFBQSxNQUFBLHVCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsYUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxlQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxXQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLFlBQTJCO0FBQUEsU0FBQSxVQUFBLGFBQUEseUJBQUEsNEJBQUE7QUFHZixpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLE9BQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsUUFBMkI7QUFBQSxTQUFBLFVBQUEsYUFBQSxxQkFBQSx3QkFBQTtBQU1WLGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsTUFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxPQUErQztBQUFBLFNBQUEsVUFBQSxhQUFBLG9CQUFBLHVCQUFBO0FBekI5RixpQkE2REMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQTVEd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBdUIsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/journey-header.d.ts

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

package/development/journey-header.d.ts.map

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

package/development/journey-header.js

@@ -1,192 +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 { forceType } from "./core/decorators.js";
-import { isLean } from "./core/dom.js";
-import { i18nConnectionFrom, i18nConnectionTo, i18nConnectionRoundtrip } from "./core/i18n.js";
-import { SbbNegativeMixin } from "./core/mixins.js";
-import "./icon.js";
-import "./screen-reader-only.js";
-import "./title.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  --sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);
-  display: block;
-}
-
-:host([id]) {
-  scroll-margin-block-start: var(--sbb-spacing-fixed-10x);
-}
-
-sbb-title {
-  margin: 0;
-}
-
-sbb-icon {
-  min-width: var(--sbb-size-icon-ui-small);
-}
-
-.sbb-journey-header {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  column-gap: var(--sbb-journey-header-gap);
-  width: fit-content;
-}
-.sbb-journey-header:dir(rtl) sbb-icon {
-  transform: rotate(-180deg);
-}`;
-const sizeToLevel = /* @__PURE__ */ new Map([
-  ["s", "6"],
-  ["m", "5"],
-  ["l", "4"]
-]);
-let SbbJourneyHeaderElement = (() => {
-  var _origin_accessor_storage, _destination_accessor_storage, _roundTrip_accessor_storage, _level_accessor_storage, _size_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-journey-header")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbNegativeMixin(LitElement);
-  let _origin_decorators;
-  let _origin_initializers = [];
-  let _origin_extraInitializers = [];
-  let _destination_decorators;
-  let _destination_initializers = [];
-  let _destination_extraInitializers = [];
-  let _roundTrip_decorators;
-  let _roundTrip_initializers = [];
-  let _roundTrip_extraInitializers = [];
-  let _level_decorators;
-  let _level_initializers = [];
-  let _level_extraInitializers = [];
-  let _size_decorators;
-  let _size_initializers = [];
-  let _size_extraInitializers = [];
-  _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _origin_accessor_storage);
-      __privateAdd(this, _destination_accessor_storage);
-      __privateAdd(this, _roundTrip_accessor_storage);
-      __privateAdd(this, _level_accessor_storage);
-      __privateAdd(this, _size_accessor_storage);
-      __privateSet(this, _origin_accessor_storage, __runInitializers(this, _origin_initializers, ""));
-      __privateSet(this, _destination_accessor_storage, (__runInitializers(this, _origin_extraInitializers), __runInitializers(this, _destination_initializers, "")));
-      __privateSet(this, _roundTrip_accessor_storage, (__runInitializers(this, _destination_extraInitializers), __runInitializers(this, _roundTrip_initializers, false)));
-      __privateSet(this, _level_accessor_storage, (__runInitializers(this, _roundTrip_extraInitializers), __runInitializers(this, _level_initializers, "3")));
-      __privateSet(this, _size_accessor_storage, (__runInitializers(this, _level_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m")));
-      this._language = (__runInitializers(this, _size_extraInitializers), new SbbLanguageController(this));
-    }
-    /** Origin location for the journey header. */
-    get origin() {
-      return __privateGet(this, _origin_accessor_storage);
-    }
-    set origin(value) {
-      __privateSet(this, _origin_accessor_storage, value);
-    }
-    /** Destination location for the journey header. */
-    get destination() {
-      return __privateGet(this, _destination_accessor_storage);
-    }
-    set destination(value) {
-      __privateSet(this, _destination_accessor_storage, value);
-    }
-    /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
-    get roundTrip() {
-      return __privateGet(this, _roundTrip_accessor_storage);
-    }
-    set roundTrip(value) {
-      __privateSet(this, _roundTrip_accessor_storage, value);
-    }
-    /** Heading level of the journey header element (e.g. h1-h6). */
-    get level() {
-      return __privateGet(this, _level_accessor_storage);
-    }
-    set level(value) {
-      __privateSet(this, _level_accessor_storage, value);
-    }
-    /**
-     * Journey header size, either s, m or l.
-     * @default 'm' / 's' (lean)
-     */
-    get size() {
-      return __privateGet(this, _size_accessor_storage);
-    }
-    set size(value) {
-      __privateSet(this, _size_accessor_storage, value);
-    }
-    render() {
-      const iconName = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
-      return html`
-      <sbb-title
-        level=${this.level || nothing}
-        ?negative=${this.negative}
-        visual-level=${sizeToLevel.get(this.size)}
-      >
-        <span class="sbb-journey-header">
-          <span class="sbb-journey-header__origin">
-            <sbb-screen-reader-only>
-              ${i18nConnectionFrom[this._language.current]}&nbsp;
-            </sbb-screen-reader-only>
-            ${this.origin}
-          </span>
-          <sbb-icon name=${iconName}></sbb-icon>
-          <span class="sbb-journey-header__destination">
-            <sbb-screen-reader-only>
-              &nbsp;${i18nConnectionTo[this._language.current]}&nbsp;
-            </sbb-screen-reader-only>
-            ${this.destination}
-            ${this.roundTrip ? html` <sbb-screen-reader-only>
-                  ${i18nConnectionRoundtrip(this.origin)[this._language.current]}
-                </sbb-screen-reader-only>` : nothing}
-          </span>
-        </span>
-      </sbb-title>
-    `;
-    }
-  }, _origin_accessor_storage = new WeakMap(), _destination_accessor_storage = new WeakMap(), _roundTrip_accessor_storage = new WeakMap(), _level_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _origin_decorators = [forceType(), property()];
-    _destination_decorators = [forceType(), property()];
-    _roundTrip_decorators = [forceType(), property({ attribute: "round-trip", type: Boolean })];
-    _level_decorators = [property()];
-    _size_decorators = [property({ reflect: true })];
-    __esDecorate(_a, null, _origin_decorators, { kind: "accessor", name: "origin", static: false, private: false, access: { has: (obj) => "origin" in obj, get: (obj) => obj.origin, set: (obj, value) => {
-      obj.origin = value;
-    } }, metadata: _metadata }, _origin_initializers, _origin_extraInitializers);
-    __esDecorate(_a, null, _destination_decorators, { kind: "accessor", name: "destination", static: false, private: false, access: { has: (obj) => "destination" in obj, get: (obj) => obj.destination, set: (obj, value) => {
-      obj.destination = value;
-    } }, metadata: _metadata }, _destination_initializers, _destination_extraInitializers);
-    __esDecorate(_a, null, _roundTrip_decorators, { kind: "accessor", name: "roundTrip", static: false, private: false, access: { has: (obj) => "roundTrip" in obj, get: (obj) => obj.roundTrip, set: (obj, value) => {
-      obj.roundTrip = value;
-    } }, metadata: _metadata }, _roundTrip_initializers, _roundTrip_extraInitializers);
-    __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, _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(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 { SbbJourneyHeaderElement } from "./journey-header/journey-header.js";
 export {
   SbbJourneyHeaderElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam91cm5leS1oZWFkZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9qb3VybmV5LWhlYWRlci9qb3VybmV5LWhlYWRlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpc0xlYW4gfSBmcm9tICcuLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBpMThuQ29ubmVjdGlvbkZyb20sIGkxOG5Db25uZWN0aW9uUm91bmR0cmlwLCBpMThuQ29ubmVjdGlvblRvIH0gZnJvbSAnLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2pvdXJuZXktaGVhZGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vaWNvbi5qcyc7XG5pbXBvcnQgJy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5pbXBvcnQgJy4uL3RpdGxlLmpzJztcblxuZXhwb3J0IHR5cGUgSm91cm5leUhlYWRlclNpemUgPSAncycgfCAnbScgfCAnbCc7XG5cbmNvbnN0IHNpemVUb0xldmVsOiBNYXA8Sm91cm5leUhlYWRlclNpemUsIHN0cmluZz4gPSBuZXcgTWFwPEpvdXJuZXlIZWFkZXJTaXplLCBzdHJpbmc+KFtcbiAgWydzJywgJzYnXSxcbiAgWydtJywgJzUnXSxcbiAgWydsJywgJzQnXSxcbl0pO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggdGhlIGBzYmItam91cm5leS1zdW1tYXJ5YCwgaXQgZGlzcGxheXMgdGhlIGpvdXJuZXkncyBkZXRhaWwuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1qb3VybmV5LWhlYWRlcicpXG5jbGFzcyBTYmJKb3VybmV5SGVhZGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogT3JpZ2luIGxvY2F0aW9uIGZvciB0aGUgam91cm5leSBoZWFkZXIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3Igb3JpZ2luOiBzdHJpbmcgPSAnJztcblxuICAvKiogRGVzdGluYXRpb24gbG9jYXRpb24gZm9yIHRoZSBqb3VybmV5IGhlYWRlci4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBkZXN0aW5hdGlvbjogc3RyaW5nID0gJyc7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGpvdXJuZXkgaXMgYSByb3VuZCB0cmlwLiBJZiBzbywgdGhlIGljb24gY2hhbmdlcyB0byBhIHJvdW5kLXRyaXAgb25lLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncm91bmQtdHJpcCcsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHJvdW5kVHJpcDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBIZWFkaW5nIGxldmVsIG9mIHRoZSBqb3VybmV5IGhlYWRlciBlbGVtZW50IChlLmcuIGgxLWg2KS4gKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIGxldmVsOiBTYmJUaXRsZUxldmVsID0gJzMnO1xuXG4gIC8qKlxuICAgKiBKb3VybmV5IGhlYWRlciBzaXplLCBlaXRoZXIgcywgbSBvciBsLlxuICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiBKb3VybmV5SGVhZGVyU2l6ZSA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBpY29uTmFtZSA9IHRoaXMucm91bmRUcmlwID8gJ2Fycm93cy1sb25nLXJpZ2h0LWxlZnQtc21hbGwnIDogJ2Fycm93LWxvbmctcmlnaHQtc21hbGwnO1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c2JiLXRpdGxlXG4gICAgICAgIGxldmVsPSR7dGhpcy5sZXZlbCB8fCBub3RoaW5nfVxuICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm5lZ2F0aXZlfVxuICAgICAgICB2aXN1YWwtbGV2ZWw9JHtzaXplVG9MZXZlbC5nZXQodGhpcy5zaXplKSF9XG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWpvdXJuZXktaGVhZGVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItam91cm5leS1oZWFkZXJfX29yaWdpblwiPlxuICAgICAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAgICR7aTE4bkNvbm5lY3Rpb25Gcm9tW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfSZuYnNwO1xuICAgICAgICAgICAgPC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgJHt0aGlzLm9yaWdpbn1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNiYi1pY29uIG5hbWU9JHtpY29uTmFtZX0+PC9zYmItaWNvbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1qb3VybmV5LWhlYWRlcl9fZGVzdGluYXRpb25cIj5cbiAgICAgICAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgICAmbmJzcDske2kxOG5Db25uZWN0aW9uVG9bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19Jm5ic3A7XG4gICAgICAgICAgICA8L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAke3RoaXMuZGVzdGluYXRpb259XG4gICAgICAgICAgICAke3RoaXMucm91bmRUcmlwXG4gICAgICAgICAgICAgID8gaHRtbGAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAgICAgICAke2kxOG5Db25uZWN0aW9uUm91bmR0cmlwKHRoaXMub3JpZ2luKVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICA8L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YFxuICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NiYi10aXRsZT5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItam91cm5leS1oZWFkZXInOiBTYmJKb3VybmV5SGVhZGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW1CQSxNQUFNLGtDQUFrRCxJQUErQjtBQUFBLEVBQ3JGLENBQUMsS0FBSyxHQUFHO0FBQUEsRUFDVCxDQUFDLEtBQUssR0FBRztBQUFBLEVBQ1QsQ0FBQyxLQUFLLEdBQUc7QUFDVixDQUFBO0lBT0ssMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFLGlCQUFpQixVQUFVOzs7Ozs7Ozs7Ozs7Ozs7O0FBQW5DLEVBQUEsbUJBQVEsWUFBNEI7QUFBQTs7QUFNaEU7QUFLQTtBQUtBO0FBR1k7QUFNaUI7QUFuQmIseUJBQUEsMEJBQUEsa0JBQUEsTUFBQSxzQkFBaUIsRUFBRTtBQUtuQix5QkFBQSxnQ0FBQSxrQkFBQSxNQUFBLHlCQUFBLEdBQUEsa0JBQUEsTUFBQSwyQkFBc0IsRUFBRTtBQUt4Qix5QkFBQSw4QkFBQSxrQkFBQSxNQUFBLDhCQUFBLEdBQUEsa0JBQUEsTUFBQSx5QkFBcUIsS0FBSztBQUdkLHlCQUFBLDBCQUFBLGtCQUFBLE1BQUEsNEJBQUEsR0FBQSxrQkFBQSxNQUFBLHFCQUF1QixHQUFHO0FBTWlCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEsd0JBQUEsR0FBQSxrQkFBQSxNQUFBLG9CQUFBLE9BQUEsSUFBVyxNQUFNLEdBQUc7QUFFbkYsV0FBQSwrREFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFyQmxELElBQWdCLFNBQW9CO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwQyxJQUFnQixPQUFvQixPQUFBO0FBQUEseUJBQUEsMEJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUtwQyxJQUFnQixjQUF5QjtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBekMsSUFBZ0IsWUFBeUIsT0FBQTtBQUFBLHlCQUFBLCtCQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFLekMsSUFBZ0IsWUFBMkI7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTNDLElBQWdCLFVBQTJCLE9BQUE7QUFBQSx5QkFBQSw2QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBRy9CLElBQWdCLFFBQTJCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUEzQyxJQUFnQixNQUEyQixPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU0xQixJQUFnQixPQUErQztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBL0QsSUFBZ0IsS0FBK0MsT0FBQTtBQUFBLHlCQUFBLHdCQUFBO0FBQUEsSUFBQTtBQUFBLElBSXpFLFNBQU07QUFDakIsWUFBQSxXQUFXLEtBQUssWUFBWSxpQ0FBaUM7QUFFNUQsYUFBQTtBQUFBO0FBQUEsZ0JBRUssS0FBSyxTQUFTLE9BQU87QUFBQSxvQkFDakIsS0FBSyxRQUFRO0FBQUEsdUJBQ1YsWUFBWSxJQUFJLEtBQUssSUFBSSxDQUFFO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxnQkFLbEMsbUJBQW1CLEtBQUssVUFBVSxPQUFPLENBQUM7QUFBQTtBQUFBLGNBRTVDLEtBQUssTUFBTTtBQUFBO0FBQUEsMkJBRUUsUUFBUTtBQUFBO0FBQUE7QUFBQSxzQkFHYixpQkFBaUIsS0FBSyxVQUFVLE9BQU8sQ0FBQztBQUFBO0FBQUEsY0FFaEQsS0FBSyxXQUFXO0FBQUEsY0FDaEIsS0FBSyxZQUNIO0FBQUEsb0JBQ0ksd0JBQXdCLEtBQUssTUFBTSxFQUFFLEtBQUssVUFBVSxPQUFPLENBQUM7QUFBQSw2Q0FFaEUsT0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLEtBakRyQiwwQ0FLQSwrQ0FLQSw2Q0FHWSx5Q0FNaUI7OzBCQXJCNUIsYUFDQSxVQUFVOytCQUlWLGFBQ0EsVUFBVTtBQUlWLDRCQUFBLENBQUEsVUFBVyxHQUNYLFNBQVMsRUFBRSxXQUFXLGNBQWMsTUFBTSxTQUFTLENBQUM7QUFJcEQsd0JBQUEsQ0FBQSxVQUFVO0FBTVYsdUJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFNLENBQUEsQ0FBQztBQW5CWixpQkFBQSxJQUFBLE1BQUEsb0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxVQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFlBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLFFBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsU0FBb0I7QUFBQSxTQUFBLFVBQUEsYUFBQSxzQkFBQSx5QkFBQTtBQUtwQixpQkFBQSxJQUFBLE1BQUEseUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxlQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGlCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxhQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGNBQXlCO0FBQUEsU0FBQSxVQUFBLGFBQUEsMkJBQUEsOEJBQUE7QUFLekIsaUJBQUEsSUFBQSxNQUFBLHVCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsYUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxlQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxXQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLFlBQTJCO0FBQUEsU0FBQSxVQUFBLGFBQUEseUJBQUEsNEJBQUE7QUFHZixpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLE9BQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsUUFBMkI7QUFBQSxTQUFBLFVBQUEsYUFBQSxxQkFBQSx3QkFBQTtBQU1WLGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsTUFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxPQUErQztBQUFBLFNBQUEsVUFBQSxhQUFBLG9CQUFBLHVCQUFBO0FBekI5RixpQkE2REMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQTVEd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBdUIsWUFBQSx1QkFBQSxHQUFDOzs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam91cm5leS1oZWFkZXIuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/lead-container/lead-container.js

@@ -0,0 +1,150 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-lead-container-background-color: var(--sbb-color-white);
+  --sbb-lead-container-image-ratio: 2 / 1;
+  --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);
+  --sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);
+  --sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);
+  --sbb-lead-container-border-radius: var(--sbb-border-radius-6x);
+  --sbb-lead-container-image-border-radius: 0;
+}
+@media (min-width: calc(80rem)) {
+  :host {
+    --sbb-lead-container-image-ratio: 21 / 9;
+  }
+}
+@media (min-width: calc(90rem)) {
+  :host {
+    --sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
+  }
+}
+
+.sbb-lead-container {
+  padding-block-end: var(--sbb-spacing-responsive-l);
+}
+
+::slotted([slot=image]) {
+  display: block;
+  width: 100%;
+}
+
+::slotted(:is(sbb-breadcrumb-group, sbb-block-link).sbb-lead-container-spacing) {
+  margin-block-end: var(--sbb-spacing-fixed-4x);
+}
+
+::slotted(:is(sbb-alert, sbb-alert-group).sbb-lead-container-spacing) {
+  margin-block-end: var(--sbb-spacing-responsive-m);
+}
+
+::slotted(sbb-title.sbb-lead-container-spacing) {
+  margin-block-start: 0;
+}
+
+::slotted(sbb-notification.sbb-lead-container-spacing) {
+  margin-block-end: var(--sbb-spacing-responsive-xxxs);
+}
+
+::slotted(.sbb-lead-container-lead-text) {
+  margin-block: 0 var(--sbb-spacing-responsive-s);
+}
+
+@media (min-width: calc(90rem)) {
+  .sbb-lead-container-image {
+    max-width: calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));
+    margin-inline: auto;
+  }
+}
+
+.sbb-lead-container-content-wrapper {
+  background-color: var(--sbb-lead-container-background-color);
+  display: grid;
+  gap: var(--sbb-grid-base-gutter-responsive);
+  grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
+  padding-inline: var(--sbb-layout-base-offset-responsive);
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  .sbb-lead-container-content-wrapper {
+    max-width: calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-lead-container-content-wrapper {
+    background-color: transparent;
+  }
+}
+
+.sbb-lead-container-content {
+  z-index: 1;
+  border-radius: var(--sbb-lead-container-border-radius);
+  padding-block: var(--sbb-lead-container-padding-block);
+  background-color: var(--sbb-lead-container-background-color);
+  grid-column: 1/-1;
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-lead-container-content {
+    grid-column: 2/-2;
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-lead-container-content {
+    margin-block-start: calc(-1 * var(--sbb-lead-container-image-overlap));
+    padding-inline: var(--sbb-lead-container-padding-inline);
+    margin-inline: calc(-1 * var(--sbb-lead-container-padding-inline));
+  }
+}
+@media (min-width: calc(80rem)) {
+  .sbb-lead-container-content {
+    grid-column: 3/-3;
+  }
+}
+@media (min-width: calc(90rem)) {
+  .sbb-lead-container-content {
+    grid-column: 4/-4;
+  }
+}`;
+let SbbLeadContainerElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-lead-container")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    render() {
+      return html`
+      <div class="sbb-lead-container">
+        <div class="sbb-lead-container-image">
+          <slot name="image"></slot>
+        </div>
+        <!-- Content wrapper needed because grid needs to be applied but container image should not be touched by grid. -->
+        <div class="sbb-lead-container-content-wrapper">
+          <div class="sbb-lead-container-content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+  }, _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 = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbLeadContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVhZC1jb250YWluZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9sZWFkLWNvbnRhaW5lci9sZWFkLWNvbnRhaW5lci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBMaXRFbGVtZW50LCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2xlYWQtY29udGFpbmVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogVGhlIGBzYmItbGVhZC1jb250YWluZXJgIGNhbiBiZSB1c2VkIGZvciBwcm9kdWN0IHBhZ2VzIHRvIGRpc3BsYXkgYSBsZWFkIGltYWdlIGFuZCBmb2xsb3dpbmcgY29udGVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhbnkgY29udGVudCB0byB0aGUgY29udGFpbmVyLlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhlIGltYWdlIHNsb3QgdG8gcHJvdmlkZSB0aGUgbGVhZCBpbWFnZS5cbiAqIGBzYmItaW1hZ2VgLCBgaW1nYCBhbmQgYHBpY3R1cmVgIGVsZW1lbnRzIGFyZSBzdXBwb3J0ZWQuXG4gKiBGb3Igb3RoZXIgZWxlbWVudHMgdGhlIGFzcGVjdCByYXRpbyBoYXMgdG8gYmUgc2V0IG1hbnVhbGx5LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItbGVhZC1jb250YWluZXInKVxuY2xhc3MgU2JiTGVhZENvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWxlYWQtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbGVhZC1jb250YWluZXItaW1hZ2VcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8IS0tIENvbnRlbnQgd3JhcHBlciBuZWVkZWQgYmVjYXVzZSBncmlkIG5lZWRzIHRvIGJlIGFwcGxpZWQgYnV0IGNvbnRhaW5lciBpbWFnZSBzaG91bGQgbm90IGJlIHRvdWNoZWQgYnkgZ3JpZC4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbGVhZC1jb250YWluZXItY29udGVudC13cmFwcGVyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1sZWFkLWNvbnRhaW5lci1jb250ZW50XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWxlYWQtY29udGFpbmVyJzogU2JiTGVhZENvbnRhaW5lckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBZU0sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFHM0IsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQUpYLGlCQWtCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBakJ3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUF1QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

package/development/lead-container.d.ts

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

package/development/lead-container.d.ts.map

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