@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776736853 → 5.0.0-next-dev.1776760633
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/autocomplete/autocomplete-base-element.js +1 -1
- package/autocomplete/autocomplete.component.js +1 -1
- package/{autocomplete-base-element-B7fDDO1F.js → autocomplete-base-element-gPLexIVc.js} +1 -1
- package/autocomplete.js +1 -1
- package/autocomplete.pure.js +1 -1
- package/core/overlay/overlay-trigger-attributes.js +3 -3
- package/core/styles/host-scrollbar.scss +6 -0
- package/core/styles/mixins/scrollbar.scss +5 -8
- package/core/styles/scrollbar.scss +10 -8
- package/core/styles/styles.js +2 -2
- package/core.css +2 -2
- package/core.js +3 -3
- package/custom-elements.json +26 -14
- package/datepicker/datepicker/datepicker.component.js +1 -1
- package/{datepicker.component-BBmEvmW3.js → datepicker.component-CNQGkdr-.js} +11 -11
- package/datepicker.js +1 -1
- package/datepicker.pure.js +1 -1
- package/development/autocomplete/autocomplete-base-element.js +1 -1
- package/development/autocomplete/autocomplete.component.js +1 -1
- package/development/{autocomplete-base-element-DnpaK_k3.js → autocomplete-base-element-8hV4-ys6.js} +2 -2
- package/development/autocomplete.js +1 -1
- package/development/autocomplete.pure.js +1 -1
- package/development/core/overlay/overlay-trigger-attributes.d.ts +4 -4
- package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
- package/development/core/overlay/overlay-trigger-attributes.js +12 -12
- package/development/core/styles/styles.d.ts +1 -0
- package/development/core/styles/styles.d.ts.map +1 -1
- package/development/core/styles/styles.js +2 -2
- package/development/core.js +3 -3
- package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
- package/development/datepicker/datepicker/datepicker.component.js +1 -1
- package/development/datepicker.component-Chnvwnp7.js +212 -0
- package/development/datepicker.js +1 -1
- package/development/datepicker.pure.js +1 -1
- package/development/dialog/dialog/dialog.component.d.ts +0 -1
- package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/development/dialog/dialog/dialog.component.js +1 -1
- package/development/dialog/dialog-content/dialog-content.component.d.ts +1 -0
- package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
- package/development/dialog/dialog-content/dialog-content.component.js +1 -1
- package/development/dialog-content.component-DlSxpY_e.js +34 -0
- package/development/{dialog.component-BYVTZAUU.js → dialog.component-B4cZfRCl.js} +1 -6
- package/development/dialog.js +2 -2
- package/development/dialog.pure.js +2 -2
- package/development/header/header/header.component.d.ts.map +1 -1
- package/development/header/header/header.component.js +1 -1
- package/development/{header.component-Hfgz9sSb.js → header.component-B2T2pmHs.js} +2 -3
- package/development/header.js +1 -1
- package/development/header.pure.js +1 -1
- package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
- package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.d.ts.map +1 -1
- package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
- package/development/icon-sidebar-content.component-CfkM9k--.js +35 -0
- package/development/{icon-sidebar.component-xzwoc_4y.js → icon-sidebar.component-Cgvuxg4k.js} +3 -3
- package/development/icon-sidebar.js +2 -2
- package/development/icon-sidebar.pure.js +2 -2
- package/development/map-container/map-container.component.js +1 -1
- package/development/{map-container.component-mzZ_K_fR.js → map-container.component-rgU7ZofE.js} +2 -2
- package/development/map-container.js +1 -1
- package/development/map-container.pure.js +1 -1
- package/development/menu/common/menu-action-common.js +1 -1
- package/development/menu/menu/menu.component.d.ts.map +1 -1
- package/development/menu/menu/menu.component.js +1 -1
- package/development/menu-action-common-CEnwq60Z.js +32 -0
- package/development/menu.component-DbNRrGYy.js +365 -0
- package/development/menu.js +2 -2
- package/development/menu.pure.js +2 -2
- package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
- package/development/navigation/navigation/navigation.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/{navigation-section.component-C_9myQKr.js → navigation-section.component-BSvxMUxM.js} +7 -9
- package/development/{navigation.component-C8MhqBLY.js → navigation.component-lgvLMF5e.js} +7 -9
- package/development/navigation.js +2 -2
- package/development/navigation.pure.js +2 -2
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay/overlay-base-element.js +6 -6
- package/development/overlay/overlay.component.d.ts +0 -1
- package/development/overlay/overlay.component.d.ts.map +1 -1
- package/development/overlay/overlay.component.js +1 -1
- package/development/overlay.component-iy6QUYWU.js +211 -0
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/popover.component-C-zVDwjc.js +527 -0
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/select/select.component.js +1 -1
- package/development/{select.component-CqwBdtsN.js → select.component-Ibby7Q-L.js} +2 -2
- package/development/select.js +1 -1
- package/development/select.pure.js +1 -1
- package/development/sidebar/sidebar/sidebar.component.js +1 -1
- package/development/sidebar/sidebar-content/sidebar-content.component.d.ts +1 -2
- package/development/sidebar/sidebar-content/sidebar-content.component.d.ts.map +1 -1
- package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/development/{sidebar-content.component-Os9gd7zB.js → sidebar-content.component-DbcREBUa.js} +8 -5
- package/development/{sidebar.component-CwuT6dno.js → sidebar.component-zMWbdz0h.js} +2 -2
- package/development/sidebar.js +2 -2
- package/development/sidebar.pure.js +2 -2
- package/development/{step-label.component-CxqPgbzK.js → step-label.component-B7M9Yqyz.js} +1 -3
- package/development/{step.component-B2qbHl0l.js → step.component-CVWxYkrv.js} +1 -3
- package/development/stepper/step/step.component.d.ts.map +1 -1
- package/development/stepper/step/step.component.js +1 -1
- package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper.js +2 -2
- package/development/stepper.pure.js +2 -2
- package/development/styles-DcuJgwEt.js +14 -0
- package/development/tab.component-BVhYPy5Y.js +68 -0
- package/development/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
- package/development/table/table-wrapper/table-wrapper.component.js +1 -1
- package/development/table-wrapper.component-DcLwEDzr.js +119 -0
- package/development/table.js +1 -1
- package/development/table.pure.js +1 -1
- package/development/tabs/tab/tab.component.d.ts.map +1 -1
- package/development/tabs/tab/tab.component.js +1 -1
- package/development/tabs.js +1 -1
- package/development/tabs.pure.js +1 -1
- package/development/tooltip/tooltip.component.d.ts.map +1 -1
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/tooltip.component-lvElko6C.js +369 -0
- package/development/tooltip.js +1 -1
- package/development/tooltip.pure.js +1 -1
- package/development/train/train-formation/train-formation.component.js +1 -1
- package/development/{train-formation.component-CfdHRBsd.js → train-formation.component-BoQcwy6n.js} +2 -2
- package/development/train.js +1 -1
- package/development/train.pure.js +1 -1
- package/dialog/dialog/dialog.component.js +1 -1
- package/dialog/dialog-content/dialog-content.component.js +1 -1
- package/dialog-content.component-C_Gr8BNL.js +22 -0
- package/{dialog.component-ca14M0hZ.js → dialog.component-DTbAHlVd.js} +7 -10
- package/dialog.js +2 -2
- package/dialog.pure.js +2 -2
- package/header/header/header.component.js +1 -1
- package/{header.component-BxizSy1O.js → header.component-D-WVEMFn.js} +2 -2
- package/header.js +1 -1
- package/header.pure.js +1 -1
- package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
- package/{icon-sidebar-content.component-DlUqWEAX.js → icon-sidebar-content.component-lFstg91Y.js} +9 -5
- package/{icon-sidebar.component-DbA4omxc.js → icon-sidebar.component-D0TtF-kR.js} +11 -11
- package/icon-sidebar.js +2 -2
- package/icon-sidebar.pure.js +2 -2
- package/map-container/map-container.component.js +1 -1
- package/{map-container.component-Cqn9mKoo.js → map-container.component-De-8Tsau.js} +1 -1
- package/map-container.js +1 -1
- package/map-container.pure.js +1 -1
- package/menu/common/menu-action-common.js +1 -1
- package/menu/menu/menu.component.js +1 -1
- package/{menu-action-common-DY4RrfCy.js → menu-action-common-krzD_Ca2.js} +1 -1
- package/{menu.component-XvtyRok7.js → menu.component-KdXwqe55.js} +15 -15
- package/menu.js +2 -2
- package/menu.pure.js +2 -2
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/{navigation-section.component-CLcdmPV3.js → navigation-section.component-DrnbQAZX.js} +17 -17
- package/{navigation.component-Cnyb5_4R.js → navigation.component-D6HU-F51.js} +16 -16
- package/navigation.js +2 -2
- package/navigation.pure.js +2 -2
- package/off-brand-theme.css +53 -55
- package/overlay/overlay-base-element.js +4 -4
- package/overlay/overlay.component.js +1 -1
- package/overlay.component-bHg2Xk6D.js +161 -0
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +2 -2
- package/popover/popover.component.js +1 -1
- package/{popover.component-BfSXNxKK.js → popover.component-BCLBnddM.js} +12 -12
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/safety-theme.css +53 -55
- package/scrollbar.css +51 -53
- package/select/select.component.js +1 -1
- package/{select.component-Cu3ewc4i.js → select.component-BcDZm7EM.js} +1 -1
- package/select.js +1 -1
- package/select.pure.js +1 -1
- package/sidebar/sidebar/sidebar.component.js +1 -1
- package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/{sidebar-content.component-DEgmt4BB.js → sidebar-content.component-CYupfsq_.js} +9 -5
- package/{sidebar.component-Bxt8pWMf.js → sidebar.component-Sw06otwx.js} +1 -1
- package/sidebar.js +2 -2
- package/sidebar.pure.js +2 -2
- package/standard-theme.css +53 -55
- package/{step-label.component-qdfunibJ.js → step-label.component-BXg13qOD.js} +3 -3
- package/{step.component-aBAfTJyO.js → step.component-sQbJslHx.js} +3 -3
- package/stepper/step/step.component.js +1 -1
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper.js +2 -2
- package/stepper.pure.js +2 -2
- package/styles-swTeDfst.js +5 -0
- package/{tab.component-DGzqld4u.js → tab.component-D6hfhlZw.js} +6 -6
- package/table/table-wrapper/table-wrapper.component.js +1 -1
- package/{table-wrapper.component-C36NdMWS.js → table-wrapper.component-Dxb8kzV3.js} +13 -13
- package/table.js +1 -1
- package/table.pure.js +1 -1
- package/tabs/tab/tab.component.js +1 -1
- package/tabs.js +1 -1
- package/tabs.pure.js +1 -1
- package/tooltip/tooltip.component.js +1 -1
- package/{tooltip.component-C5y6zCtF.js → tooltip.component-Do4V1jGd.js} +12 -12
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/train/train-formation/train-formation.component.js +1 -1
- package/{train-formation.component-5AASBGSX.js → train-formation.component-B8IFJ_7b.js} +1 -1
- package/train.js +1 -1
- package/train.pure.js +1 -1
- package/development/datepicker.component-AKlc7SAO.js +0 -214
- package/development/dialog-content.component-B3VB2ptp.js +0 -30
- package/development/icon-sidebar-content.component-CMzp1ewD.js +0 -31
- package/development/menu-action-common-Crx-dDgH.js +0 -32
- package/development/menu.component-DOv7PKIi.js +0 -367
- package/development/overlay.component-BuCkqG6Q.js +0 -216
- package/development/popover.component-B15jFLe9.js +0 -529
- package/development/styles-CcYw6JtZ.js +0 -8
- package/development/tab.component-DteuwiHv.js +0 -70
- package/development/table-wrapper.component-iSeT-FPH.js +0 -119
- package/development/tooltip.component-BtWTK2R0.js +0 -371
- package/dialog-content.component-DvJiuDJI.js +0 -19
- package/overlay.component-OzDUV8t1.js +0 -164
- package/styles-x5HG0xjp.js +0 -6
package/train.pure.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./train-blocked-passage.component-EET0Kobk.js";
|
|
2
|
-
import { t } from "./train-formation.component-
|
|
2
|
+
import { t } from "./train-formation.component-B8IFJ_7b.js";
|
|
3
3
|
import { t as n } from "./train-wagon.component-CLMLEf6I.js";
|
|
4
4
|
import { t as r } from "./train.component-D_ysGCwu.js";
|
|
5
5
|
export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };
|
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, isServer, nothing, unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbLanguageController, SbbUpdateSchedulerMixin, defaultDateAdapter, forceType, i18nDateChangedTo, idReference, readConfig } from "./core.js";
|
|
5
|
-
import { SbbDateInputElement } from "./date-input.pure.js";
|
|
6
|
-
import { SbbCalendarElement } from "./calendar.pure.js";
|
|
7
|
-
import { SbbPopoverBaseElement } from "./popover.pure.js";
|
|
8
|
-
//#region src/elements/datepicker/datepicker/datepicker.scss?inline
|
|
9
|
-
var datepicker_default = "#status-container {\n border: 0;\n clip-path: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}";
|
|
10
|
-
//#endregion
|
|
11
|
-
//#region src/elements/datepicker/datepicker/datepicker.component.ts
|
|
12
|
-
var nextId = 0;
|
|
13
|
-
/**
|
|
14
|
-
* A datepicker component that allows users to select a date from a calendar view.
|
|
15
|
-
*
|
|
16
|
-
* @event {CustomEvent<T>} dateselected - Event emitted on date selection.
|
|
17
|
-
* @event {Event} change - The change event is fired on the datepicker's input when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
|
|
18
|
-
* @event {InputEvent} input - The input event fires on the datepicker's input when the value has been changed as a direct result of a user action.
|
|
19
|
-
*/
|
|
20
|
-
var SbbDatepickerElement = (() => {
|
|
21
|
-
let _classSuper = SbbUpdateSchedulerMixin(SbbPopoverBaseElement);
|
|
22
|
-
let _wide_decorators;
|
|
23
|
-
let _wide_initializers = [];
|
|
24
|
-
let _wide_extraInitializers = [];
|
|
25
|
-
let _input_decorators;
|
|
26
|
-
let _input_initializers = [];
|
|
27
|
-
let _input_extraInitializers = [];
|
|
28
|
-
let _view_decorators;
|
|
29
|
-
let _view_initializers = [];
|
|
30
|
-
let _view_extraInitializers = [];
|
|
31
|
-
return class SbbDatepickerElement extends _classSuper {
|
|
32
|
-
static {
|
|
33
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
34
|
-
_wide_decorators = [forceType(), property({ type: Boolean })];
|
|
35
|
-
_input_decorators = [idReference(), property()];
|
|
36
|
-
_view_decorators = [property()];
|
|
37
|
-
__esDecorate(this, null, _wide_decorators, {
|
|
38
|
-
kind: "accessor",
|
|
39
|
-
name: "wide",
|
|
40
|
-
static: false,
|
|
41
|
-
private: false,
|
|
42
|
-
access: {
|
|
43
|
-
has: (obj) => "wide" in obj,
|
|
44
|
-
get: (obj) => obj.wide,
|
|
45
|
-
set: (obj, value) => {
|
|
46
|
-
obj.wide = value;
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
metadata: _metadata
|
|
50
|
-
}, _wide_initializers, _wide_extraInitializers);
|
|
51
|
-
__esDecorate(this, null, _input_decorators, {
|
|
52
|
-
kind: "accessor",
|
|
53
|
-
name: "input",
|
|
54
|
-
static: false,
|
|
55
|
-
private: false,
|
|
56
|
-
access: {
|
|
57
|
-
has: (obj) => "input" in obj,
|
|
58
|
-
get: (obj) => obj.input,
|
|
59
|
-
set: (obj, value) => {
|
|
60
|
-
obj.input = value;
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
metadata: _metadata
|
|
64
|
-
}, _input_initializers, _input_extraInitializers);
|
|
65
|
-
__esDecorate(this, null, _view_decorators, {
|
|
66
|
-
kind: "accessor",
|
|
67
|
-
name: "view",
|
|
68
|
-
static: false,
|
|
69
|
-
private: false,
|
|
70
|
-
access: {
|
|
71
|
-
has: (obj) => "view" in obj,
|
|
72
|
-
get: (obj) => obj.view,
|
|
73
|
-
set: (obj, value) => {
|
|
74
|
-
obj.view = value;
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
metadata: _metadata
|
|
78
|
-
}, _view_initializers, _view_extraInitializers);
|
|
79
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
80
|
-
enumerable: true,
|
|
81
|
-
configurable: true,
|
|
82
|
-
writable: true,
|
|
83
|
-
value: _metadata
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
static {
|
|
87
|
-
this.elementName = "sbb-datepicker";
|
|
88
|
-
}
|
|
89
|
-
static {
|
|
90
|
-
this.elementDependencies = [SbbCalendarElement];
|
|
91
|
-
}
|
|
92
|
-
static {
|
|
93
|
-
this.styles = [SbbPopoverBaseElement.styles, unsafeCSS(datepicker_default)];
|
|
94
|
-
}
|
|
95
|
-
static {
|
|
96
|
-
this.sbbDateInputAssociated = true;
|
|
97
|
-
}
|
|
98
|
-
#wide_accessor_storage;
|
|
99
|
-
/** If set to true, two months are displayed. */
|
|
100
|
-
get wide() {
|
|
101
|
-
return this.#wide_accessor_storage;
|
|
102
|
-
}
|
|
103
|
-
set wide(value) {
|
|
104
|
-
this.#wide_accessor_storage = value;
|
|
105
|
-
}
|
|
106
|
-
#input_accessor_storage;
|
|
107
|
-
/**
|
|
108
|
-
* Reference to the sbb-date-input instance or the native input connected to the datepicker.
|
|
109
|
-
*
|
|
110
|
-
* For attribute usage, provide an id reference.
|
|
111
|
-
*/
|
|
112
|
-
get input() {
|
|
113
|
-
return this.#input_accessor_storage;
|
|
114
|
-
}
|
|
115
|
-
set input(value) {
|
|
116
|
-
this.#input_accessor_storage = value;
|
|
117
|
-
}
|
|
118
|
-
#view_accessor_storage;
|
|
119
|
-
/** The initial view of calendar which should be displayed on opening. */
|
|
120
|
-
get view() {
|
|
121
|
-
return this.#view_accessor_storage;
|
|
122
|
-
}
|
|
123
|
-
set view(value) {
|
|
124
|
-
this.#view_accessor_storage = value;
|
|
125
|
-
}
|
|
126
|
-
constructor() {
|
|
127
|
-
super();
|
|
128
|
-
this.#wide_accessor_storage = __runInitializers(this, _wide_initializers, false);
|
|
129
|
-
this.#input_accessor_storage = (__runInitializers(this, _wide_extraInitializers), __runInitializers(this, _input_initializers, null));
|
|
130
|
-
this.#view_accessor_storage = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _view_initializers, "day"));
|
|
131
|
-
this._inputAbortController = __runInitializers(this, _view_extraInitializers);
|
|
132
|
-
this._dateAdapter = readConfig().datetime?.dateAdapter ?? defaultDateAdapter;
|
|
133
|
-
this._language = new SbbLanguageController(this);
|
|
134
|
-
this._ready = false;
|
|
135
|
-
this.startUpdate();
|
|
136
|
-
this.addEventListener(SbbPopoverBaseElement.events.beforeopen, () => {
|
|
137
|
-
this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
|
|
138
|
-
});
|
|
139
|
-
if (!isServer && this.hydrationRequired) this.hydrationComplete.then(() => this.requestUpdate());
|
|
140
|
-
}
|
|
141
|
-
connectedCallback() {
|
|
142
|
-
this.id ||= `sbb-datepicker-${++nextId}`;
|
|
143
|
-
super.connectedCallback();
|
|
144
|
-
const formField = this.closest?.("sbb-form-field");
|
|
145
|
-
if (formField) {
|
|
146
|
-
SbbDateInputElement.resolveAssociation(this);
|
|
147
|
-
const toggle = formField.querySelector("sbb-datepicker-toggle");
|
|
148
|
-
if (toggle && !toggle.hasAttribute("datepicker")) toggle.datepicker ??= this;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
requestUpdate(name, oldValue, options) {
|
|
152
|
-
super.requestUpdate(name, oldValue, options);
|
|
153
|
-
if (name === "input" && this.input !== oldValue) {
|
|
154
|
-
this._inputAbortController?.abort();
|
|
155
|
-
if (this.input) {
|
|
156
|
-
const { signal } = this._inputAbortController = new AbortController();
|
|
157
|
-
this.input?.addEventListener("ɵchange", () => {
|
|
158
|
-
super.requestUpdate();
|
|
159
|
-
this._updateStatus();
|
|
160
|
-
}, { signal });
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
firstUpdated(changedProperties) {
|
|
165
|
-
super.firstUpdated(changedProperties);
|
|
166
|
-
setTimeout(() => {
|
|
167
|
-
this._ready = true;
|
|
168
|
-
this.requestUpdate();
|
|
169
|
-
this.completeUpdate();
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
_updateStatus() {
|
|
173
|
-
const status = this.shadowRoot?.getElementById("status-container");
|
|
174
|
-
if (!status) return;
|
|
175
|
-
const text = this._dateAdapter.isValid(this.input?.valueAsDate) ? `${i18nDateChangedTo[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate, { weekdayStyle: "long" })}` : "";
|
|
176
|
-
if (status.textContent !== text) status.textContent = text;
|
|
177
|
-
}
|
|
178
|
-
renderContent() {
|
|
179
|
-
return html`
|
|
180
|
-
<p id="status-container" role="status"></p>
|
|
181
|
-
<sbb-calendar
|
|
182
|
-
.view=${this.view}
|
|
183
|
-
.min=${this.input?.min ?? null}
|
|
184
|
-
.max=${this.input?.max ?? null}
|
|
185
|
-
.dateFilter=${this.input?.dateFilter ?? null}
|
|
186
|
-
.selected=${this.input?.valueAsDate ?? null}
|
|
187
|
-
?wide=${this.wide}
|
|
188
|
-
@dateselected=${(d) => {
|
|
189
|
-
if (this.input) {
|
|
190
|
-
this.input.valueAsDate = d.detail;
|
|
191
|
-
this.input.dispatchEvent(new InputEvent("input", {
|
|
192
|
-
bubbles: true,
|
|
193
|
-
composed: true
|
|
194
|
-
}));
|
|
195
|
-
this.input.dispatchEvent(new Event("change", {
|
|
196
|
-
bubbles: true,
|
|
197
|
-
composed: true
|
|
198
|
-
}));
|
|
199
|
-
this.input.dispatchEvent(new Event("blur", { composed: true }));
|
|
200
|
-
this.close();
|
|
201
|
-
}
|
|
202
|
-
}}
|
|
203
|
-
></sbb-calendar>
|
|
204
|
-
`;
|
|
205
|
-
}
|
|
206
|
-
render() {
|
|
207
|
-
return isServer || this.hydrationRequired || !this._ready ? html`${nothing}` : super.render();
|
|
208
|
-
}
|
|
209
|
-
};
|
|
210
|
-
})();
|
|
211
|
-
//#endregion
|
|
212
|
-
export { SbbDatepickerElement as t };
|
|
213
|
-
|
|
214
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQtQUtsYzdTQU8uanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci9kYXRlcGlja2VyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci9kYXRlcGlja2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG4jc3RhdHVzLWNvbnRhaW5lciB7XG4gIEBpbmNsdWRlIHNiYi5zY3JlZW4tcmVhZGVyLW9ubHk7XG59XG4iLCJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgdHlwZSBDYWxlbmRhclZpZXcsIFNiYkNhbGVuZGFyRWxlbWVudCB9IGZyb20gJy4uLy4uL2NhbGVuZGFyLnB1cmUudHMnO1xuaW1wb3J0IHtcbiAgdHlwZSBEYXRlQWRhcHRlcixcbiAgZGVmYXVsdERhdGVBZGFwdGVyLFxuICBmb3JjZVR5cGUsXG4gIGkxOG5EYXRlQ2hhbmdlZFRvLFxuICBpZFJlZmVyZW5jZSxcbiAgcmVhZENvbmZpZyxcbiAgdHlwZSBTYmJFbGVtZW50VHlwZSxcbiAgU2JiTGFuZ3VhZ2VDb250cm9sbGVyLFxuICBTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbixcbn0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgeyB0eXBlIFNiYkRhdGVJbnB1dEFzc29jaWF0ZWQsIFNiYkRhdGVJbnB1dEVsZW1lbnQgfSBmcm9tICcuLi8uLi9kYXRlLWlucHV0LnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiUG9wb3ZlckJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vcG9wb3Zlci5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiRGF0ZXBpY2tlclRvZ2dsZUVsZW1lbnQgfSBmcm9tICcuLi9kYXRlcGlja2VyLXRvZ2dsZS9kYXRlcGlja2VyLXRvZ2dsZS5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9kYXRlcGlja2VyLnNjc3M/aW5saW5lJztcblxubGV0IG5leHRJZCA9IDA7XG5cbi8qKlxuICogQSBkYXRlcGlja2VyIGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBzZWxlY3QgYSBkYXRlIGZyb20gYSBjYWxlbmRhciB2aWV3LlxuICpcbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8VD59IGRhdGVzZWxlY3RlZCAtIEV2ZW50IGVtaXR0ZWQgb24gZGF0ZSBzZWxlY3Rpb24uXG4gKiBAZXZlbnQge0V2ZW50fSBjaGFuZ2UgLSBUaGUgY2hhbmdlIGV2ZW50IGlzIGZpcmVkIG9uIHRoZSBkYXRlcGlja2VyJ3MgaW5wdXQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgIG9uIHRoZSBkYXRlcGlja2VyJ3MgaW5wdXQgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkRhdGVwaWNrZXJFbGVtZW50PFQgPSBEYXRlPlxuICBleHRlbmRzIFNiYlVwZGF0ZVNjaGVkdWxlck1peGluKFNiYlBvcG92ZXJCYXNlRWxlbWVudClcbiAgaW1wbGVtZW50cyBTYmJEYXRlSW5wdXRBc3NvY2lhdGVkPFQ+XG57XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZGF0ZXBpY2tlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtTYmJDYWxlbmRhckVsZW1lbnRdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiUG9wb3ZlckJhc2VFbGVtZW50LnN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgc2JiRGF0ZUlucHV0QXNzb2NpYXRlZCA9IHRydWU7XG5cbiAgLyoqIElmIHNldCB0byB0cnVlLCB0d28gbW9udGhzIGFyZSBkaXNwbGF5ZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB3aWRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgc2JiLWRhdGUtaW5wdXQgaW5zdGFuY2Ugb3IgdGhlIG5hdGl2ZSBpbnB1dCBjb25uZWN0ZWQgdG8gdGhlIGRhdGVwaWNrZXIuXG4gICAqXG4gICAqIEZvciBhdHRyaWJ1dGUgdXNhZ2UsIHByb3ZpZGUgYW4gaWQgcmVmZXJlbmNlLlxuICAgKi9cbiAgQGlkUmVmZXJlbmNlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIGlucHV0OiBTYmJEYXRlSW5wdXRFbGVtZW50PFQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIFRoZSBpbml0aWFsIHZpZXcgb2YgY2FsZW5kYXIgd2hpY2ggc2hvdWxkIGJlIGRpc3BsYXllZCBvbiBvcGVuaW5nLiAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgYWNjZXNzb3IgdmlldzogQ2FsZW5kYXJWaWV3ID0gJ2RheSc7XG5cbiAgcHJpdmF0ZSBfaW5wdXRBYm9ydENvbnRyb2xsZXI/OiBBYm9ydENvbnRyb2xsZXI7XG4gIHByaXZhdGUgX2RhdGVBZGFwdGVyOiBEYXRlQWRhcHRlcjxUPiA9IHJlYWRDb25maWcoKS5kYXRldGltZT8uZGF0ZUFkYXB0ZXIgPz8gZGVmYXVsdERhdGVBZGFwdGVyO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX3JlYWR5ID0gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zdGFydFVwZGF0ZSgpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcihTYmJQb3BvdmVyQmFzZUVsZW1lbnQuZXZlbnRzLmJlZm9yZW9wZW4sICgpID0+IHtcbiAgICAgIHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3Rvcignc2JiLWNhbGVuZGFyJyk/LnJlc2V0UG9zaXRpb24/LigpO1xuICAgIH0pO1xuICAgIGlmICghaXNTZXJ2ZXIgJiYgdGhpcy5oeWRyYXRpb25SZXF1aXJlZCkge1xuICAgICAgdGhpcy5oeWRyYXRpb25Db21wbGV0ZS50aGVuKCgpID0+IHRoaXMucmVxdWVzdFVwZGF0ZSgpKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy5pZCB8fD0gYHNiYi1kYXRlcGlja2VyLSR7KytuZXh0SWR9YDtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgY29uc3QgZm9ybUZpZWxkID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi1mb3JtLWZpZWxkJyk7XG4gICAgaWYgKGZvcm1GaWVsZCkge1xuICAgICAgU2JiRGF0ZUlucHV0RWxlbWVudC5yZXNvbHZlQXNzb2NpYXRpb24odGhpcyk7XG4gICAgICBjb25zdCB0b2dnbGUgPVxuICAgICAgICBmb3JtRmllbGQucXVlcnlTZWxlY3RvcjxTYmJEYXRlcGlja2VyVG9nZ2xlRWxlbWVudDxUPj4oJ3NiYi1kYXRlcGlja2VyLXRvZ2dsZScpO1xuICAgICAgaWYgKHRvZ2dsZSAmJiAhdG9nZ2xlLmhhc0F0dHJpYnV0ZSgnZGF0ZXBpY2tlcicpKSB7XG4gICAgICAgIHRvZ2dsZS5kYXRlcGlja2VyID8/PSB0aGlzO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZXF1ZXN0VXBkYXRlKFxuICAgIG5hbWU/OiBQcm9wZXJ0eUtleSxcbiAgICBvbGRWYWx1ZT86IHVua25vd24sXG4gICAgb3B0aW9ucz86IFByb3BlcnR5RGVjbGFyYXRpb24sXG4gICk6IHZvaWQge1xuICAgIHN1cGVyLnJlcXVlc3RVcGRhdGUobmFtZSwgb2xkVmFsdWUsIG9wdGlvbnMpO1xuICAgIGlmIChuYW1lID09PSAnaW5wdXQnICYmIHRoaXMuaW5wdXQgIT09IG9sZFZhbHVlKSB7XG4gICAgICB0aGlzLl9pbnB1dEFib3J0Q29udHJvbGxlcj8uYWJvcnQoKTtcbiAgICAgIGlmICh0aGlzLmlucHV0KSB7XG4gICAgICAgIGNvbnN0IHsgc2lnbmFsIH0gPSAodGhpcy5faW5wdXRBYm9ydENvbnRyb2xsZXIgPSBuZXcgQWJvcnRDb250cm9sbGVyKCkpO1xuICAgICAgICB0aGlzLmlucHV0Py5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICfJtWNoYW5nZScsXG4gICAgICAgICAgKCkgPT4ge1xuICAgICAgICAgICAgc3VwZXIucmVxdWVzdFVwZGF0ZSgpO1xuICAgICAgICAgICAgdGhpcy5fdXBkYXRlU3RhdHVzKCk7XG4gICAgICAgICAgfSxcbiAgICAgICAgICB7IHNpZ25hbCB9LFxuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIC8vIFdlIHdhbnQgdG8gZGVsYXkgdGhlIHJlbmRlcmluZyBvZiB0aGUgY2FsZW5kYXIgdG8gYXZvaWQgYSBzbG93IGluaXRpYWwgcmVuZGVyLlxuICAgICAgLy8gVGhlIHNsb3cgcmVuZGVyIGNhbiBiZSBhIHByb2JsZW0gaWYgYSBsYXJnZSBhbW91bnQgb2YgZGF0ZXBpY2tlcnMgYXJlIHJlbmRlcmVkIGF0IG9uY2UuXG4gICAgICB0aGlzLl9yZWFkeSA9IHRydWU7XG4gICAgICB0aGlzLnJlcXVlc3RVcGRhdGUoKTtcbiAgICAgIHRoaXMuY29tcGxldGVVcGRhdGUoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVN0YXR1cygpOiB2b2lkIHtcbiAgICBjb25zdCBzdGF0dXMgPSB0aGlzLnNoYWRvd1Jvb3Q/LmdldEVsZW1lbnRCeUlkKCdzdGF0dXMtY29udGFpbmVyJyk7XG4gICAgaWYgKCFzdGF0dXMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0ZXh0ID0gdGhpcy5fZGF0ZUFkYXB0ZXIuaXNWYWxpZCh0aGlzLmlucHV0Py52YWx1ZUFzRGF0ZSlcbiAgICAgID8gYCR7aTE4bkRhdGVDaGFuZ2VkVG9bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19ICR7dGhpcy5fZGF0ZUFkYXB0ZXIuZm9ybWF0KFxuICAgICAgICAgIHRoaXMuaW5wdXQhLnZhbHVlQXNEYXRlLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHdlZWtkYXlTdHlsZTogJ2xvbmcnLFxuICAgICAgICAgIH0sXG4gICAgICAgICl9YFxuICAgICAgOiAnJztcbiAgICBpZiAoc3RhdHVzLnRleHRDb250ZW50ICE9PSB0ZXh0KSB7XG4gICAgICBzdGF0dXMudGV4dENvbnRlbnQgPSB0ZXh0O1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJDb250ZW50KCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxwIGlkPVwic3RhdHVzLWNvbnRhaW5lclwiIHJvbGU9XCJzdGF0dXNcIj48L3A+XG4gICAgICA8c2JiLWNhbGVuZGFyXG4gICAgICAgIC52aWV3PSR7dGhpcy52aWV3fVxuICAgICAgICAubWluPSR7dGhpcy5pbnB1dD8ubWluID8/IG51bGx9XG4gICAgICAgIC5tYXg9JHt0aGlzLmlucHV0Py5tYXggPz8gbnVsbH1cbiAgICAgICAgLmRhdGVGaWx0ZXI9JHt0aGlzLmlucHV0Py5kYXRlRmlsdGVyID8/IG51bGx9XG4gICAgICAgIC5zZWxlY3RlZD0ke3RoaXMuaW5wdXQ/LnZhbHVlQXNEYXRlID8/IG51bGx9XG4gICAgICAgID93aWRlPSR7dGhpcy53aWRlfVxuICAgICAgICBAZGF0ZXNlbGVjdGVkPSR7KGQ6IEN1c3RvbUV2ZW50PFQ+KSA9PiB7XG4gICAgICAgICAgaWYgKHRoaXMuaW5wdXQpIHtcbiAgICAgICAgICAgIHRoaXMuaW5wdXQudmFsdWVBc0RhdGUgPSBkLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgICAgICAgIHRoaXMuaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2NoYW5nZScsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgICAgICAgICAgLy8gRW1pdCBibHVyIGV2ZW50IHdoZW4gdmFsdWUgaXMgY2hhbmdlZCBwcm9ncmFtbWF0aWNhbGx5IHRvIG5vdGlmeVxuICAgICAgICAgICAgLy8gZnJhbWV3b3JrcyB0aGF0IHJlbHkgb24gdGhhdCBldmVudCB0byB1cGRhdGUgZm9ybSBzdGF0dXMuXG4gICAgICAgICAgICB0aGlzLmlucHV0LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdibHVyJywgeyBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gICAgICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPjwvc2JiLWNhbGVuZGFyPlxuICAgIGA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaXNTZXJ2ZXIgfHwgdGhpcy5oeWRyYXRpb25SZXF1aXJlZCB8fCAhdGhpcy5fcmVhZHkgPyBodG1sYCR7bm90aGluZ31gIDogc3VwZXIucmVuZGVyKCk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kYXRlcGlja2VyJzogU2JiRGF0ZXBpY2tlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUM4QkEsSUFBSSxTQUFTOzs7Ozs7OztJQVNBLDhCQUFvQjttQkFDdkIsd0JBQXdCLHNCQUFzQjs7Ozs7Ozs7OztjQUQzQyw2QkFDSCxZQUE4Qzs7O3VCQVNyRCxXQUFXLEVBQ1gsU0FBUyxFQUFFLE1BQU0sU0FBUyxDQUFDLENBQUE7d0JBUTNCLGFBQWEsRUFDYixVQUFVLENBQUE7dUJBSVYsVUFBVSxDQUFBO0FBWlgsZ0JBQUEsTUFBQSxNQUFBLGtCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsVUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFJLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBSixPQUFJOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0JBQUEsd0JBQUE7QUFTcEIsZ0JB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
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { html, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbElement } from "./core.js";
|
|
3
|
-
//#region src/elements/dialog/dialog-content/dialog-content.scss?inline
|
|
4
|
-
var dialog_content_default = ":host {\n display: block;\n padding-block: var(--sbb-dialog-padding-block);\n padding-inline: var(--sbb-dialog-padding-inline);\n grid-area: content;\n overflow: auto;\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 --sbb-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1);\n}";
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/elements/dialog/dialog-content/dialog-content.component.ts
|
|
7
|
-
/**
|
|
8
|
-
* Use this component to provide a content for an `sbb-dialog`.
|
|
9
|
-
*
|
|
10
|
-
* @slot - Use the unnamed slot to provide a dialog content.
|
|
11
|
-
*/
|
|
12
|
-
var SbbDialogContentElement = class extends SbbElement {
|
|
13
|
-
static {
|
|
14
|
-
this.elementName = "sbb-dialog-content";
|
|
15
|
-
}
|
|
16
|
-
static {
|
|
17
|
-
this.styles = unsafeCSS(dialog_content_default);
|
|
18
|
-
}
|
|
19
|
-
connectedCallback() {
|
|
20
|
-
super.connectedCallback();
|
|
21
|
-
this.classList.add("sbb-scrollbar");
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return html`<slot></slot>`;
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
//#endregion
|
|
28
|
-
export { SbbDialogContentElement as t };
|
|
29
|
-
|
|
30
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuY29tcG9uZW50LUIzVkIycHRwLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9kaWFsb2cvZGlhbG9nLWNvbnRlbnQvZGlhbG9nLWNvbnRlbnQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZGlhbG9nL2RpYWxvZy1jb250ZW50L2RpYWxvZy1jb250ZW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItZGlhbG9nLXBhZGRpbmctYmxvY2spO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLWRpYWxvZy1wYWRkaW5nLWlubGluZSk7XG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG5cbi8vIElmIHRoZXJlIGlzIG5vIHNjcm9sbGFibGUgY29udGVudCwgdGhlIHNjcm9sbCBhcmVhIGdldHMgZm9jdXMuXG4vLyBBcyBpdCBpcyBpbXBvc3NpYmxlIHRvIHBsYWNlIHRoZSBzY3JvbGxiYXIgb3V0c2lkZSBvZiB0aGUgc2Nyb2xsIGFyZWEsXG4vLyB3ZSBuZWVkIHRvIGZpeCB0aGUgb3V0bGluZSBvZmZzZXQgdG8gYXZvaWQgY2xpcHBpbmcgb2YgdGhlIGZvY3VzIG91dGxpbmUuXG46aG9zdCg6Zm9jdXMtdmlzaWJsZSkge1xuICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICAtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldDogY2FsYyh2YXIoLS1zYmItZm9jdXMtb3V0bGluZS13aWR0aCkgKiAtMSk7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RpYWxvZy1jb250ZW50LnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBVc2UgdGhpcyBjb21wb25lbnQgdG8gcHJvdmlkZSBhIGNvbnRlbnQgZm9yIGFuIGBzYmItZGlhbG9nYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYSBkaWFsb2cgY29udGVudC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkRpYWxvZ0NvbnRlbnRFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZGlhbG9nLWNvbnRlbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSB1bnNhZmVDU1Moc3R5bGUpO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhcicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kaWFsb2ctY29udGVudCc6IFNiYkRpYWxvZ0NvbnRlbnRFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FDV0EsSUFBYSwwQkFBYixjQUE2QyxXQUFVOztBQUNyQixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixVQUFVLHVCQUFNOztDQUVoRCxvQkFBaUI7QUFDL0IsUUFBTSxtQkFBbUI7QUFLekIsT0FBSyxVQUFVLElBQUksZ0JBQWdCOztDQUdsQixTQUFNO0FBQ3ZCLFNBQU8sSUFBSSJ9
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { html, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbElement } from "./core.js";
|
|
3
|
-
import { sidebarContentCommonStyle } from "./sidebar/common/styles.js";
|
|
4
|
-
//#region src/elements/icon-sidebar/icon-sidebar-content/icon-sidebar-content.scss?inline
|
|
5
|
-
var icon_sidebar_content_default = ":host {\n flex-grow: 1;\n}";
|
|
6
|
-
//#endregion
|
|
7
|
-
//#region src/elements/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.ts
|
|
8
|
-
/**
|
|
9
|
-
* Container for the icon sidebar content. Intended to be placed inside an `sbb-icon-sidebar-container` element.
|
|
10
|
-
*
|
|
11
|
-
* @slot - Use the unnamed slot to add any content elements.
|
|
12
|
-
*/
|
|
13
|
-
var SbbIconSidebarContentElement = class extends SbbElement {
|
|
14
|
-
static {
|
|
15
|
-
this.elementName = "sbb-icon-sidebar-content";
|
|
16
|
-
}
|
|
17
|
-
static {
|
|
18
|
-
this.styles = [sidebarContentCommonStyle, unsafeCSS(icon_sidebar_content_default)];
|
|
19
|
-
}
|
|
20
|
-
connectedCallback() {
|
|
21
|
-
super.connectedCallback();
|
|
22
|
-
this.classList.add("sbb-scrollbar");
|
|
23
|
-
}
|
|
24
|
-
render() {
|
|
25
|
-
return html`<slot></slot>`;
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
//#endregion
|
|
29
|
-
export { SbbIconSidebarContentElement as t };
|
|
30
|
-
|
|
31
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LUNNenAxZXdELmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9pY29uLXNpZGViYXIvaWNvbi1zaWRlYmFyLWNvbnRlbnQvaWNvbi1zaWRlYmFyLWNvbnRlbnQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvaWNvbi1zaWRlYmFyL2ljb24tc2lkZWJhci1jb250ZW50L2ljb24tc2lkZWJhci1jb250ZW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGZsZXgtZ3JvdzogMTtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7IHNpZGViYXJDb250ZW50Q29tbW9uU3R5bGUgfSBmcm9tICcuLi8uLi9zaWRlYmFyL2NvbW1vbi9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9pY29uLXNpZGViYXItY29udGVudC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogQ29udGFpbmVyIGZvciB0aGUgaWNvbiBzaWRlYmFyIGNvbnRlbnQuIEludGVuZGVkIHRvIGJlIHBsYWNlZCBpbnNpZGUgYW4gYHNiYi1pY29uLXNpZGViYXItY29udGFpbmVyYCBlbGVtZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGFueSBjb250ZW50IGVsZW1lbnRzLlxuICovXG5leHBvcnQgY2xhc3MgU2JiSWNvblNpZGViYXJDb250ZW50RWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWljb24tc2lkZWJhci1jb250ZW50JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3NpZGViYXJDb250ZW50Q29tbW9uU3R5bGUsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhcicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1pY29uLXNpZGViYXItY29udGVudCc6IFNiYkljb25TaWRlYmFyQ29udGVudEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FDWUEsSUFBYSwrQkFBYixjQUFrRCxXQUFVOztBQUMxQixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLDJCQUEyQixVQUFVLDZCQUFNLENBQUM7O0NBRTdFLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUt6QixPQUFLLFVBQVUsSUFBSSxnQkFBZ0I7O0NBR2xCLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { html, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbDisabledMixin, boxSizingStyles } from "./core.js";
|
|
3
|
-
import { SbbIconNameMixin } from "./icon.pure.js";
|
|
4
|
-
//#region src/elements/menu/common/menu-action.scss?inline
|
|
5
|
-
var menu_action_default = ":host {\n --sbb-menu-action-cursor: var(--sbb-cursor-pointer);\n outline: none !important;\n display: block;\n}\n\n@media (any-hover: hover) {\n :host(:is(:hover:not([disabled], :disabled, [disabled-interactive]), [aria-expanded=true])) {\n --sbb-menu-background-color: var(--sbb-color-iron);\n --sbb-menu-background-color: light-dark(var(--sbb-color-iron), var(--sbb-color-milk));\n --sbb-menu-action-forced-color-border-color: Highlight;\n }\n}\n\n:host(:is([disabled], :disabled, [disabled-interactive])) {\n --sbb-menu-action-cursor: var(--sbb-cursor-default);\n --sbb-menu-action-color: var(--sbb-color-graphite);\n --sbb-menu-action-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));\n --sbb-menu-action-forced-color-border-color: GrayText;\n pointer-events: none;\n cursor: var(--sbb-cursor-default);\n}\n@media (forced-colors: active) {\n :host(:is([disabled], :disabled, [disabled-interactive])) {\n --sbb-menu-action-color: GrayText;\n }\n}\n\n:host(:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])) {\n --sbb-menu-action-cursor: var(--sbb-cursor-default);\n}\n\n@media (forced-colors: active) {\n :host(:is(:state(button),[state--button])) {\n --sbb-menu-action-color: ButtonText;\n }\n}\n\n:host([sbb-badge]:not(:is(:state(has-icon-name),[state--has-icon-name]), :is(:state(slotted-icon),[state--slotted-icon])))::after {\n inset: 50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - 0.5 * var(--sbb-size-icon-ui-small)) auto auto !important;\n translate: 50% -50%;\n}\n\n:host([sbb-badge]:is(:is(:state(has-icon-name),[state--has-icon-name]), :is(:state(slotted-icon),[state--slotted-icon])))::after {\n inset: calc(var(--sbb-menu-action-outer-vertical-padding) + var(--sbb-menu-action-content-padding-block) + var(--sbb-badge-position-offset)) calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - var(--sbb-size-icon-ui-small) + var(--sbb-badge-position-offset)) auto auto !important;\n}\n\n:host([aria-controls*=sbb-menu]) {\n --sbb-menu-action-submenu-icon-display: flex;\n}\n\n:is(.sbb-menu-button, .sbb-menu-link) {\n text-decoration: none;\n display: block;\n width: 100%;\n color: var(--sbb-menu-action-color);\n padding: var(--sbb-menu-action-outer-vertical-padding) var(--sbb-menu-action-outer-horizontal-padding);\n cursor: var(--sbb-menu-action-cursor);\n outline: none;\n}\n\n.sbb-menu-action__content {\n --sbb-text-font-size: var(--sbb-text-font-size-xs);\n font-family: var(--sbb-typo-font-family);\n font-weight: normal;\n line-height: var(--sbb-typo-line-height-text);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-size: var(--sbb-text-font-size);\n display: flex;\n align-items: center;\n gap: var(--sbb-menu-action-gap);\n padding: var(--sbb-menu-action-content-padding-block) var(--sbb-menu-action-content-padding-inline);\n border-radius: var(--sbb-menu-action-border-radius);\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n background-color: var(--sbb-menu-background-color);\n}\n:host(:focus-visible) .sbb-menu-action__content, :focus-visible .sbb-menu-action__content {\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}\n@media (forced-colors: active) {\n .sbb-menu-action__content {\n border: var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color);\n }\n}\n\n.sbb-menu-action__icon,\n.sbb-menu-submenu__icon {\n display: flex;\n min-width: var(--sbb-size-icon-ui-small);\n min-height: var(--sbb-size-icon-ui-small);\n}\n\n.sbb-menu-submenu__icon {\n display: var(--sbb-menu-action-submenu-icon-display, none);\n margin-inline-start: auto;\n}\n\n.sbb-menu-action__label {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n:host(:is([disabled], :disabled, [disabled-interactive])) .sbb-menu-action__label {\n text-decoration: line-through;\n}";
|
|
6
|
-
//#endregion
|
|
7
|
-
//#region src/elements/menu/common/menu-action-common.ts
|
|
8
|
-
var SbbMenuActionCommonElementMixin = (superClass) => {
|
|
9
|
-
class SbbMenuActionCommonElement extends SbbIconNameMixin(SbbDisabledMixin(superClass)) {
|
|
10
|
-
static {
|
|
11
|
-
this.styles = [boxSizingStyles, unsafeCSS(menu_action_default)];
|
|
12
|
-
}
|
|
13
|
-
renderTemplate() {
|
|
14
|
-
return html`
|
|
15
|
-
<span class="sbb-menu-action__content">
|
|
16
|
-
<span class="sbb-menu-action__icon"> ${super.renderIconSlot()} </span>
|
|
17
|
-
<span class="sbb-menu-action__label">
|
|
18
|
-
<slot></slot>
|
|
19
|
-
</span>
|
|
20
|
-
<span class="sbb-menu-submenu__icon">
|
|
21
|
-
<sbb-icon name="chevron-small-right-small"></sbb-icon>
|
|
22
|
-
</span>
|
|
23
|
-
</span>
|
|
24
|
-
`;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
return SbbMenuActionCommonElement;
|
|
28
|
-
};
|
|
29
|
-
//#endregion
|
|
30
|
-
export { SbbMenuActionCommonElementMixin as t };
|
|
31
|
-
|
|
32
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1hY3Rpb24tY29tbW9uLUNyeC1kRGdILmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9tZW51L2NvbW1vbi9tZW51LWFjdGlvbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9tZW51L2NvbW1vbi9tZW51LWFjdGlvbi1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuJGRpc2FibGVkOiAnW2Rpc2FibGVkXSwgOmRpc2FibGVkLCBbZGlzYWJsZWQtaW50ZXJhY3RpdmVdJztcblxuOmhvc3Qge1xuICAtLXNiYi1tZW51LWFjdGlvbi1jdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItcG9pbnRlcik7XG5cbiAgLy8gVXNlICFpbXBvcnRhbnQgaGVyZSB0byBub3QgaW50ZXJmZXJlIHdpdGggRmlyZWZveCBmb2N1cyByaW5nIGRlZmluaXRpb25cbiAgLy8gd2hpY2ggYXBwZWFycyBpbiBub3JtYWxpemUgQ1NTIG9mIHNldmVyYWwgZnJhbWV3b3Jrcy5cbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoOmlzKDpob3Zlcjpub3QoI3skZGlzYWJsZWR9KSwgW2FyaWEtZXhwYW5kZWQ9J3RydWUnXSkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLW1lbnUtYmFja2dyb3VuZC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItaXJvbiksIHZhcigtLXNiYi1jb2xvci1taWxrKSk7XG4gICAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogSGlnaGxpZ2h0O1xuICB9XG59XG5cbjpob3N0KDppcygjeyRkaXNhYmxlZH0pKSB7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcbiAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWdyYXBoaXRlKSwgdmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpKTtcbiAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogR3JheVRleHQ7XG5cbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IEdyYXlUZXh0O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzYmItbWVudS10cmlnZ2VyKSkge1xuICAtLXNiYi1tZW51LWFjdGlvbi1jdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItZGVmYXVsdCk7XG59XG5cbjpob3N0KDpzdGF0ZShidXR0b24pKSB7XG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1tZW51LWFjdGlvbi1jb2xvcjogQnV0dG9uVGV4dDtcbiAgfVxufVxuXG46aG9zdChbc2JiLWJhZGdlXTpub3QoOnN0YXRlKGhhcy1pY29uLW5hbWUpLCA6c3RhdGUoc2xvdHRlZC1pY29uKSkpOjphZnRlciB7XG4gIGluc2V0OiA1MCVcbiAgICBjYWxjKFxuICAgICAgMTAwJSAtIHZhcigtLXNiYi1tZW51LWFjdGlvbi1vdXRlci1ob3Jpem9udGFsLXBhZGRpbmcpIC0gdmFyKFxuICAgICAgICAgIC0tc2JiLW1lbnUtYWN0aW9uLWNvbnRlbnQtcGFkZGluZy1pbmxpbmVcbiAgICAgICAgKSAtXG4gICAgICAgIDAuNSAqIHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpXG4gICAgKVxuICAgIGF1dG8gYXV0byAhaW1wb3J0YW50O1xuICB0cmFuc2xhdGU6IDUwJSAtNTAlO1xufVxuXG46aG9zdChbc2JiLWJhZGdlXTppcyg6c3RhdGUoaGFzLWljb24tbmFtZSksIDpzdGF0ZShzbG90dGVkLWljb24pKSk6OmFmdGVyIHtcbiAgaW5zZXQ6IGNhbGMoXG4gICAgICB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItdmVydGljYWwtcGFkZGluZykgKyB2YXIoLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWJsb2NrKSArXG4gICAgICAgIHZhcigtLXNiYi1iYWRnZS1wb3NpdGlvbi1vZmZzZXQpXG4gICAgKVxuICAgIGNhbGMoXG4gICAgICAxMDAlIC0gdmFyKC0tc2JiLW1lbnUtYWN0aW9uLW91dGVyLWhvcml6b250YWwtcGFkZGluZykgLSB2YXIoXG4gICAgICAgICAgLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWlubGluZVxuICAgICAgICApIC0gdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCkgK1xuICAgICAgICB2YXIoLS1zYmItYmFkZ2UtcG9zaXRpb24tb2Zmc2V0KVxuICAgIClcbiAgICBhdXRvIGF1dG8gIWltcG9ydGFudDtcbn1cblxuOmhvc3QoW2FyaWEtY29udHJvbHMqPSdzYmItbWVudSddKSB7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLXN1Ym1lbnUtaWNvbi1kaXNwbGF5OiBmbGV4O1xufVxuXG46aXMoLnNiYi1tZW51LWJ1dHRvbiwgLnNiYi1tZW51LWxpbmspIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGNvbG9yOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tY29sb3IpO1xuICBwYWRkaW5nOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItdmVydGljYWwtcGFkZGluZylcbiAgICB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItaG9yaXpvbnRhbC1wYWRkaW5nKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tY3Vyc29yKTtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLnNiYi1tZW51LWFjdGlvbl9fY29udGVudCB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXhzLS1yZWd1bGFyO1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc2JiLW1lbnUtYWN0aW9uLWdhcCk7XG4gIHBhZGRpbmc6IHZhcigtLXNiYi1tZW51LWFjdGlvbi1jb250ZW50LXBhZGRpbmctYmxvY2spXG4gICAgdmFyKC0tc2JiLW1lbnUtYWN0aW9uLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tYm9yZGVyLXJhZGl1cyk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItbWVudS1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICAvLyBIYW5kbGUgZm9jdXMgb24gdGhlIGhvc3QgKGJ1dHRvbiB2YXJpYW50KVxuICA6aG9zdCg6Zm9jdXMtdmlzaWJsZSkgJixcbiAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBhY3Rpb24gKGxpbmsgdmFyaWFudClcbiAgOmZvY3VzLXZpc2libGUgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTJ4KSBzb2xpZCB2YXIoLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcik7XG4gIH1cbn1cblxuLnNiYi1tZW51LWFjdGlvbl9faWNvbixcbi5zYmItbWVudS1zdWJtZW51X19pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKTtcbiAgbWluLWhlaWdodDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG59XG5cbi5zYmItbWVudS1zdWJtZW51X19pY29uIHtcbiAgZGlzcGxheTogdmFyKC0tc2JiLW1lbnUtYWN0aW9uLXN1Ym1lbnUtaWNvbi1kaXNwbGF5LCBub25lKTtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcbn1cblxuLnNiYi1tZW51LWFjdGlvbl9fbGFiZWwge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG5cbiAgOmhvc3QoOmlzKCN7JGRpc2FibGVkfSkpICYge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQge1xuICB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IsXG4gIGJveFNpemluZ1N0eWxlcyxcbiAgU2JiQWN0aW9uQmFzZUVsZW1lbnQsXG4gIFNiYkRpc2FibGVkTWl4aW4sXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24ucHVyZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL21lbnUtYWN0aW9uLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJEaXNhYmxlZE1peGluKFNiYkFjdGlvbkJhc2VFbGVtZW50KSxcbikge31cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJEaXNhYmxlZE1peGluKHN1cGVyQ2xhc3MpKVxuICAgIGltcGxlbWVudHMgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9fY29udGVudFwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW1lbnUtYWN0aW9uX19pY29uXCI+ICR7c3VwZXIucmVuZGVySWNvblNsb3QoKX0gPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW1lbnUtYWN0aW9uX19sYWJlbFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LXN1Ym1lbnVfX2ljb25cIj5cbiAgICAgICAgICAgIDxzYmItaWNvbiBuYW1lPVwiY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbFwiPjwvc2JiLWljb24+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmXG4gICAgVDtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUNpQkEsSUFBYSxtQ0FHWCxlQUNnRTtDQUNoRSxNQUFlLG1DQUNMLGlCQUFpQixpQkFBaUIsV0FBVyxDQUFDLENBQUE7O0FBR3hDLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSxvQkFBTSxDQUFDOztFQUV2RCxpQkFBYztBQUMvQixVQUFPLElBQUk7O2lEQUVnQyxNQUFNLGdCQUFnQixDQUFBOzs7Ozs7Ozs7OztBQVdyRSxRQUFPIn0=
|