@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777350527 → 5.0.0-next.1-dev.1777356659

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.
@@ -15342,7 +15342,7 @@
15342
15342
  },
15343
15343
  "privacy": "public",
15344
15344
  "static": true,
15345
- "default": "[ SbbIconElement, SbbScreenReaderOnlyElement, ]",
15345
+ "default": "[SbbIconElement]",
15346
15346
  "inheritedFrom": {
15347
15347
  "name": "SbbElement",
15348
15348
  "module": "core/base-elements/element.js"
@@ -15383,22 +15383,18 @@
15383
15383
  },
15384
15384
  {
15385
15385
  "kind": "field",
15386
- "name": "size",
15387
- "type": {
15388
- "text": "JourneyHeaderSize"
15389
- },
15390
- "privacy": "public",
15391
- "description": "Journey header size, either s, m or l.",
15392
- "default": "'m' / 's' (lean)",
15393
- "deprecated": "Use visualLevel instead.",
15394
- "attribute": "size",
15395
- "reflects": true
15386
+ "name": "_language",
15387
+ "privacy": "private"
15396
15388
  },
15397
15389
  {
15398
- "kind": "field",
15399
- "name": "_language",
15390
+ "kind": "method",
15391
+ "name": "_setAriaLabel",
15400
15392
  "privacy": "private",
15401
- "default": "new SbbLanguageController(this)"
15393
+ "return": {
15394
+ "type": {
15395
+ "text": "void"
15396
+ }
15397
+ }
15402
15398
  },
15403
15399
  {
15404
15400
  "kind": "field",
@@ -15423,7 +15419,7 @@
15423
15419
  "text": "SbbTitleLevel | null"
15424
15420
  },
15425
15421
  "privacy": "public",
15426
- "default": "null",
15422
+ "default": "'5'",
15427
15423
  "description": "Visual level for the title.",
15428
15424
  "attribute": "visual-level",
15429
15425
  "reflects": true,
@@ -15724,16 +15720,6 @@
15724
15720
  "description": "Whether the journey is a round trip. If so, the icon changes to a round-trip one.",
15725
15721
  "fieldName": "roundTrip"
15726
15722
  },
