@sbb-esta/lyne-elements 2.8.0 → 2.9.0

package/development/image.d.ts

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

package/development/image.d.ts.map

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

package/development/image.js

@@ -1,4 +1,4 @@
-import { SbbImageElement } from "./image/image.js";
+import { SbbImageElement } from "./image/image.component.js";
 export {
   SbbImageElement
 };

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

@@ -0,0 +1,32 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbTitleLevel } from '../title.js';
+export type JourneyHeaderSize = 's' | 'm' | 'l';
+declare const SbbJourneyHeaderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * Combined with the `sbb-journey-summary`, it displays the journey's detail.
+ */
+export declare class SbbJourneyHeaderElement extends SbbJourneyHeaderElement_base {
+    static styles: CSSResultGroup;
+    /** Origin location for the journey header. */
+    accessor origin: string;
+    /** Destination location for the journey header. */
+    accessor destination: string;
+    /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
+    accessor roundTrip: boolean;
+    /** Heading level of the journey header element (e.g. h1-h6). */
+    accessor level: SbbTitleLevel;
+    /**
+     * Journey header size, either s, m or l.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: JourneyHeaderSize;
+    private _language;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-journey-header': SbbJourneyHeaderElement;
+    }
+}
+export {};
+//# sourceMappingURL=journey-header.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"journey-header.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/journey-header/journey-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAQhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAClC,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAQhD;;GAEG;AACH,qBAEM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,gEAAgE;IAChE,SAA4B,KAAK,EAAE,aAAa,CAAO;IAEvD;;;OAGG;IACH,SAA6C,IAAI,EAAE,iBAAiB,CAAwB;IAE5F,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAgC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/development/journey-header/journey-header.component.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam91cm5leS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvam91cm5leS1oZWFkZXIvam91cm5leS1oZWFkZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uL2NvcmUvZG9tLmpzJztcbmltcG9ydCB7IGkxOG5Db25uZWN0aW9uRnJvbSwgaTE4bkNvbm5lY3Rpb25Sb3VuZHRyaXAsIGkxOG5Db25uZWN0aW9uVG8gfSBmcm9tICcuLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vam91cm5leS1oZWFkZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9pY29uLmpzJztcbmltcG9ydCAnLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcbmltcG9ydCAnLi4vdGl0bGUuanMnO1xuXG5leHBvcnQgdHlwZSBKb3VybmV5SGVhZGVyU2l6ZSA9ICdzJyB8ICdtJyB8ICdsJztcblxuY29uc3Qgc2l6ZVRvTGV2ZWw6IE1hcDxKb3VybmV5SGVhZGVyU2l6ZSwgc3RyaW5nPiA9IG5ldyBNYXA8Sm91cm5leUhlYWRlclNpemUsIHN0cmluZz4oW1xuICBbJ3MnLCAnNiddLFxuICBbJ20nLCAnNSddLFxuICBbJ2wnLCAnNCddLFxuXSk7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCB0aGUgYHNiYi1qb3VybmV5LXN1bW1hcnlgLCBpdCBkaXNwbGF5cyB0aGUgam91cm5leSdzIGRldGFpbC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWpvdXJuZXktaGVhZGVyJylcbmNsYXNzIFNiYkpvdXJuZXlIZWFkZXJFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBPcmlnaW4gbG9jYXRpb24gZm9yIHRoZSBqb3VybmV5IGhlYWRlci4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBvcmlnaW46IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBEZXN0aW5hdGlvbiBsb2NhdGlvbiBmb3IgdGhlIGpvdXJuZXkgaGVhZGVyLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIGRlc3RpbmF0aW9uOiBzdHJpbmcgPSAnJztcblxuICAvKiogV2hldGhlciB0aGUgam91cm5leSBpcyBhIHJvdW5kIHRyaXAuIElmIHNvLCB0aGUgaWNvbiBjaGFuZ2VzIHRvIGEgcm91bmQtdHJpcCBvbmUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdyb3VuZC10cmlwJywgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3Igcm91bmRUcmlwOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIEhlYWRpbmcgbGV2ZWwgb2YgdGhlIGpvdXJuZXkgaGVhZGVyIGVsZW1lbnQgKGUuZy4gaDEtaDYpLiAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgYWNjZXNzb3IgbGV2ZWw6IFNiYlRpdGxlTGV2ZWwgPSAnMyc7XG5cbiAgLyoqXG4gICAqIEpvdXJuZXkgaGVhZGVyIHNpemUsIGVpdGhlciBzLCBtIG9yIGwuXG4gICAqIEBkZWZhdWx0ICdtJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6IEpvdXJuZXlIZWFkZXJTaXplID0gaXNMZWFuKCkgPyAncycgOiAnbSc7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IGljb25OYW1lID0gdGhpcy5yb3VuZFRyaXAgPyAnYXJyb3dzLWxvbmctcmlnaHQtbGVmdC1zbWFsbCcgOiAnYXJyb3ctbG9uZy1yaWdodC1zbWFsbCc7XG5cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzYmItdGl0bGVcbiAgICAgICAgbGV2ZWw9JHt0aGlzLmxldmVsIHx8IG5vdGhpbmd9XG4gICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgIHZpc3VhbC1sZXZlbD0ke3NpemVUb0xldmVsLmdldCh0aGlzLnNpemUpIX1cbiAgICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItam91cm5leS1oZWFkZXJcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1qb3VybmV5LWhlYWRlcl9fb3JpZ2luXCI+XG4gICAgICAgICAgICA8c2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgICAgICAgJHtpMThuQ29ubmVjdGlvbkZyb21bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19Jm5ic3A7XG4gICAgICAgICAgICA8L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAke3RoaXMub3JpZ2lufVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c2JiLWljb24gbmFtZT0ke2ljb25OYW1lfT48L3NiYi1pY29uPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWpvdXJuZXktaGVhZGVyX19kZXN0aW5hdGlvblwiPlxuICAgICAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICAgICAgICZuYnNwOyR7aTE4bkNvbm5lY3Rpb25Ub1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX0mbmJzcDtcbiAgICAgICAgICAgIDwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgICAgICR7dGhpcy5kZXN0aW5hdGlvbn1cbiAgICAgICAgICAgICR7dGhpcy5yb3VuZFRyaXBcbiAgICAgICAgICAgICAgPyBodG1sYCA8c2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgICAgICAgICAgICR7aTE4bkNvbm5lY3Rpb25Sb3VuZHRyaXAodGhpcy5vcmlnaW4pW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgICAgICAgIDwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5gXG4gICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc2JiLXRpdGxlPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1qb3VybmV5LWhlYWRlcic6IFNiYkpvdXJuZXlIZWFkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/development/journey-header.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './journey-header/journey-header.js';
+export * from './journey-header/journey-header.component.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;;GAEG;AACH,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"journey-header.d.ts","sourceRoot":"","sources":["../../../src/elements/journey-header.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}

package/development/journey-header.js

@@ -1,4 +1,4 @@
-import { SbbJourneyHeaderElement } from "./journey-header/journey-header.js";
+import { SbbJourneyHeaderElement } from "./journey-header/journey-header.component.js";
 export {
   SbbJourneyHeaderElement
 };

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+/**
+ * The `sbb-lead-container` can be used for product pages to display a lead image and following content.
+ *
+ * @slot - Use the unnamed slot to add any content to the container.
+ * @slot image - Use the image slot to provide the lead image.
+ * `sbb-image`, `img` and `picture` elements are supported.
+ * For other elements the aspect ratio has to be set manually.
+ */
+export declare class SbbLeadContainerElement extends LitElement {
+    static styles: CSSResultGroup;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-lead-container': SbbLeadContainerElement;
+    }
+}
+//# sourceMappingURL=lead-container.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lead-container.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/lead-container/lead-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjF;;;;;;;GAOG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/development/lead-container/lead-container.component.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVhZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbGVhZC1jb250YWluZXIvbGVhZC1jb250YWluZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbGVhZC1jb250YWluZXIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBUaGUgYHNiYi1sZWFkLWNvbnRhaW5lcmAgY2FuIGJlIHVzZWQgZm9yIHByb2R1Y3QgcGFnZXMgdG8gZGlzcGxheSBhIGxlYWQgaW1hZ2UgYW5kIGZvbGxvd2luZyBjb250ZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGFueSBjb250ZW50IHRvIHRoZSBjb250YWluZXIuXG4gKiBAc2xvdCBpbWFnZSAtIFVzZSB0aGUgaW1hZ2Ugc2xvdCB0byBwcm92aWRlIHRoZSBsZWFkIGltYWdlLlxuICogYHNiYi1pbWFnZWAsIGBpbWdgIGFuZCBgcGljdHVyZWAgZWxlbWVudHMgYXJlIHN1cHBvcnRlZC5cbiAqIEZvciBvdGhlciBlbGVtZW50cyB0aGUgYXNwZWN0IHJhdGlvIGhhcyB0byBiZSBzZXQgbWFudWFsbHkuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1sZWFkLWNvbnRhaW5lcicpXG5jbGFzcyBTYmJMZWFkQ29udGFpbmVyRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItbGVhZC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1sZWFkLWNvbnRhaW5lci1pbWFnZVwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJpbWFnZVwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDwhLS0gQ29udGVudCB3cmFwcGVyIG5lZWRlZCBiZWNhdXNlIGdyaWQgbmVlZHMgdG8gYmUgYXBwbGllZCBidXQgY29udGFpbmVyIGltYWdlIHNob3VsZCBub3QgYmUgdG91Y2hlZCBieSBncmlkLiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1sZWFkLWNvbnRhaW5lci1jb250ZW50LXdyYXBwZXJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWxlYWQtY29udGFpbmVyLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbGVhZC1jb250YWluZXInOiBTYmJMZWFkQ29udGFpbmVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFlTSwyQkFBdUIsTUFBQTs7MEJBRDVCLGNBQWMsb0JBQW9CLENBQUM7Ozs7b0JBQ0U7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUczQixTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBSlgsaUJBa0JDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFqQndCLEdBQU0sU0FBbUIsT0FENUMsa0JBQXVCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/lead-container.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './lead-container/lead-container.js';
+export * from './lead-container/lead-container.component.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;;GAEG;AACH,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"lead-container.d.ts","sourceRoot":"","sources":["../../../src/elements/lead-container.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}

