@sbb-esta/lyne-elements-dev 4.11.0-dev.1776752302 → 4.11.0-dev.1776867495
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/{block-link-common-DzGY49Xc.js → block-link-common-BwXob5QE.js} +1 -1
- package/core/styles/core.scss +37 -4
- package/core/styles/mixins/helpers.scss +3 -3
- package/core.css +70 -5
- package/custom-elements.json +1576 -1576
- package/development/{block-link-common-GckvjULA.js → block-link-common-Dh1NOKxB.js} +2 -2
- package/development/form-field/form-field/form-field.component.js +1 -1
- package/development/form-field/form-field.js +1 -1
- package/development/{form-field.component-D0NJclvI.js → form-field.component-CWVzymTX.js} +2 -2
- package/development/form-field.js +1 -1
- package/development/form-field.pure.js +1 -1
- package/development/link/common/block-link-common.js +1 -1
- package/development/link/common.js +1 -1
- package/development/link.js +1 -1
- package/development/link.pure.js +1 -1
- package/development/slider/slider.component.js +1 -1
- package/development/{slider.component-BjfLnUvP.js → slider.component-C3qZB6ar.js} +2 -2
- package/development/slider.js +1 -1
- package/development/slider.pure.js +1 -1
- package/development/step-label.component-DjA-3IGs.js +131 -0
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper/step-label.js +1 -1
- package/development/stepper.js +1 -1
- package/development/stepper.pure.js +1 -1
- package/development/teaser-hero/teaser-hero.component.js +1 -1
- package/development/{teaser-hero.component-DNlc8Tbl.js → teaser-hero.component-BIOpoGME.js} +2 -2
- package/development/teaser-hero.js +1 -1
- package/development/teaser-hero.pure.js +1 -1
- package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/development/timetable-form/timetable-form-details.js +1 -1
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/development/timetable-form/timetable-form-field.js +1 -1
- package/development/timetable-form/timetable-form.js +1 -1
- package/development/timetable-form-details.component-DJl5Qt9y.js +26 -0
- package/development/timetable-form-field.component-DQ_TzcF4.js +44 -0
- package/development/timetable-form.component-N8h4JBlH.js +27 -0
- package/development/timetable-form.js +3 -3
- package/development/timetable-form.pure.js +3 -3
- package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/development/timetable-occupancy.component-dhpPJEaI.js +124 -0
- package/development/timetable-occupancy.js +1 -1
- package/development/timetable-occupancy.pure.js +1 -1
- package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
- package/development/toggle/toggle/toggle.component.js +1 -1
- package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
- package/development/toggle/toggle-option/toggle-option.component.js +1 -1
- package/development/toggle/toggle-option.js +1 -1
- package/development/toggle/toggle.js +1 -1
- package/development/toggle-check/toggle-check.component.js +1 -1
- package/development/toggle-check.component-_fDAuLob.js +159 -0
- package/development/toggle-check.js +1 -1
- package/development/toggle-check.pure.js +1 -1
- package/development/toggle-option.component-DTS3a603.js +167 -0
- package/development/toggle.component-CKug5pF7.js +249 -0
- package/development/toggle.js +2 -2
- package/development/toggle.pure.js +2 -2
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/tooltip.component-epXOY5vO.js +378 -0
- package/development/tooltip.js +1 -1
- package/development/tooltip.pure.js +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/form-field/form-field.js +1 -1
- package/{form-field.component-Bqw-VgJF.js → form-field.component-Cc_siKrq.js} +1 -1
- package/form-field.js +1 -1
- package/form-field.pure.js +1 -1
- package/link/common/block-link-common.js +1 -1
- package/link/common.js +1 -1
- package/link.js +1 -1
- package/link.pure.js +1 -1
- package/off-brand-theme.css +70 -5
- package/package.json +2 -2
- package/safety-theme.css +70 -5
- package/slider/slider.component.js +1 -1
- package/{slider.component-CoqCppCq.js → slider.component-BlRVR6iU.js} +1 -1
- package/slider.js +1 -1
- package/slider.pure.js +1 -1
- package/standard-theme.css +70 -5
- package/{step-label.component-DnQBwnL8.js → step-label.component-dzcNc12A.js} +1 -1
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper/step-label.js +1 -1
- package/stepper.js +1 -1
- package/stepper.pure.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/{teaser-hero.component-CHy82SKQ.js → teaser-hero.component-D8yj-N5n.js} +1 -1
- package/teaser-hero.js +1 -1
- package/teaser-hero.pure.js +1 -1
- package/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/timetable-form/timetable-form-details.js +1 -1
- package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/timetable-form/timetable-form-field.js +1 -1
- package/timetable-form/timetable-form.js +1 -1
- package/timetable-form-details.component-mWKaBW_9.js +16 -0
- package/timetable-form-field.component-Cv_lv8vf.js +32 -0
- package/{timetable-form.component-CU1FXAZH.js → timetable-form.component-YcvKAlfz.js} +1 -1
- package/timetable-form.js +3 -3
- package/timetable-form.pure.js +3 -3
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/{timetable-occupancy.component-Db9SfiyD.js → timetable-occupancy.component-BDmxFVKK.js} +1 -1
- package/timetable-occupancy.js +1 -1
- package/timetable-occupancy.pure.js +1 -1
- package/toggle/toggle/toggle.component.js +1 -1
- package/toggle/toggle-option/toggle-option.component.js +1 -1
- package/toggle/toggle-option.js +1 -1
- package/toggle/toggle.js +1 -1
- package/toggle-check/toggle-check.component.js +1 -1
- package/toggle-check.component-DvoslSRr.js +119 -0
- package/toggle-check.js +1 -1
- package/toggle-check.pure.js +1 -1
- package/{toggle-option.component-Bw-GXUQK.js → toggle-option.component-pX3tNwjE.js} +5 -7
- package/{toggle.component-BPpsMMPG.js → toggle.component-Cwc-TJ-a.js} +6 -10
- package/toggle.js +2 -2
- package/toggle.pure.js +2 -2
- package/tooltip/tooltip.component.js +1 -1
- package/{tooltip.component-BY9mV5Sw.js → tooltip.component-B3XLLpLg.js} +1 -1
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/development/step-label.component-CJFPHIZa.js +0 -131
- package/development/timetable-form-details.component-C8awcdP5.js +0 -26
- package/development/timetable-form-field.component-BI24VjkC.js +0 -44
- package/development/timetable-form.component-CUG86CSN.js +0 -27
- package/development/timetable-occupancy.component-D_PXXvI9.js +0 -124
- package/development/toggle-check.component-BG4w_sE8.js +0 -159
- package/development/toggle-option.component-DRodFwFk.js +0 -169
- package/development/toggle.component-BFYLRN8o.js +0 -254
- package/development/tooltip.component-DzSd9VjW.js +0 -378
- package/timetable-form-details.component-CBZ7QSAx.js +0 -16
- package/timetable-form-field.component-BKxQQqt7.js +0 -32
- package/toggle-check.component-B6Ww5pLD.js +0 -119
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../toggle-option.component-
|
|
1
|
+
import { t as e } from "../../toggle-option.component-pX3tNwjE.js";
|
|
2
2
|
export { e as SbbToggleOptionElement };
|
package/toggle/toggle-option.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../toggle-option.component-
|
|
1
|
+
import { t as e } from "../toggle-option.component-pX3tNwjE.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/toggle/toggle-option.js' has been deprecated.\nUse either '@sbb-esta/elements/toggle.js' or '@sbb-esta/elements/toggle.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbToggleOptionElement };
|
package/toggle/toggle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../toggle.component-
|
|
1
|
+
import { t as e } from "../toggle.component-Cwc-TJ-a.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/toggle/toggle.js' has been deprecated.\nUse either '@sbb-esta/elements/toggle.js' or '@sbb-esta/elements/toggle.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbToggleElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../toggle-check.component-
|
|
1
|
+
import { t as e } from "../toggle-check.component-DvoslSRr.js";
|
|
2
2
|
export { e as SbbToggleCheckElement };
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
+
import { html as n, unsafeCSS as r } from "lit";
|
|
3
|
+
import { property as i } from "lit/decorators.js";
|
|
4
|
+
import { SbbElement as a } from "./core/base-elements.js";
|
|
5
|
+
import { isLean as o } from "./core/dom.js";
|
|
6
|
+
import { SbbFormAssociatedCheckboxMixin as s } from "./core/mixins.js";
|
|
7
|
+
import { boxSizingStyles as c } from "./core/styles.js";
|
|
8
|
+
import { SbbIconNameMixin as l } from "./icon.js";
|
|
9
|
+
//#region src/elements/toggle-check/toggle-check.scss?inline
|
|
10
|
+
var u = "@charset \"UTF-8\";:host{--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--_sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--_sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));display:inline-block;outline:none!important}:host([size=xs]){--sbb-toggle-check-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-toggle-check-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-toggle-check-font-size: var(--sbb-text-font-size-m);--_sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text))}:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);--sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);--_sbb-toggle-check-circle-translate: calc( 100% - 2 * (100% - .5 * var(--_sbb-toggle-check-width)) ) -50%;--_sbb-toggle-check-icon-opacity: 1}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-icon-color: Highlight;--sbb-toggle-check-background-color: Highlight}}:host(:disabled){--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: dashed;--sbb-toggle-check-icon-color: var(--sbb-color-granite);--sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-toggle-check-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-toggle-check-icon-color: GrayText;--sbb-toggle-check-background-color: GrayText;--sbb-toggle-check-circle-border-style: solid}}:host([label-position=before]){--_sbb-toggle-check-flex-direction: row}.sbb-toggle-check{position:relative;display:flex;color:var(--sbb-toggle-check-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor);border-radius:calc(var(--sbb-toggle-check-border-radius) - var(--sbb-focus-outline-offset))}.sbb-toggle-check:before{content:\"\";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible) .sbb-toggle-check{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-toggle-check__container{display:flex;flex-direction:var(--_sbb-toggle-check-flex-direction, row-reverse);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%;font-size:var(--sbb-toggle-check-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2)}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{display:inline-block;position:relative;min-width:var(--_sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--_sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2)}.sbb-toggle-check__circle{position:absolute;top:50%;translate:0 -50%;width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-toggle-check-border-width) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);border-radius:50%;background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:translate;translate:var(--_sbb-toggle-check-circle-translate, 0 -50%);transition:translate ease var(--sbb-toggle-check-animation-duration);box-shadow:var(--sbb-toggle-check-shadow)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--_sbb-toggle-check-icon-opacity, 0);transition:opacity ease var(--sbb-toggle-check-animation-duration)}", d = (() => {
|
|
11
|
+
let d = l(s(a)), f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [];
|
|
12
|
+
return class extends d {
|
|
13
|
+
static {
|
|
14
|
+
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
|
|
15
|
+
f = [i()], h = [i({ reflect: !0 })], v = [i({
|
|
16
|
+
attribute: "label-position",
|
|
17
|
+
reflect: !0
|
|
18
|
+
})], e(this, null, f, {
|
|
19
|
+
kind: "accessor",
|
|
20
|
+
name: "value",
|
|
21
|
+
static: !1,
|
|
22
|
+
private: !1,
|
|
23
|
+
access: {
|
|
24
|
+
has: (e) => "value" in e,
|
|
25
|
+
get: (e) => e.value,
|
|
26
|
+
set: (e, t) => {
|
|
27
|
+
e.value = t;
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
metadata: t
|
|
31
|
+
}, p, m), e(this, null, h, {
|
|
32
|
+
kind: "accessor",
|
|
33
|
+
name: "size",
|
|
34
|
+
static: !1,
|
|
35
|
+
private: !1,
|
|
36
|
+
access: {
|
|
37
|
+
has: (e) => "size" in e,
|
|
38
|
+
get: (e) => e.size,
|
|
39
|
+
set: (e, t) => {
|
|
40
|
+
e.size = t;
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
metadata: t
|
|
44
|
+
}, g, _), e(this, null, v, {
|
|
45
|
+
kind: "accessor",
|
|
46
|
+
name: "labelPosition",
|
|
47
|
+
static: !1,
|
|
48
|
+
private: !1,
|
|
49
|
+
access: {
|
|
50
|
+
has: (e) => "labelPosition" in e,
|
|
51
|
+
get: (e) => e.labelPosition,
|
|
52
|
+
set: (e, t) => {
|
|
53
|
+
e.labelPosition = t;
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
metadata: t
|
|
57
|
+
}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
|
|
58
|
+
enumerable: !0,
|
|
59
|
+
configurable: !0,
|
|
60
|
+
writable: !0,
|
|
61
|
+
value: t
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
static {
|
|
65
|
+
this.elementName = "sbb-toggle-check";
|
|
66
|
+
}
|
|
67
|
+
static {
|
|
68
|
+
this.styles = [c, r(u)];
|
|
69
|
+
}
|
|
70
|
+
#e = t(this, p, null);
|
|
71
|
+
get value() {
|
|
72
|
+
return this.#e;
|
|
73
|
+
}
|
|
74
|
+
set value(e) {
|
|
75
|
+
this.#e = e;
|
|
76
|
+
}
|
|
77
|
+
#t = (t(this, m), t(this, g, o() ? "xs" : "s"));
|
|
78
|
+
get size() {
|
|
79
|
+
return this.#t;
|
|
80
|
+
}
|
|
81
|
+
set size(e) {
|
|
82
|
+
this.#t = e;
|
|
83
|
+
}
|
|
84
|
+
#n = (t(this, _), t(this, y, "after"));
|
|
85
|
+
get labelPosition() {
|
|
86
|
+
return this.#n;
|
|
87
|
+
}
|
|
88
|
+
set labelPosition(e) {
|
|
89
|
+
this.#n = e;
|
|
90
|
+
}
|
|
91
|
+
requestUpdate(e, t, n) {
|
|
92
|
+
super.requestUpdate(e, t, n), e === "checked" && (this.internals.ariaChecked = `${this.checked}`, this.toggleState("checked", this.checked));
|
|
93
|
+
}
|
|
94
|
+
renderIconName() {
|
|
95
|
+
return super.renderIconName() || "tick-small";
|
|
96
|
+
}
|
|
97
|
+
render() {
|
|
98
|
+
return n`
|
|
99
|
+
<span class="sbb-toggle-check">
|
|
100
|
+
<span class="sbb-toggle-check__container">
|
|
101
|
+
<span class="sbb-toggle-check__label">
|
|
102
|
+
<slot></slot>
|
|
103
|
+
</span>
|
|
104
|
+
<span class="sbb-toggle-check__track">
|
|
105
|
+
<span class="sbb-toggle-check__circle">
|
|
106
|
+
<span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
|
|
107
|
+
</span>
|
|
108
|
+
</span>
|
|
109
|
+
</span>
|
|
110
|
+
</span>
|
|
111
|
+
`;
|
|
112
|
+
}
|
|
113
|
+
constructor() {
|
|
114
|
+
super(...arguments), t(this, b);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
})();
|
|
118
|
+
//#endregion
|
|
119
|
+
export { d as t };
|
package/toggle-check.js
CHANGED
package/toggle-check.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./toggle-check.component-
|
|
1
|
+
import { t as e } from "./toggle-check.component-DvoslSRr.js";
|
|
2
2
|
export { e as SbbToggleCheckElement };
|
|
@@ -8,7 +8,7 @@ import { boxSizingStyles as c } from "./core/styles.js";
|
|
|
8
8
|
import { SbbIconNameMixin as l } from "./icon.js";
|
|
9
9
|
import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
|
|
10
10
|
//#region src/elements/toggle/toggle-option/toggle-option.scss?inline
|
|
11
|
-
var d = ":host{--sbb-toggle-option-
|
|
11
|
+
var d = ":host{display:flex;justify-content:center;align-items:center;gap:var(--sbb-toggle-option-gap);height:var(--sbb-toggle-height);padding-inline:var(--sbb-toggle-padding-inline);color:var(--sbb-toggle-option-color);cursor:var(--sbb-toggle-option-cursor, var(--sbb-cursor-pointer));overflow:hidden;font-size:var(--sbb-toggle-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);font-weight:700;outline:none!important}:host([checked]){--sbb-toggle-option-color: var(--sbb-color-2)}:host([disabled]){--sbb-toggle-option-cursor: unset;--sbb-toggle-option-color: var(--sbb-color-anthracite);--sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud))}.sbb-toggle-option__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sbb-icon,::slotted(sbb-icon){min-width:var(--sbb-toggle-option-icon-min-size);min-height:var(--sbb-toggle-option-icon-min-size)}", f = (() => {
|
|
12
12
|
let f = s(l(a)), p, m = [], h = [], g, _ = [], v = [];
|
|
13
13
|
return class extends f {
|
|
14
14
|
static {
|
|
@@ -109,12 +109,10 @@ var d = ":host{--sbb-toggle-option-cursor: var(--sbb-cursor-pointer);--sbb-toggl
|
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
111
|
return n`
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
<
|
|
115
|
-
|
|
116
|
-
</span>
|
|
117
|
-
</div>
|
|
112
|
+
${this.renderIconSlot()}
|
|
113
|
+
<span class="sbb-toggle-option__label">
|
|
114
|
+
<slot></slot>
|
|
115
|
+
</span>
|
|
118
116
|
`;
|
|
119
117
|
}
|
|
120
118
|
};
|
|
@@ -8,7 +8,7 @@ import { SbbDisabledMixin as l, SbbFormAssociatedMixin as u } from "./core/mixin
|
|
|
8
8
|
import { boxSizingStyles as d } from "./core/styles.js";
|
|
9
9
|
import { interactivityChecker as f } from "./core/a11y.js";
|
|
10
10
|
//#region src/elements/toggle/toggle/toggle.scss?inline
|
|
11
|
-
var p = ":host{
|
|
11
|
+
var p = ":host{--_sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small) );--sbb-toggle-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:grid;grid-template-columns:var(--sbb-toggle-grid-template-columns);grid-template-areas:\"start end\";align-items:center;height:var(--sbb-toggle-height);width:var(--sbb-toggle-width, fit-content);min-width:var(--_sbb-toggle-min-width);max-width:100%;border-radius:var(--sbb-toggle-border-radius);font-size:var(--sbb-toggle-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host:before{content:\"\";display:block;grid-area:start/start/end/end;margin-inline:var(--sbb-toggle-option-left, 0) var(--sbb-toggle-option-right, 0);background-color:var(--sbb-toggle-selected-option-background-color);border-radius:var(--sbb-toggle-border-radius);max-width:100%;height:100%;border:var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);transition-duration:var(--sbb-toggle-animation-duration);transition-timing-function:ease;transition-property:margin-inline-start,margin-inline-end}:host:after{content:\"\";grid-area:start/start/end/end;order:-1;background:var(--sbb-toggle-background-color);margin-inline:var(--sbb-toggle-background-inset);height:calc(100% - 2 * var(--sbb-toggle-background-inset));border-radius:var(--sbb-toggle-border-radius)}@media(forced-colors:active){:host:after{border:var(--sbb-border-width-1x) solid CanvasText}}:host([even]){--sbb-toggle-width: 100%;--sbb-toggle-grid-template-columns: 50% 50%}:host(:disabled){--sbb-toggle-selected-option-border-color: var(--sbb-color-graphite);--sbb-toggle-selected-option-border-color: light-dark( var(--sbb-color-graphite), var(--sbb-color-smoke) );--sbb-toggle-selected-option-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: GrayText}}:host([size=m]){--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toggle-height: var(--sbb-size-element-m)}:host([size=s]){--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-toggle-height: var(--sbb-size-element-xxs)}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(disable-animation-on-resizing),[state--disable-animation-on-resizing]))){--sbb-disable-animation-duration: 0s}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}", m = (() => {
|
|
12
12
|
let m = l(u(o)), h = [], g, _ = [], v = [], y, b = [], x = [], S;
|
|
13
13
|
return class extends m {
|
|
14
14
|
static {
|
|
@@ -118,11 +118,11 @@ var p = ":host{display:block;width:fit-content;border-radius:var(--sbb-toggle-bo
|
|
|
118
118
|
return t instanceof Blob ? JSON.parse(await t.text()) : t;
|
|
119
119
|
}
|
|
120
120
|
updatePillPosition(e = !1) {
|
|
121
|
-
let t = this.options
|
|
122
|
-
if (t.length < 2 ||
|
|
121
|
+
let t = this.options;
|
|
122
|
+
if (t.length < 2 || t.every((e) => !e.checked) || t.every((e) => !e.clientWidth)) return;
|
|
123
123
|
this.toggleState("disable-animation-on-resizing", e);
|
|
124
|
-
let
|
|
125
|
-
|
|
124
|
+
let n = t[0], r = n.checked, i = r ? "0px" : `${n.clientWidth}px`, a = r ? `${this.clientWidth - n.clientWidth}px` : "0px";
|
|
125
|
+
a === "0px" && i === "0px" || (this.style?.setProperty("--sbb-toggle-option-left", i), this.style?.setProperty("--sbb-toggle-option-right", a), this.offsetWidth, this.internals.states.add("initialized"));
|
|
126
126
|
}
|
|
127
127
|
_updateToggle() {
|
|
128
128
|
this._valueChanged(this.value), this._updateDisabled();
|
|
@@ -149,11 +149,7 @@ var p = ":host{display:block;width:fit-content;border-radius:var(--sbb-toggle-bo
|
|
|
149
149
|
})));
|
|
150
150
|
}
|
|
151
151
|
render() {
|
|
152
|
-
return n`
|
|
153
|
-
<div class="sbb-toggle">
|
|
154
|
-
<slot @slotchange=${this._updateToggle}></slot>
|
|
155
|
-
</div>
|
|
156
|
-
`;
|
|
152
|
+
return n` <slot @slotchange=${this._updateToggle}></slot> `;
|
|
157
153
|
}
|
|
158
154
|
};
|
|
159
155
|
})();
|
package/toggle.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as e } from "./toggle-option.component-
|
|
2
|
-
import { t } from "./toggle.component-
|
|
1
|
+
import { t as e } from "./toggle-option.component-pX3tNwjE.js";
|
|
2
|
+
import { t } from "./toggle.component-Cwc-TJ-a.js";
|
|
3
3
|
import "./toggle.pure.js";
|
|
4
4
|
t.define(), e.define();
|
|
5
5
|
//#endregion
|
package/toggle.pure.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as e } from "./toggle-option.component-
|
|
2
|
-
import { t } from "./toggle.component-
|
|
1
|
+
import { t as e } from "./toggle-option.component-pX3tNwjE.js";
|
|
2
|
+
import { t } from "./toggle.component-Cwc-TJ-a.js";
|
|
3
3
|
export { t as SbbToggleElement, e as SbbToggleOptionElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../tooltip.component-
|
|
1
|
+
import { t as e } from "../tooltip.component-B3XLLpLg.js";
|
|
2
2
|
export { e as SbbTooltipElement };
|
|
@@ -10,7 +10,7 @@ import { SbbEscapableOverlayController as g, SbbOverlayPositionController as _ }
|
|
|
10
10
|
import { sbbOverlayOutsidePointerEventListener as v } from "./core/overlay.js";
|
|
11
11
|
import { readConfig as y } from "./core/config.js";
|
|
12
12
|
//#region src/elements/tooltip/tooltip.scss?inline
|
|
13
|
-
var b = ":host{--sbb-tooltip-
|
|
13
|
+
var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", x = 500, S = c || l, C = /* @__PURE__ */ new WeakMap(), w = 0, T = (() => {
|
|
14
14
|
let c = f(o), l = [], T, E = [], D = [], O, k, A;
|
|
15
15
|
return class extends c {
|
|
16
16
|
static {
|
package/tooltip.js
CHANGED
package/tooltip.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./tooltip.component-
|
|
1
|
+
import { t as e } from "./tooltip.component-B3XLLpLg.js";
|
|
2
2
|
export { e as SbbTooltipElement };
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { html, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbButtonBaseElement } from "./core/base-elements.js";
|
|
3
|
-
import { SbbDisabledMixin, appendAriaElements, removeAriaElements } from "./core/mixins.js";
|
|
4
|
-
import { boxSizingStyles } from "./core/styles.js";
|
|
5
|
-
import { SbbPropertyWatcherController } from "./core/controllers.js";
|
|
6
|
-
import { SbbIconNameMixin } from "./icon.js";
|
|
7
|
-
//#region src/elements/stepper/step-label/step-label.scss?inline
|
|
8
|
-
var step_label_default = ":host {\n --sbb-step-label-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-2x)\n );\n --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);\n --_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);\n --_sbb-step-label-transform-y: calc(\n -50% + var(--sbb-step-label-translate-y-content-hover, 0rem)\n );\n --_sbb-step-label-prefix-inset-block-start: calc(\n 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) -\n (var(--sbb-step-label-prefix-size) / 2)\n );\n position: relative;\n display: flex;\n min-width: 0;\n max-width: fit-content;\n gap: var(--sbb-step-label-gap);\n cursor: var(--sbb-step-label-cursor);\n color: var(--sbb-step-label-color);\n font-size: var(--sbb-step-label-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n:host::before {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: var(--sbb-text-font-size-xxs);\n font-weight: var(--sbb-step-label-font-weight-selected, normal);\n inset-block-start: var(--_sbb-step-label-inset-block-start);\n inset-inline-start: var(--_sbb-step-label-inset-inline-start);\n line-height: 1;\n z-index: 1;\n transform: translate(-50%, var(--_sbb-step-label-transform-y));\n transition: transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(selected),[state--selected])) {\n --sbb-step-label-color: var(--sbb-color-3);\n --sbb-step-label-font-weight-selected: bold;\n}\n@media (forced-colors: active) {\n :host(:is(:state(selected),[state--selected])) {\n --sbb-step-label-color: Highlight !important;\n }\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n --sbb-step-label-gap: var(--sbb-spacing-fixed-3x);\n --sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);\n --sbb-step-label-font-size: var(--sbb-text-font-size-m);\n --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s);\n}\n\n:host(:disabled) {\n --sbb-step-label-color: var(--sbb-color-granite);\n --sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));\n --sbb-step-label-prefix-border-style: dashed;\n}\n@media (forced-colors: active) {\n :host(:disabled) {\n --sbb-step-label-color: GrayText !important;\n }\n}\n\n@media (any-hover: hover) {\n :host(:hover:not(:disabled)) {\n --sbb-step-label-cursor: var(--sbb-cursor-pointer);\n --sbb-step-label-prefix-background-color: var(--sbb-background-color-3);\n --sbb-step-label-translate-y-content-hover: -0.0625rem;\n --sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1);\n }\n}\n\n:host(:focus-visible) {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n border-radius: var(--sbb-border-radius-1x);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) {\n transition: margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)) {\n margin-block-start: var(--sbb-spacing-fixed-6x);\n}\n\n:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) {\n margin-block-end: var(--sbb-spacing-fixed-8x);\n}\n\n.sbb-step-label__prefix {\n position: relative;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: var(--sbb-step-label-prefix-size);\n height: var(--sbb-step-label-prefix-size);\n inset-block-start: var(--_sbb-step-label-prefix-inset-block-start);\n}\n.sbb-step-label__prefix::before {\n content: \"\";\n position: absolute;\n inset: calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));\n border-radius: var(--sbb-border-radius-infinity);\n border: var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);\n background-color: var(--sbb-step-label-prefix-background-color);\n transition-duration: var(--sbb-step-label-animation-duration);\n transition-timing-function: var(--sbb-animation-easing);\n transition-property: background-color, inset;\n}\n\n.sbb-step-label__text {\n font-weight: bold;\n}\n:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n::slotted(sbb-icon),\nsbb-icon {\n z-index: 1;\n background-color: var(--sbb-step-label-prefix-background-color);\n border-radius: var(--sbb-border-radius-infinity);\n transform: translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));\n transition-duration: var(--sbb-step-label-animation-duration);\n transition-timing-function: var(--sbb-animation-easing);\n transition-property: background-color, transform;\n}";
|
|
9
|
-
//#endregion
|
|
10
|
-
//#region src/elements/stepper/step-label/step-label.component.ts
|
|
11
|
-
var nextId = 0;
|
|
12
|
-
/**
|
|
13
|
-
* Combined with a `sbb-stepper`, it displays a step's label.
|
|
14
|
-
*
|
|
15
|
-
* @slot - Use the unnamed slot to provide a label.
|
|
16
|
-
* @slot icon - Use this to display an icon in the label bubble.
|
|
17
|
-
*/
|
|
18
|
-
var SbbStepLabelElement = class extends SbbIconNameMixin(SbbDisabledMixin(SbbButtonBaseElement)) {
|
|
19
|
-
static {
|
|
20
|
-
this.elementName = "sbb-step-label";
|
|
21
|
-
}
|
|
22
|
-
static {
|
|
23
|
-
this.role = "tab";
|
|
24
|
-
}
|
|
25
|
-
static {
|
|
26
|
-
this.styles = [boxSizingStyles, unsafeCSS(step_label_default)];
|
|
27
|
-
}
|
|
28
|
-
/** The step controlled by the label. */
|
|
29
|
-
get step() {
|
|
30
|
-
return this._step;
|
|
31
|
-
}
|
|
32
|
-
get stepper() {
|
|
33
|
-
return this.closest("sbb-stepper");
|
|
34
|
-
}
|
|
35
|
-
set disabled(value) {
|
|
36
|
-
super.disabled = value;
|
|
37
|
-
this.toggleState("user-disabled", value);
|
|
38
|
-
}
|
|
39
|
-
get disabled() {
|
|
40
|
-
return super.disabled;
|
|
41
|
-
}
|
|
42
|
-
constructor() {
|
|
43
|
-
super();
|
|
44
|
-
this._step = null;
|
|
45
|
-
this.addEventListener?.("click", () => {
|
|
46
|
-
const stepper = this.stepper;
|
|
47
|
-
if (stepper && this.step && this._isNotDeactivatedByLinearMode(this.step)) stepper.selected = this.step;
|
|
48
|
-
});
|
|
49
|
-
this.addController(new SbbPropertyWatcherController(this, () => this.stepper, {
|
|
50
|
-
orientation: (s) => {
|
|
51
|
-
if (this._previousOrientation) this.internals.states.delete(`orientation-${this._previousOrientation}`);
|
|
52
|
-
this._previousOrientation = s.orientation;
|
|
53
|
-
if (this._previousOrientation) this.internals.states.add(`orientation-${this._previousOrientation}`);
|
|
54
|
-
},
|
|
55
|
-
size: (s) => {
|
|
56
|
-
if (this._previousSize) this.internals.states.delete(`size-${this._previousSize}`);
|
|
57
|
-
this._previousSize = s.size;
|
|
58
|
-
if (this._previousSize) this.internals.states.add(`size-${this._previousSize}`);
|
|
59
|
-
}
|
|
60
|
-
}));
|
|
61
|
-
}
|
|
62
|
-
_isNotDeactivatedByLinearMode(step) {
|
|
63
|
-
const stepper = this.stepper;
|
|
64
|
-
if (stepper?.linear && stepper.selectedIndex !== null) {
|
|
65
|
-
const index = stepper.steps.indexOf(step);
|
|
66
|
-
return index < stepper.selectedIndex || index === stepper.selectedIndex + 1;
|
|
67
|
-
}
|
|
68
|
-
return true;
|
|
69
|
-
}
|
|
70
|
-
connectedCallback() {
|
|
71
|
-
super.connectedCallback();
|
|
72
|
-
this.id ||= `sbb-step-label-${nextId++}`;
|
|
73
|
-
this.slot ||= "step-label";
|
|
74
|
-
this.internals.ariaSelected = "false";
|
|
75
|
-
this.tabIndex = -1;
|
|
76
|
-
this._assignStep();
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Selects and configures the step label.
|
|
80
|
-
* @internal
|
|
81
|
-
*/
|
|
82
|
-
select() {
|
|
83
|
-
this.tabIndex = 0;
|
|
84
|
-
this.internals.ariaSelected = "true";
|
|
85
|
-
this.internals.states.add("selected");
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* Deselects and configures the step label.
|
|
89
|
-
* @internal
|
|
90
|
-
*/
|
|
91
|
-
deselect() {
|
|
92
|
-
this.tabIndex = -1;
|
|
93
|
-
this.internals.ariaSelected = "false";
|
|
94
|
-
this.internals.states.delete("selected");
|
|
95
|
-
}
|
|
96
|
-
/**
|
|
97
|
-
* Configures the step label.
|
|
98
|
-
* @internal
|
|
99
|
-
*/
|
|
100
|
-
configure(posInSet, setSize, stepperLoaded) {
|
|
101
|
-
if (stepperLoaded) this._assignStep();
|
|
102
|
-
this.internals.ariaPosInSet = `${posInSet}`;
|
|
103
|
-
this.internals.ariaSetSize = `${setSize}`;
|
|
104
|
-
}
|
|
105
|
-
_assignStep() {
|
|
106
|
-
let nextSibling = this.nextElementSibling;
|
|
107
|
-
while (nextSibling && nextSibling.localName !== "sbb-step") nextSibling = nextSibling.nextElementSibling;
|
|
108
|
-
const value = nextSibling;
|
|
109
|
-
this.internals.ariaControlsElements = removeAriaElements(this.internals.ariaControlsElements, this._step);
|
|
110
|
-
this._step = value instanceof Element ? value : null;
|
|
111
|
-
this.internals.ariaControlsElements = appendAriaElements(this.internals.ariaControlsElements, this._step);
|
|
112
|
-
}
|
|
113
|
-
/**
|
|
114
|
-
* @internal
|
|
115
|
-
* Disables the step label and avoids setting the `disabled` state to preserve the initial
|
|
116
|
-
* disabled state in case of switching between linear and non-linear mode.
|
|
117
|
-
*/
|
|
118
|
-
disable(value) {
|
|
119
|
-
super.disabled = value;
|
|
120
|
-
}
|
|
121
|
-
render() {
|
|
122
|
-
return html`
|
|
123
|
-
<span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
|
|
124
|
-
<span class="sbb-step-label__text"><slot></slot></span>
|
|
125
|
-
`;
|
|
126
|
-
}
|
|
127
|
-
};
|
|
128
|
-
//#endregion
|
|
129
|
-
export { SbbStepLabelElement as t };
|
|
130
|
-
|
|
131
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5jb21wb25lbnQtQ0pGUEhJWmEuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXk6IGNhbGMoXG4gICAgLTUwJSArIHZhcigtLXNiYi1zdGVwLWxhYmVsLXRyYW5zbGF0ZS15LWNvbnRlbnQtaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pXG4gICk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLXByZWZpeC1pbnNldC1ibG9jay1zdGFydDogY2FsYyhcbiAgICAxZW0gKiAodmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgLyAyKSArICh2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSAvIDIpIC1cbiAgICAgICh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKVxuICApO1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuICBtYXgtd2lkdGg6IGZpdC1jb250ZW50O1xuICBnYXA6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWdhcCk7XG4gIGN1cnNvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yKTtcbiAgY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXgteTtcblxuICAgIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWZvbnQtd2VpZ2h0LXNlbGVjdGVkLCBub3JtYWwpO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQpO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydCk7XG4gICAgbGluZS1oZWlnaHQ6IDE7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXkpKTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKSkge1xuICAtLXNiYi1zdGVwLWxhYmVsLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC13ZWlnaHQtc2VsZWN0ZWQ6IGJvbGQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY29sb3I6IEhpZ2hsaWdodCAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemU6IHZhcigtLXNiYi1zaXplLWVsZW1lbnQteHh4cyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3RlcC1sYWJlbC1pbnNldC1ibG9jay1zdGFydC1zaXplLXMpO1xufVxuXG46aG9zdCg6ZGlzYWJsZWQpIHtcbiAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItZ3Jhbml0ZSksIHZhcigtLXNiYi1jb2xvci1ncmFwaGl0ZSkpO1xuICAtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1ib3JkZXItc3R5bGU6IGRhc2hlZDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogR3JheVRleHQgIWltcG9ydGFudDtcbiAgfVxufVxuXG46aG9zdCg6aG92ZXI6bm90KDpkaXNhYmxlZCkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlcjogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gICAgLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZS1ncm93LWhvdmVyOiBjYWxjKHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMngpICogLTEpO1xuICB9XG59XG5cbjpob3N0KDpmb2N1cy12aXNpYmxlKSB7XG4gIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTF4KTtcbn1cblxuOmhvc3QoOnN0YXRlKG9yaWVudGF0aW9uLXZlcnRpY2FsKSkge1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gdmFyKC0tc2JiLXN0ZXBwZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbjpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCk6bm90KDpmaXJzdC1vZi10eXBlKSkge1xuICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KTtcbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKTpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCkpIHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtOHgpO1xufVxuXG4uc2JiLXN0ZXAtbGFiZWxfX3ByZWZpeCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemUpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplKTtcbiAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLV9zYmItc3RlcC1sYWJlbC1wcmVmaXgtaW5zZXQtYmxvY2stc3RhcnQpO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0OiBjYWxjKHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplLWdyb3ctaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy1pbmZpbml0eSk7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSB2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtYm9yZGVyLXN0eWxlKVxuICAgICAgdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJvcmRlci1jb2xvcik7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3IpO1xuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgICBwcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvciwgaW5zZXQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItc3RlcC1sYWJlbF9fdGV4dCB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuXG4gIDpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi1ob3Jpem9udGFsKSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmVsbGlwc2lzO1xuICB9XG59XG5cbjo6c2xvdHRlZChzYmItaWNvbiksXG5zYmItaWNvbiB7XG4gIHotaW5kZXg6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlciwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDApfSkpO1xuICB0cmFuc2l0aW9uOiB7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zdGVwLWxhYmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIHRyYW5zZm9ybTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgYXBwZW5kQXJpYUVsZW1lbnRzLCByZW1vdmVBcmlhRWxlbWVudHMsIFNiYkRpc2FibGVkTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBFbGVtZW50IH0gZnJvbSAnLi4vc3RlcC9zdGVwLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBwZXJFbGVtZW50IH0gZnJvbSAnLi4vc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0ZXAtbGFiZWwuc2Nzcz9pbmxpbmUnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1zdGVwcGVyYCwgaXQgZGlzcGxheXMgYSBzdGVwJ3MgbGFiZWwuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGEgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgdG8gZGlzcGxheSBhbiBpY29uIGluIHRoZSBsYWJlbCBidWJibGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTdGVwTGFiZWxFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJEaXNhYmxlZE1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXN0ZXAtbGFiZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAndGFiJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFRoZSBzdGVwIGNvbnRyb2xsZWQgYnkgdGhlIGxhYmVsLiAqL1xuICBwdWJsaWMgZ2V0IHN0ZXAoKTogU2JiU3RlcEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fc3RlcDtcbiAgfVxuICBwcml2YXRlIF9zdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBnZXQgc3RlcHBlcigpOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcblxuICAgIC8vIFdlIGFkZGl0aW9uYWxseSBrZWVwIHRyYWNrIG9mIHRoZSBgZGlzYWJsZWRgIHN0YXRlIHRvIHByZXNlcnZlIHRoZSB1c2VyIGNvbmZpZ3VyZWQgZGlzYWJsZWQgc3RhdGVcbiAgICAvLyBvZiBzdGVwIGxhYmVscyBpbiBjYXNlIG9mIHN3aXRjaGluZyBiZXR3ZWVuIGxpbmVhciBhbmQgbm9uLWxpbmVhciBtb2RlLlxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ3VzZXItZGlzYWJsZWQnLCB2YWx1ZSk7XG4gIH1cbiAgcHVibGljIG92ZXJyaWRlIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gc3VwZXIuZGlzYWJsZWQ7XG4gIH1cblxuICBwcml2YXRlIF9wcmV2aW91c09yaWVudGF0aW9uPzogc3RyaW5nO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB7XG4gICAgICBjb25zdCBzdGVwcGVyID0gdGhpcy5zdGVwcGVyO1xuICAgICAgaWYgKHN0ZXBwZXIgJiYgdGhpcy5zdGVwICYmIHRoaXMuX2lzTm90RGVhY3RpdmF0ZWRCeUxpbmVhck1vZGUodGhpcy5zdGVwKSkge1xuICAgICAgICBzdGVwcGVyLnNlbGVjdGVkID0gdGhpcy5zdGVwO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyKHRoaXMsICgpID0+IHRoaXMuc3RlcHBlciwge1xuICAgICAgICBvcmllbnRhdGlvbjogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uID0gcy5vcmllbnRhdGlvbjtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZTogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c1NpemUgPSBzLnNpemU7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc2l6ZS0ke3RoaXMuX3ByZXZpb3VzU2l6ZX1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNOb3REZWFjdGl2YXRlZEJ5TGluZWFyTW9kZShzdGVwOiBTYmJTdGVwRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHN0ZXBwZXIgPSB0aGlzLnN0ZXBwZXI7XG4gICAgaWYgKHN0ZXBwZXI/LmxpbmVhciAmJiBzdGVwcGVyLnNlbGVjdGVkSW5kZXggIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IGluZGV4ID0gc3RlcHBlci5zdGVwcy5pbmRleE9mKHN0ZXApO1xuICAgICAgcmV0dXJuIGluZGV4IDwgc3RlcHBlci5zZWxlY3RlZEluZGV4IHx8IGluZGV4ID09PSBzdGVwcGVyLnNlbGVjdGVkSW5kZXggKyAxO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItc3RlcC1sYWJlbC0ke25leHRJZCsrfWA7XG4gICAgdGhpcy5zbG90IHx8PSAnc3RlcC1sYWJlbCc7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gJ2ZhbHNlJztcbiAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gICAgdGhpcy5fYXNzaWduU3RlcCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAndHJ1ZSc7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSAtMTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gIH1cblxuICAvKipcbiAgICogQ29uZmlndXJlcyB0aGUgc3RlcCBsYWJlbC5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgY29uZmlndXJlKHBvc0luU2V0OiBudW1iZXIsIHNldFNpemU6IG51bWJlciwgc3RlcHBlckxvYWRlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChzdGVwcGVyTG9hZGVkKSB7XG4gICAgICB0aGlzLl9hc3NpZ25TdGVwKCk7XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFQb3NJblNldCA9IGAke3Bvc0luU2V0fWA7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNldFNpemUgPSBgJHtzZXRTaXplfWA7XG4gIH1cblxuICBwcml2YXRlIF9hc3NpZ25TdGVwKCk6IHZvaWQge1xuICAgIGxldCBuZXh0U2libGluZyA9IHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIHdoaWxlIChuZXh0U2libGluZyAmJiBuZXh0U2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItc3RlcCcpIHtcbiAgICAgIG5leHRTaWJsaW5nID0gbmV4dFNpYmxpbmcubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbHVlID0gbmV4dFNpYmxpbmcgYXMgU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzID0gcmVtb3ZlQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNvbnRyb2xzRWxlbWVudHMsXG4gICAgICB0aGlzLl9zdGVwLFxuICAgICk7XG4gICAgdGhpcy5fc3RlcCA9IHZhbHVlIGluc3RhbmNlb2YgRWxlbWVudCA/IHZhbHVlIDogbnVsbDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhQ29udHJvbHNFbGVtZW50cyA9IGFwcGVuZEFyaWFFbGVtZW50cyhcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzLFxuICAgICAgdGhpcy5fc3RlcCxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBEaXNhYmxlcyB0aGUgc3RlcCBsYWJlbCBhbmQgYXZvaWRzIHNldHRpbmcgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIGluaXRpYWxcbiAgICogZGlzYWJsZWQgc3RhdGUgaW4gY2FzZSBvZiBzd2l0Y2hpbmcgYmV0d2VlbiBsaW5lYXIgYW5kIG5vbi1saW5lYXIgbW9kZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fcHJlZml4XCI+JHt0aGlzLnJlbmRlckljb25TbG90KCl9PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fdGV4dFwiPjxzbG90Pjwvc2xvdD48L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXAtbGFiZWwnOiBTYmJTdGVwTGFiZWxFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUNZQSxJQUFJLFNBQVM7Ozs7Ozs7QUFRYixJQUFhLHNCQUFiLGNBQXlDLGlCQUFpQixpQkFBaUIscUJBQXFCLENBQUMsQ0FBQTs7QUFDL0QsT0FBQSxjQUFzQjs7O0FBQ3RCLE9BQUEsT0FBTzs7O0FBQ2hCLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSxtQkFBTSxDQUFDOzs7Q0FHbkYsSUFBVyxPQUFJO0FBQ2IsU0FBTyxLQUFLOztDQUlkLElBQVcsVUFBTztBQUNoQixTQUFPLEtBQUssUUFBUSxjQUFjOztDQUdwQyxJQUFvQixTQUFTLE9BQWM7QUFDekMsUUFBTSxXQUFXO0FBSWpCLE9BQUssWUFBWSxpQkFBaUIsTUFBTTs7Q0FFMUMsSUFBb0IsV0FBUTtBQUMxQixTQUFPLE1BQU07O0NBTWYsY0FBQTtBQUNFLFNBQU87QUFyQkQsT0FBQSxRQUErQjtBQXVCckMsT0FBSyxtQkFBbUIsZUFBYztHQUNwQyxNQUFNLFVBQVUsS0FBSztBQUNyQixPQUFJLFdBQVcsS0FBSyxRQUFRLEtBQUssOEJBQThCLEtBQUssS0FBSyxDQUN2RSxTQUFRLFdBQVcsS0FBSztJQUUxQjtBQUNGLE9BQUssY0FDSCxJQUFJLDZCQUE2QixZQUFZLEtBQUssU0FBUztHQUN6RCxjQUFjLE1BQUs7QUFDakIsUUFBSSxLQUFLLHFCQUNQLE1BQUssVUFBVSxPQUFPLE9BQU8sZUFBZSxLQUFLLHVCQUF1QjtBQUUxRSxTQUFLLHVCQUF1QixFQUFFO0FBQzlCLFFBQUksS0FBSyxxQkFDUCxNQUFLLFVBQVUsT0FBTyxJQUFJLGVBQWUsS0FBSyx1QkFBdUI7O0dBR3pFLE9BQU8sTUFBSztBQUNWLFFBQUksS0FBSyxjQUNQLE1BQUssVUFBVSxPQUFPLE9BQU8sUUFBUSxLQUFLLGdCQUFnQjtBQUU1RCxTQUFLLGdCQUFnQixFQUFFO0FBQ3ZCLFFBQUksS0FBSyxjQUNQLE1BQUssVUFBVSxPQUFPLElBQUksUUFBUSxLQUFLLGdCQUFnQjs7R0FHNUQsQ0FBQyxDQUNIOztDQUdLLDhCQUE4QixNQUFvQjtFQUN4RCxNQUFNLFVBQVUsS0FBSztBQUNyQixNQUFJLFNBQVMsVUFBVSxRQUFRLGtCQUFrQixNQUFNO0dBQ3JELE1BQU0sUUFBUSxRQUFRLE1BQU0sUUFBUSxLQUFLO0FBQ3pDLFVBQU8sUUFBUSxRQUFRLGlCQUFpQixVQUFVLFFBQVEsZ0JBQWdCOztBQUU1RSxTQUFPOztDQUdPLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUN6QixPQUFLLE9BQU8sa0JBQWtCO0FBQzlCLE9BQUssU0FBUztBQUNkLE9BQUssVUFBVSxlQUFlO0FBQzlCLE9BQUssV0FBVztBQUNoQixPQUFLLGFBQWE7Ozs7OztDQU9iLFNBQU07QUFDWCxPQUFLLFdBQVc7QUFDaEIsT0FBSyxVQUFVLGVBQWU7QUFDOUIsT0FBSyxVQUFVLE9BQU8sSUFBSSxXQUFXOzs7Ozs7Q0FPaEMsV0FBUTtBQUNiLE9BQUssV0FBVztBQUNoQixPQUFLLFVBQVUsZUFBZTtBQUM5QixPQUFLLFVBQVUsT0FBTyxPQUFPLFdBQVc7Ozs7OztDQU9uQyxVQUFVLFVBQWtCLFNBQWlCLGVBQXNCO0FBQ3hFLE1BQUksY0FDRixNQUFLLGFBQWE7QUFFcEIsT0FBSyxVQUFVLGVBQWUsR0FBRztBQUNqQyxPQUFLLFVBQVUsY0FBYyxHQUFHOztDQUcxQixjQUFXO0VBQ2pCLElBQUksY0FBYyxLQUFLO0FBQ3ZCLFNBQU8sZUFBZSxZQUFZLGNBQWMsV0FDOUMsZUFBYyxZQUFZO0VBRzVCLE1BQU0sUUFBUTtBQUNkLE9BQUssVUFBVSx1QkFBdUIsbUJBQ3BDLEtBQUssVUFBVSxzQkFDZixLQUFLLE1BQ047QUFDRCxPQUFLLFFBQVEsaUJBQWlCLFVBQVUsUUFBUTtBQUNoRCxPQUFLLFVBQVUsdUJBQXVCLG1CQUNwQyxLQUFLLFVBQVUsc0JBQ2YsS0FBSyxNQUNOOzs7Ozs7O0NBUUksUUFBUSxPQUFjO0FBQzNCLFFBQU0sV0FBVzs7Q0FHQSxTQUFNO0FBQ3ZCLFNBQU8sSUFBSTs2Q0FDOEIsS0FBSyxnQkFBZ0IsQ0FBQSJ9
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { html, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbElement } from "./core/base-elements.js";
|
|
3
|
-
//#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
|
|
4
|
-
var timetable_form_details_default = ":host {\n --sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);\n --sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);\n --sbb-timetable-form-details-horizontal-divider-height: 1.5rem;\n display: flex;\n flex-wrap: wrap;\n gap: var(--sbb-spacing-fixed-1x);\n border-block-start: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);\n padding-block: var(--sbb-timetable-form-details-padding-block);\n padding-inline-start: calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));\n align-items: center;\n}\n\n::slotted(sbb-form-field) {\n --sbb-form-field-border-radius: var(--sbb-border-radius-6x);\n --sbb-form-field-outline-offset: -0.3125rem;\n}\n\n::slotted(sbb-divider[orientation=vertical]) {\n height: var(--sbb-timetable-form-details-horizontal-divider-height);\n}\n\n::slotted(:last-child) {\n margin-inline-end: var(--sbb-timetable-form-details-padding-inline);\n}";
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/elements/timetable-form/timetable-form-details/timetable-form-details.component.ts
|
|
7
|
-
/**
|
|
8
|
-
* Wraps the details section of the `sbb-timetable-form`.
|
|
9
|
-
*
|
|
10
|
-
* @slot - Use the unnamed slot to add content to the details section.
|
|
11
|
-
*/
|
|
12
|
-
var SbbTimetableFormDetailsElement = class extends SbbElement {
|
|
13
|
-
static {
|
|
14
|
-
this.elementName = "sbb-timetable-form-details";
|
|
15
|
-
}
|
|
16
|
-
static {
|
|
17
|
-
this.styles = unsafeCSS(timetable_form_details_default);
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
return html`<slot></slot>`;
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
//#endregion
|
|
24
|
-
export { SbbTimetableFormDetailsElement as t };
|
|
25
|
-
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5jb21wb25lbnQtQzhhd2NkUDUuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpbWV0YWJsZS1mb3JtL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMvdGltZXRhYmxlLWZvcm0tZGV0YWlscy5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1kZXRhaWxzL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1wYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG4gIC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHhzKTtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1ob3Jpem9udGFsLWRpdmlkZXItaGVpZ2h0OiAxLjVyZW07XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbiAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZCB2YXIoLS1zYmItYm9yZGVyLWNvbG9yLTQtaW52ZXJ0ZWQpO1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscy1wYWRkaW5nLWJsb2NrKTtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGModmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCkgKyB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpKTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuOjpzbG90dGVkKHNiYi1mb3JtLWZpZWxkKSB7XG4gIC0tc2JiLWZvcm0tZmllbGQtYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNngpO1xuICAtLXNiYi1mb3JtLWZpZWxkLW91dGxpbmUtb2Zmc2V0OiAje3NiYi5weC10by1yZW0tYnVpbGQoLTUpfTtcbn1cblxuOjpzbG90dGVkKHNiYi1kaXZpZGVyW29yaWVudGF0aW9uPSd2ZXJ0aWNhbCddKSB7XG4gIGhlaWdodDogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtaG9yaXpvbnRhbC1kaXZpZGVyLWhlaWdodCk7XG59XG5cbjo6c2xvdHRlZCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMtcGFkZGluZy1pbmxpbmUpO1xufVxuIiwiaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIHRoZSBkZXRhaWxzIHNlY3Rpb24gb2YgdGhlIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGRldGFpbHMgc2VjdGlvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRpbWV0YWJsZUZvcm1EZXRhaWxzRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSB1bnNhZmVDU1Moc3R5bGUpO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscyc6IFNiYlRpbWV0YWJsZUZvcm1EZXRhaWxzRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQ1dBLElBQWEsaUNBQWIsY0FBb0QsV0FBVTs7QUFDNUIsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsU0FBeUIsVUFBVSwrQkFBTTs7Q0FFN0MsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { html, isServer, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbFormFieldElement } from "./form-field.pure.js";
|
|
3
|
-
//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
|
|
4
|
-
var timetable_form_field_default = ":host {\n display: flex;\n --sbb-form-field-border-radius: var(--sbb-border-radius-6x);\n --sbb-form-field-outline-offset: -0.3125rem;\n --sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);\n --sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);\n}\n\n:host(:first-of-type) {\n --sbb-timetable-form-field-route-icon-rotate: 90deg;\n}\n\n:host(:last-of-type) {\n --sbb-timetable-form-field-route-icon-rotate: -90deg;\n --sbb-timetable-form-field-route-icon-translate: -0.0625rem 0;\n}\n\n:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper::after {\n content: \"\";\n position: absolute;\n border-block-end: var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);\n inset-inline: var(--sbb-form-field-padding-inline);\n inset-block-end: 0;\n}\n\n.sbb-timetable-form-field__start-route-icon {\n align-self: center;\n margin-inline-start: var(--sbb-form-field-padding-inline);\n rotate: var(--sbb-timetable-form-field-route-icon-rotate);\n translate: var(--sbb-timetable-form-field-route-icon-translate);\n}\n.sbb-timetable-form-field__start-route-icon::after {\n --connecting-line-offset: 0.1875rem;\n --connecting-line-width: calc(\n (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 +\n var(--connecting-line-offset)\n );\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n border-block-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n width: var(--connecting-line-width);\n margin-left: calc(var(--connecting-line-offset) * -1);\n}\n\n.sbb-timetable-form-field__via-route-icon {\n align-self: stretch;\n position: relative;\n width: var(--sbb-size-icon-ui-small);\n margin-inline-start: var(--sbb-form-field-padding-inline);\n}\n.sbb-timetable-form-field__via-route-icon::before {\n content: \"\";\n position: absolute;\n inset-inline-start: 50%;\n height: 100%;\n margin-inline-start: -0.0625rem;\n border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n}\n.sbb-timetable-form-field__via-route-icon::after {\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n translate: -50% -50%;\n width: 0.4375rem;\n height: 0.4375rem;\n border: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);\n border-radius: var(--sbb-border-radius-infinity);\n background-color: var(--sbb-timetable-form-field-route-icon-background-color);\n margin-inline-start: -0.03125rem;\n}\n\n.sbb-form-field__space-wrapper {\n flex-grow: 1;\n}";
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
|
|
7
|
-
SbbFormFieldElement.define();
|
|
8
|
-
/**
|
|
9
|
-
* Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
|
|
10
|
-
*/
|
|
11
|
-
var SbbTimetableFormFieldElement = class extends SbbFormFieldElement {
|
|
12
|
-
static {
|
|
13
|
-
this.elementName = "sbb-timetable-form-field";
|
|
14
|
-
}
|
|
15
|
-
static {
|
|
16
|
-
this.styles = [SbbFormFieldElement.styles, unsafeCSS(timetable_form_field_default)];
|
|
17
|
-
}
|
|
18
|
-
constructor() {
|
|
19
|
-
super();
|
|
20
|
-
this._routeIcon = false;
|
|
21
|
-
this.borderless = true;
|
|
22
|
-
this.floatingLabel = true;
|
|
23
|
-
this.width = "collapse";
|
|
24
|
-
this.size = "l";
|
|
25
|
-
}
|
|
26
|
-
connectedCallback() {
|
|
27
|
-
super.connectedCallback();
|
|
28
|
-
if (isServer) return;
|
|
29
|
-
this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
|
|
30
|
-
}
|
|
31
|
-
render() {
|
|
32
|
-
return html`
|
|
33
|
-
${this._routeIcon ? html` <sbb-icon
|
|
34
|
-
name="route-circle-start-small"
|
|
35
|
-
class="sbb-timetable-form-field__start-route-icon"
|
|
36
|
-
></sbb-icon>` : html` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
|
|
37
|
-
${super.render()}
|
|
38
|
-
`;
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
//#endregion
|
|
42
|
-
export { SbbTimetableFormFieldElement as t };
|
|
43
|
-
|
|
44
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LUJJMjRWamtDLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1maWVsZC90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1maWVsZC90aW1ldGFibGUtZm9ybS1maWVsZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIC0tc2JiLWZvcm0tZmllbGQtYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNngpO1xuICAtLXNiYi1mb3JtLWZpZWxkLW91dGxpbmUtb2Zmc2V0OiAje3NiYi5weC10by1yZW0tYnVpbGQoLTUpfTtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTIpO1xuICAtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTEpO1xufVxuXG46aG9zdCg6Zmlyc3Qtb2YtdHlwZSkge1xuICAtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLXJvdGF0ZTogOTBkZWc7XG59XG5cbjpob3N0KDpsYXN0LW9mLXR5cGUpIHtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1yb3RhdGU6IC05MGRlZztcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi10cmFuc2xhdGU6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgtMSl9IDA7IC8vIHRoZSAncm91dGUtY2lyY2xlLXN0YXJ0LXNtYWxsJyBpcyBub3QgcGVyZmVjdGx5IHN5bW1ldHJpY2FsXG59XG5cbjpob3N0KDp3aGVyZSg6bm90KDpsYXN0LW9mLXR5cGUpKSkge1xuICAuc2JiLWZvcm0tZmllbGRfX3dyYXBwZXI6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgdmFyKC0tc2JiLWZvcm0tZmllbGQtYm9yZGVyLXN0eWxlKVxuICAgICAgdmFyKC0tc2JiLWJvcmRlci1jb2xvci00LWludmVydGVkKTtcbiAgICBpbnNldC1pbmxpbmU6IHZhcigtLXNiYi1mb3JtLWZpZWxkLXBhZGRpbmctaW5saW5lKTtcbiAgICBpbnNldC1ibG9jay1lbmQ6IDA7XG4gIH1cbn1cblxuLy8gJ1N0YXJ0L0VuZCcgcm91dGUgaWNvbiBzaGFwZVxuLnNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fc3RhcnQtcm91dGUtaWNvbiB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc2JiLWZvcm0tZmllbGQtcGFkZGluZy1pbmxpbmUpO1xuICByb3RhdGU6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLXJvdGF0ZSk7XG4gIHRyYW5zbGF0ZTogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLWljb24tdHJhbnNsYXRlKTtcblxuICAmOjphZnRlciB7XG4gICAgLS1jb25uZWN0aW5nLWxpbmUtb2Zmc2V0OiAje3NiYi5weC10by1yZW0tYnVpbGQoMyl9OyAvLyB0aGUgJ3JvdXRlLWNpcmNsZS1zdGFydC1zbWFsbCcgaGFzIGEgZ2FwLCBhdCB0aGUgZW5kIG9mIHRoZSBsaW5lLCB0aGF0IG5lZWRzIHRvIGJlIGNvdmVyZWQuXG4gICAgLS1jb25uZWN0aW5nLWxpbmUtd2lkdGg6IGNhbGMoXG4gICAgICAodmFyKC0tc2JiLWZvcm0tZmllbGQtbWluLWhlaWdodCkgLSB2YXIoLS1zYmItaWNvbi1zdmctaGVpZ2h0KSkgLyAyICtcbiAgICAgICAgdmFyKC0tY29ubmVjdGluZy1saW5lLW9mZnNldClcbiAgICApO1xuXG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiA1MCU7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZFxuICAgICAgdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkLXJvdXRlLWljb24tY29sb3IpO1xuICAgIHdpZHRoOiB2YXIoLS1jb25uZWN0aW5nLWxpbmUtd2lkdGgpO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLWNvbm5lY3RpbmctbGluZS1vZmZzZXQpICogLTEpO1xuICB9XG59XG5cbi8vICdWaWEnIHJvdXRlIGljb24gc2hhcGVcbi5zYmItdGltZXRhYmxlLWZvcm0tZmllbGRfX3ZpYS1yb3V0ZS1pY29uIHtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1mb3JtLWZpZWxkLXBhZGRpbmctaW5saW5lKTtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDUwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luLWlubGluZS1zdGFydDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gICAgYm9yZGVyLWlubGluZS1zdGFydDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWRcbiAgICAgIHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWNvbG9yKTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaW5zZXQtYmxvY2stc3RhcnQ6IDUwJTtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDUwJTtcbiAgICB0cmFuc2xhdGU6IC01MCUgLTUwJTtcbiAgICB3aWR0aDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDcpfTtcbiAgICBoZWlnaHQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCg3KX07XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZCB2YXIoLS1zYmItdGltZXRhYmxlLWZvcm0tZmllbGQtcm91dGUtaWNvbi1jb2xvcik7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1maWVsZC1yb3V0ZS1pY29uLWJhY2tncm91bmQtY29sb3IpO1xuICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgtMC41KX07XG4gIH1cbn1cblxuLnNiYi1mb3JtLWZpZWxkX19zcGFjZS13cmFwcGVyIHtcbiAgZmxleC1ncm93OiAxO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkZvcm1GaWVsZEVsZW1lbnQgfSBmcm9tICcuLi8uLi9mb3JtLWZpZWxkLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2lubGluZSc7XG5cbi8vIFRPRE8oYnJlYWtpbmctY2hhbmdlKTogcmVtb3ZlIGRlZmluZSgpIG9mIHNiYi1mb3JtLWZpZWxkLlxuU2JiRm9ybUZpZWxkRWxlbWVudC5kZWZpbmUoKTtcblxuLyoqXG4gKiBFeHRlbmRzIHRoZSBgc2JiLWZvcm0tZmllbGRgLiBNZWFudCB0byBiZSB1c2VkIGluc2lkZSBhIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGltZXRhYmxlRm9ybUZpZWxkRWxlbWVudCBleHRlbmRzIFNiYkZvcm1GaWVsZEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1NiYkZvcm1GaWVsZEVsZW1lbnQuc3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwcml2YXRlIF9yb3V0ZUljb24gPSBmYWxzZTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmJvcmRlcmxlc3MgPSB0cnVlO1xuICAgIHRoaXMuZmxvYXRpbmdMYWJlbCA9IHRydWU7XG4gICAgdGhpcy53aWR0aCA9ICdjb2xsYXBzZSc7XG4gICAgdGhpcy5zaXplID0gJ2wnO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5oeWRyYXRpb25Db21wbGV0ZS50aGVuKFxuICAgICAgKCkgPT4gKHRoaXMuX3JvdXRlSWNvbiA9IHRoaXMubWF0Y2hlcygnOmZpcnN0LW9mLXR5cGUsIDpsYXN0LW9mLXR5cGUnKSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgJHt0aGlzLl9yb3V0ZUljb25cbiAgICAgICAgPyBodG1sYCA8c2JiLWljb25cbiAgICAgICAgICAgIG5hbWU9XCJyb3V0ZS1jaXJjbGUtc3RhcnQtc21hbGxcIlxuICAgICAgICAgICAgY2xhc3M9XCJzYmItdGltZXRhYmxlLWZvcm0tZmllbGRfX3N0YXJ0LXJvdXRlLWljb25cIlxuICAgICAgICAgID48L3NiYi1pY29uPmBcbiAgICAgICAgOiBodG1sYCA8c3BhbiBjbGFzcz1cInNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fdmlhLXJvdXRlLWljb25cIj48L3NwYW4+IGB9XG4gICAgICAke3N1cGVyLnJlbmRlcigpfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZm9ybS1maWVsZCc6IFNiYlRpbWV0YWJsZUZvcm1GaWVsZEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FDT0Esb0JBQW9CLFFBQVE7Ozs7QUFLNUIsSUFBYSwrQkFBYixjQUFrRCxvQkFBbUI7O0FBQ25DLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsb0JBQW9CLFFBQVEsVUFBVSw2QkFBTSxDQUFDOztDQUk5RixjQUFBO0FBQ0UsU0FBTztBQUhELE9BQUEsYUFBYTtBQUluQixPQUFLLGFBQWE7QUFDbEIsT0FBSyxnQkFBZ0I7QUFDckIsT0FBSyxRQUFRO0FBQ2IsT0FBSyxPQUFPOztDQUdFLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUV6QixNQUFJLFNBQ0Y7QUFFRixPQUFLLGtCQUFrQixXQUNkLEtBQUssYUFBYSxLQUFLLFFBQVEsZ0NBQWdDLENBQ3ZFOztDQUdhLFNBQU07QUFDcEIsU0FBTyxJQUFJO1FBQ1AsS0FBSyxhQUNILElBQUk7OzswQkFJSixJQUFJLG1FQUFBO1FBQ04sTUFBTSxRQUFRLENBQUEifQ==
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { html, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbElement } from "./core/base-elements.js";
|
|
3
|
-
//#region src/elements/timetable-form/timetable-form/timetable-form.scss?inline
|
|
4
|
-
var timetable_form_default = ":host {\n --sbb-timetable-form-background-color: var(--sbb-background-color-1);\n --sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);\n border-radius: var(--sbb-timetable-form-border-radius);\n background-color: var(--sbb-timetable-form-background-color);\n display: flex;\n flex-direction: column;\n}";
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/elements/timetable-form/timetable-form/timetable-form.component.ts
|
|
7
|
-
/**
|
|
8
|
-
* Serves as a building block of a sbb 'timetable-form'.
|
|
9
|
-
* It automatically handles the styles and part of its behaviors
|
|
10
|
-
*
|
|
11
|
-
* @slot - Use the unnamed slot to add content to the 'timetable-form'
|
|
12
|
-
*/
|
|
13
|
-
var SbbTimetableFormElement = class extends SbbElement {
|
|
14
|
-
static {
|
|
15
|
-
this.elementName = "sbb-timetable-form";
|
|
16
|
-
}
|
|
17
|
-
static {
|
|
18
|
-
this.styles = unsafeCSS(timetable_form_default);
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return html`<slot></slot>`;
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
//#endregion
|
|
25
|
-
export { SbbTimetableFormElement as t };
|
|
26
|
-
|
|
27
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uY29tcG9uZW50LUNVRzg2Q1NOLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10aW1ldGFibGUtZm9ybS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xKTtcbiAgLS1zYmItdGltZXRhYmxlLWZvcm0tYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNHgpO1xuXG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10aW1ldGFibGUtZm9ybS1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRpbWV0YWJsZS1mb3JtLWJhY2tncm91bmQtY29sb3IpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuIiwiaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RpbWV0YWJsZS1mb3JtLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBTZXJ2ZXMgYXMgYSBidWlsZGluZyBibG9jayBvZiBhIHNiYiAndGltZXRhYmxlLWZvcm0nLlxuICogSXQgYXV0b21hdGljYWxseSBoYW5kbGVzIHRoZSBzdHlsZXMgYW5kIHBhcnQgb2YgaXRzIGJlaGF2aW9yc1xuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlICd0aW1ldGFibGUtZm9ybSdcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRpbWV0YWJsZUZvcm1FbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGltZXRhYmxlLWZvcm0nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSB1bnNhZmVDU1Moc3R5bGUpO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0nOiBTYmJUaW1ldGFibGVGb3JtRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUNZQSxJQUFhLDBCQUFiLGNBQTZDLFdBQVU7O0FBQ3JCLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLFVBQVUsdUJBQU07O0NBRTdDLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=
|