15727
- {
15728
- "name": "size",
15729
- "type": {
15730
- "text": "JourneyHeaderSize"
15731
- },
15732
- "description": "Journey header size, either s, m or l.",
15733
- "default": "'m' / 's' (lean)",
15734
- "deprecated": "Use visualLevel instead.",
15735
- "fieldName": "size"
15736
- },
15737
15723
  {
15738
15724
  "name": "negative",
15739
15725
  "type": {
@@ -1,7 +1,6 @@
1
- import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
1
+ import { CSSResultGroup, PropertyDeclaration, TemplateResult } from 'lit';
2
2
  import { SbbElementType } from '../core.ts';
3
3
  import { SbbTitleBase } from '../title.pure.ts';
4
- export type JourneyHeaderSize = 's' | 'm' | 'l';
5
4
  declare const SbbJourneyHeaderElement_base: import('../core.ts').AbstractConstructor<import('../core.ts').SbbNegativeMixinType> & typeof SbbTitleBase;
6
5
  /**
7
6
  * Combined with the `sbb-journey-summary`, it displays the journey's detail.
@@ -16,15 +15,10 @@ export declare class SbbJourneyHeaderElement extends SbbJourneyHeaderElement_bas
16
15
  accessor destination: string;
17
16
  /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
18
17
  accessor roundTrip: boolean;
19
- /**
20
- * Journey header size, either s, m or l.
21
- * @default 'm' / 's' (lean)
22
- * @deprecated Use visualLevel instead.
23
- */
24
- accessor size: JourneyHeaderSize;
25
18
  private _language;
26
19
  constructor();
27
- protected willUpdate(changedProperties: PropertyValues<this>): void;
20
+ requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
21
+ private _setAriaLabel;
28
22
  protected render(): TemplateResult;
29
23
  }
30
24
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"journey-header.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/journey-header/journey-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAOL,KAAK,cAAc,EAIpB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAIpE,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAWhD;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,4BAA8B;IACzE,gBAAgC,WAAW,EAAE,MAAM,CAAwB;IAC3E,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAG1D;IACF,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAEF,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C;;;;OAIG;IACH,SAA6C,IAAI,EAAE,iBAAiB,CAAwB;IAE5F,OAAO,CAAC,SAAS,CAAmC;;cASjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAa5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
1
+ {"version":3,"file":"journey-header.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/journey-header/journey-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAML,KAAK,cAAc,EAGpB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;;AAIhD;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,4BAA8B;IACzE,gBAAgC,WAAW,EAAE,MAAM,CAAwB;IAC3E,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAAoB;IAChF,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAEF,8CAA8C;IAC9C,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,mDAAmD;IACnD,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wFAAwF;IACxF,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,SAAS,CAA2E;;IAS5E,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAQP,OAAO,CAAC,aAAa;cAIF,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
@@ -1,2 +1,2 @@
1
- import { t as SbbJourneyHeaderElement } from "../journey-header.component-BKX1K6cf.js";
1
+ import { t as SbbJourneyHeaderElement } from "../journey-header.component-D8o3F1Su.js";
2
2
  export { SbbJourneyHeaderElement };
@@ -0,0 +1,150 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { html, unsafeCSS } from "lit";
3
+ import { property } from "lit/decorators.js";
4
+ import { SbbLanguageController, SbbNegativeMixin, boxSizingStyles, forceType, i18nConnectionFrom, i18nConnectionRoundtrip, i18nConnectionTo } from "./core.js";
5
+ import { SbbIconElement } from "./icon.pure.js";
6
+ import { SbbTitleBase } from "./title.pure.js";
7
+ //#region src/elements/journey-header/journey-header.scss?inline
8
+ var journey_header_default = ":host {\n --sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: var(--sbb-journey-header-gap);\n width: fit-content;\n}\n\n:host(:dir(rtl)) sbb-icon {\n rotate: -180deg;\n}\n\n:host([id]) {\n scroll-margin-block-start: var(--sbb-spacing-fixed-10x);\n}\n\n:host([negative]) {\n --sbb-title-text-color-normal: var(--sbb-color-3-negative);\n}\n\nsbb-icon {\n min-width: var(--sbb-size-icon-ui-small);\n}";
9
+ //#endregion
10
+ //#region src/elements/journey-header/journey-header.component.ts
11
+ /**
12
+ * Combined with the `sbb-journey-summary`, it displays the journey's detail.
13
+ */
14
+ var SbbJourneyHeaderElement = (() => {
15
+ let _classSuper = SbbNegativeMixin(SbbTitleBase);
16
+ let _origin_decorators;
17
+ let _origin_initializers = [];
18
+ let _origin_extraInitializers = [];
19
+ let _destination_decorators;
20
+ let _destination_initializers = [];
21
+ let _destination_extraInitializers = [];
22
+ let _roundTrip_decorators;
23
+ let _roundTrip_initializers = [];
24
+ let _roundTrip_extraInitializers = [];
25
+ return class SbbJourneyHeaderElement extends _classSuper {
26
+ static {
27
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
28
+ _origin_decorators = [forceType(), property()];
29
+ _destination_decorators = [forceType(), property()];
30
+ _roundTrip_decorators = [forceType(), property({
31
+ attribute: "round-trip",
32
+ type: Boolean
33
+ })];
34
+ __esDecorate(this, null, _origin_decorators, {
35
+ kind: "accessor",
36
+ name: "origin",
37
+ static: false,
38
+ private: false,
39
+ access: {
40
+ has: (obj) => "origin" in obj,
41
+ get: (obj) => obj.origin,
42
+ set: (obj, value) => {
43
+ obj.origin = value;
44
+ }
45
+ },
46
+ metadata: _metadata
47
+ }, _origin_initializers, _origin_extraInitializers);
48
+ __esDecorate(this, null, _destination_decorators, {
49
+ kind: "accessor",
50
+ name: "destination",
51
+ static: false,
52
+ private: false,
53
+ access: {
54
+ has: (obj) => "destination" in obj,
55
+ get: (obj) => obj.destination,
56
+ set: (obj, value) => {
57
+ obj.destination = value;
58
+ }
59
+ },
60
+ metadata: _metadata
61
+ }, _destination_initializers, _destination_extraInitializers);
62
+ __esDecorate(this, null, _roundTrip_decorators, {
63
+ kind: "accessor",
64
+ name: "roundTrip",
65
+ static: false,
66
+ private: false,
67
+ access: {
68
+ has: (obj) => "roundTrip" in obj,
69
+ get: (obj) => obj.roundTrip,
70
+ set: (obj, value) => {
71
+ obj.roundTrip = value;
72
+ }
73
+ },
74
+ metadata: _metadata
75
+ }, _roundTrip_initializers, _roundTrip_extraInitializers);
76
+ if (_metadata) Object.defineProperty(this, Symbol.metadata, {
77
+ enumerable: true,
78
+ configurable: true,
79
+ writable: true,
80
+ value: _metadata
81
+ });
82
+ }
83
+ static {
84
+ this.elementName = "sbb-journey-header";
85
+ }
86
+ static {
87
+ this.elementDependencies = [SbbIconElement];
88
+ }
89
+ static {
90
+ this.styles = [
91
+ boxSizingStyles,
92
+ SbbTitleBase.styles,
93
+ unsafeCSS(journey_header_default)
94
+ ];
95
+ }
96
+ #origin_accessor_storage;
97
+ /** Origin location for the journey header. */
98
+ get origin() {
99
+ return this.#origin_accessor_storage;
100
+ }
101
+ set origin(value) {
102
+ this.#origin_accessor_storage = value;
103
+ }
104
+ #destination_accessor_storage;
105
+ /** Destination location for the journey header. */
106
+ get destination() {
107
+ return this.#destination_accessor_storage;
108
+ }
109
+ set destination(value) {
110
+ this.#destination_accessor_storage = value;
111
+ }
112
+ #roundTrip_accessor_storage;
113
+ /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
114
+ get roundTrip() {
115
+ return this.#roundTrip_accessor_storage;
116
+ }
117
+ set roundTrip(value) {
118
+ this.#roundTrip_accessor_storage = value;
119
+ }
120
+ constructor() {
121
+ super();
122
+ this.#origin_accessor_storage = __runInitializers(this, _origin_initializers, "");
123
+ this.#destination_accessor_storage = (__runInitializers(this, _origin_extraInitializers), __runInitializers(this, _destination_initializers, ""));
124
+ this.#roundTrip_accessor_storage = (__runInitializers(this, _destination_extraInitializers), __runInitializers(this, _roundTrip_initializers, false));
125
+ this._language = (__runInitializers(this, _roundTrip_extraInitializers), new SbbLanguageController(this).withHandler(() => this._setAriaLabel()));
126
+ this.level = "3";
127
+ this.visualLevel = "5";
128
+ }
129
+ requestUpdate(name, oldValue, options) {
130
+ super.requestUpdate(name, oldValue, options);
131
+ if (name === "origin" || name === "destination" || name === "roundTrip") this._setAriaLabel();
132
+ }
133
+ _setAriaLabel() {
134
+ this.internals.ariaLabel = `${i18nConnectionFrom[this._language.current]} ${this.origin} ${i18nConnectionTo[this._language.current]} ${this.destination} ${this.roundTrip ? i18nConnectionRoundtrip(this.origin)[this._language.current] : ""}`;
135
+ }
136
+ render() {
137
+ return html`
138
+ ${this.origin}
139
+ <sbb-icon
140
+ name=${this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small"}
141
+ ></sbb-icon>
142
+ ${this.destination}
143
+ `;
144
+ }
145
+ };
146
+ })();
147
+ //#endregion
148
+ export { SbbJourneyHeaderElement as t };
149
+
150
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam91cm5leS1oZWFkZXIuY29tcG9uZW50LUQ4bzNGMVN1LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9qb3VybmV5LWhlYWRlci9qb3VybmV5LWhlYWRlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9qb3VybmV5LWhlYWRlci9qb3VybmV5LWhlYWRlci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1qb3VybmV5LWhlYWRlci1nYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbHVtbi1nYXA6IHZhcigtLXNiYi1qb3VybmV5LWhlYWRlci1nYXApO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG59XG5cbjpob3N0KDpkaXIocnRsKSkge1xuICBzYmItaWNvbiB7XG4gICAgcm90YXRlOiAtMTgwZGVnO1xuICB9XG59XG5cbjpob3N0KFtpZF0pIHtcbiAgQGluY2x1ZGUgc2JiLnNjcm9sbC1tYXJnaW4tYmxvY2stc3RhcnQ7XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLS1uZWdhdGl2ZTtcbn1cblxuc2JiLWljb24ge1xuICAvLyBBdm9pZCBsYXlvdXQgc2hpZnQgYWZ0ZXIgbG9hZGluZyB0aGUgaWNvblxuICBtaW4td2lkdGg6IHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpO1xufVxuIiwiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgdHlwZSBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHtcbiAgYm94U2l6aW5nU3R5bGVzLFxuICBmb3JjZVR5cGUsXG4gIGkxOG5Db25uZWN0aW9uRnJvbSxcbiAgaTE4bkNvbm5lY3Rpb25Sb3VuZHRyaXAsXG4gIGkxOG5Db25uZWN0aW9uVG8sXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG4gIFNiYkxhbmd1YWdlQ29udHJvbGxlcixcbiAgU2JiTmVnYXRpdmVNaXhpbixcbn0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uRWxlbWVudCB9IGZyb20gJy4uL2ljb24ucHVyZS50cyc7XG5pbXBvcnQgeyBTYmJUaXRsZUJhc2UgfSBmcm9tICcuLi90aXRsZS5wdXJlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vam91cm5leS1oZWFkZXIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggdGhlIGBzYmItam91cm5leS1zdW1tYXJ5YCwgaXQgZGlzcGxheXMgdGhlIGpvdXJuZXkncyBkZXRhaWwuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJKb3VybmV5SGVhZGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oU2JiVGl0bGVCYXNlKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItam91cm5leS1oZWFkZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbU2JiSWNvbkVsZW1lbnRdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbXG4gICAgYm94U2l6aW5nU3R5bGVzLFxuICAgIFNiYlRpdGxlQmFzZS5zdHlsZXMsXG4gICAgdW5zYWZlQ1NTKHN0eWxlKSxcbiAgXTtcblxuICAvKiogT3JpZ2luIGxvY2F0aW9uIGZvciB0aGUgam91cm5leSBoZWFkZXIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3Igb3JpZ2luOiBzdHJpbmcgPSAnJztcblxuICAvKiogRGVzdGluYXRpb24gbG9jYXRpb24gZm9yIHRoZSBqb3VybmV5IGhlYWRlci4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBkZXN0aW5hdGlvbjogc3RyaW5nID0gJyc7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGpvdXJuZXkgaXMgYSByb3VuZCB0cmlwLiBJZiBzbywgdGhlIGljb24gY2hhbmdlcyB0byBhIHJvdW5kLXRyaXAgb25lLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncm91bmQtdHJpcCcsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHJvdW5kVHJpcDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKS53aXRoSGFuZGxlcigoKSA9PiB0aGlzLl9zZXRBcmlhTGFiZWwoKSk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmxldmVsID0gJzMnIGFzIHRoaXNbJ2xldmVsJ107XG4gICAgdGhpcy52aXN1YWxMZXZlbCA9ICc1JyBhcyB0aGlzWyd2aXN1YWxMZXZlbCddO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG5cbiAgICBpZiAobmFtZSA9PT0gJ29yaWdpbicgfHwgbmFtZSA9PT0gJ2Rlc3RpbmF0aW9uJyB8fCBuYW1lID09PSAncm91bmRUcmlwJykge1xuICAgICAgdGhpcy5fc2V0QXJpYUxhYmVsKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfc2V0QXJpYUxhYmVsKCk6IHZvaWQge1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGAke2kxOG5Db25uZWN0aW9uRnJvbVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX0gJHt0aGlzLm9yaWdpbn0gJHtpMThuQ29ubmVjdGlvblRvW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfSAke3RoaXMuZGVzdGluYXRpb259ICR7dGhpcy5yb3VuZFRyaXAgPyBpMThuQ29ubmVjdGlvblJvdW5kdHJpcCh0aGlzLm9yaWdpbilbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF0gOiAnJ31gO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICAke3RoaXMub3JpZ2lufVxuICAgICAgPHNiYi1pY29uXG4gICAgICAgIG5hbWU9JHt0aGlzLnJvdW5kVHJpcCA/ICdhcnJvd3MtbG9uZy1yaWdodC1sZWZ0LXNtYWxsJyA6ICdhcnJvdy1sb25nLXJpZ2h0LXNtYWxsJ31cbiAgICAgID48L3NiYi1pY29uPlxuICAgICAgJHt0aGlzLmRlc3RpbmF0aW9ufVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1qb3VybmV5LWhlYWRlcic6IFNiYkpvdXJuZXlIZWFkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7SUMyQmEsaUNBQXVCO21CQUFTLGlCQUFpQixhQUFhOzs7Ozs7Ozs7O2NBQTlE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
@@ -1,4 +1,4 @@
1
- import { t as SbbJourneyHeaderElement } from "./journey-header.component-BKX1K6cf.js";
1
+ import { t as SbbJourneyHeaderElement } from "./journey-header.component-D8o3F1Su.js";
2
2
  import "./journey-header.pure.js";
3
3
  //#region src/elements/journey-header.ts
4
4
  /** @entrypoint */
@@ -1,2 +1,2 @@
1
- import { t as SbbJourneyHeaderElement } from "./journey-header.component-BKX1K6cf.js";
1
+ import { t as SbbJourneyHeaderElement } from "./journey-header.component-D8o3F1Su.js";
2
2
  export { SbbJourneyHeaderElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../journey-header.component-DeNd5WzP.js";
1
+ import { t as e } from "../journey-header.component-DU09Hyme.js";
2
2
  export { e as SbbJourneyHeaderElement };
@@ -0,0 +1,117 @@
1
+ import { __esDecorate as e, __runInitializers as t } from "tslib";
2
+ import { html as n, unsafeCSS as r } from "lit";
3
+ import { property as i } from "lit/decorators.js";
4
+ import { SbbLanguageController as a, SbbNegativeMixin as o, boxSizingStyles as s, forceType as c, i18nConnectionFrom as l, i18nConnectionRoundtrip as u, i18nConnectionTo as d } from "./core.js";
5
+ import { SbbIconElement as f } from "./icon.pure.js";
6
+ import { SbbTitleBase as p } from "./title.pure.js";
7
+ //#region src/elements/journey-header/journey-header.scss?inline
8
+ var m = ":host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}:host(:dir(rtl)) sbb-icon{rotate:-180deg}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}", h = (() => {
9
+ let h = o(p), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
10
+ return class extends h {
11
+ static {
12
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
13
+ g = [c(), i()], y = [c(), i()], S = [c(), i({
14
+ attribute: "round-trip",
15
+ type: Boolean
16
+ })], e(this, null, g, {
17
+ kind: "accessor",
18
+ name: "origin",
19
+ static: !1,
20
+ private: !1,
21
+ access: {
22
+ has: (e) => "origin" in e,
23
+ get: (e) => e.origin,
24
+ set: (e, t) => {
25
+ e.origin = t;
26
+ }
27
+ },
28
+ metadata: t
29
+ }, _, v), e(this, null, y, {
30
+ kind: "accessor",
31
+ name: "destination",
32
+ static: !1,
33
+ private: !1,
34
+ access: {
35
+ has: (e) => "destination" in e,
36
+ get: (e) => e.destination,
37
+ set: (e, t) => {
38
+ e.destination = t;
39
+ }
40
+ },
41
+ metadata: t
42
+ }, b, x), e(this, null, S, {
43
+ kind: "accessor",
44
+ name: "roundTrip",
45
+ static: !1,
46
+ private: !1,
47
+ access: {
48
+ has: (e) => "roundTrip" in e,
49
+ get: (e) => e.roundTrip,
50
+ set: (e, t) => {
51
+ e.roundTrip = t;
52
+ }
53
+ },
54
+ metadata: t
55
+ }, C, w), t && Object.defineProperty(this, Symbol.metadata, {
56
+ enumerable: !0,
57
+ configurable: !0,
58
+ writable: !0,
59
+ value: t
60
+ });
61
+ }
62
+ static {
63
+ this.elementName = "sbb-journey-header";
64
+ }
65
+ static {
66
+ this.elementDependencies = [f];
67
+ }
68
+ static {
69
+ this.styles = [
70
+ s,
71
+ p.styles,
72
+ r(m)
73
+ ];
74
+ }
75
+ #e;
76
+ get origin() {
77
+ return this.#e;
78
+ }
79
+ set origin(e) {
80
+ this.#e = e;
81
+ }
82
+ #t;
83
+ get destination() {
84
+ return this.#t;
85
+ }
86
+ set destination(e) {
87
+ this.#t = e;
88
+ }
89
+ #n;
90
+ get roundTrip() {
91
+ return this.#n;
92
+ }
93
+ set roundTrip(e) {
94
+ this.#n = e;
95
+ }
96
+ constructor() {
97
+ super(), this.#e = t(this, _, ""), this.#t = (t(this, v), t(this, b, "")), this.#n = (t(this, x), t(this, C, !1)), this._language = (t(this, w), new a(this).withHandler(() => this._setAriaLabel())), this.level = "3", this.visualLevel = "5";
98
+ }
99
+ requestUpdate(e, t, n) {
100
+ super.requestUpdate(e, t, n), (e === "origin" || e === "destination" || e === "roundTrip") && this._setAriaLabel();
101
+ }
102
+ _setAriaLabel() {
103
+ this.internals.ariaLabel = `${l[this._language.current]} ${this.origin} ${d[this._language.current]} ${this.destination} ${this.roundTrip ? u(this.origin)[this._language.current] : ""}`;
104
+ }
105
+ render() {
106
+ return n`
107
+ ${this.origin}
108
+ <sbb-icon
109
+ name=${this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small"}
110
+ ></sbb-icon>
111
+ ${this.destination}
112
+ `;
113
+ }
114
+ };
115
+ })();
116
+ //#endregion
117
+ export { h as t };
package/journey-header.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./journey-header.component-DeNd5WzP.js";
1
+ import { t as e } from "./journey-header.component-DU09Hyme.js";
2
2
  import "./journey-header.pure.js";
3
3
  //#region src/elements/journey-header.ts
4
4
  e.define();
@@ -1,2 +1,2 @@
1
- import { t as e } from "./journey-header.component-DeNd5WzP.js";
1
+ import { t as e } from "./journey-header.component-DU09Hyme.js";
2
2
  export { e as SbbJourneyHeaderElement };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next.1-dev.1777350527",
3
+ "version": "5.0.0-next.1-dev.1777356659",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/268755272e663239320ab306cbbe48ca8053b205"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/8a3172b6d6195c53989ff5d1e03ac19e07b70026"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
@@ -1,186 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { html, unsafeCSS } from "lit";
3
- import { property } from "lit/decorators.js";
4
- import { SbbLanguageController, SbbNegativeMixin, SbbScreenReaderOnlyElement, boxSizingStyles, forceType, i18nConnectionFrom, i18nConnectionRoundtrip, i18nConnectionTo, isLean } from "./core.js";
5
- import { SbbIconElement } from "./icon.pure.js";
6
- import { SbbTitleBase } from "./title.pure.js";
7
- //#region src/elements/journey-header/journey-header.scss?inline
8
- var journey_header_default = ":host {\n --sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);\n display: block;\n}\n\n:host([id]) {\n scroll-margin-block-start: var(--sbb-spacing-fixed-10x);\n}\n\n:host([negative]) {\n --sbb-title-text-color-normal: var(--sbb-color-3-negative);\n}\n\nsbb-icon {\n min-width: var(--sbb-size-icon-ui-small);\n}\n\n.sbb-journey-header {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: var(--sbb-journey-header-gap);\n width: fit-content;\n}\n.sbb-journey-header:dir(rtl) sbb-icon {\n transform: rotate(-180deg);\n}\n.sbb-journey-header > span {\n max-width: 100%;\n}";
9
- //#endregion
10
- //#region src/elements/journey-header/journey-header.component.ts
11
- var sizeToLevel = new Map([
12
- ["s", "6"],
13
- ["m", "5"],
14
- ["l", "4"]
15
- ]);
16
- /**
17
- * Combined with the `sbb-journey-summary`, it displays the journey's detail.
18
- */
19
- var SbbJourneyHeaderElement = (() => {
20
- let _classSuper = SbbNegativeMixin(SbbTitleBase);
21
- let _origin_decorators;
22
- let _origin_initializers = [];
23
- let _origin_extraInitializers = [];
24
- let _destination_decorators;
25
- let _destination_initializers = [];
26
- let _destination_extraInitializers = [];
27
- let _roundTrip_decorators;
28
- let _roundTrip_initializers = [];
29
- let _roundTrip_extraInitializers = [];
30
- let _size_decorators;
31
- let _size_initializers = [];
32
- let _size_extraInitializers = [];
33
- return class SbbJourneyHeaderElement extends _classSuper {
34
- static {
35
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
36
- _origin_decorators = [forceType(), property()];
37
- _destination_decorators = [forceType(), property()];
38
- _roundTrip_decorators = [forceType(), property({
39
- attribute: "round-trip",
40
- type: Boolean
41
- })];
42
- _size_decorators = [property({ reflect: true })];
43
- __esDecorate(this, null, _origin_decorators, {
44
- kind: "accessor",
45
- name: "origin",
46
- static: false,
47
- private: false,
48
- access: {
49
- has: (obj) => "origin" in obj,
50
- get: (obj) => obj.origin,
51
- set: (obj, value) => {
52
- obj.origin = value;
53
- }
54
- },
55
- metadata: _metadata
56
- }, _origin_initializers, _origin_extraInitializers);
57
- __esDecorate(this, null, _destination_decorators, {
58
- kind: "accessor",
59
- name: "destination",
60
- static: false,
61
- private: false,
62
- access: {
63
- has: (obj) => "destination" in obj,
64
- get: (obj) => obj.destination,
65
- set: (obj, value) => {
66
- obj.destination = value;
67
- }
68
- },
69
- metadata: _metadata
70
- }, _destination_initializers, _destination_extraInitializers);
71
- __esDecorate(this, null, _roundTrip_decorators, {
72
- kind: "accessor",
73
- name: "roundTrip",
74
- static: false,
75
- private: false,
76
- access: {
77
- has: (obj) => "roundTrip" in obj,
78
- get: (obj) => obj.roundTrip,
79
- set: (obj, value) => {
80
- obj.roundTrip = value;
81
- }
82
- },
83
- metadata: _metadata
84
- }, _roundTrip_initializers, _roundTrip_extraInitializers);
85
- __esDecorate(this, null, _size_decorators, {
86
- kind: "accessor",
87
- name: "size",
88
- static: false,
89
- private: false,
90
- access: {
91
- has: (obj) => "size" in obj,
92
- get: (obj) => obj.size,
93
- set: (obj, value) => {
94
- obj.size = value;
95
- }
96
- },
97
- metadata: _metadata
98
- }, _size_initializers, _size_extraInitializers);
99
- if (_metadata) Object.defineProperty(this, Symbol.metadata, {
100
- enumerable: true,
101
- configurable: true,
102
- writable: true,
103
- value: _metadata
104
- });
105
- }
106
- static {
107
- this.elementName = "sbb-journey-header";
108
- }
109
- static {
110
- this.elementDependencies = [SbbIconElement, SbbScreenReaderOnlyElement];
111
- }
112
- static {
113
- this.styles = [
114
- boxSizingStyles,
115
- SbbTitleBase.styles,
116
- unsafeCSS(journey_header_default)
117
- ];
118
- }
119
- #origin_accessor_storage;
120
- /** Origin location for the journey header. */
121
- get origin() {
122
- return this.#origin_accessor_storage;
123
- }
124
- set origin(value) {
125
- this.#origin_accessor_storage = value;
126
- }
127
- #destination_accessor_storage;
128
- /** Destination location for the journey header. */
129
- get destination() {
130
- return this.#destination_accessor_storage;
131
- }
132
- set destination(value) {
133
- this.#destination_accessor_storage = value;
134
- }
135
- #roundTrip_accessor_storage;
136
- /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
137
- get roundTrip() {
138
- return this.#roundTrip_accessor_storage;
139
- }
140
- set roundTrip(value) {
141
- this.#roundTrip_accessor_storage = value;
142
- }
143
- #size_accessor_storage;
144
- /**
145
- * Journey header size, either s, m or l.
146
- * @default 'm' / 's' (lean)
147
- * @deprecated Use visualLevel instead.
148
- */
149
- get size() {
150
- return this.#size_accessor_storage;
151
- }
152
- set size(value) {
153
- this.#size_accessor_storage = value;
154
- }
155
- constructor() {
156
- super();
157
- this.#origin_accessor_storage = __runInitializers(this, _origin_initializers, "");
158
- this.#destination_accessor_storage = (__runInitializers(this, _origin_extraInitializers), __runInitializers(this, _destination_initializers, ""));
159
- this.#roundTrip_accessor_storage = (__runInitializers(this, _destination_extraInitializers), __runInitializers(this, _roundTrip_initializers, false));
160
- this.#size_accessor_storage = (__runInitializers(this, _roundTrip_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
161
- this._language = (__runInitializers(this, _size_extraInitializers), new SbbLanguageController(this));
162
- this.level = "3";
163
- this.visualLevel = sizeToLevel.get(this.size) ?? null;
164
- }
165
- willUpdate(changedProperties) {
166
- super.willUpdate(changedProperties);
167
- if (changedProperties.has("size")) this.visualLevel = sizeToLevel.get(this.size) ?? null;
168
- }
169
- render() {
170
- const iconName = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
171
- const a11yString = `${i18nConnectionFrom[this._language.current]} ${this.origin} ${i18nConnectionTo[this._language.current]} ${this.destination} ${this.roundTrip ? i18nConnectionRoundtrip(this.origin)[this._language.current] : ""}`;
172
- return html`
173
- <span class="sbb-journey-header" aria-hidden="true">
174
- <span class="sbb-journey-header__origin">${this.origin}</span>
175
- <sbb-icon name=${iconName}></sbb-icon>
176
- <span class="sbb-journey-header__destination">${this.destination}</span>
177
- </span>
178
- <sbb-screen-reader-only>${a11yString}</sbb-screen-reader-only>
179
- `;
180
- }
181
- };
182
- })();
183
- //#endregion
184
- export { SbbJourneyHeaderElement as t };
185
-
186
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam91cm5leS1oZWFkZXIuY29tcG9uZW50LUJLWDFLNmNmLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9qb3VybmV5LWhlYWRlci9qb3VybmV5LWhlYWRlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9qb3VybmV5LWhlYWRlci9qb3VybmV5LWhlYWRlci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1qb3VybmV5LWhlYWRlci1nYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcblxuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoW2lkXSkge1xuICBAaW5jbHVkZSBzYmIuc2Nyb2xsLW1hcmdpbi1ibG9jay1zdGFydDtcbn1cblxuOmhvc3QoW25lZ2F0aXZlXSkge1xuICBAaW5jbHVkZSBzYmIudGl0bGUtLW5lZ2F0aXZlO1xufVxuXG5zYmItaWNvbiB7XG4gIC8vIEF2b2lkIGxheW91dCBzaGlmdCBhZnRlciBsb2FkaW5nIHRoZSBpY29uXG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG59XG5cbi5zYmItam91cm5leS1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbHVtbi1nYXA6IHZhcigtLXNiYi1qb3VybmV5LWhlYWRlci1nYXApO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgJjpkaXIocnRsKSB7XG4gICAgc2JiLWljb24ge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gICAgfVxuICB9XG5cbiAgPiBzcGFuIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG4gIHVuc2FmZUNTUyxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBib3hTaXppbmdTdHlsZXMsXG4gIGZvcmNlVHlwZSxcbiAgaTE4bkNvbm5lY3Rpb25Gcm9tLFxuICBpMThuQ29ubmVjdGlvblJvdW5kdHJpcCxcbiAgaTE4bkNvbm5lY3Rpb25UbyxcbiAgaXNMZWFuLFxuICB0eXBlIFNiYkVsZW1lbnRUeXBlLFxuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG4gIFNiYk5lZ2F0aXZlTWl4aW4sXG4gIFNiYlNjcmVlblJlYWRlck9ubHlFbGVtZW50LFxufSBmcm9tICcuLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkljb25FbGVtZW50IH0gZnJvbSAnLi4vaWNvbi5wdXJlLnRzJztcbmltcG9ydCB7IFNiYlRpdGxlQmFzZSwgdHlwZSBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vdGl0bGUucHVyZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2pvdXJuZXktaGVhZGVyLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IHR5cGUgSm91cm5leUhlYWRlclNpemUgPSAncycgfCAnbScgfCAnbCc7XG5cbmNvbnN0IHNpemVUb0xldmVsOiBNYXA8Sm91cm5leUhlYWRlclNpemUsIFNiYlRpdGxlTGV2ZWw+ID0gbmV3IE1hcDxcbiAgSm91cm5leUhlYWRlclNpemUsXG4gIFNiYlRpdGxlTGV2ZWxcbj4oW1xuICBbJ3MnLCAnNiddLFxuICBbJ20nLCAnNSddLFxuICBbJ2wnLCAnNCddLFxuXSk7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCB0aGUgYHNiYi1qb3VybmV5LXN1bW1hcnlgLCBpdCBkaXNwbGF5cyB0aGUgam91cm5leSdzIGRldGFpbC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkpvdXJuZXlIZWFkZXJFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJUaXRsZUJhc2UpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1qb3VybmV5LWhlYWRlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtcbiAgICBTYmJJY29uRWxlbWVudCxcbiAgICBTYmJTY3JlZW5SZWFkZXJPbmx5RWxlbWVudCxcbiAgXTtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICBTYmJUaXRsZUJhc2Uuc3R5bGVzLFxuICAgIHVuc2FmZUNTUyhzdHlsZSksXG4gIF07XG5cbiAgLyoqIE9yaWdpbiBsb2NhdGlvbiBmb3IgdGhlIGpvdXJuZXkgaGVhZGVyLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIG9yaWdpbjogc3RyaW5nID0gJyc7XG5cbiAgLyoqIERlc3RpbmF0aW9uIGxvY2F0aW9uIGZvciB0aGUgam91cm5leSBoZWFkZXIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgZGVzdGluYXRpb246IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBqb3VybmV5IGlzIGEgcm91bmQgdHJpcC4gSWYgc28sIHRoZSBpY29uIGNoYW5nZXMgdG8gYSByb3VuZC10cmlwIG9uZS4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3JvdW5kLXRyaXAnLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciByb3VuZFRyaXA6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogSm91cm5leSBoZWFkZXIgc2l6ZSwgZWl0aGVyIHMsIG0gb3IgbC5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3MnIChsZWFuKVxuICAgKiBAZGVwcmVjYXRlZCBVc2UgdmlzdWFsTGV2ZWwgaW5zdGVhZC5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6IEpvdXJuZXlIZWFkZXJTaXplID0gaXNMZWFuKCkgPyAncycgOiAnbSc7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5sZXZlbCA9ICczJyBhcyB0aGlzWydsZXZlbCddO1xuICAgIHRoaXMudmlzdWFsTGV2ZWwgPSBzaXplVG9MZXZlbC5nZXQodGhpcy5zaXplKSA/PyBudWxsO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykpIHtcbiAgICAgIHRoaXMudmlzdWFsTGV2ZWwgPSBzaXplVG9MZXZlbC5nZXQodGhpcy5zaXplKSA/PyBudWxsO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IGljb25OYW1lID0gdGhpcy5yb3VuZFRyaXAgPyAnYXJyb3dzLWxvbmctcmlnaHQtbGVmdC1zbWFsbCcgOiAnYXJyb3ctbG9uZy1yaWdodC1zbWFsbCc7XG4gICAgY29uc3QgYTExeVN0cmluZyA9IGAke2kxOG5Db25uZWN0aW9uRnJvbVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX0gJHt0aGlzLm9yaWdpbn0gJHtpMThuQ29ubmVjdGlvblRvW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfSAke3RoaXMuZGVzdGluYXRpb259ICR7dGhpcy5yb3VuZFRyaXAgPyBpMThuQ29ubmVjdGlvblJvdW5kdHJpcCh0aGlzLm9yaWdpbilbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF0gOiAnJ31gO1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1qb3VybmV5LWhlYWRlclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1qb3VybmV5LWhlYWRlcl9fb3JpZ2luXCI+JHt0aGlzLm9yaWdpbn08L3NwYW4+XG4gICAgICAgIDxzYmItaWNvbiBuYW1lPSR7aWNvbk5hbWV9Pjwvc2JiLWljb24+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWpvdXJuZXktaGVhZGVyX19kZXN0aW5hdGlvblwiPiR7dGhpcy5kZXN0aW5hdGlvbn08L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgICA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke2ExMXlTdHJpbmd9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1qb3VybmV5LWhlYWRlcic6IFNiYkpvdXJuZXlIZWFkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUM0QkEsSUFBTSxjQUFxRCxJQUFJLElBRzdEO0NBQ0EsQ0FBQyxLQUFLLElBQUk7Q0FDVixDQUFDLEtBQUssSUFBSTtDQUNWLENBQUMsS0FBSyxJQUFBO0NBQ1AsQ0FBQzs7OztJQUtXLGlDQUF1QjttQkFBUyxpQkFBaUIsYUFBYTs7Ozs7Ozs7Ozs7OztjQUE5RCxnQ0FBZ0MsWUFBOEI7Ozt5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
@@ -1,140 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { html as n, unsafeCSS as r } from "lit";
3
- import { property as i } from "lit/decorators.js";
4
- import { SbbLanguageController as a, SbbNegativeMixin as o, SbbScreenReaderOnlyElement as s, boxSizingStyles as c, forceType as l, i18nConnectionFrom as u, i18nConnectionRoundtrip as d, i18nConnectionTo as f, isLean as p } from "./core.js";
5
- import { SbbIconElement as m } from "./icon.pure.js";
6
- import { SbbTitleBase as h } from "./title.pure.js";
7
- //#region src/elements/journey-header/journey-header.scss?inline
8
- var g = ":host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}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)}.sbb-journey-header>span{max-width:100%}", _ = new Map([
9
- ["s", "6"],
10
- ["m", "5"],
11
- ["l", "4"]
12
- ]), v = (() => {
13
- let v = o(h), y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [];
14
- return class extends v {
15
- static {
16
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
17
- y = [l(), i()], S = [l(), i()], T = [l(), i({
18
- attribute: "round-trip",
19
- type: Boolean
20
- })], O = [i({ reflect: !0 })], e(this, null, y, {
21
- kind: "accessor",
22
- name: "origin",
23
- static: !1,
24
- private: !1,
25
- access: {
26
- has: (e) => "origin" in e,
27
- get: (e) => e.origin,
28
- set: (e, t) => {
29
- e.origin = t;
30
- }
31
- },
32
- metadata: t
33
- }, b, x), e(this, null, S, {
34
- kind: "accessor",
35
- name: "destination",
36
- static: !1,
37
- private: !1,
38
- access: {
39
- has: (e) => "destination" in e,
40
- get: (e) => e.destination,
41
- set: (e, t) => {
42
- e.destination = t;
43
- }
44
- },
45
- metadata: t
46
- }, C, w), e(this, null, T, {
47
- kind: "accessor",
48
- name: "roundTrip",
49
- static: !1,
50
- private: !1,
51
- access: {
52
- has: (e) => "roundTrip" in e,
53
- get: (e) => e.roundTrip,
54
- set: (e, t) => {
55
- e.roundTrip = t;
56
- }
57
- },
58
- metadata: t
59
- }, E, D), e(this, null, O, {
60
- kind: "accessor",
61
- name: "size",
62
- static: !1,
63
- private: !1,
64
- access: {
65
- has: (e) => "size" in e,
66
- get: (e) => e.size,
67
- set: (e, t) => {
68
- e.size = t;
69
- }
70
- },
71
- metadata: t
72
- }, k, A), t && Object.defineProperty(this, Symbol.metadata, {
73
- enumerable: !0,
74
- configurable: !0,
75
- writable: !0,
76
- value: t
77
- });
78
- }
79
- static {
80
- this.elementName = "sbb-journey-header";
81
- }
82
- static {
83
- this.elementDependencies = [m, s];
84
- }
85
- static {
86
- this.styles = [
87
- c,
88
- h.styles,
89
- r(g)
90
- ];
91
- }
92
- #e;
93
- get origin() {
94
- return this.#e;
95
- }
96
- set origin(e) {
97
- this.#e = e;
98
- }
99
- #t;
100
- get destination() {
101
- return this.#t;
102
- }
103
- set destination(e) {
104
- this.#t = e;
105
- }
106
- #n;
107
- get roundTrip() {
108
- return this.#n;
109
- }
110
- set roundTrip(e) {
111
- this.#n = e;
112
- }
113
- #r;
114
- get size() {
115
- return this.#r;
116
- }
117
- set size(e) {
118
- this.#r = e;
119
- }
120
- constructor() {
121
- super(), this.#e = t(this, b, ""), this.#t = (t(this, x), t(this, C, "")), this.#n = (t(this, w), t(this, E, !1)), this.#r = (t(this, D), t(this, k, p() ? "s" : "m")), this._language = (t(this, A), new a(this)), this.level = "3", this.visualLevel = _.get(this.size) ?? null;
122
- }
123
- willUpdate(e) {
124
- super.willUpdate(e), e.has("size") && (this.visualLevel = _.get(this.size) ?? null);
125
- }
126
- render() {
127
- let e = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small", t = `${u[this._language.current]} ${this.origin} ${f[this._language.current]} ${this.destination} ${this.roundTrip ? d(this.origin)[this._language.current] : ""}`;
128
- return n`
129
- <span class="sbb-journey-header" aria-hidden="true">
130
- <span class="sbb-journey-header__origin">${this.origin}</span>
131
- <sbb-icon name=${e}></sbb-icon>
132
- <span class="sbb-journey-header__destination">${this.destination}</span>
133
- </span>
134
- <sbb-screen-reader-only>${t}</sbb-screen-reader-only>
135
- `;
136
- }
137
- };
138
- })();
139
- //#endregion
140
- export { v as t };