@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773149682 → 4.7.0-dev.1773157364

package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js

@@ -1,50 +1,51 @@
-var y = (r) => {
+var p = (r) => {
   throw TypeError(r);
 };
-var w = (r, e, t) => e.has(r) || y("Cannot " + t);
-var d = (r, e, t) => (w(r, e, "read from private field"), t ? t.call(r) : e.get(r)), u = (r, e, t) => e.has(r) ? y("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), m = (r, e, t, s) => (w(r, e, "write to private field"), s ? s.call(r, t) : e.set(r, t), t);
-import { __esDecorate as v, __runInitializers as l } from "tslib";
-import { forceType as S } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as E } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as I, LitElement as j, html as D } from "lit";
-import { customElement as O, property as z } from "lit/decorators.js";
-const T = I`:host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border:var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-graphite),var(--sbb-color-granite));border-radius:var(--sbb-seat-reservation-area-border-radius);position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);line-height:normal;background-color:var(--sbb-background-color-2)}:host([background=dark]){background-color:var(--sbb-color-milk);background-color:light-dark(var(--sbb-color-milk),var(--sbb-color-iron))}:host([mounting=upper-border]){border-block-start-width:0;border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:0;border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}:host(.sbb-seat-reservation-area--cursor-pointer){cursor:var(--sbb-cursor-pointer)}`;
-let F = (() => {
+var k = (r, e, t) => e.has(r) || p("Cannot " + t);
+var l = (r, e, t) => (k(r, e, "read from private field"), t ? t.call(r) : e.get(r)), u = (r, e, t) => e.has(r) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), m = (r, e, t, i) => (k(r, e, "write to private field"), i ? i.call(r, t) : e.set(r, t), t);
+import { __esDecorate as f, __runInitializers as c } from "tslib";
+import { SbbElement as y } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { forceType as _ } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { boxSizingStyles as w } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as z, html as j } from "lit";
+import { property as x } from "lit/decorators.js";
+const I = z`:host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border:var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-graphite),var(--sbb-color-granite));border-radius:var(--sbb-seat-reservation-area-border-radius);position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);line-height:normal;background-color:var(--sbb-background-color-2)}:host([background=dark]){background-color:var(--sbb-color-milk);background-color:light-dark(var(--sbb-color-milk),var(--sbb-color-iron))}:host([mounting=upper-border]){border-block-start-width:0;border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:0;border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}:host(.sbb-seat-reservation-area--cursor-pointer){cursor:var(--sbb-cursor-pointer)}`;
+let C = (() => {
   var n, b, o;
-  let r = [O("sbb-seat-reservation-area")], e, t = [], s, g = j, h, p = [], k = [], _, f = [], x = [];
-  return o = class extends g {
+  let r = y, e, t = [], i = [], g, v = [], h = [];
+  return o = class extends r {
     constructor() {
       super(...arguments);
-      u(this, n, l(this, p, "free"));
-      u(this, b, (l(this, k), l(this, f, "light")));
-      l(this, x);
+      u(this, n, c(this, t, "free"));
+      u(this, b, (c(this, i), c(this, v, "light")));
+      c(this, h);
     }
     /** Mounting Prop */
     get mounting() {
-      return d(this, n);
+      return l(this, n);
     }
-    set mounting(i) {
-      m(this, n, i);
+    set mounting(s) {
+      m(this, n, s);
     }
     /** the background of the area */
     get background() {
-      return d(this, b);
+      return l(this, b);
     }
-    set background(i) {
-      m(this, b, i);
+    set background(s) {
+      m(this, b, s);
     }
     render() {
-      return D`<slot></slot>`;
+      return j`<slot></slot>`;
     }
-  }, n = new WeakMap(), b = new WeakMap(), s = o, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-    h = [S(), z({ reflect: !0 })], _ = [S(), z({ reflect: !0 })], v(o, null, h, { kind: "accessor", name: "mounting", static: !1, private: !1, access: { has: (a) => "mounting" in a, get: (a) => a.mounting, set: (a, c) => {
-      a.mounting = c;
-    } }, metadata: i }, p, k), v(o, null, _, { kind: "accessor", name: "background", static: !1, private: !1, access: { has: (a) => "background" in a, get: (a) => a.background, set: (a, c) => {
-      a.background = c;
-    } }, metadata: i }, f, x), v(null, e = { value: s }, r, { kind: "class", name: s.name, metadata: i }, null, t), s = e.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), o.styles = [E, T], l(s, t), s;
+  }, n = new WeakMap(), b = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    e = [_(), x({ reflect: !0 })], g = [_(), x({ reflect: !0 })], f(o, null, e, { kind: "accessor", name: "mounting", static: !1, private: !1, access: { has: (a) => "mounting" in a, get: (a) => a.mounting, set: (a, d) => {
+      a.mounting = d;
+    } }, metadata: s }, t, i), f(o, null, g, { kind: "accessor", name: "background", static: !1, private: !1, access: { has: (a) => "background" in a, get: (a) => a.background, set: (a, d) => {
+      a.background = d;
+    } }, metadata: s }, v, h), s && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), o.elementName = "sbb-seat-reservation-area", o.styles = [w, I], o;
 })();
 export {
-  F as SbbSeatReservationAreaElement
+  C as SbbSeatReservationAreaElement
 };

