@sbb-esta/lyne-elements-dev 4.9.0-dev.1774516800 → 4.9.0-dev.1774530358

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.
@@ -1,164 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { css, html } from "lit";
3
- import { property } from "lit/decorators.js";
4
- import { SbbElement } from "./core/base-elements.js";
5
- import { forceType } from "./core/decorators.js";
6
- import { boxSizingStyles } from "./core/styles.js";
7
- //#region src/elements/signet/signet.scss?lit&inline
8
- var signet_default = css`:host {
9
- display: flex;
10
- align-items: center;
11
- justify-content: center;
12
- background-color: var(--sbb-signet-background-color);
13
- aspect-ratio: var(--sbb-signet-aspect-ratio);
14
- width: 100%;
15
- height: var(--sbb-signet-height, auto);
16
- }
17
-
18
- :host([protective-room=minimal]) {
19
- --sbb-signet-aspect-ratio: 108 / 64;
20
- --sbb-signet-svg-container-height: calc(44 / 64 * 100%);
21
- }
22
-
23
- :host([protective-room=ideal]) {
24
- --sbb-signet-aspect-ratio: 128 / 84;
25
- --sbb-signet-svg-container-height: calc(44 / 84 * 100%);
26
- }
27
-
28
- :host([protective-room=panel]) {
29
- --sbb-signet-aspect-ratio: 143 / 48;
30
- --sbb-signet-background-color: unset;
31
- }
32
-
33
- .sbb-signet__svg-container {
34
- display: flex;
35
- height: var(--sbb-signet-svg-container-height, auto);
36
- }
37
-
38
- svg {
39
- width: 100%;
40
- height: 100%;
41
- }
42
-
43
- #sbb-signet__panel {
44
- fill: var(--sbb-signet-panel-color);
45
- stroke: var(--sbb-signet-panel-color);
46
- }
47
-
48
- #sbb-signet__icon {
49
- fill: var(--sbb-signet-icon-color);
50
- }`;
51
- //#endregion
52
- //#region src/elements/signet/signet.component.ts
53
- /**
54
- * It displays the SBB signet.
55
- *
56
- * @cssprop [--sbb-signet-height=auto] - Can be used to set the height of the signet.
57
- */
58
- var SbbSignetElement = (() => {
59
- let _classSuper = SbbElement;
60
- let _protectiveRoom_decorators;
61
- let _protectiveRoom_initializers = [];
62
- let _protectiveRoom_extraInitializers = [];
63
- let _accessibilityLabel_decorators;
64
- let _accessibilityLabel_initializers = [];
65
- let _accessibilityLabel_extraInitializers = [];
66
- return class SbbSignetElement extends _classSuper {
67
- static {
68
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
69
- _protectiveRoom_decorators = [property({
70
- attribute: "protective-room",
71
- reflect: true
72
- })];
73
- _accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
74
- __esDecorate(this, null, _protectiveRoom_decorators, {
75
- kind: "accessor",
76
- name: "protectiveRoom",
77
- static: false,
78
- private: false,
79
- access: {
80
- has: (obj) => "protectiveRoom" in obj,
81
- get: (obj) => obj.protectiveRoom,
82
- set: (obj, value) => {
83
- obj.protectiveRoom = value;
84
- }
85
- },
86
- metadata: _metadata
87
- }, _protectiveRoom_initializers, _protectiveRoom_extraInitializers);
88
- __esDecorate(this, null, _accessibilityLabel_decorators, {
89
- kind: "accessor",
90
- name: "accessibilityLabel",
91
- static: false,
92
- private: false,
93
- access: {
94
- has: (obj) => "accessibilityLabel" in obj,
95
- get: (obj) => obj.accessibilityLabel,
96
- set: (obj, value) => {
97
- obj.accessibilityLabel = value;
98
- }
99
- },
100
- metadata: _metadata
101
- }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
102
- if (_metadata) Object.defineProperty(this, Symbol.metadata, {
103
- enumerable: true,
104
- configurable: true,
105
- writable: true,
106
- value: _metadata
107
- });
108
- }
109
- static {
110
- this.elementName = "sbb-signet";
111
- }
112
- static {
113
- this.styles = [boxSizingStyles, signet_default];
114
- }
115
- #protectiveRoom_accessor_storage = __runInitializers(this, _protectiveRoom_initializers, "ideal");
116
- /** Visual protective room around signet. */
117
- get protectiveRoom() {
118
- return this.#protectiveRoom_accessor_storage;
119
- }
120
- set protectiveRoom(value) {
121
- this.#protectiveRoom_accessor_storage = value;
122
- }
123
- #accessibilityLabel_accessor_storage = (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo"));
124
- /** Accessibility label which will be forwarded to the inner SVG signet. */
125
- get accessibilityLabel() {
126
- return this.#accessibilityLabel_accessor_storage;
127
- }
128
- set accessibilityLabel(value) {
129
- this.#accessibilityLabel_accessor_storage = value;
130
- }
131
- render() {
132
- return html`
133
- <span class="sbb-signet__svg-container">
134
- ${this.protectiveRoom === "panel" ? html`
135
- <svg focusable="false" viewBox="0 0 143 48" xmlns="http://www.w3.org/2000/svg">
136
- <title .textContent=${this.accessibilityLabel}></title>
137
- <path id="sbb-signet__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
138
- <path
139
- id="sbb-signet__icon"
140
- d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
141
- ></path>
142
- </svg>
143
- ` : html`
144
- <svg focusable="false" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
145
- <title .textContent=${this.accessibilityLabel}></title>
146
- <path
147
- id="sbb-signet__icon"
148
- d="M20.0265 40H31.6821L16 24.6154H35.3907V40H44.6093V24.6154H64.106L48.4238 40H60.0795L80 20.0531L60.0795 0H48.4238L64.106 15.3846H44.6093V0H35.3907V15.3846H16L31.6821 0H20.0265L0 20.0531L20.0265 40Z"
149
- ></path>
150
- </svg>
151
- `}
152
- </span>
153
- `;
154
- }
155
- constructor() {
156
- super(...arguments);
157
- __runInitializers(this, _accessibilityLabel_extraInitializers);
158
- }
159
- };
160
- })();
161
- //#endregion
162
- export { SbbSignetElement as t };
163
-
164
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmNvbXBvbmVudC05YWZxMEJRaC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXNpZ25ldC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYXNwZWN0LXJhdGlvOiB2YXIoLS1zYmItc2lnbmV0LWFzcGVjdC1yYXRpbyk7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zaWduZXQtaGVpZ2h0LCBhdXRvKTtcbn1cblxuOmhvc3QoW3Byb3RlY3RpdmUtcm9vbT0nbWluaW1hbCddKSB7XG4gIC0tc2JiLXNpZ25ldC1hc3BlY3QtcmF0aW86IDEwOCAvIDY0O1xuICAtLXNiYi1zaWduZXQtc3ZnLWNvbnRhaW5lci1oZWlnaHQ6IGNhbGMoNDQgLyA2NCAqIDEwMCUpO1xufVxuXG46aG9zdChbcHJvdGVjdGl2ZS1yb29tPSdpZGVhbCddKSB7XG4gIC0tc2JiLXNpZ25ldC1hc3BlY3QtcmF0aW86IDEyOCAvIDg0O1xuICAtLXNiYi1zaWduZXQtc3ZnLWNvbnRhaW5lci1oZWlnaHQ6IGNhbGMoNDQgLyA4NCAqIDEwMCUpO1xufVxuXG46aG9zdChbcHJvdGVjdGl2ZS1yb29tPSdwYW5lbCddKSB7XG4gIC0tc2JiLXNpZ25ldC1hc3BlY3QtcmF0aW86IDE0MyAvIDQ4O1xuICAtLXNiYi1zaWduZXQtYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG59XG5cbi5zYmItc2lnbmV0X19zdmctY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItc2lnbmV0LXN2Zy1jb250YWluZXItaGVpZ2h0LCBhdXRvKTtcbn1cblxuc3ZnIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuI3NiYi1zaWduZXRfX3BhbmVsIHtcbiAgZmlsbDogdmFyKC0tc2JiLXNpZ25ldC1wYW5lbC1jb2xvcik7XG4gIHN0cm9rZTogdmFyKC0tc2JiLXNpZ25ldC1wYW5lbC1jb2xvcik7XG59XG5cbiNzYmItc2lnbmV0X19pY29uIHtcbiAgZmlsbDogdmFyKC0tc2JiLXNpZ25ldC1pY29uLWNvbG9yKTtcbn1cbiIsImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiUHJvdGVjdGl2ZVJvb20gfSBmcm9tICcuLi9jb3JlL2ludGVyZmFjZXMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zaWduZXQuc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IHR5cGUgU2JiU2lnbmV0UHJvdGVjdGl2ZVJvb20gPSBTYmJQcm90ZWN0aXZlUm9vbSB8ICdwYW5lbCc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgdGhlIFNCQiBzaWduZXQuXG4gKlxuICogQGNzc3Byb3AgWy0tc2JiLXNpZ25ldC1oZWlnaHQ9YXV0b10gLSBDYW4gYmUgdXNlZCB0byBzZXQgdGhlIGhlaWdodCBvZiB0aGUgc2lnbmV0LlxuICovXG5leHBvcnQgY2xhc3MgU2JiU2lnbmV0RWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNpZ25ldCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAvKiogVmlzdWFsIHByb3RlY3RpdmUgcm9vbSBhcm91bmQgc2lnbmV0LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwcm90ZWN0aXZlLXJvb20nLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBwcm90ZWN0aXZlUm9vbTogU2JiU2lnbmV0UHJvdGVjdGl2ZVJvb20gPSAnaWRlYWwnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIHdoaWNoIHdpbGwgYmUgZm9yd2FyZGVkIHRvIHRoZSBpbm5lciBTVkcgc2lnbmV0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJ0xvZ28nO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2lnbmV0X19zdmctY29udGFpbmVyXCI+XG4gICAgICAgICR7dGhpcy5wcm90ZWN0aXZlUm9vbSA9PT0gJ3BhbmVsJ1xuICAgICAgICAgID8gaHRtbGBcbiAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgMTQzIDQ4XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgIDx0aXRsZSAudGV4dENvbnRlbnQ9JHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH0+PC90aXRsZT5cbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cInNiYi1zaWduZXRfX3BhbmVsXCIgc3Ryb2tlLXdpZHRoPVwiMVwiIGQ9XCJNMSA0N2gxNDFWMUgxdjQ2elwiPjwvcGF0aD5cbiAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgaWQ9XCJzYmItc2lnbmV0X19pY29uXCJcbiAgICAgICAgICAgICAgICAgIGQ9XCJNODcgNDBoOS4zTDgzLjggMjcuN2gxNS41VjQwaDcuNFYyNy43aDE1LjZMMTA5LjcgNDBoOS4zbDE2LTE2LTE1LjktMTZoLTkuM2wxMi41IDEyLjNoLTE1LjZWOGgtNy40djEyLjNIODMuOEw5Ni4zIDhIODdMNzEgMjRsMTYgMTZ6XCJcbiAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGh0bWxgXG4gICAgICAgICAgICAgIDxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiB2aWV3Qm94PVwiMCAwIDgwIDQwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgIDx0aXRsZSAudGV4dENvbnRlbnQ9JHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH0+PC90aXRsZT5cbiAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgaWQ9XCJzYmItc2lnbmV0X19pY29uXCJcbiAgICAgICAgICAgICAgICAgIGQ9XCJNMjAuMDI2NSA0MEgzMS42ODIxTDE2IDI0LjYxNTRIMzUuMzkwN1Y0MEg0NC42MDkzVjI0LjYxNTRINjQuMTA2TDQ4LjQyMzggNDBINjAuMDc5NUw4MCAyMC4wNTMxTDYwLjA3OTUgMEg0OC40MjM4TDY0LjEwNiAxNS4zODQ2SDQ0LjYwOTNWMEgzNS4zOTA3VjE1LjM4NDZIMTZMMzEuNjgyMSAwSDIwLjAyNjVMMCAyMC4wNTMxTDIwLjAyNjUgNDBaXCJcbiAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIGB9XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZ25ldCc6IFNiYlNpZ25ldEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDa0JhLDBCQUFnQjttQkFBUzs7Ozs7OztjQUF6Qix5QkFBeUIsWUFBVTs7O2lDQUs3QyxTQUFTO0lBQUUsV0FBVztJQUFtQixTQUFTO0lBQU0sQ0FBQyxDQUFBO3FDQUl6RCxXQUFXLEVBQ1gsU0FBUyxFQUFFLFdBQVcsdUJBQXVCLENBQUMsQ0FBQTtBQUovQyxnQkFBQSxNQUFBLE1BQUEsNEJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxvQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFjLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBZCxpQkFBYzs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDhCQUFBLGtDQUFBO0FBSzlCLGdCQUFBLE1BQUEsTUFBQSxnQ0FBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLHdCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQWtCLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBbEIscUJBQWtCOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsa0NBQUEsc0NBQUE7Ozs7Ozs7OztBQVZGLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLGVBQU07O0VBSXhFLG1DQUFBLGtCQUFBLE1BQUEsOEJBQTBELFFBQU87O0VBQWpFLElBQWdCLGlCQUFjO0FBQUEsVUFBQSxNQUFBOztFQUE5QixJQUFnQixlQUFjLE9BQUE7QUFBQSxTQUFBLGtDQUFBOztFQUs5Qix3Q0FBQSxrQkFBQSxNQUFBLGtDQUFBLEVBQUEsa0JBQUEsTUFBQSxrQ0FBNkMsT0FBTTs7RUFBbkQsSUFBZ0IscUJBQWtCO0FBQUEsVUFBQSxNQUFBOztFQUFsQyxJQUFnQixtQkFBa0IsT0FBQTtBQUFBLFNBQUEsc0NBQUE7O0VBRWYsU0FBTTtBQUN2QixVQUFPLElBQUk7O1VBRUwsS0FBSyxtQkFBbUIsVUFDdEIsSUFBSTs7c0NBRXNCLEtBQUssbUJBQWtCOzs7Ozs7O2dCQVFqRCxJQUFJOztzQ0FFc0IsS0FBSyxtQkFBa0IifQ==