@sbb-esta/lyne-elements-experimental 2.6.0 → 2.7.1
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/core/datetime/date-helper.js +191 -0
- package/core/datetime.d.ts +3 -0
- package/core/datetime.d.ts.map +1 -1
- package/core/datetime.js +3 -189
- package/core/timetable/access-leg-helper.js +94 -0
- package/core/timetable/timetable-helper.js +13 -0
- package/core/timetable/timetable-properties.js +1 -0
- package/core/timetable.d.ts +3 -0
- package/core/timetable.d.ts.map +1 -1
- package/core/timetable.js +6 -102
- package/custom-elements.json +598 -439
- package/development/core/datetime/date-helper.js +285 -0
- package/development/core/datetime.d.ts +3 -0
- package/development/core/datetime.d.ts.map +1 -1
- package/development/core/datetime.js +2 -281
- package/development/core/timetable/access-leg-helper.js +128 -0
- package/development/core/timetable/timetable-helper.js +21 -0
- package/development/core/timetable/timetable-properties.js +2 -0
- package/development/core/timetable.d.ts +3 -0
- package/development/core/timetable.d.ts.map +1 -1
- package/development/core/timetable.js +3 -139
- package/development/{differenceInMinutes-Cmyza6nm.js → differenceInMinutes-CHSyWiQs.js} +2 -2
- package/development/{format-BU7bjY-L.js → format-D0-yhzi4.js} +3 -3
- package/development/{isValid-DO_pHwcW.js → isValid-Bo4R7iA7.js} +2 -2
- package/development/journey-summary/journey-summary.js +297 -0
- package/development/journey-summary.d.ts +3 -0
- package/development/journey-summary.d.ts.map +1 -1
- package/development/journey-summary.js +2 -294
- package/development/pearl-chain/pearl-chain.js +649 -0
- package/development/pearl-chain-time/pearl-chain-time.js +315 -0
- package/development/pearl-chain-time.d.ts +3 -0
- package/development/pearl-chain-time.d.ts.map +1 -1
- package/development/pearl-chain-time.js +2 -312
- package/development/pearl-chain-vertical/pearl-chain-vertical.js +45 -0
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.js +395 -0
- package/development/pearl-chain-vertical-item.d.ts +3 -0
- package/development/pearl-chain-vertical-item.d.ts.map +1 -1
- package/development/pearl-chain-vertical-item.js +2 -392
- package/development/pearl-chain-vertical.d.ts +3 -0
- package/development/pearl-chain-vertical.d.ts.map +1 -1
- package/development/pearl-chain-vertical.js +2 -42
- package/development/pearl-chain.d.ts +3 -0
- package/development/pearl-chain.d.ts.map +1 -1
- package/development/pearl-chain.js +2 -646
- package/development/timetable-duration/timetable-duration.js +119 -0
- package/development/timetable-duration.d.ts +3 -0
- package/development/timetable-duration.d.ts.map +1 -1
- package/development/timetable-duration.js +2 -116
- package/development/timetable-row/timetable-row.js +820 -0
- package/development/timetable-row.d.ts +3 -0
- package/development/timetable-row.d.ts.map +1 -1
- package/development/timetable-row.js +2 -810
- package/development/{toDate-B6IBgPYH.js → toDate-D_Vjps95.js} +5 -5
- package/{differenceInMinutes-BI2zjbtS.js → differenceInMinutes-BMqUZdhj.js} +1 -1
- package/{format-CUYwLzoN.js → format-Dg8rkk7h.js} +2 -2
- package/index.d.ts +7 -7
- package/index.js +7 -7
- package/{isValid-mroh13Xp.js → isValid-DJ69OMZJ.js} +6 -6
- package/journey-summary/journey-summary.js +190 -0
- package/journey-summary.d.ts +3 -0
- package/journey-summary.d.ts.map +1 -1
- package/journey-summary.js +2 -188
- package/package.json +3 -3
- package/pearl-chain/pearl-chain.js +177 -0
- package/pearl-chain-time/pearl-chain-time.js +153 -0
- package/pearl-chain-time.d.ts +3 -0
- package/pearl-chain-time.d.ts.map +1 -1
- package/pearl-chain-time.js +2 -151
- package/pearl-chain-vertical/pearl-chain-vertical.js +23 -0
- package/pearl-chain-vertical-item/pearl-chain-vertical-item.js +71 -0
- package/pearl-chain-vertical-item.d.ts +3 -0
- package/pearl-chain-vertical-item.d.ts.map +1 -1
- package/pearl-chain-vertical-item.js +2 -69
- package/pearl-chain-vertical.d.ts +3 -0
- package/pearl-chain-vertical.d.ts.map +1 -1
- package/pearl-chain-vertical.js +2 -21
- package/pearl-chain.d.ts +3 -0
- package/pearl-chain.d.ts.map +1 -1
- package/pearl-chain.js +2 -175
- package/timetable-duration/timetable-duration.js +55 -0
- package/timetable-duration.d.ts +3 -0
- package/timetable-duration.d.ts.map +1 -1
- package/timetable-duration.js +2 -53
- package/timetable-row/timetable-row.js +462 -0
- package/timetable-row.d.ts +3 -0
- package/timetable-row.d.ts.map +1 -1
- package/timetable-row.js +9 -460
- package/{toDate-DQg4ZFnf.js → toDate-BCXKL_wM.js} +4 -4
- package/development/pearl-chain/pearl-chain.sample-data.d.ts +0 -141
- package/development/pearl-chain/pearl-chain.sample-data.d.ts.map +0 -1
- package/development/timetable-duration/timetable-duration.sample-data.d.ts +0 -6
- package/development/timetable-duration/timetable-duration.sample-data.d.ts.map +0 -1
- package/development/timetable-row/timetable-row.sample-data.d.ts +0 -25
- package/development/timetable-row/timetable-row.sample-data.d.ts.map +0 -1
- package/pearl-chain/pearl-chain.sample-data.d.ts +0 -141
- package/pearl-chain/pearl-chain.sample-data.d.ts.map +0 -1
- package/timetable-duration/timetable-duration.sample-data.d.ts +0 -6
- package/timetable-duration/timetable-duration.sample-data.d.ts.map +0 -1
- package/timetable-row/timetable-row.sample-data.d.ts +0 -25
- package/timetable-row/timetable-row.sample-data.d.ts.map +0 -1
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
var __typeError = (msg) => {
|
|
2
|
+
throw TypeError(msg);
|
|
3
|
+
};
|
|
4
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
5
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
6
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
7
|
+
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
8
|
+
import { __runInitializers, __esDecorate } from "tslib";
|
|
9
|
+
import { SbbLanguageController } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
10
|
+
import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
11
|
+
import { i18nDurationHour, i18nDurationMinute } from "@sbb-esta/lyne-elements/core/i18n.js";
|
|
12
|
+
import { css, LitElement, html } from "lit";
|
|
13
|
+
import { customElement, property } from "lit/decorators.js";
|
|
14
|
+
const style = css`*,
|
|
15
|
+
::before,
|
|
16
|
+
::after {
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
:host {
|
|
21
|
+
display: inline-block;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.duration {
|
|
25
|
+
--sbb-text-font-size: var(--sbb-font-size-text-s);
|
|
26
|
+
font-family: var(--sbb-typo-font-family);
|
|
27
|
+
font-weight: normal;
|
|
28
|
+
line-height: var(--sbb-typo-line-height-body-text);
|
|
29
|
+
letter-spacing: var(--sbb-typo-letter-spacing-body-text);
|
|
30
|
+
font-size: var(--sbb-text-font-size);
|
|
31
|
+
margin: 0;
|
|
32
|
+
white-space: nowrap;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.duration__text--visually-hidden {
|
|
36
|
+
border: 0;
|
|
37
|
+
clip: rect(0 0 0 0);
|
|
38
|
+
height: 1px;
|
|
39
|
+
margin: -1px;
|
|
40
|
+
overflow: hidden;
|
|
41
|
+
padding: 0;
|
|
42
|
+
position: absolute;
|
|
43
|
+
white-space: nowrap;
|
|
44
|
+
width: 1px;
|
|
45
|
+
}`;
|
|
46
|
+
let SbbTimetableDurationElement = (() => {
|
|
47
|
+
var _config_accessor_storage, _a;
|
|
48
|
+
let _classDecorators = [customElement("sbb-timetable-duration")];
|
|
49
|
+
let _classDescriptor;
|
|
50
|
+
let _classExtraInitializers = [];
|
|
51
|
+
let _classThis;
|
|
52
|
+
let _classSuper = LitElement;
|
|
53
|
+
let _config_decorators;
|
|
54
|
+
let _config_initializers = [];
|
|
55
|
+
let _config_extraInitializers = [];
|
|
56
|
+
_a = class extends _classSuper {
|
|
57
|
+
constructor() {
|
|
58
|
+
super(...arguments);
|
|
59
|
+
__privateAdd(this, _config_accessor_storage);
|
|
60
|
+
__privateSet(this, _config_accessor_storage, __runInitializers(this, _config_initializers, ""));
|
|
61
|
+
this._language = (__runInitializers(this, _config_extraInitializers), new SbbLanguageController(this));
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Stringified JSON which defines most of the
|
|
65
|
+
* content of the component. Please check the
|
|
66
|
+
* individual stories to get an idea of the
|
|
67
|
+
* structure.
|
|
68
|
+
*/
|
|
69
|
+
get config() {
|
|
70
|
+
return __privateGet(this, _config_accessor_storage);
|
|
71
|
+
}
|
|
72
|
+
set config(value) {
|
|
73
|
+
__privateSet(this, _config_accessor_storage, value);
|
|
74
|
+
}
|
|
75
|
+
render() {
|
|
76
|
+
const config = JSON.parse(this.config);
|
|
77
|
+
const hoursLabelShort = i18nDurationHour.multiple.short[this._language.current];
|
|
78
|
+
const minutesLabelShort = i18nDurationMinute.multiple.short[this._language.current];
|
|
79
|
+
let visualText = "";
|
|
80
|
+
let a11yLabel = "";
|
|
81
|
+
let hoursLabelLong = i18nDurationHour.multiple.long[this._language.current];
|
|
82
|
+
let minutesLabelLong = i18nDurationMinute.multiple.long[this._language.current];
|
|
83
|
+
if (config.hours === 1) {
|
|
84
|
+
hoursLabelLong = i18nDurationHour.single.long[this._language.current];
|
|
85
|
+
}
|
|
86
|
+
if (config.minutes === 1) {
|
|
87
|
+
minutesLabelLong = i18nDurationMinute.single.long[this._language.current];
|
|
88
|
+
}
|
|
89
|
+
if (config.hours !== 0) {
|
|
90
|
+
visualText += `${config.hours} ${hoursLabelShort}`;
|
|
91
|
+
a11yLabel += `${config.hours} ${hoursLabelLong}`;
|
|
92
|
+
}
|
|
93
|
+
visualText += ` ${config.minutes} ${minutesLabelShort}`;
|
|
94
|
+
a11yLabel += ` ${config.minutes} ${minutesLabelLong}.`;
|
|
95
|
+
return html`
|
|
96
|
+
<p aria-label=${a11yLabel} class="duration" role="text">
|
|
97
|
+
<span aria-hidden="true" class="duration__text--visual" role="presentation">
|
|
98
|
+
${visualText}
|
|
99
|
+
</span>
|
|
100
|
+
<span class="duration__text--visually-hidden">${a11yLabel}</span>
|
|
101
|
+
</p>
|
|
102
|
+
`;
|
|
103
|
+
}
|
|
104
|
+
}, _config_accessor_storage = new WeakMap(), _classThis = _a, (() => {
|
|
105
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
106
|
+
_config_decorators = [forceType(), property()];
|
|
107
|
+
__esDecorate(_a, null, _config_decorators, { kind: "accessor", name: "config", static: false, private: false, access: { has: (obj) => "config" in obj, get: (obj) => obj.config, set: (obj, value) => {
|
|
108
|
+
obj.config = value;
|
|
109
|
+
} }, metadata: _metadata }, _config_initializers, _config_extraInitializers);
|
|
110
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
111
|
+
_classThis = _classDescriptor.value;
|
|
112
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
113
|
+
})(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
114
|
+
return _classThis;
|
|
115
|
+
})();
|
|
116
|
+
export {
|
|
117
|
+
SbbTimetableDurationElement
|
|
118
|
+
};
|
|
119
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWR1cmF0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3RpbWV0YWJsZS1kdXJhdGlvbi90aW1ldGFibGUtZHVyYXRpb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaTE4bkR1cmF0aW9uSG91ciwgaTE4bkR1cmF0aW9uTWludXRlIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9pMThuLmpzJztcbmltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpbWV0YWJsZS1kdXJhdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFVzZWQgaW4gYHNiYi10aW1ldGFibGUtcm93YCwgaXQgZGlzcGxheXMgaW5mb3JtYXRpb24gYWJvdXQgdGhlIHRyaXAgZHVyYXRpb24uXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10aW1ldGFibGUtZHVyYXRpb24nKVxuY2xhc3MgU2JiVGltZXRhYmxlRHVyYXRpb25FbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKlxuICAgKiBTdHJpbmdpZmllZCBKU09OIHdoaWNoIGRlZmluZXMgbW9zdCBvZiB0aGVcbiAgICogY29udGVudCBvZiB0aGUgY29tcG9uZW50LiBQbGVhc2UgY2hlY2sgdGhlXG4gICAqIGluZGl2aWR1YWwgc3RvcmllcyB0byBnZXQgYW4gaWRlYSBvZiB0aGVcbiAgICogc3RydWN0dXJlLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBjb25maWc6IHN0cmluZyA9ICcnO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBjb25maWcgPSBKU09OLnBhcnNlKHRoaXMuY29uZmlnKTtcblxuICAgIGNvbnN0IGhvdXJzTGFiZWxTaG9ydCA9IGkxOG5EdXJhdGlvbkhvdXIubXVsdGlwbGUuc2hvcnRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gICAgY29uc3QgbWludXRlc0xhYmVsU2hvcnQgPSBpMThuRHVyYXRpb25NaW51dGUubXVsdGlwbGUuc2hvcnRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG5cbiAgICBsZXQgdmlzdWFsVGV4dCA9ICcnO1xuICAgIGxldCBhMTF5TGFiZWwgPSAnJztcblxuICAgIGxldCBob3Vyc0xhYmVsTG9uZyA9IGkxOG5EdXJhdGlvbkhvdXIubXVsdGlwbGUubG9uZ1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgICBsZXQgbWludXRlc0xhYmVsTG9uZyA9IGkxOG5EdXJhdGlvbk1pbnV0ZS5tdWx0aXBsZS5sb25nW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuXG4gICAgaWYgKGNvbmZpZy5ob3VycyA9PT0gMSkge1xuICAgICAgaG91cnNMYWJlbExvbmcgPSBpMThuRHVyYXRpb25Ib3VyLnNpbmdsZS5sb25nW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIH1cblxuICAgIGlmIChjb25maWcubWludXRlcyA9PT0gMSkge1xuICAgICAgbWludXRlc0xhYmVsTG9uZyA9IGkxOG5EdXJhdGlvbk1pbnV0ZS5zaW5nbGUubG9uZ1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgICB9XG5cbiAgICBpZiAoY29uZmlnLmhvdXJzICE9PSAwKSB7XG4gICAgICB2aXN1YWxUZXh0ICs9IGAke2NvbmZpZy5ob3Vyc30gJHtob3Vyc0xhYmVsU2hvcnR9YDtcbiAgICAgIGExMXlMYWJlbCArPSBgJHtjb25maWcuaG91cnN9ICR7aG91cnNMYWJlbExvbmd9YDtcbiAgICB9XG5cbiAgICB2aXN1YWxUZXh0ICs9IGAgJHtjb25maWcubWludXRlc30gJHttaW51dGVzTGFiZWxTaG9ydH1gO1xuICAgIGExMXlMYWJlbCArPSBgICR7Y29uZmlnLm1pbnV0ZXN9ICR7bWludXRlc0xhYmVsTG9uZ30uYDtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPHAgYXJpYS1sYWJlbD0ke2ExMXlMYWJlbH0gY2xhc3M9XCJkdXJhdGlvblwiIHJvbGU9XCJ0ZXh0XCI+XG4gICAgICAgIDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwiZHVyYXRpb25fX3RleHQtLXZpc3VhbFwiIHJvbGU9XCJwcmVzZW50YXRpb25cIj5cbiAgICAgICAgICAke3Zpc3VhbFRleHR9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJkdXJhdGlvbl9fdGV4dC0tdmlzdWFsbHktaGlkZGVuXCI+JHthMTF5TGFiZWx9PC9zcGFuPlxuICAgICAgPC9wPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZHVyYXRpb24n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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timetable-duration.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/timetable-duration.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC"}
|
|
1
|
+
{"version":3,"file":"timetable-duration.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/timetable-duration.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}
|
|
@@ -1,119 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
throw TypeError(msg);
|
|
3
|
-
};
|
|
4
|
-
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
5
|
-
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
6
|
-
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
7
|
-
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
8
|
-
import { __runInitializers, __esDecorate } from "tslib";
|
|
9
|
-
import { SbbLanguageController } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
10
|
-
import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
11
|
-
import { i18nDurationHour, i18nDurationMinute } from "@sbb-esta/lyne-elements/core/i18n.js";
|
|
12
|
-
import { css, LitElement, html } from "lit";
|
|
13
|
-
import { customElement, property } from "lit/decorators.js";
|
|
14
|
-
const style = css`*,
|
|
15
|
-
::before,
|
|
16
|
-
::after {
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
:host {
|
|
21
|
-
display: inline-block;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.duration {
|
|
25
|
-
--sbb-text-font-size: var(--sbb-font-size-text-s);
|
|
26
|
-
font-family: var(--sbb-typo-font-family);
|
|
27
|
-
font-weight: normal;
|
|
28
|
-
line-height: var(--sbb-typo-line-height-body-text);
|
|
29
|
-
letter-spacing: var(--sbb-typo-letter-spacing-body-text);
|
|
30
|
-
font-size: var(--sbb-text-font-size);
|
|
31
|
-
margin: 0;
|
|
32
|
-
white-space: nowrap;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.duration__text--visually-hidden {
|
|
36
|
-
border: 0;
|
|
37
|
-
clip: rect(0 0 0 0);
|
|
38
|
-
height: 1px;
|
|
39
|
-
margin: -1px;
|
|
40
|
-
overflow: hidden;
|
|
41
|
-
padding: 0;
|
|
42
|
-
position: absolute;
|
|
43
|
-
white-space: nowrap;
|
|
44
|
-
width: 1px;
|
|
45
|
-
}`;
|
|
46
|
-
let SbbTimetableDurationElement = (() => {
|
|
47
|
-
var _config_accessor_storage, _a;
|
|
48
|
-
let _classDecorators = [customElement("sbb-timetable-duration")];
|
|
49
|
-
let _classDescriptor;
|
|
50
|
-
let _classExtraInitializers = [];
|
|
51
|
-
let _classThis;
|
|
52
|
-
let _classSuper = LitElement;
|
|
53
|
-
let _config_decorators;
|
|
54
|
-
let _config_initializers = [];
|
|
55
|
-
let _config_extraInitializers = [];
|
|
56
|
-
_a = class extends _classSuper {
|
|
57
|
-
constructor() {
|
|
58
|
-
super(...arguments);
|
|
59
|
-
__privateAdd(this, _config_accessor_storage);
|
|
60
|
-
__privateSet(this, _config_accessor_storage, __runInitializers(this, _config_initializers, ""));
|
|
61
|
-
this._language = (__runInitializers(this, _config_extraInitializers), new SbbLanguageController(this));
|
|
62
|
-
}
|
|
63
|
-
/**
|
|
64
|
-
* Stringified JSON which defines most of the
|
|
65
|
-
* content of the component. Please check the
|
|
66
|
-
* individual stories to get an idea of the
|
|
67
|
-
* structure.
|
|
68
|
-
*/
|
|
69
|
-
get config() {
|
|
70
|
-
return __privateGet(this, _config_accessor_storage);
|
|
71
|
-
}
|
|
72
|
-
set config(value) {
|
|
73
|
-
__privateSet(this, _config_accessor_storage, value);
|
|
74
|
-
}
|
|
75
|
-
render() {
|
|
76
|
-
const config = JSON.parse(this.config);
|
|
77
|
-
const hoursLabelShort = i18nDurationHour.multiple.short[this._language.current];
|
|
78
|
-
const minutesLabelShort = i18nDurationMinute.multiple.short[this._language.current];
|
|
79
|
-
let visualText = "";
|
|
80
|
-
let a11yLabel = "";
|
|
81
|
-
let hoursLabelLong = i18nDurationHour.multiple.long[this._language.current];
|
|
82
|
-
let minutesLabelLong = i18nDurationMinute.multiple.long[this._language.current];
|
|
83
|
-
if (config.hours === 1) {
|
|
84
|
-
hoursLabelLong = i18nDurationHour.single.long[this._language.current];
|
|
85
|
-
}
|
|
86
|
-
if (config.minutes === 1) {
|
|
87
|
-
minutesLabelLong = i18nDurationMinute.single.long[this._language.current];
|
|
88
|
-
}
|
|
89
|
-
if (config.hours !== 0) {
|
|
90
|
-
visualText += `${config.hours} ${hoursLabelShort}`;
|
|
91
|
-
a11yLabel += `${config.hours} ${hoursLabelLong}`;
|
|
92
|
-
}
|
|
93
|
-
visualText += ` ${config.minutes} ${minutesLabelShort}`;
|
|
94
|
-
a11yLabel += ` ${config.minutes} ${minutesLabelLong}.`;
|
|
95
|
-
return html`
|
|
96
|
-
<p aria-label=${a11yLabel} class="duration" role="text">
|
|
97
|
-
<span aria-hidden="true" class="duration__text--visual" role="presentation">
|
|
98
|
-
${visualText}
|
|
99
|
-
</span>
|
|
100
|
-
<span class="duration__text--visually-hidden">${a11yLabel}</span>
|
|
101
|
-
</p>
|
|
102
|
-
`;
|
|
103
|
-
}
|
|
104
|
-
}, _config_accessor_storage = new WeakMap(), _classThis = _a, (() => {
|
|
105
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
106
|
-
_config_decorators = [forceType(), property()];
|
|
107
|
-
__esDecorate(_a, null, _config_decorators, { kind: "accessor", name: "config", static: false, private: false, access: { has: (obj) => "config" in obj, get: (obj) => obj.config, set: (obj, value) => {
|
|
108
|
-
obj.config = value;
|
|
109
|
-
} }, metadata: _metadata }, _config_initializers, _config_extraInitializers);
|
|
110
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
111
|
-
_classThis = _classDescriptor.value;
|
|
112
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
113
|
-
})(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
114
|
-
return _classThis;
|
|
115
|
-
})();
|
|
1
|
+
import { SbbTimetableDurationElement } from "./timetable-duration/timetable-duration.js";
|
|
116
2
|
export {
|
|
117
3
|
SbbTimetableDurationElement
|
|
118
4
|
};
|
|
119
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWR1cmF0aW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==
|