package/development/lead-container.js

@@ -1,4 +1,4 @@
-import { SbbLeadContainerElement } from "./lead-container/lead-container.js";
+import { SbbLeadContainerElement } from "./lead-container/lead-container.component.js";
 export {
   SbbLeadContainerElement
 };

package/development/link/block-link/block-link.component.d.ts

@@ -0,0 +1,17 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbBlockLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link enhanced with the SBB Design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-block-link`.
+ * @slot icon - Slot used to display the icon, if one is set.
+ */
+export declare class SbbBlockLinkElement extends SbbBlockLinkElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-block-link': SbbBlockLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=block-link.component.d.ts.map

package/development/link/block-link/block-link.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link/block-link/block-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,wBAEjC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/development/link/block-link/block-link.component.js

@@ -0,0 +1,26 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../../core/base-elements.js";
+import { SbbDisabledMixin } from "../../core/mixins.js";
+import { SbbBlockLinkCommonElementMixin } from "../common.js";
+let SbbBlockLinkElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-block-link")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbBlockLinkCommonElementMixin(SbbDisabledMixin(SbbLinkBaseElement));
+  _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 });
+    __runInitializers(_classThis, _classExtraInitializers);
+  })(), _a;
+  return _classThis;
+})();
+export {
+  SbbBlockLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stbGluay5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9saW5rL2Jsb2NrLWxpbmsvYmxvY2stbGluay5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgbGluayBlbmhhbmNlZCB3aXRoIHRoZSBTQkIgRGVzaWduLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItYmxvY2stbGlua2AuXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIGRpc3BsYXkgdGhlIGljb24sIGlmIG9uZSBpcyBzZXQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1ibG9jay1saW5rJylcbmNsYXNzIFNiYkJsb2NrTGlua0VsZW1lbnQgZXh0ZW5kcyBTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50TWl4aW4oXG4gIFNiYkRpc2FibGVkTWl4aW4oU2JiTGlua0Jhc2VFbGVtZW50KSxcbikge31cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1ibG9jay1saW5rJzogU2JiQmxvY2tMaW5rRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0lBY00sdUJBQW1CLE1BQUE7OzBCQUR4QixjQUFjLGdCQUFnQixDQUFDOzs7O0FBQ0UsTUFBQSxjQUFBLCtCQUNoQyxpQkFBaUIsa0JBQWtCLENBQUM7QUFEWixFQUFBLG1CQUFRLFlBRWpDO0FBQUE7O0FBRkQsaUJBRUksTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztBQUZFLHNCQUFtQixZQUFBLHVCQUFBO0FBQUEsRUFBQSxNQUFDOzs7In0=

package/development/link/block-link-button/block-link-button.component.d.ts

@@ -0,0 +1,17 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbBlockLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a link enhanced with the SBB Design, which will behave as a button.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-block-link-button`.
+ * @slot icon - Slot used to display the icon, if one is set.
+ */
+export declare class SbbBlockLinkButtonElement extends SbbBlockLinkButtonElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-block-link-button': SbbBlockLinkButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=block-link-button.component.d.ts.map

