@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.
- package/custom-elements.json +11 -25
- package/development/journey-header/journey-header.component.d.ts +3 -9
- package/development/journey-header/journey-header.component.d.ts.map +1 -1
- package/development/journey-header/journey-header.component.js +1 -1
- package/development/journey-header.component-D8o3F1Su.js +150 -0
- package/development/journey-header.js +1 -1
- package/development/journey-header.pure.js +1 -1
- package/journey-header/journey-header.component.js +1 -1
- package/journey-header.component-DU09Hyme.js +117 -0
- package/journey-header.js +1 -1
- package/journey-header.pure.js +1 -1
- package/package.json +2 -2
- package/development/journey-header.component-BKX1K6cf.js +0 -186
- package/journey-header.component-DeNd5WzP.js +0 -140
package/custom-elements.json
CHANGED
|
@@ -15342,7 +15342,7 @@
|
|
|
15342
15342
|
},
|
|
15343
15343
|
"privacy": "public",
|
|
15344
15344
|
"static": true,
|
|
15345
|
-
"default": "[
|
|
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": "
|
|
15387
|
-
"
|
|
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": "
|
|
15399
|
-
"name": "
|
|
15390
|
+
"kind": "method",
|
|
15391
|
+
"name": "_setAriaLabel",
|
|
15400
15392
|
"privacy": "private",
|
|
15401
|
-
"
|
|
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": "
|
|
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,
|
|
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
|
-
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
package/journey-header.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./journey-header.component-
|
|
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.
|
|
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/
|
|
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 };
|