package/seat-reservation/seat-reservation-area.js

@@ -1,4 +1,7 @@
-import { SbbSeatReservationAreaElement as t } from "./seat-reservation-area/seat-reservation-area.component.js";
+import { SbbSeatReservationAreaElement as e } from "./seat-reservation-area/seat-reservation-area.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-area.js' has been deprecated.
+Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
 export {
-  t as SbbSeatReservationAreaElement
+  e as SbbSeatReservationAreaElement
 };

package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js

@@ -1,14 +1,16 @@
 import { html as d } from "lit";
-import { unsafeHTML as r } from "lit/directives/unsafe-html.js";
-import { mapIconToSvg as A } from "../common.js";
+import { unsafeHTML as A } from "lit/directives/unsafe-html.js";
+import { mapIconToSvg as r } from "../common/mapper.js";
+import { SbbSeatReservationAreaElement as a } from "../seat-reservation-area/seat-reservation-area.component.js";
+import { SbbSeatReservationGraphicElement as E } from "./seat-reservation-graphic.component.js";
 import "@sbb-esta/lyne-elements/table.js";
-import "../seat-reservation-graphic.js";
-import "../seat-reservation-area/seat-reservation-area.component.js";
-const E = (e) => d`
+E.define();
+a.define();
+const s = (e) => d`
     <div class="story-asset">
-      <span class="story-asset__preview">${r(e)}</span>
+      <span class="story-asset__preview">${A(e)}</span>
     </div>
-  `, t = (e) => A[e]?.svg ? E(A[e].svg) : A[e]?.svgName ? d`<sbb-icon name="${A[e].svgName}"></sbb-icon>` : null, a = d`
+  `, t = (e) => r[e]?.svg ? s(r[e].svg) : r[e]?.svgName ? d`<sbb-icon name="${r[e].svgName}"></sbb-icon>` : null, _ = d`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -62,7 +64,7 @@ const E = (e) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, s = d`
+`, l = d`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -131,7 +133,7 @@ const E = (e) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, _ = d`
+`, o = d`
   <sbb-table-wrapper>
     <table aria-label="Available Service Icons" class="sbb-table">
       <thead>