package/development/link/block-link-button/block-link-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-link-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link/block-link-button/block-link-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/development/link/block-link-button/block-link-button.component.js

@@ -0,0 +1,26 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin } from "../../core/mixins.js";
+import { SbbBlockLinkCommonElementMixin } from "../common.js";
+let SbbBlockLinkButtonElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-block-link-button")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbBlockLinkCommonElementMixin(SbbDisabledTabIndexActionMixin(SbbButtonBaseElement));
+  _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 });
+    __runInitializers(_classThis, _classExtraInitializers);
+  })(), _a;
+  return _classThis;
+})();
+export {
+  SbbBlockLinkButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stbGluay1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbGluay9ibG9jay1saW5rLWJ1dHRvbi9ibG9jay1saW5rLWJ1dHRvbi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRUYWJJbmRleEFjdGlvbk1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiQmxvY2tMaW5rQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpbmsgZW5oYW5jZWQgd2l0aCB0aGUgU0JCIERlc2lnbiwgd2hpY2ggd2lsbCBiZWhhdmUgYXMgYSBidXR0b24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1ibG9jay1saW5rLWJ1dHRvbmAuXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIGRpc3BsYXkgdGhlIGljb24sIGlmIG9uZSBpcyBzZXQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1ibG9jay1saW5rLWJ1dHRvbicpXG5jbGFzcyBTYmJCbG9ja0xpbmtCdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiQmxvY2tMaW5rQ29tbW9uRWxlbWVudE1peGluKFxuICBTYmJEaXNhYmxlZFRhYkluZGV4QWN0aW9uTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpLFxuKSB7fVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWJsb2NrLWxpbmstYnV0dG9uJzogU2JiQmxvY2tMaW5rQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0lBY00sNkJBQXlCLE1BQUE7OzBCQUQ5QixjQUFjLHVCQUF1QixDQUFDOzs7O0FBQ0MsTUFBQSxjQUFBLCtCQUN0QywrQkFBK0Isb0JBQW9CLENBQUM7QUFEdEIsRUFBQSxtQkFBUSxZQUV2QztBQUFBOztBQUZELGlCQUVJLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7QUFGRSxzQkFBeUIsWUFBQSx1QkFBQTtBQUFBLEVBQUEsTUFBQzs7OyJ9

package/development/link/block-link-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './block-link-button/block-link-button.js';
+export * from './block-link-button/block-link-button.component.js';
 //# sourceMappingURL=block-link-button.d.ts.map

package/development/link/block-link-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-link-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC"}
+{"version":3,"file":"block-link-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

package/development/link/block-link-button.js

@@ -1,4 +1,4 @@
-import { SbbBlockLinkButtonElement } from "./block-link-button/block-link-button.js";
+import { SbbBlockLinkButtonElement } from "./block-link-button/block-link-button.component.js";
 export {
   SbbBlockLinkButtonElement
 };

package/development/link/block-link-static/block-link-static.component.d.ts

@@ -0,0 +1,17 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+declare const SbbBlockLinkStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+/**
+ * It displays a static link enhanced with the SBB Design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-block-link-static`.
+ * @slot icon - Slot used to display the icon, if one is set.
+ */
+export declare class SbbBlockLinkStaticElement extends SbbBlockLinkStaticElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-block-link-static': SbbBlockLinkStaticElement;
+    }
+}
+export {};
+//# sourceMappingURL=block-link-static.component.d.ts.map

package/development/link/block-link-static/block-link-static.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-link-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link/block-link-static/block-link-static.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}