@sbb-esta/lyne-elements-experimental 4.0.0 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/custom-elements.json +198 -50
  2. package/development/pearl-chain/pearl-chain.component.js +1 -3
  3. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +11 -5
  4. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  5. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +116 -56
  6. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  7. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +145 -259
  8. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
  9. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +11 -8
  10. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  11. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +153 -45
  12. package/package.json +2 -2
  13. package/pearl-chain/pearl-chain.component.js +1 -1
  14. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +11 -5
  15. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  16. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +201 -175
  17. package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  18. package/seat-reservation/seat-reservation/seat-reservation.component.js +188 -194
  19. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
  20. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +31 -28
  21. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  22. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +143 -142
@@ -1 +1 @@
1
- {"version":3,"file":"seat-reservation-graphic.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,iCAAiC,CAAC;AAEzC;;GAEG;AACH,qBAEM,gCAAiC,SAAQ,UAAU;IACvD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,+CAA+C;IAC/C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,yFAAyF;IACzF,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc,GAAG,IAAI;IAuBlD,OAAO,CAAC,cAAc;CASvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
1
+ {"version":3,"file":"seat-reservation-graphic.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,iCAAiC,CAAC;AAEzC;;GAEG;AACH,qBAEM,gCAAiC,SAAQ,UAAU;IACvD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,+CAA+C;IAC/C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,yFAAyF;IACzF,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc,GAAG,IAAI;IAuBlD,OAAO,CAAC,cAAc;CAavB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
@@ -2,45 +2,45 @@ var E = (t) => {
2
2
  throw TypeError(t);
3
3
  };
4
4
  var z = (t, r, s) => r.has(t) || E("Cannot " + s);
5
- 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), l = (t, r, s, i) => (z(t, r, "write to private field"), i ? i.call(t, s) : r.set(t, s), s);
5
+ 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);
6
6
  import { __runInitializers as h, __esDecorate as p } from "tslib";
7
7
  import { SbbLanguageController as k } from "@sbb-esta/lyne-elements/core/controllers.js";
8
8
  import { forceType as I } from "@sbb-esta/lyne-elements/core/decorators.js";
9
9
  import { boxSizingStyles as $ } from "@sbb-esta/lyne-elements/core/styles.js";
10
- import { css as j, LitElement as D, html as u } from "lit";
11
- import { customElement as O, property as N } from "lit/decorators.js";
12
- import { classMap as C } from "lit/directives/class-map.js";
13
- import { mapIconToSvg as L, getI18nSeatReservation as R } from "../common.js";
10
+ import { css as j, LitElement as D, html as u, isServer as O } from "lit";
11
+ import { customElement as C, property as N } from "lit/decorators.js";
12
+ import { classMap as L } from "lit/directives/class-map.js";
13
+ import { mapIconToSvg as R, getI18nSeatReservation as T } from "../common.js";
14
14
  import "@sbb-esta/lyne-elements/icon.js";