@@ -205,7 +207,7 @@ const E = (e) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, l = d`
+`, R = d`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -269,7 +271,7 @@ const E = (e) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, L = d`
+`, i = d`
   <style>
     .story-asset {
       width: max-content;
@@ -278,15 +280,15 @@ const E = (e) => d`
   </style>
   <h1>List of all currently available assets.</h1>
   <h2>Interior</h2>
-  ${a}
+  ${_}
   <h2>Layout</h2>
-  ${s}
+  ${l}
   <h2>Service Icons</h2>
-  ${_}
+  ${o}
   <h2>Chassis</h2>
-  ${l}
+  ${R}
 `;
 export {
-  L as assetsTemplate,
+  i as assetsTemplate,
   t as svgImageByOSDMCode
 };

package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js

@@ -1,73 +1,75 @@
-var E = (t) => {
+var _ = (t) => {
   throw TypeError(t);
 };
-var z = (t, r, s) => r.has(t) || E("Cannot " + s);
-var g = (t, r, s) => (z(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? E("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), b = (t, r, s, i) => (z(t, r, "write to private field"), i ? i.call(t, s) : r.set(t, s), s);
-import { __runInitializers as h, __esDecorate as p } from "tslib";
-import { SbbLanguageController as k } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as I } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as $ } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as j, LitElement as D, html as u, isServer as O } from "lit";
-import { customElement as C, property as N } from "lit/decorators.js";
-import { classMap as L } from "lit/directives/class-map.js";
-import { mapIconToSvg as R, getI18nSeatReservation as T } from "../common.js";
+var x = (t, r, s) => r.has(t) || _("Cannot " + s);
+var m = (t, r, s) => (x(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), h = (t, r, s, c) => (x(t, r, "write to private field"), c ? c.call(t, s) : r.set(t, s), s);
+import { __runInitializers as l, __esDecorate as w } from "tslib";
+import { SbbElement as N } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { SbbLanguageController as z } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType as y } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { boxSizingStyles as I } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as $, html as p, isServer as j } from "lit";
+import { property as S } from "lit/decorators.js";
+import { classMap as k } from "lit/directives/class-map.js";
+import { mapIconToSvg as O } from "../common/mapper.js";
+import { getI18nSeatReservation as C } from "../common/translations.js";
 import "@sbb-esta/lyne-elements/icon.js";
-const A = j`:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:var(--sbb-cursor-pointer)}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
-let V = (() => {
-  var o, c, n;
-  let t = [C("sbb-seat-reservation-graphic")], r, s = [], i, d = D, f, _ = [], x = [], S, w = [], y = [];
-  return n = class extends d {
+const A = $`:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:var(--sbb-cursor-pointer)}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
+let U = (() => {
+  var o, n, i;
+  let t = N, r, s = [], c = [], u, f = [], d = [];
+  return i = class extends t {
     constructor() {
       super(...arguments);
       v(this, o);
-      v(this, c);
-      b(this, o, h(this, _, "")), b(this, c, (h(this, x), h(this, w, !1))), this._language = (h(this, y), new k(this));
+      v(this, n);
+      h(this, o, l(this, s, "")), h(this, n, (l(this, c), l(this, f, !1))), this._language = (l(this, d), new z(this));
     }
     /** Name of the SVG graphic to be displayed. */
     get name() {
-      return g(this, o);
+      return m(this, o);
     }
     set name(e) {
-      b(this, o, e);
+      h(this, o, e);
     }
     /** if true, scale the graphic content of the given element non-uniformly if necessary */
     get stretch() {
-      return g(this, c);
+      return m(this, n);
     }
     set stretch(e) {
-      b(this, c, e);
+      h(this, n, e);
     }
     render() {
-      const e = R[this.name];
-      return !e?.svg && !e?.svgName ? null : u`<span
-      class="${L({
+      const e = O[this.name];
+      return !e?.svg && !e?.svgName ? null : p`<span
+      class="${k({
         "sbb-sr-icon": !!e.svgName,
         "sbb-sr-graphic": !!e.svg
       })}"
     >
-      ${e.svgName ? u` <sbb-icon
+      ${e.svgName ? p` <sbb-icon
             name="${e.svgName || ""}"
             aria-hidden="false"
-            aria-label="${T(e.svgName, this._language.current)}"
-          ></sbb-icon>` : u`${this._getSvgElement(e.svg)}`}
+            aria-label="${C(e.svgName, this._language.current)}"
+          ></sbb-icon>` : p`${this._getSvgElement(e.svg)}`}
     </span>`;
     }
     _getSvgElement(e) {
-      if (!O) {
-        const a = new DOMParser(), l = e || "<svg></svg>", m = a.parseFromString(l, "image/svg+xml").firstElementChild;
-        return this.stretch && m?.nodeName.toLowerCase() === "svg" && m.setAttribute("preserveAspectRatio", "none"), m;
+      if (!j) {
+        const a = new DOMParser(), b = e || "<svg></svg>", g = a.parseFromString(b, "image/svg+xml").firstElementChild;
+        return this.stretch && g?.nodeName.toLowerCase() === "svg" && g.setAttribute("preserveAspectRatio", "none"), g;
       }
       return null;
     }
-  }, o = new WeakMap(), c = new WeakMap(), i = n, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    f = [I(), N({ attribute: "name" })], S = [I(), N({ attribute: "stretch", type: Boolean })], p(n, null, f, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, l) => {
-      a.name = l;
-    } }, metadata: e }, _, x), p(n, null, S, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, l) => {
-      a.stretch = l;
-    } }, metadata: e }, w, y), p(null, r = { value: i }, t, { kind: "class", name: i.name, metadata: e }, null, s), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n.styles = [$, A], h(i, s), i;
+  }, o = new WeakMap(), n = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    r = [y(), S({ attribute: "name" })], u = [y(), S({ attribute: "stretch", type: Boolean })], w(i, null, r, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, b) => {
+      a.name = b;
+    } }, metadata: e }, s, c), w(i, null, u, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, b) => {
+      a.stretch = b;
+    } }, metadata: e }, f, d), e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), i.elementName = "sbb-seat-reservation-graphic", i.styles = [I, A], i;
 })();
 export {
-  V as SbbSeatReservationGraphicElement
+  U as SbbSeatReservationGraphicElement
 };

package/seat-reservation/seat-reservation-graphic.js

@@ -1,4 +1,7 @@
-import { SbbSeatReservationGraphicElement as t } from "./seat-reservation-graphic/seat-reservation-graphic.component.js";
+import { SbbSeatReservationGraphicElement as e } from "./seat-reservation-graphic/seat-reservation-graphic.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-graphic.js' has been deprecated.
+Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
 export {
-  t as SbbSeatReservationGraphicElement
+  e as SbbSeatReservationGraphicElement
 };