@sbb-esta/lyne-elements 3.3.2 → 3.4.0
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/i18n/i18n.d.ts +5 -0
- package/core/i18n/i18n.d.ts.map +1 -1
- package/core/i18n/i18n.js +108 -84
- package/core/i18n.js +84 -80
- package/core/mixins/element-internals-mixin.js +6 -6
- package/core/mixins/form-associated-input-mixin.d.ts +1 -0
- package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-input-mixin.js +2 -2
- package/core/styles/core/mediaqueries.scss +1 -1
- package/core/styles/core.scss +34 -1
- package/core/styles/mixins/typo.scss +88 -41
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +530 -0
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +1123 -0
- package/core.css +30 -0
- package/custom-elements.json +1176 -471
- package/date-input/date-input.component.d.ts +5 -4
- package/date-input/date-input.component.d.ts.map +1 -1
- package/date-input/date-input.component.js +19 -21
- package/development/core/i18n/i18n.d.ts +5 -0
- package/development/core/i18n/i18n.d.ts.map +1 -1
- package/development/core/i18n/i18n.js +38 -10
- package/development/core/i18n.js +5 -1
- package/development/core/mixins/element-internals-mixin.js +3 -3
- package/development/core/mixins/form-associated-input-mixin.d.ts +1 -0
- package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-input-mixin.js +3 -2
- package/development/date-input/date-input.component.d.ts +5 -4
- package/development/date-input/date-input.component.d.ts.map +1 -1
- package/development/date-input/date-input.component.js +5 -8
- package/development/dialog/dialog-title/dialog-title.component.js +2 -6
- package/development/file-selector/common/file-selector-common.d.ts +2 -1
- package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
- package/development/file-selector/common/file-selector-common.js +64 -19
- package/development/file-selector/common.js +1 -1
- package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
- package/development/file-selector/file-selector/file-selector.component.js +12 -17
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +0 -7
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +32 -76
- package/development/{file-selector-common-csww18o8.js → file-selector-common-BxXdRZxt.js} +3 -3
- package/development/file-selector.js +1 -1
- package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/development/form-field/form-field/form-field.component.js +4 -4
- package/development/navigation/common/navigation-action-common.js +5 -8
- package/development/navigation/navigation/navigation.component.js +21 -4
- package/development/navigation/navigation-marker/navigation-marker.component.js +5 -8
- package/development/navigation/navigation-section/navigation-section.component.js +6 -19
- package/development/paginator/common/paginator-common.d.ts +3 -0
- package/development/paginator/common/paginator-common.d.ts.map +1 -1
- package/development/paginator/common/paginator-common.js +68 -10
- package/development/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.js +8 -3
- package/development/paginator/paginator/paginator.component.d.ts +5 -0
- package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
- package/development/paginator/paginator/paginator.component.js +28 -6
- package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
- package/development/tabs/tab-group/tab-group.component.js +3 -4
- package/development/time-input/time-input.component.d.ts +5 -4
- package/development/time-input/time-input.component.d.ts.map +1 -1
- package/development/time-input/time-input.component.js +5 -8
- package/development/title/title-base.js +14 -67
- package/development/title/title.component.js +17 -14
- package/development/toast/toast.component.js +6 -9
- package/development/train/train-wagon/train-wagon.component.js +6 -9
- package/dialog/dialog-title/dialog-title.component.js +1 -1
- package/file-selector/common/file-selector-common.d.ts +2 -1
- package/file-selector/common/file-selector-common.d.ts.map +1 -1
- package/file-selector/common/file-selector-common.js +88 -63
- package/file-selector/common.js +1 -1
- package/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
- package/file-selector/file-selector/file-selector.component.js +26 -31
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +0 -7
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +50 -74
- package/file-selector-common-Cn6U8goV.js +5 -0
- package/file-selector.js +1 -1
- package/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/form-field/form-field/form-field.component.js +3 -3
- package/navigation/common/navigation-action-common.js +8 -8
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +14 -14
- package/package.json +1 -1
- package/paginator/common/paginator-common.d.ts +3 -0
- package/paginator/common/paginator-common.d.ts.map +1 -1
- package/paginator/common/paginator-common.js +103 -63
- package/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
- package/paginator/compact-paginator/compact-paginator.component.js +13 -8
- package/paginator/paginator/paginator.component.d.ts +5 -0
- package/paginator/paginator/paginator.component.d.ts.map +1 -1
- package/paginator/paginator/paginator.component.js +77 -61
- package/sidebar/sidebar-title/sidebar-title.component.js +14 -14
- package/standard-theme.css +30 -0
- package/tabs/tab-group/tab-group.component.js +7 -7
- package/time-input/time-input.component.d.ts +5 -4
- package/time-input/time-input.component.d.ts.map +1 -1
- package/time-input/time-input.component.js +21 -22
- package/title/title-base.js +33 -33
- package/title/title.component.js +9 -9
- package/toast/toast.component.js +1 -1
- package/train/train-wagon/train-wagon.component.js +6 -6
- package/file-selector-common-Dw5d8vA4.js +0 -5
package/title/title-base.js
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
var
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var d = (e) => {
|
|
2
|
+
throw TypeError(e);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
import { __esDecorate as
|
|
7
|
-
import { css as
|
|
8
|
-
import { property as
|
|
9
|
-
import { html as
|
|
10
|
-
import { SbbElementInternalsMixin as
|
|
11
|
-
const
|
|
4
|
+
var g = (e, t, l) => t.has(e) || d("Cannot " + l);
|
|
5
|
+
var c = (e, t, l) => (g(e, t, "read from private field"), l ? l.call(e) : t.get(e)), u = (e, t, l) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), h = (e, t, l, r) => (g(e, t, "write to private field"), r ? r.call(e, l) : t.set(e, l), l);
|
|
6
|
+
import { __esDecorate as z, __runInitializers as n } from "tslib";
|
|
7
|
+
import { css as _, LitElement as x } from "lit";
|
|
8
|
+
import { property as y } from "lit/decorators.js";
|
|
9
|
+
import { html as L } from "lit/static-html.js";
|
|
10
|
+
import { SbbElementInternalsMixin as w } from "../core/mixins.js";
|
|
11
|
+
const k = _`*,:before,:after{box-sizing:border-box}:host{margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal: var( --sbb-title-text-color-normal-override, var(--sbb-color-charcoal) );display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}`;
|
|
12
12
|
let M = (() => {
|
|
13
|
-
var
|
|
14
|
-
let
|
|
15
|
-
return a = class extends
|
|
13
|
+
var o, v, a;
|
|
14
|
+
let e = w(x), t, l = [], r = [], f, m = [], p = [];
|
|
15
|
+
return a = class extends e {
|
|
16
16
|
constructor() {
|
|
17
17
|
super(...arguments);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
u(this, o, n(this, l, "1"));
|
|
19
|
+
u(this, v, (n(this, r), n(this, m, null)));
|
|
20
|
+
n(this, p);
|
|
21
21
|
}
|
|
22
22
|
/** Title level */
|
|
23
23
|
get level() {
|
|
24
|
-
return
|
|
24
|
+
return c(this, o);
|
|
25
25
|
}
|
|
26
|
-
set level(
|
|
27
|
-
|
|
26
|
+
set level(s) {
|
|
27
|
+
h(this, o, s);
|
|
28
28
|
}
|
|
29
29
|
/** Visual level for the title. Optional, if not set, the value of level will be used. */
|
|
30
30
|
get visualLevel() {
|
|
31
|
-
return
|
|
31
|
+
return c(this, v);
|
|
32
32
|
}
|
|
33
|
-
set visualLevel(
|
|
34
|
-
|
|
33
|
+
set visualLevel(s) {
|
|
34
|
+
h(this, v, s);
|
|
35
35
|
}
|
|
36
|
-
willUpdate(
|
|
37
|
-
super.willUpdate(
|
|
36
|
+
willUpdate(s) {
|
|
37
|
+
super.willUpdate(s), s.has("level") && (this.internals.ariaLevel = this.level);
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return
|
|
40
|
+
return L`<slot></slot>`;
|
|
41
41
|
}
|
|
42
|
-
},
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
} }, metadata:
|
|
47
|
-
|
|
48
|
-
} }, metadata:
|
|
49
|
-
})(), a.role = "heading", a.styles =
|
|
42
|
+
}, o = new WeakMap(), v = new WeakMap(), (() => {
|
|
43
|
+
const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
|
|
44
|
+
t = [y({ reflect: !0 })], f = [y({ attribute: "visual-level", reflect: !0 })], z(a, null, t, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (i) => "level" in i, get: (i) => i.level, set: (i, b) => {
|
|
45
|
+
i.level = b;
|
|
46
|
+
} }, metadata: s }, l, r), z(a, null, f, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (i) => "visualLevel" in i, get: (i) => i.visualLevel, set: (i, b) => {
|
|
47
|
+
i.visualLevel = b;
|
|
48
|
+
} }, metadata: s }, m, p), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
|
|
49
|
+
})(), a.role = "heading", a.styles = k, a;
|
|
50
50
|
})();
|
|
51
51
|
export {
|
|
52
52
|
M as SbbTitleBase
|
package/title/title.component.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { __esDecorate as o, __runInitializers as n } from "tslib";
|
|
2
2
|
import { customElement as v } from "lit/decorators.js";
|
|
3
|
-
import { SbbNegativeMixin as
|
|
4
|
-
import { SbbTitleBase as
|
|
5
|
-
import { css as
|
|
6
|
-
const u =
|
|
7
|
-
let
|
|
3
|
+
import { SbbNegativeMixin as m } from "../core/mixins.js";
|
|
4
|
+
import { SbbTitleBase as b } from "./title-base.js";
|
|
5
|
+
import { css as c } from "lit";
|
|
6
|
+
const u = c`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block-start: var(--sbb-title-margin-block-start-level-1);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-1)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-6)}`;
|
|
7
|
+
let p = (() => {
|
|
8
8
|
var l;
|
|
9
|
-
let
|
|
9
|
+
let r = [v("sbb-title")], a, s = [], e, i = m(b);
|
|
10
10
|
return l = class extends i {
|
|
11
11
|
}, e = l, (() => {
|
|
12
12
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
|
|
13
|
-
o(null,
|
|
14
|
-
})(), l.styles = [
|
|
13
|
+
o(null, a = { value: e }, r, { kind: "class", name: e.name, metadata: t }, null, s), e = a.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
14
|
+
})(), l.styles = [b.styles, u], n(e, s), e;
|
|
15
15
|
})();
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
p as SbbTitleElement
|
|
18
18
|
};
|
package/toast/toast.component.js
CHANGED
|
@@ -16,7 +16,7 @@ import { SbbHydrationMixin as j, SbbReadonlyMixin as M } from "../core/mixins.js
|
|
|
16
16
|
import { SbbIconNameMixin as H } from "../icon.js";
|
|
17
17
|
import "../button/transparent-button.js";
|
|
18
18
|
import "../divider.js";
|
|
19
|
-
const X = w`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host([data-state]:not([data-state=closed])){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}.sbb-toast__content{--sbb-title-
|
|
19
|
+
const X = w`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host([data-state]:not([data-state=closed])){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}`, f = /* @__PURE__ */ new Set();
|
|
20
20
|
let lt = (() => {
|
|
21
21
|
var d, p, m, r;
|
|
22
22
|
let i = [D("sbb-toast")], o, e = [], n, _ = H(j(M(L))), x, y = [], k = [], T, z = [], S = [], N, C = [], E = [];
|
|
@@ -9,20 +9,20 @@ import { customElement as it, property as u } from "lit/decorators.js";
|
|
|
9
9
|
import { when as nt } from "lit/directives/when.js";
|
|
10
10
|
import { html as c } from "lit/static-html.js";
|
|
11
11
|
import { SbbLanguageController as ot } from "../../core/controllers.js";
|
|
12
|
-
import { forceType as
|
|
12
|
+
import { forceType as $, handleDistinctChange as rt, omitEmptyConverter as Y } from "../../core/decorators.js";
|
|
13
13
|
import { i18nClosedCompartmentLabel as ct, i18nLocomotiveLabel as lt, i18nCouchetteWagonLabel as bt, i18nSleepingWagonLabel as gt, i18nRestaurantWagonLabel as ht, i18nWagonLabel as pt, i18nSector as dt, i18nWagonLabelNumber as ut, i18nClass as Z, i18nBlockedPassage as tt, i18nAdditionalWagonInformationHeading as yt } from "../../core/i18n.js";
|
|
14
14
|
import { SbbNamedSlotListMixin as mt } from "../../core/mixins.js";
|
|
15
15
|
import "../../icon.js";
|
|
16
16
|
import "../../timetable-occupancy-icon.js";
|
|
17
|
-
const _t = et`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-charcoal);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-granite);--sbb-train-wagon-occupancy-height: .75rem}@media (forced-colors: active){:host{--sbb-train-wagon-shape-color: CanvasText}}:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: var(--sbb-color-metal)}@media (forced-colors: active){:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: CanvasText}}@media (forced-colors: active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-
|
|
17
|
+
const _t = et`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-charcoal);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-granite);--sbb-train-wagon-occupancy-height: .75rem}@media (forced-colors: active){:host{--sbb-train-wagon-shape-color: CanvasText}}:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: var(--sbb-color-metal)}@media (forced-colors: active){:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: CanvasText}}@media (forced-colors: active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, at = {
|
|
18
18
|
couchette: "sa-cc",
|
|
19
19
|
sleeping: "sa-wl",
|
|
20
20
|
restaurant: "sa-wr"
|
|
21
21
|
};
|
|
22
22
|
let St = (() => {
|
|
23
23
|
var y, m, _, w, f, v, x, i;
|
|
24
|
-
let e = [it("sbb-train-wagon")], s, l = [], b,
|
|
25
|
-
return i = class extends
|
|
24
|
+
let e = [it("sbb-train-wagon")], s, l = [], b, k = mt(st), C, z = [], T = [], L, P = [], A = [], I, S = [], E = [], W, j = [], D = [], N, B = [], M = [], O, G = [], H = [], R, q = [], F = [];
|
|
25
|
+
return i = class extends k {
|
|
26
26
|
constructor() {
|
|
27
27
|
super(...arguments);
|
|
28
28
|
p(this, y);
|
|
@@ -147,8 +147,8 @@ let St = (() => {
|
|
|
147
147
|
`;
|
|
148
148
|
}
|
|
149
149
|
}, y = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), w = new WeakMap(), f = new WeakMap(), v = new WeakMap(), x = new WeakMap(), b = i, (() => {
|
|
150
|
-
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
151
|
-
C = [u({ reflect: !0 })], L = [u()], I = [
|
|
150
|
+
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
|
|
151
|
+
C = [u({ reflect: !0 })], L = [u()], I = [$(), rt((t) => t._sectorChanged()), u({ reflect: !0, converter: Y })], W = [u({ attribute: "blocked-passage" })], N = [u({ attribute: "wagon-class" })], O = [$(), u({ reflect: !0, converter: Y })], R = [$(), u({ attribute: "additional-accessibility-text" })], d(i, null, C, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, n) => {
|
|
152
152
|
t.type = n;
|
|
153
153
|
} }, metadata: a }, z, T), d(i, null, L, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (t) => "occupancy" in t, get: (t) => t.occupancy, set: (t, n) => {
|
|
154
154
|
t.occupancy = n;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { css as e } from "lit";
|
|
2
|
-
const i = e`*,:before,:after{box-sizing:border-box}:host{--sbb-file-selector-color: var(--sbb-color-black);--sbb-file-selector-subtitle-color: var(--sbb-color-granite);--sbb-file-selector-background-color: var(--sbb-color-white);--sbb-file-selector-border-color: var(--sbb-color-cloud);--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);display:block;width:20rem}@media (forced-colors: active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host([data-active]){--sbb-file-selector-background-color: var(--sbb-color-milk);--sbb-file-selector-border-color: var(--sbb-color-storm)}@media (forced-colors: active){:host([data-active]){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal)}:host(:not([data-slot-names~=error])) .sbb-file-selector__error{display:none}`;
|
|
3
|
-
export {
|
|
4
|
-
i as f
|
|
5
|
-
};
|