15
- const T = 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}}`;
16
- let U = (() => {
17
- var n, c, o;
18
- let t = [O("sbb-seat-reservation-graphic")], r, s = [], i, d = D, f, _ = [], x = [], w, S = [], y = [];
19
- return o = class extends d {
15
+ 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}}`;
16
+ let V = (() => {
17
+ var o, c, n;
18
+ let t = [C("sbb-seat-reservation-graphic")], r, s = [], i, d = D, f, _ = [], x = [], S, w = [], y = [];
19
+ return n = class extends d {
20
20
  constructor() {
21
21
  super(...arguments);
22
- v(this, n);
22
+ v(this, o);
23
23
  v(this, c);
24
- l(this, n, h(this, _, "")), l(this, c, (h(this, x), h(this, S, !1))), this._language = (h(this, y), new k(this));
24
+ b(this, o, h(this, _, "")), b(this, c, (h(this, x), h(this, w, !1))), this._language = (h(this, y), new k(this));
25
25
  }
26
26
  /** Name of the SVG graphic to be displayed. */
27
27
  get name() {
28
- return g(this, n);
28
+ return g(this, o);
29
29
  }
30
30
  set name(e) {
31
- l(this, n, e);
31
+ b(this, o, e);
32
32
  }
33
33
  /** if true, scale the graphic content of the given element non-uniformly if necessary */
34
34
  get stretch() {
35
35
  return g(this, c);
36
36
  }
37
37
  set stretch(e) {
38
- l(this, c, e);
38
+ b(this, c, e);
39
39
  }
40
40
  render() {
41
- const e = L[this.name];
41
+ const e = R[this.name];
42
42
  return !e?.svg && !e?.svgName ? null : u`<span
43
- class="${C({
43
+ class="${L({
44
44
  "sbb-sr-icon": !!e.svgName,
45
45
  "sbb-sr-graphic": !!e.svg
46
46
  })}"
@@ -48,23 +48,26 @@ let U = (() => {
48
48
  ${e.svgName ? u` <sbb-icon
49
49
  name="${e.svgName || ""}"
50
50
  aria-hidden="false"
51
- aria-label="${R(e.svgName, this._language.current)}"
51
+ aria-label="${T(e.svgName, this._language.current)}"
52
52
  ></sbb-icon>` : u`${this._getSvgElement(e.svg)}`}
53
53
  </span>`;
54
54
  }
55
55
  _getSvgElement(e) {
56
- const a = new DOMParser(), b = e || "<svg></svg>", m = a.parseFromString(b, "image/svg+xml").firstElementChild;
57
- return this.stretch && m?.nodeName.toLowerCase() === "svg" && m.setAttribute("preserveAspectRatio", "none"), m;
56
+ if (!O) {
57
+ const a = new DOMParser(), l = e || "<svg></svg>", m = a.parseFromString(l, "image/svg+xml").firstElementChild;
58
+ return this.stretch && m?.nodeName.toLowerCase() === "svg" && m.setAttribute("preserveAspectRatio", "none"), m;
59
+ }
60
+ return null;
58
61
  }
59
- }, n = new WeakMap(), c = new WeakMap(), i = o, (() => {
62
+ }, o = new WeakMap(), c = new WeakMap(), i = n, (() => {
60
63
  const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
61
- f = [I(), N({ attribute: "name" })], w = [I(), N({ attribute: "stretch", type: Boolean })], p(o, null, f, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, b) => {
62
- a.name = b;
63
- } }, metadata: e }, _, x), p(o, null, w, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, b) => {
64
- a.stretch = b;
65
- } }, metadata: e }, S, 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 });
66
- })(), o.styles = [$, T], h(i, s), i;
64
+ 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) => {
65
+ a.name = l;
66
+ } }, 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) => {
67
+ a.stretch = l;
68
+ } }, 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 });
69
+ })(), n.styles = [$, A], h(i, s), i;
67
70
  })();
68
71
  export {
69
- U as SbbSeatReservationGraphicElement
72
+ V as SbbSeatReservationGraphicElement
70
73
  };
@@ -1 +1 @@
1
- {"version":3,"file":"seat-reservation-navigation-coach.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC7F,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,4BAA4B;IAC5B,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,2BAA2B;IAC3B,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,8FAA8F;IAC9F,SAEgB,iBAAiB,EAAE,OAAO,CAAQ;IAElD,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,2GAA2G;IAC3G,SACgB,gBAAgB,EAAE,uBAAuB,CAA6B;IAEtF,gCAAgC;IAChC,SACgB,WAAW,EAAE,gBAAgB,EAAE,CAAiB;IAEhE,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,kDAAkD;IAClD,SAEgB,KAAK,EAAE,OAAO,CAAS;IAEvC,iDAAiD;IACjD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6DAA6D;IAC7D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2B5E;;;;OAIG;cACgB,MAAM,IAAI,cAAc;IAsB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IAmC1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}
1
+ {"version":3,"file":"seat-reservation-navigation-coach.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC7F,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,4BAA4B;IAC5B,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,2BAA2B;IAC3B,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,8FAA8F;IAC9F,SAEgB,iBAAiB,EAAE,OAAO,CAAQ;IAElD,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,2GAA2G;IAC3G,SACgB,gBAAgB,EAAE,uBAAuB,CAA6B;IAEtF,gCAAgC;IAChC,SACgB,WAAW,EAAE,gBAAgB,EAAE,CAAiB;IAEhE,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,kDAAkD;IAClD,SAEgB,KAAK,EAAE,OAAO,CAAS;IAEvC,iDAAiD;IACjD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6DAA6D;IAC7D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2B5E;;;;OAIG;cACgB,MAAM,IAAI,cAAc;IAuB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IAmC1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}