@sbb-esta/lyne-elements-dev 4.8.1-dev.1774242002 → 4.8.1-dev.1774266605
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/styles/core.scss +5 -0
- package/core.css +7 -0
- package/custom-elements.json +1527 -1527
- package/development/signet/signet.component.d.ts.map +1 -1
- package/development/signet/signet.component.js +1 -1
- package/development/signet.component-9afq0BQh.js +164 -0
- package/development/signet.js +1 -1
- package/development/signet.pure.js +1 -1
- package/off-brand-theme.css +7 -0
- package/package.json +2 -2
- package/safety-theme.css +7 -0
- package/signet/signet.component.js +1 -1
- package/signet.component-CobWzWhG.js +99 -0
- package/signet.js +1 -1
- package/signet.pure.js +1 -1
- package/standard-theme.css +7 -0
- package/development/signet.component-B9nY5tTL.js +0 -188
- package/signet.component-CcwE5pOS.js +0 -101
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signet.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/signet/signet.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK/D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,OAAO,CAAC;AAElE;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,4CAA4C;IAC5C,SACgB,cAAc,EAAE,uBAAuB,CAAW;IAElE,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,MAAM,CAAU;cAEjC,MAAM,IAAI,cAAc;
|
|
1
|
+
{"version":3,"file":"signet.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/signet/signet.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK/D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,OAAO,CAAC;AAElE;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,4CAA4C;IAC5C,SACgB,cAAc,EAAE,uBAAuB,CAAW;IAElE,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,MAAM,CAAU;cAEjC,MAAM,IAAI,cAAc;CA0B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbSignetElement } from "../signet.component-
|
|
1
|
+
import { t as SbbSignetElement } from "../signet.component-9afq0BQh.js";
|
|
2
2
|
export { SbbSignetElement };
|
|
@@ -0,0 +1,164 @@
|
|
|
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==
|
package/development/signet.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbSignetElement } from "./signet.component-
|
|
1
|
+
import { t as SbbSignetElement } from "./signet.component-9afq0BQh.js";
|
|
2
2
|
export { SbbSignetElement };
|
package/off-brand-theme.css
CHANGED
|
@@ -1726,6 +1726,10 @@ slot[name=error]::slotted(*) {
|
|
|
1726
1726
|
--sbb-selection-panel-input-padding-block-m
|
|
1727
1727
|
);
|
|
1728
1728
|
--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
|
|
1729
|
+
--sbb-signet-background-color: var(--sbb-color-brand);
|
|
1730
|
+
--sbb-signet-panel-color: var(--sbb-color-brand);
|
|
1731
|
+
--sbb-signet-icon-color: var(--sbb-color-white);
|
|
1732
|
+
--sbb-signet-aspect-ratio: 2 / 1;
|
|
1729
1733
|
--sbb-status-color: var(--sbb-color-4);
|
|
1730
1734
|
--sbb-status-gap: var(--sbb-spacing-fixed-1x);
|
|
1731
1735
|
--sbb-status-font-size: var(--sbb-text-font-size-s);
|
|
@@ -1800,6 +1804,9 @@ slot[name=error]::slotted(*) {
|
|
|
1800
1804
|
--sbb-radio-button-background-color: Canvas;
|
|
1801
1805
|
--sbb-radio-button-border-width: var(--sbb-border-width-2x);
|
|
1802
1806
|
--sbb-radio-button-border-color: ButtonBorder;
|
|
1807
|
+
--sbb-signet-background-color: ButtonText !important;
|
|
1808
|
+
--sbb-signet-panel-color: ButtonText !important;
|
|
1809
|
+
--sbb-signet-icon-color: Canvas !important;
|
|
1803
1810
|
}
|
|
1804
1811
|
}
|
|
1805
1812
|
:root {
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "4.8.1-dev.
|
|
3
|
+
"version": "4.8.1-dev.1774266605",
|
|
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/f8055af23b6c4453b82393888a29dbadd5871118"
|
|
10
10
|
],
|
|
11
11
|
"type": "module",
|
|
12
12
|
"exports": {
|
package/safety-theme.css
CHANGED
|
@@ -1726,6 +1726,10 @@ slot[name=error]::slotted(*) {
|
|
|
1726
1726
|
--sbb-selection-panel-input-padding-block-m
|
|
1727
1727
|
);
|
|
1728
1728
|
--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
|
|
1729
|
+
--sbb-signet-background-color: var(--sbb-color-brand);
|
|
1730
|
+
--sbb-signet-panel-color: var(--sbb-color-brand);
|
|
1731
|
+
--sbb-signet-icon-color: var(--sbb-color-white);
|
|
1732
|
+
--sbb-signet-aspect-ratio: 2 / 1;
|
|
1729
1733
|
--sbb-status-color: var(--sbb-color-4);
|
|
1730
1734
|
--sbb-status-gap: var(--sbb-spacing-fixed-1x);
|
|
1731
1735
|
--sbb-status-font-size: var(--sbb-text-font-size-s);
|
|
@@ -1800,6 +1804,9 @@ slot[name=error]::slotted(*) {
|
|
|
1800
1804
|
--sbb-radio-button-background-color: Canvas;
|
|
1801
1805
|
--sbb-radio-button-border-width: var(--sbb-border-width-2x);
|
|
1802
1806
|
--sbb-radio-button-border-color: ButtonBorder;
|
|
1807
|
+
--sbb-signet-background-color: ButtonText !important;
|
|
1808
|
+
--sbb-signet-panel-color: ButtonText !important;
|
|
1809
|
+
--sbb-signet-icon-color: Canvas !important;
|
|
1803
1810
|
}
|
|
1804
1811
|
}
|
|
1805
1812
|
:root {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../signet.component-
|
|
1
|
+
import { t as e } from "../signet.component-CobWzWhG.js";
|
|
2
2
|
export { e as SbbSignetElement };
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
+
import { css as n, html as r } from "lit";
|
|
3
|
+
import { property as i } from "lit/decorators.js";
|
|
4
|
+
import { SbbElement as a } from "./core/base-elements.js";
|
|
5
|
+
import { forceType as o } from "./core/decorators.js";
|
|
6
|
+
import { boxSizingStyles as s } from "./core/styles.js";
|
|
7
|
+
//#region src/elements/signet/signet.scss?lit&inline
|
|
8
|
+
var c = n`:host{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-signet-background-color);aspect-ratio:var(--sbb-signet-aspect-ratio);width:100%;height:var(--sbb-signet-height, auto)}:host([protective-room=minimal]){--sbb-signet-aspect-ratio: 108 / 64;--sbb-signet-svg-container-height: 68.75% }:host([protective-room=ideal]){--sbb-signet-aspect-ratio: 128 / 84;--sbb-signet-svg-container-height: calc(44 / 84 * 100%)}:host([protective-room=panel]){--sbb-signet-aspect-ratio: 143 / 48;--sbb-signet-background-color: unset}.sbb-signet__svg-container{display:flex;height:var(--sbb-signet-svg-container-height, auto)}svg{width:100%;height:100%}#sbb-signet__panel{fill:var(--sbb-signet-panel-color);stroke:var(--sbb-signet-panel-color)}#sbb-signet__icon{fill:var(--sbb-signet-icon-color)}`, l = (() => {
|
|
9
|
+
let n = a, l, u = [], d = [], f, p = [], m = [];
|
|
10
|
+
return class extends n {
|
|
11
|
+
static {
|
|
12
|
+
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
|
|
13
|
+
l = [i({
|
|
14
|
+
attribute: "protective-room",
|
|
15
|
+
reflect: !0
|
|
16
|
+
})], f = [o(), i({ attribute: "accessibility-label" })], e(this, null, l, {
|
|
17
|
+
kind: "accessor",
|
|
18
|
+
name: "protectiveRoom",
|
|
19
|
+
static: !1,
|
|
20
|
+
private: !1,
|
|
21
|
+
access: {
|
|
22
|
+
has: (e) => "protectiveRoom" in e,
|
|
23
|
+
get: (e) => e.protectiveRoom,
|
|
24
|
+
set: (e, t) => {
|
|
25
|
+
e.protectiveRoom = t;
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
metadata: t
|
|
29
|
+
}, u, d), e(this, null, f, {
|
|
30
|
+
kind: "accessor",
|
|
31
|
+
name: "accessibilityLabel",
|
|
32
|
+
static: !1,
|
|
33
|
+
private: !1,
|
|
34
|
+
access: {
|
|
35
|
+
has: (e) => "accessibilityLabel" in e,
|
|
36
|
+
get: (e) => e.accessibilityLabel,
|
|
37
|
+
set: (e, t) => {
|
|
38
|
+
e.accessibilityLabel = t;
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
metadata: t
|
|
42
|
+
}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
|
|
43
|
+
enumerable: !0,
|
|
44
|
+
configurable: !0,
|
|
45
|
+
writable: !0,
|
|
46
|
+
value: t
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
static {
|
|
50
|
+
this.elementName = "sbb-signet";
|
|
51
|
+
}
|
|
52
|
+
static {
|
|
53
|
+
this.styles = [s, c];
|
|
54
|
+
}
|
|
55
|
+
#e = t(this, u, "ideal");
|
|
56
|
+
get protectiveRoom() {
|
|
57
|
+
return this.#e;
|
|
58
|
+
}
|
|
59
|
+
set protectiveRoom(e) {
|
|
60
|
+
this.#e = e;
|
|
61
|
+
}
|
|
62
|
+
#t = (t(this, d), t(this, p, "Logo"));
|
|
63
|
+
get accessibilityLabel() {
|
|
64
|
+
return this.#t;
|
|
65
|
+
}
|
|
66
|
+
set accessibilityLabel(e) {
|
|
67
|
+
this.#t = e;
|
|
68
|
+
}
|
|
69
|
+
render() {
|
|
70
|
+
return r`
|
|
71
|
+
<span class="sbb-signet__svg-container">
|
|
72
|
+
${this.protectiveRoom === "panel" ? r`
|
|
73
|
+
<svg focusable="false" viewBox="0 0 143 48" xmlns="http://www.w3.org/2000/svg">
|
|
74
|
+
<title .textContent=${this.accessibilityLabel}></title>
|
|
75
|
+
<path id="sbb-signet__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
|
|
76
|
+
<path
|
|
77
|
+
id="sbb-signet__icon"
|
|
78
|
+
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"
|
|
79
|
+
></path>
|
|
80
|
+
</svg>
|
|
81
|
+
` : r`
|
|
82
|
+
<svg focusable="false" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
|
|
83
|
+
<title .textContent=${this.accessibilityLabel}></title>
|
|
84
|
+
<path
|
|
85
|
+
id="sbb-signet__icon"
|
|
86
|
+
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"
|
|
87
|
+
></path>
|
|
88
|
+
</svg>
|
|
89
|
+
`}
|
|
90
|
+
</span>
|
|
91
|
+
`;
|
|
92
|
+
}
|
|
93
|
+
constructor() {
|
|
94
|
+
super(...arguments), t(this, m);
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
})();
|
|
98
|
+
//#endregion
|
|
99
|
+
export { l as t };
|
package/signet.js
CHANGED
package/signet.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./signet.component-
|
|
1
|
+
import { t as e } from "./signet.component-CobWzWhG.js";
|
|
2
2
|
export { e as SbbSignetElement };
|
package/standard-theme.css
CHANGED
|
@@ -1726,6 +1726,10 @@ slot[name=error]::slotted(*) {
|
|
|
1726
1726
|
--sbb-selection-panel-input-padding-block-m
|
|
1727
1727
|
);
|
|
1728
1728
|
--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
|
|
1729
|
+
--sbb-signet-background-color: var(--sbb-color-brand);
|
|
1730
|
+
--sbb-signet-panel-color: var(--sbb-color-brand);
|
|
1731
|
+
--sbb-signet-icon-color: var(--sbb-color-white);
|
|
1732
|
+
--sbb-signet-aspect-ratio: 2 / 1;
|
|
1729
1733
|
--sbb-status-color: var(--sbb-color-4);
|
|
1730
1734
|
--sbb-status-gap: var(--sbb-spacing-fixed-1x);
|
|
1731
1735
|
--sbb-status-font-size: var(--sbb-text-font-size-s);
|
|
@@ -1800,6 +1804,9 @@ slot[name=error]::slotted(*) {
|
|
|
1800
1804
|
--sbb-radio-button-background-color: Canvas;
|
|
1801
1805
|
--sbb-radio-button-border-width: var(--sbb-border-width-2x);
|
|
1802
1806
|
--sbb-radio-button-border-color: ButtonBorder;
|
|
1807
|
+
--sbb-signet-background-color: ButtonText !important;
|
|
1808
|
+
--sbb-signet-panel-color: ButtonText !important;
|
|
1809
|
+
--sbb-signet-icon-color: Canvas !important;
|
|
1803
1810
|
}
|
|
1804
1811
|
}
|
|
1805
1812
|
:root {
|
|
@@ -1,188 +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: block;
|
|
10
|
-
height: var(--sbb-signet-height);
|
|
11
|
-
--sbb-signet-background-color: var(--sbb-color-brand);
|
|
12
|
-
--sbb-signet-panel-color: var(--sbb-color-brand);
|
|
13
|
-
--sbb-signet-icon-color: var(--sbb-color-white);
|
|
14
|
-
--sbb-signet-aspect-ratio: 2 / 1;
|
|
15
|
-
--sbb-signet-svg-container-height: auto;
|
|
16
|
-
}
|
|
17
|
-
@media (forced-colors: active) {
|
|
18
|
-
:host {
|
|
19
|
-
--sbb-signet-background-color: ButtonText !important;
|
|
20
|
-
--sbb-signet-panel-color: ButtonText !important;
|
|
21
|
-
--sbb-signet-icon-color: Canvas !important;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
:host([protective-room=minimal]) {
|
|
26
|
-
--sbb-signet-aspect-ratio: 108 / 64;
|
|
27
|
-
--sbb-signet-svg-container-height: calc(44 / 64 * 100%);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
:host([protective-room=ideal]) {
|
|
31
|
-
--sbb-signet-aspect-ratio: 128 / 84;
|
|
32
|
-
--sbb-signet-svg-container-height: calc(44 / 84 * 100%);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
:host([protective-room=panel]) {
|
|
36
|
-
--sbb-signet-aspect-ratio: 143 / 48;
|
|
37
|
-
--sbb-signet-background-color: unset;
|
|
38
|
-
}
|
|
39
|
-
@media (forced-colors: active) {
|
|
40
|
-
:host([protective-room=panel]) {
|
|
41
|
-
--sbb-signet-background-color: unset !important;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.sbb-signet {
|
|
46
|
-
display: flex;
|
|
47
|
-
align-items: center;
|
|
48
|
-
justify-content: center;
|
|
49
|
-
background-color: var(--sbb-signet-background-color);
|
|
50
|
-
aspect-ratio: var(--sbb-signet-aspect-ratio);
|
|
51
|
-
width: 100%;
|
|
52
|
-
height: 100%;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.sbb-signet .sbb-signet__svg-container {
|
|
56
|
-
display: flex;
|
|
57
|
-
height: var(--sbb-signet-svg-container-height);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.sbb-signet svg {
|
|
61
|
-
width: 100%;
|
|
62
|
-
height: 100%;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
#sbb-signet__panel {
|
|
66
|
-
fill: var(--sbb-signet-panel-color);
|
|
67
|
-
stroke: var(--sbb-signet-panel-color);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
#sbb-signet__icon {
|
|
71
|
-
fill: var(--sbb-signet-icon-color);
|
|
72
|
-
}`;
|
|
73
|
-
//#endregion
|
|
74
|
-
//#region src/elements/signet/signet.component.ts
|
|
75
|
-
/**
|
|
76
|
-
* It displays the SBB signet.
|
|
77
|
-
*
|
|
78
|
-
* @cssprop [--sbb-signet-height=auto] - Can be used to set the height of the signet.
|
|
79
|
-
*/
|
|
80
|
-
var SbbSignetElement = (() => {
|
|
81
|
-
let _classSuper = SbbElement;
|
|
82
|
-
let _protectiveRoom_decorators;
|
|
83
|
-
let _protectiveRoom_initializers = [];
|
|
84
|
-
let _protectiveRoom_extraInitializers = [];
|
|
85
|
-
let _accessibilityLabel_decorators;
|
|
86
|
-
let _accessibilityLabel_initializers = [];
|
|
87
|
-
let _accessibilityLabel_extraInitializers = [];
|
|
88
|
-
return class SbbSignetElement extends _classSuper {
|
|
89
|
-
static {
|
|
90
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
91
|
-
_protectiveRoom_decorators = [property({
|
|
92
|
-
attribute: "protective-room",
|
|
93
|
-
reflect: true
|
|
94
|
-
})];
|
|
95
|
-
_accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
|
|
96
|
-
__esDecorate(this, null, _protectiveRoom_decorators, {
|
|
97
|
-
kind: "accessor",
|
|
98
|
-
name: "protectiveRoom",
|
|
99
|
-
static: false,
|
|
100
|
-
private: false,
|
|
101
|
-
access: {
|
|
102
|
-
has: (obj) => "protectiveRoom" in obj,
|
|
103
|
-
get: (obj) => obj.protectiveRoom,
|
|
104
|
-
set: (obj, value) => {
|
|
105
|
-
obj.protectiveRoom = value;
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
metadata: _metadata
|
|
109
|
-
}, _protectiveRoom_initializers, _protectiveRoom_extraInitializers);
|
|
110
|
-
__esDecorate(this, null, _accessibilityLabel_decorators, {
|
|
111
|
-
kind: "accessor",
|
|
112
|
-
name: "accessibilityLabel",
|
|
113
|
-
static: false,
|
|
114
|
-
private: false,
|
|
115
|
-
access: {
|
|
116
|
-
has: (obj) => "accessibilityLabel" in obj,
|
|
117
|
-
get: (obj) => obj.accessibilityLabel,
|
|
118
|
-
set: (obj, value) => {
|
|
119
|
-
obj.accessibilityLabel = value;
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
metadata: _metadata
|
|
123
|
-
}, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
|
|
124
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
125
|
-
enumerable: true,
|
|
126
|
-
configurable: true,
|
|
127
|
-
writable: true,
|
|
128
|
-
value: _metadata
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
static {
|
|
132
|
-
this.elementName = "sbb-signet";
|
|
133
|
-
}
|
|
134
|
-
static {
|
|
135
|
-
this.styles = [boxSizingStyles, signet_default];
|
|
136
|
-
}
|
|
137
|
-
#protectiveRoom_accessor_storage = __runInitializers(this, _protectiveRoom_initializers, "ideal");
|
|
138
|
-
/** Visual protective room around signet. */
|
|
139
|
-
get protectiveRoom() {
|
|
140
|
-
return this.#protectiveRoom_accessor_storage;
|
|
141
|
-
}
|
|
142
|
-
set protectiveRoom(value) {
|
|
143
|
-
this.#protectiveRoom_accessor_storage = value;
|
|
144
|
-
}
|
|
145
|
-
#accessibilityLabel_accessor_storage = (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo"));
|
|
146
|
-
/** Accessibility label which will be forwarded to the inner SVG signet. */
|
|
147
|
-
get accessibilityLabel() {
|
|
148
|
-
return this.#accessibilityLabel_accessor_storage;
|
|
149
|
-
}
|
|
150
|
-
set accessibilityLabel(value) {
|
|
151
|
-
this.#accessibilityLabel_accessor_storage = value;
|
|
152
|
-
}
|
|
153
|
-
render() {
|
|
154
|
-
return html`
|
|
155
|
-
<span class="sbb-signet">
|
|
156
|
-
<span class="sbb-signet__svg-container">
|
|
157
|
-
${this.protectiveRoom === "panel" ? html`
|
|
158
|
-
<svg focusable="false" viewBox="0 0 143 48" xmlns="http://www.w3.org/2000/svg">
|
|
159
|
-
<title .textContent=${this.accessibilityLabel}></title>
|
|
160
|
-
<path id="sbb-signet__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
|
|
161
|
-
<path
|
|
162
|
-
id="sbb-signet__icon"
|
|
163
|
-
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"
|
|
164
|
-
></path>
|
|
165
|
-
</svg>
|
|
166
|
-
` : html`
|
|
167
|
-
<svg focusable="false" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
|
|
168
|
-
<title .textContent=${this.accessibilityLabel}></title>
|
|
169
|
-
<path
|
|
170
|
-
id="sbb-signet__icon"
|
|
171
|
-
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"
|
|
172
|
-
></path>
|
|
173
|
-
</svg>
|
|
174
|
-
`}
|
|
175
|
-
</span>
|
|
176
|
-
</span>
|
|
177
|
-
`;
|
|
178
|
-
}
|
|
179
|
-
constructor() {
|
|
180
|
-
super(...arguments);
|
|
181
|
-
__runInitializers(this, _accessibilityLabel_extraInitializers);
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
})();
|
|
185
|
-
//#endregion
|
|
186
|
-
export { SbbSignetElement as t };
|
|
187
|
-
|
|
188
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmNvbXBvbmVudC1COW5ZNXRUTC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiB2YXIoLS1zYmItc2lnbmV0LWhlaWdodCk7XG5cbiAgLS1zYmItc2lnbmV0LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1jb2xvci1icmFuZCk7XG4gIC0tc2JiLXNpZ25ldC1wYW5lbC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLWJyYW5kKTtcbiAgLS1zYmItc2lnbmV0LWljb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci13aGl0ZSk7XG4gIC0tc2JiLXNpZ25ldC1hc3BlY3QtcmF0aW86IDIgLyAxO1xuICAtLXNiYi1zaWduZXQtc3ZnLWNvbnRhaW5lci1oZWlnaHQ6IGF1dG87XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXNpZ25ldC1iYWNrZ3JvdW5kLWNvbG9yOiBCdXR0b25UZXh0ICFpbXBvcnRhbnQ7XG4gICAgLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yOiBCdXR0b25UZXh0ICFpbXBvcnRhbnQ7XG4gICAgLS1zYmItc2lnbmV0LWljb24tY29sb3I6IENhbnZhcyAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KFtwcm90ZWN0aXZlLXJvb209J21pbmltYWwnXSkge1xuICAtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvOiAxMDggLyA2NDtcbiAgLS1zYmItc2lnbmV0LXN2Zy1jb250YWluZXItaGVpZ2h0OiBjYWxjKDQ0IC8gNjQgKiAxMDAlKTtcbn1cblxuOmhvc3QoW3Byb3RlY3RpdmUtcm9vbT0naWRlYWwnXSkge1xuICAtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvOiAxMjggLyA4NDtcbiAgLS1zYmItc2lnbmV0LXN2Zy1jb250YWluZXItaGVpZ2h0OiBjYWxjKDQ0IC8gODQgKiAxMDAlKTtcbn1cblxuOmhvc3QoW3Byb3RlY3RpdmUtcm9vbT0ncGFuZWwnXSkge1xuICAtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvOiAxNDMgLyA0ODtcbiAgLS1zYmItc2lnbmV0LWJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1zaWduZXQtYmFja2dyb3VuZC1jb2xvcjogdW5zZXQgIWltcG9ydGFudDtcbiAgfVxufVxuXG4uc2JiLXNpZ25ldCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc2lnbmV0LWJhY2tncm91bmQtY29sb3IpO1xuICBhc3BlY3QtcmF0aW86IHZhcigtLXNiYi1zaWduZXQtYXNwZWN0LXJhdGlvKTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLnNiYi1zaWduZXQgLnNiYi1zaWduZXRfX3N2Zy1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zaWduZXQtc3ZnLWNvbnRhaW5lci1oZWlnaHQpO1xufVxuXG4uc2JiLXNpZ25ldCBzdmcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4jc2JiLXNpZ25ldF9fcGFuZWwge1xuICBmaWxsOiB2YXIoLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yKTtcbiAgc3Ryb2tlOiB2YXIoLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yKTtcbn1cblxuI3NiYi1zaWduZXRfX2ljb24ge1xuICBmaWxsOiB2YXIoLS1zYmItc2lnbmV0LWljb24tY29sb3IpO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQcm90ZWN0aXZlUm9vbSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9IFNiYlByb3RlY3RpdmVSb29tIHwgJ3BhbmVsJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgU0JCIHNpZ25ldC5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItc2lnbmV0LWhlaWdodD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCB0aGUgaGVpZ2h0IG9mIHRoZSBzaWduZXQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTaWduZXRFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc2lnbmV0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBWaXN1YWwgcHJvdGVjdGl2ZSByb29tIGFyb3VuZCBzaWduZXQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3Byb3RlY3RpdmUtcm9vbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIHByb3RlY3RpdmVSb29tOiBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9ICdpZGVhbCc7XG5cbiAgLyoqIEFjY2Vzc2liaWxpdHkgbGFiZWwgd2hpY2ggd2lsbCBiZSBmb3J3YXJkZWQgdG8gdGhlIGlubmVyIFNWRyBzaWduZXQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zaWduZXRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2lnbmV0X19zdmctY29udGFpbmVyXCI+XG4gICAgICAgICAgJHt0aGlzLnByb3RlY3RpdmVSb29tID09PSAncGFuZWwnXG4gICAgICAgICAgICA/IGh0bWxgXG4gICAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgMTQzIDQ4XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgICAgPHRpdGxlIC50ZXh0Q29udGVudD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfT48L3RpdGxlPlxuICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJzYmItc2lnbmV0X19wYW5lbFwiIHN0cm9rZS13aWR0aD1cIjFcIiBkPVwiTTEgNDdoMTQxVjFIMXY0NnpcIj48L3BhdGg+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTg3IDQwaDkuM0w4My44IDI3LjdoMTUuNVY0MGg3LjRWMjcuN2gxNS42TDEwOS43IDQwaDkuM2wxNi0xNi0xNS45LTE2aC05LjNsMTIuNSAxMi4zaC0xNS42VjhoLTcuNHYxMi4zSDgzLjhMOTYuMyA4SDg3TDcxIDI0bDE2IDE2elwiXG4gICAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IGh0bWxgXG4gICAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgODAgNDBcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgICAgICAgICAgICA8dGl0bGUgLnRleHRDb250ZW50PSR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PjwvdGl0bGU+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTIwLjAyNjUgNDBIMzEuNjgyMUwxNiAyNC42MTU0SDM1LjM5MDdWNDBINDQuNjA5M1YyNC42MTU0SDY0LjEwNkw0OC40MjM4IDQwSDYwLjA3OTVMODAgMjAuMDUzMUw2MC4wNzk1IDBINDguNDIzOEw2NC4xMDYgMTUuMzg0Nkg0NC42MDkzVjBIMzUuMzkwN1YxNS4zODQ2SDE2TDMxLjY4MjEgMEgyMC4wMjY1TDAgMjAuMDUzMUwyMC4wMjY1IDQwWlwiXG4gICAgICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICBgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZ25ldCc6IFNiYlNpZ25ldEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQ2tCYSwwQkFBZ0I7bUJBQVM7Ozs7Ozs7Y0FBekIseUJBQXlCLFlBQVU7OztpQ0FLN0MsU0FBUztJQUFFLFdBQVc7SUFBbUIsU0FBUztJQUFNLENBQUMsQ0FBQTtxQ0FJekQsV0FBVyxFQUNYLFNBQVMsRUFBRSxXQUFXLHVCQUF1QixDQUFDLENBQUE7QUFKL0MsZ0JBQUEsTUFBQSxNQUFBLDRCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsb0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBYyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWQsaUJBQWM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSw4QkFBQSxrQ0FBQTtBQUs5QixnQkFBQSxNQUFBLE1BQUEsZ0NBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSx3QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFrQixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWxCLHFCQUFrQjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLGtDQUFBLHNDQUFBOzs7Ozs7Ozs7QUFWRixRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixlQUFNOztFQUl4RSxtQ0FBQSxrQkFBQSxNQUFBLDhCQUEwRCxRQUFPOztFQUFqRSxJQUFnQixpQkFBYztBQUFBLFVBQUEsTUFBQTs7RUFBOUIsSUFBZ0IsZUFBYyxPQUFBO0FBQUEsU0FBQSxrQ0FBQTs7RUFLOUIsd0NBQUEsa0JBQUEsTUFBQSxrQ0FBQSxFQUFBLGtCQUFBLE1BQUEsa0NBQTZDLE9BQU07O0VBQW5ELElBQWdCLHFCQUFrQjtBQUFBLFVBQUEsTUFBQTs7RUFBbEMsSUFBZ0IsbUJBQWtCLE9BQUE7QUFBQSxTQUFBLHNDQUFBOztFQUVmLFNBQU07QUFDdkIsVUFBTyxJQUFJOzs7WUFHSCxLQUFLLG1CQUFtQixVQUN0QixJQUFJOzt3Q0FFc0IsS0FBSyxtQkFBa0I7Ozs7Ozs7a0JBUWpELElBQUk7O3dDQUVzQixLQUFLLG1CQUFrQiJ9
|