@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1777014673 → 5.0.0-next-dev.1777021773
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/styles/core.scss +4 -1
- package/core.css +17 -8
- package/custom-elements.json +1177 -1177
- package/development/dialog/dialog/dialog.component.js +1 -1
- package/development/dialog.component-BTXyWi17.js +233 -0
- package/development/dialog.js +1 -1
- package/development/dialog.pure.js +1 -1
- package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
- package/development/file-selector/common/file-selector-common.js +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/development/file-selector-common-BX5f18cJ.js +409 -0
- package/development/file-selector-dropzone.component-DMNom2OW.js +110 -0
- package/development/file-selector.js +2 -2
- package/development/file-selector.pure.js +2 -2
- package/dialog/dialog/dialog.component.js +1 -1
- package/{dialog.component-DTbAHlVd.js → dialog.component-ChB9gCyY.js} +1 -1
- package/dialog.js +1 -1
- package/dialog.pure.js +1 -1
- package/file-selector/common/file-selector-common.js +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/{file-selector-common-DpccuOQ4.js → file-selector-common-CMLaHuDP.js} +38 -40
- package/{file-selector-dropzone.component-BSF-kegh.js → file-selector-dropzone.component-CWwpvAVD.js} +3 -4
- package/file-selector.js +2 -2
- package/file-selector.pure.js +2 -2
- package/off-brand-theme.css +17 -8
- package/package.json +2 -2
- package/safety-theme.css +17 -8
- package/standard-theme.css +17 -8
- package/development/dialog.component-B4cZfRCl.js +0 -233
- package/development/file-selector-common-DE_jT1fa.js +0 -411
- package/development/file-selector-dropzone.component-B1Y5qOjb.js +0 -111
|
@@ -0,0 +1,409 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { nothing, unsafeCSS } from "lit";
|
|
3
|
+
import { property } from "lit/decorators.js";
|
|
4
|
+
import { SbbDisabledMixin, SbbFormAssociatedMixin, SbbLanguageController, forceType, forwardEvent, i18nFileSelectorButtonLabel, i18nFileSelectorButtonLabelMultiple, i18nFileSelectorCurrentlySelected, i18nFileSelectorDeleteFile, isLean, sbbInputModalityDetector, ɵstateController } from "./core.js";
|
|
5
|
+
import { html as html$1, unsafeStatic } from "lit/static-html.js";
|
|
6
|
+
import { SbbSecondaryButtonElement } from "./button.pure.js";
|
|
7
|
+
import { ref } from "lit/directives/ref.js";
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region src/elements/file-selector/common/file-selector-common.ts
|
|
10
|
+
var fileSelectorCommonStyle = unsafeCSS(":host {\n --sbb-file-selector-transition-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-2x)\n );\n display: block;\n width: 20rem;\n}\n\n@media (forced-colors: active) {\n :host(:disabled) {\n --sbb-file-selector-color: GrayText;\n --sbb-file-selector-subtitle-color: GrayText;\n --sbb-file-selector-border-color: GrayText;\n }\n}\n\n:host(:is(:state(active),[state--active])) {\n --sbb-file-selector-background-color: var(--sbb-background-color-3);\n --sbb-file-selector-border-color: var(--sbb-color-storm);\n --sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite));\n}\n@media (forced-colors: active) {\n :host(:is(:state(active),[state--active])) {\n --sbb-file-selector-border-color: Highlight;\n }\n}\n\n.sbb-file-selector__input-container {\n -webkit-tap-highlight-color: transparent;\n display: flex;\n flex-direction: column;\n}\n\n.sbb-file-selector__visually-hidden {\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}\n\n.sbb-file-selector__file-list {\n display: flex;\n flex-direction: column;\n row-gap: var(--sbb-spacing-fixed-3x);\n margin-block: 0;\n padding-inline: 0;\n padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x);\n}\n\n.sbb-file-selector__file {\n --sbb-text-font-size: var(--sbb-text-font-size-s);\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 gap: var(--sbb-spacing-fixed-4x);\n align-items: center;\n justify-content: space-between;\n}\n\n.sbb-file-selector__file-details {\n display: flex;\n flex: 1;\n justify-content: space-between;\n gap: var(--sbb-spacing-fixed-4x);\n overflow: auto;\n}\n\n.sbb-file-selector__file-name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.sbb-file-selector__file-size {\n white-space: nowrap;\n color: var(--sbb-color-metal);\n color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));\n}\n\n:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error {\n display: none;\n}");
|
|
11
|
+
var SbbFileSelectorCommonElementMixin = (superclass) => {
|
|
12
|
+
return (() => {
|
|
13
|
+
let _classSuper = SbbDisabledMixin(SbbFormAssociatedMixin(superclass));
|
|
14
|
+
let _instanceExtraInitializers = [];
|
|
15
|
+
let _size_decorators;
|
|
16
|
+
let _size_initializers = [];
|
|
17
|
+
let _size_extraInitializers = [];
|
|
18
|
+
let _multiple_decorators;
|
|
19
|
+
let _multiple_initializers = [];
|
|
20
|
+
let _multiple_extraInitializers = [];
|
|
21
|
+
let _multipleMode_decorators;
|
|
22
|
+
let _multipleMode_initializers = [];
|
|
23
|
+
let _multipleMode_extraInitializers = [];
|
|
24
|
+
let _accept_decorators;
|
|
25
|
+
let _accept_initializers = [];
|
|
26
|
+
let _accept_extraInitializers = [];
|
|
27
|
+
let _accessibilityLabel_decorators;
|
|
28
|
+
let _accessibilityLabel_initializers = [];
|
|
29
|
+
let _accessibilityLabel_extraInitializers = [];
|
|
30
|
+
let _set_value_decorators;
|
|
31
|
+
let _set_files_decorators;
|
|
32
|
+
return class SbbFileSelectorCommonElement extends _classSuper {
|
|
33
|
+
constructor() {
|
|
34
|
+
super(...arguments);
|
|
35
|
+
this.#size_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
|
|
36
|
+
this.#multiple_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _multiple_initializers, false));
|
|
37
|
+
this.#multipleMode_accessor_storage = (__runInitializers(this, _multiple_extraInitializers), __runInitializers(this, _multipleMode_initializers, "default"));
|
|
38
|
+
this.#accept_accessor_storage = (__runInitializers(this, _multipleMode_extraInitializers), __runInitializers(this, _accept_initializers, ""));
|
|
39
|
+
this.#accessibilityLabel_accessor_storage = (__runInitializers(this, _accept_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, ""));
|
|
40
|
+
this._files = (__runInitializers(this, _accessibilityLabel_extraInitializers), []);
|
|
41
|
+
this._suffixes = [
|
|
42
|
+
"B",
|
|
43
|
+
"kB",
|
|
44
|
+
"MB",
|
|
45
|
+
"GB",
|
|
46
|
+
"TB"
|
|
47
|
+
];
|
|
48
|
+
this.language = new SbbLanguageController(this);
|
|
49
|
+
this._counter = 0;
|
|
50
|
+
}
|
|
51
|
+
static {
|
|
52
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
53
|
+
_size_decorators = [property({ reflect: true })];
|
|
54
|
+
_multiple_decorators = [forceType(), property({ type: Boolean })];
|
|
55
|
+
_multipleMode_decorators = [property({ attribute: "multiple-mode" })];
|
|
56
|
+
_accept_decorators = [forceType(), property()];
|
|
57
|
+
_accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
|
|
58
|
+
_set_value_decorators = [property({ attribute: false })];
|
|
59
|
+
_set_files_decorators = [property({ attribute: false })];
|
|
60
|
+
__esDecorate(this, null, _size_decorators, {
|
|
61
|
+
kind: "accessor",
|
|
62
|
+
name: "size",
|
|
63
|
+
static: false,
|
|
64
|
+
private: false,
|
|
65
|
+
access: {
|
|
66
|
+
has: (obj) => "size" in obj,
|
|
67
|
+
get: (obj) => obj.size,
|
|
68
|
+
set: (obj, value) => {
|
|
69
|
+
obj.size = value;
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
metadata: _metadata
|
|
73
|
+
}, _size_initializers, _size_extraInitializers);
|
|
74
|
+
__esDecorate(this, null, _multiple_decorators, {
|
|
75
|
+
kind: "accessor",
|
|
76
|
+
name: "multiple",
|
|
77
|
+
static: false,
|
|
78
|
+
private: false,
|
|
79
|
+
access: {
|
|
80
|
+
has: (obj) => "multiple" in obj,
|
|
81
|
+
get: (obj) => obj.multiple,
|
|
82
|
+
set: (obj, value) => {
|
|
83
|
+
obj.multiple = value;
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
metadata: _metadata
|
|
87
|
+
}, _multiple_initializers, _multiple_extraInitializers);
|
|
88
|
+
__esDecorate(this, null, _multipleMode_decorators, {
|
|
89
|
+
kind: "accessor",
|
|
90
|
+
name: "multipleMode",
|
|
91
|
+
static: false,
|
|
92
|
+
private: false,
|
|
93
|
+
access: {
|
|
94
|
+
has: (obj) => "multipleMode" in obj,
|
|
95
|
+
get: (obj) => obj.multipleMode,
|
|
96
|
+
set: (obj, value) => {
|
|
97
|
+
obj.multipleMode = value;
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
metadata: _metadata
|
|
101
|
+
}, _multipleMode_initializers, _multipleMode_extraInitializers);
|
|
102
|
+
__esDecorate(this, null, _accept_decorators, {
|
|
103
|
+
kind: "accessor",
|
|
104
|
+
name: "accept",
|
|
105
|
+
static: false,
|
|
106
|
+
private: false,
|
|
107
|
+
access: {
|
|
108
|
+
has: (obj) => "accept" in obj,
|
|
109
|
+
get: (obj) => obj.accept,
|
|
110
|
+
set: (obj, value) => {
|
|
111
|
+
obj.accept = value;
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
metadata: _metadata
|
|
115
|
+
}, _accept_initializers, _accept_extraInitializers);
|
|
116
|
+
__esDecorate(this, null, _accessibilityLabel_decorators, {
|
|
117
|
+
kind: "accessor",
|
|
118
|
+
name: "accessibilityLabel",
|
|
119
|
+
static: false,
|
|
120
|
+
private: false,
|
|
121
|
+
access: {
|
|
122
|
+
has: (obj) => "accessibilityLabel" in obj,
|
|
123
|
+
get: (obj) => obj.accessibilityLabel,
|
|
124
|
+
set: (obj, value) => {
|
|
125
|
+
obj.accessibilityLabel = value;
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
metadata: _metadata
|
|
129
|
+
}, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
|
|
130
|
+
__esDecorate(this, null, _set_value_decorators, {
|
|
131
|
+
kind: "setter",
|
|
132
|
+
name: "value",
|
|
133
|
+
static: false,
|
|
134
|
+
private: false,
|
|
135
|
+
access: {
|
|
136
|
+
has: (obj) => "value" in obj,
|
|
137
|
+
set: (obj, value) => {
|
|
138
|
+
obj.value = value;
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
metadata: _metadata
|
|
142
|
+
}, null, _instanceExtraInitializers);
|
|
143
|
+
__esDecorate(this, null, _set_files_decorators, {
|
|
144
|
+
kind: "setter",
|
|
145
|
+
name: "files",
|
|
146
|
+
static: false,
|
|
147
|
+
private: false,
|
|
148
|
+
access: {
|
|
149
|
+
has: (obj) => "files" in obj,
|
|
150
|
+
set: (obj, value) => {
|
|
151
|
+
obj.files = value;
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
metadata: _metadata
|
|
155
|
+
}, null, _instanceExtraInitializers);
|
|
156
|
+
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
157
|
+
enumerable: true,
|
|
158
|
+
configurable: true,
|
|
159
|
+
writable: true,
|
|
160
|
+
value: _metadata
|
|
161
|
+
});
|
|
162
|
+
}
|
|
163
|
+
static {
|
|
164
|
+
this.elementDependencies = [SbbSecondaryButtonElement];
|
|
165
|
+
}
|
|
166
|
+
static {
|
|
167
|
+
this.events = { filechanged: "filechanged" };
|
|
168
|
+
}
|
|
169
|
+
#size_accessor_storage;
|
|
170
|
+
/**
|
|
171
|
+
* Size variant, either s or m.
|
|
172
|
+
* @default 'm' / 's' (lean)
|
|
173
|
+
*/
|
|
174
|
+
get size() {
|
|
175
|
+
return this.#size_accessor_storage;
|
|
176
|
+
}
|
|
177
|
+
set size(value) {
|
|
178
|
+
this.#size_accessor_storage = value;
|
|
179
|
+
}
|
|
180
|
+
#multiple_accessor_storage;
|
|
181
|
+
/** Whether more than one file can be selected. */
|
|
182
|
+
get multiple() {
|
|
183
|
+
return this.#multiple_accessor_storage;
|
|
184
|
+
}
|
|
185
|
+
set multiple(value) {
|
|
186
|
+
this.#multiple_accessor_storage = value;
|
|
187
|
+
}
|
|
188
|
+
#multipleMode_accessor_storage;
|
|
189
|
+
/** Whether the newly added files should override the previously added ones. */
|
|
190
|
+
get multipleMode() {
|
|
191
|
+
return this.#multipleMode_accessor_storage;
|
|
192
|
+
}
|
|
193
|
+
set multipleMode(value) {
|
|
194
|
+
this.#multipleMode_accessor_storage = value;
|
|
195
|
+
}
|
|
196
|
+
#accept_accessor_storage;
|
|
197
|
+
/** A comma-separated list of allowed unique file type specifiers. */
|
|
198
|
+
get accept() {
|
|
199
|
+
return this.#accept_accessor_storage;
|
|
200
|
+
}
|
|
201
|
+
set accept(value) {
|
|
202
|
+
this.#accept_accessor_storage = value;
|
|
203
|
+
}
|
|
204
|
+
#accessibilityLabel_accessor_storage;
|
|
205
|
+
/** This will be forwarded as aria-label to the native input element. */
|
|
206
|
+
get accessibilityLabel() {
|
|
207
|
+
return this.#accessibilityLabel_accessor_storage;
|
|
208
|
+
}
|
|
209
|
+
set accessibilityLabel(value) {
|
|
210
|
+
this.#accessibilityLabel_accessor_storage = value;
|
|
211
|
+
}
|
|
212
|
+
/** The path of the first selected file. Empty string ('') if no file is selected */
|
|
213
|
+
set value(value) {
|
|
214
|
+
this._hiddenInput.value = value ?? "";
|
|
215
|
+
if (!value) this.files = [];
|
|
216
|
+
}
|
|
217
|
+
get value() {
|
|
218
|
+
return this._hiddenInput?.value;
|
|
219
|
+
}
|
|
220
|
+
/** The list of selected files. */
|
|
221
|
+
set files(value) {
|
|
222
|
+
this._files = value ?? [];
|
|
223
|
+
const dt = new DataTransfer();
|
|
224
|
+
this.files.forEach((e) => dt.items.add(e));
|
|
225
|
+
this._hiddenInput.files = dt.files;
|
|
226
|
+
this.updateFormValue();
|
|
227
|
+
}
|
|
228
|
+
get files() {
|
|
229
|
+
return this._files;
|
|
230
|
+
}
|
|
231
|
+
/**
|
|
232
|
+
* Form type of element.
|
|
233
|
+
* @default 'file'
|
|
234
|
+
*/
|
|
235
|
+
get type() {
|
|
236
|
+
return "file";
|
|
237
|
+
}
|
|
238
|
+
formResetCallback() {
|
|
239
|
+
this.files = [];
|
|
240
|
+
}
|
|
241
|
+
formStateRestoreCallback(state, _reason) {
|
|
242
|
+
if (!state) return;
|
|
243
|
+
this.files = state.getAll(this.name);
|
|
244
|
+
}
|
|
245
|
+
updateFormValue() {
|
|
246
|
+
const formValue = new FormData();
|
|
247
|
+
this.files.forEach((file) => formValue.append(this.name, file));
|
|
248
|
+
this.internals.setFormValue(formValue);
|
|
249
|
+
}
|
|
250
|
+
_checkFileEquality(file1, file2) {
|
|
251
|
+
return file1.name === file2.name && file1.size === file2.size && file1.lastModified === file2.lastModified;
|
|
252
|
+
}
|
|
253
|
+
_onFocus() {
|
|
254
|
+
if (sbbInputModalityDetector.mostRecentModality === "keyboard") ɵstateController(this.loadButton).add("focus-visible");
|
|
255
|
+
}
|
|
256
|
+
_onBlur() {
|
|
257
|
+
ɵstateController(this.loadButton).delete("focus-visible");
|
|
258
|
+
}
|
|
259
|
+
_readFiles(event) {
|
|
260
|
+
const fileInput = event.target;
|
|
261
|
+
if (fileInput.files) this.createFileList(fileInput.files);
|
|
262
|
+
forwardEvent(event, this);
|
|
263
|
+
}
|
|
264
|
+
createFileList(files) {
|
|
265
|
+
const fileArray = Array.from(files);
|
|
266
|
+
if (!this.multiple && files.length > 1 || this.accept && fileArray.some((file) => !this.accept.split(",").some((a) => file.name.endsWith(a.trim())))) return;
|
|
267
|
+
if (!this.multiple || this.multipleMode !== "persistent" || this.files.length === 0) this.files = fileArray;
|
|
268
|
+
else this.files = fileArray.filter((newFile) => this.files.findIndex((oldFile) => this._checkFileEquality(newFile, oldFile)) === -1).concat(this.files);
|
|
269
|
+
this._updateA11yLiveRegion();
|
|
270
|
+
this._dispatchFileChangedEvent();
|
|
271
|
+
}
|
|
272
|
+
getButtonLabel() {
|
|
273
|
+
return this.multiple ? i18nFileSelectorButtonLabelMultiple[this.language.current] : i18nFileSelectorButtonLabel[this.language.current];
|
|
274
|
+
}
|
|
275
|
+
_removeFile(file) {
|
|
276
|
+
this.files = this.files.filter((f) => !this._checkFileEquality(file, f));
|
|
277
|
+
this._updateA11yLiveRegion();
|
|
278
|
+
/** The input event fires when the value has been changed as a direct result of a user action. */
|
|
279
|
+
this.dispatchEvent(new InputEvent("input", {
|
|
280
|
+
bubbles: true,
|
|
281
|
+
composed: true
|
|
282
|
+
}));
|
|
283
|
+
/**
|
|
284
|
+
* The change event is fired when the user modifies the element's value.
|
|
285
|
+
* Unlike the input event, the change event is not necessarily fired
|
|
286
|
+
* for each alteration to an element's value.
|
|
287
|
+
*/
|
|
288
|
+
this.dispatchEvent(new Event("change", { bubbles: true }));
|
|
289
|
+
this._dispatchFileChangedEvent();
|
|
290
|
+
}
|
|
291
|
+
_dispatchFileChangedEvent() {
|
|
292
|
+
/**
|
|
293
|
+
* @type {CustomEvent<Readonly<File>[]>}
|
|
294
|
+
* An event which is emitted each time the file list changes.
|
|
295
|
+
*/
|
|
296
|
+
this.dispatchEvent(new CustomEvent("filechanged", {
|
|
297
|
+
bubbles: true,
|
|
298
|
+
composed: true,
|
|
299
|
+
detail: this.files
|
|
300
|
+
}));
|
|
301
|
+
}
|
|
302
|
+
/** Calculates the correct unit for the file's size. */
|
|
303
|
+
_formatFileSize(size) {
|
|
304
|
+
const i = Math.floor(Math.log(size) / Math.log(1024));
|
|
305
|
+
return `${(size / Math.pow(1024, i)).toFixed(0)} ${this._suffixes[i]}`;
|
|
306
|
+
}
|
|
307
|
+
_updateA11yLiveRegion() {
|
|
308
|
+
this._liveRegion.innerText = i18nFileSelectorCurrentlySelected(this.files.map((e) => e.name))[this.language.current];
|
|
309
|
+
}
|
|
310
|
+
_renderFileList() {
|
|
311
|
+
const TAG_NAME = this.files.length > 1 ? {
|
|
312
|
+
WRAPPER: "ul",
|
|
313
|
+
ELEMENT: "li"
|
|
314
|
+
} : {
|
|
315
|
+
WRAPPER: "div",
|
|
316
|
+
ELEMENT: "span"
|
|
317
|
+
};
|
|
318
|
+
return html$1`
|
|
319
|
+
<${unsafeStatic(TAG_NAME.WRAPPER)} class="sbb-file-selector__file-list">
|
|
320
|
+
${this.files.map((file) => html$1`
|
|
321
|
+
<${unsafeStatic(TAG_NAME.ELEMENT)} class="sbb-file-selector__file">
|
|
322
|
+
<span class="sbb-file-selector__file-details">
|
|
323
|
+
<span class="sbb-file-selector__file-name">${file.name}</span>
|
|
324
|
+
<span class="sbb-file-selector__file-size">${this._formatFileSize(file.size)}</span>
|
|
325
|
+
</span>
|
|
326
|
+
<sbb-secondary-button
|
|
327
|
+
size=${this.size}
|
|
328
|
+
icon-name="trash-small"
|
|
329
|
+
@click=${() => this._removeFile(file)}
|
|
330
|
+
aria-label=${`${i18nFileSelectorDeleteFile[this.language.current]} - ${file.name}`}
|
|
331
|
+
></sbb-secondary-button>
|
|
332
|
+
</${unsafeStatic(TAG_NAME.ELEMENT)}>`)}
|
|
333
|
+
</${unsafeStatic(TAG_NAME.WRAPPER)}>
|
|
334
|
+
`;
|
|
335
|
+
}
|
|
336
|
+
_onDragEnter(event) {
|
|
337
|
+
this._counter++;
|
|
338
|
+
if (!this.disabled && !this.formDisabled) {
|
|
339
|
+
this._setDragState(event.target, true);
|
|
340
|
+
this._blockEvent(event);
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
_onDragLeave(event) {
|
|
344
|
+
this._counter--;
|
|
345
|
+
if (!this.disabled && !this.formDisabled && event.target === this._dragTarget && this._counter === 0) {
|
|
346
|
+
this._setDragState();
|
|
347
|
+
this._blockEvent(event);
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
_onFileDrop(event) {
|
|
351
|
+
this._counter = 0;
|
|
352
|
+
if (!this.disabled && !this.formDisabled) {
|
|
353
|
+
this._setDragState();
|
|
354
|
+
this._blockEvent(event);
|
|
355
|
+
this.createFileList(event.dataTransfer.files);
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
_blockEvent(event) {
|
|
359
|
+
event.stopPropagation();
|
|
360
|
+
event.preventDefault();
|
|
361
|
+
}
|
|
362
|
+
_setDragState(dragTarget = void 0, isDragEnter = false) {
|
|
363
|
+
this._dragTarget = dragTarget;
|
|
364
|
+
this.toggleState("active", isDragEnter);
|
|
365
|
+
ɵstateController(this.loadButton).toggle("active", isDragEnter);
|
|
366
|
+
}
|
|
367
|
+
render() {
|
|
368
|
+
const ariaLabel = this.accessibilityLabel ? `${this.getButtonLabel()} - ${this.accessibilityLabel}` : void 0;
|
|
369
|
+
return html$1`
|
|
370
|
+
<div
|
|
371
|
+
class="sbb-file-selector__input-container"
|
|
372
|
+
@dragenter=${this._onDragEnter}
|
|
373
|
+
@dragover=${this._blockEvent}
|
|
374
|
+
@dragleave=${this._onDragLeave}
|
|
375
|
+
@drop=${this._onFileDrop}
|
|
376
|
+
>
|
|
377
|
+
${this.renderTemplate(html$1`<input
|
|
378
|
+
class="sbb-file-selector__visually-hidden"
|
|
379
|
+
type="file"
|
|
380
|
+
?disabled=${this.disabled || this.formDisabled}
|
|
381
|
+
?multiple=${this.multiple}
|
|
382
|
+
accept=${this.accept || nothing}
|
|
383
|
+
aria-label=${ariaLabel || nothing}
|
|
384
|
+
@change=${this._readFiles}
|
|
385
|
+
@focus=${this._onFocus}
|
|
386
|
+
@blur=${this._onBlur}
|
|
387
|
+
${ref((el) => {
|
|
388
|
+
this._hiddenInput = el;
|
|
389
|
+
})}
|
|
390
|
+
/>`)}
|
|
391
|
+
</div>
|
|
392
|
+
<p
|
|
393
|
+
role="status"
|
|
394
|
+
class="sbb-file-selector__visually-hidden"
|
|
395
|
+
${ref((p) => this._liveRegion = p)}
|
|
396
|
+
></p>
|
|
397
|
+
${this.files.length > 0 ? this._renderFileList() : nothing}
|
|
398
|
+
<div class="sbb-file-selector__error">
|
|
399
|
+
<slot name="error"></slot>
|
|
400
|
+
</div>
|
|
401
|
+
`;
|
|
402
|
+
}
|
|
403
|
+
};
|
|
404
|
+
})();
|
|
405
|
+
};
|
|
406
|
+
//#endregion
|
|
407
|
+
export { fileSelectorCommonStyle as n, SbbFileSelectorCommonElementMixin as t };
|
|
408
|
+
|
|
409
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1jb21tb24tQlg1ZjE4Y0ouanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgzMjApfTtcbn1cblxuOmhvc3QoOmRpc2FibGVkKSB7XG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLXN1YnRpdGxlLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLWJvcmRlci1jb2xvcjogR3JheVRleHQ7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0zKTtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci1ib3JkZXItY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLXN0b3JtKSwgdmFyKC0tc2JiLWNvbG9yLWFudGhyYWNpdGUpKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItZmlsZS1zZWxlY3Rvci1ib3JkZXItY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG4uc2JiLWZpbGUtc2VsZWN0b3JfX2lucHV0LWNvbnRhaW5lciB7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fdmlzdWFsbHktaGlkZGVuIHtcbiAgQGluY2x1ZGUgc2JiLnNjcmVlbi1yZWFkZXItb25seTtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICByb3ctZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIG1hcmdpbi1ibG9jazogMDtcbiAgcGFkZGluZy1pbmxpbmU6IDA7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KSB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZmlsZSB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXMtLXJlZ3VsYXI7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLWRldGFpbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNHgpO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLW5hbWUge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1zaXplIHtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLW1ldGFsKSwgdmFyKC0tc2JiLWNvbG9yLXNtb2tlKSk7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZXJyb3Ige1xuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWVycm9yKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiIsImltcG9ydCB7IG5vdGhpbmcsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQge1xuICBTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50LFxuICB0eXBlIFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQsXG59IGZyb20gJy4uLy4uL2J1dHRvbi5wdXJlLnRzJztcbmltcG9ydCB7XG4gIHR5cGUgQWJzdHJhY3RDb25zdHJ1Y3RvcixcbiAgZm9yY2VUeXBlLFxuICB0eXBlIEZvcm1SZXN0b3JlUmVhc29uLFxuICB0eXBlIEZvcm1SZXN0b3JlU3RhdGUsXG4gIGZvcndhcmRFdmVudCxcbiAgaTE4bkZpbGVTZWxlY3RvckJ1dHRvbkxhYmVsLFxuICBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWxNdWx0aXBsZSxcbiAgaTE4bkZpbGVTZWxlY3RvckN1cnJlbnRseVNlbGVjdGVkLFxuICBpMThuRmlsZVNlbGVjdG9yRGVsZXRlRmlsZSxcbiAgaXNMZWFuLFxuICBTYmJEaXNhYmxlZE1peGluLFxuICBTYmJFbGVtZW50LFxuICB0eXBlIFNiYkVsZW1lbnRDb25zdHJ1Y3RvcixcbiAgdHlwZSBTYmJFbGVtZW50VHlwZSxcbiAgU2JiRm9ybUFzc29jaWF0ZWRNaXhpbixcbiAgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yLFxuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG4gIMm1c3RhdGVDb250cm9sbGVyLFxufSBmcm9tICcuLi8uLi9jb3JlLnRzJztcblxuaW1wb3J0IGZpbGVTZWxlY3RvckNvbW1vblN0eWxlU3RyaW5nIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1jb21tb24uc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUgPSB1bnNhZmVDU1MoZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGVTdHJpbmcpO1xuXG5leHBvcnQgZGVjbGFyZSBhYnN0cmFjdCBjbGFzcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW5UeXBlIGV4dGVuZHMgU2JiRGlzYWJsZWRNaXhpbihcbiAgU2JiRm9ybUFzc29jaWF0ZWRNaXhpbihTYmJFbGVtZW50KSxcbikge1xuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ20nO1xuICBwdWJsaWMgYWNjZXNzb3IgbXVsdGlwbGU6IGJvb2xlYW47XG4gIHB1YmxpYyBhY2Nlc3NvciBtdWx0aXBsZU1vZGU6ICdkZWZhdWx0JyB8ICdwZXJzaXN0ZW50JztcbiAgcHVibGljIGFjY2Vzc29yIGFjY2VwdDogc3RyaW5nO1xuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmc7XG4gIHB1YmxpYyBhY2Nlc3NvciBmaWxlczogUmVhZG9ubHk8RmlsZT5bXTtcbiAgcHVibGljIG92ZXJyaWRlIGdldCB2YWx1ZSgpOiBzdHJpbmcgfCBudWxsO1xuICBwdWJsaWMgb3ZlcnJpZGUgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcgfCBudWxsKTtcbiAgcHJvdGVjdGVkIGxvYWRCdXR0b246IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gIHByb3RlY3RlZCBsYW5ndWFnZTogU2JiTGFuZ3VhZ2VDb250cm9sbGVyO1xuICBwcm90ZWN0ZWQgYWJzdHJhY3QgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQ7XG4gIHByb3RlY3RlZCBjcmVhdGVGaWxlTGlzdChmaWxlczogRmlsZUxpc3QpOiB2b2lkO1xuICBwcm90ZWN0ZWQgZ2V0QnV0dG9uTGFiZWwoKTogc3RyaW5nO1xuICBwdWJsaWMgZm9ybVJlc2V0Q2FsbGJhY2soKTogdm9pZDtcbiAgcHVibGljIGZvcm1TdGF0ZVJlc3RvcmVDYWxsYmFjayhzdGF0ZTogRm9ybVJlc3RvcmVTdGF0ZSB8IG51bGwsIHJlYXNvbjogRm9ybVJlc3RvcmVSZWFzb24pOiB2b2lkO1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJFbGVtZW50PiAmIFNiYkVsZW1lbnRDb25zdHJ1Y3Rvcixcbj4oXG4gIHN1cGVyY2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiRm9ybUFzc29jaWF0ZWRNaXhpbihzdXBlcmNsYXNzKSlcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50XTtcbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICAgIGZpbGVjaGFuZ2VkOiAnZmlsZWNoYW5nZWQnLFxuICAgIH0gYXMgY29uc3Q7XG5cbiAgICAvKipcbiAgICAgKiBTaXplIHZhcmlhbnQsIGVpdGhlciBzIG9yIG0uXG4gICAgICogQGRlZmF1bHQgJ20nIC8gJ3MnIChsZWFuKVxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdzJyB8ICdtJyA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gICAgLyoqIFdoZXRoZXIgbW9yZSB0aGFuIG9uZSBmaWxlIGNhbiBiZSBzZWxlY3RlZC4gKi9cbiAgICBAZm9yY2VUeXBlKClcbiAgICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuIH0pXG4gICAgcHVibGljIGFjY2Vzc29yIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogV2hldGhlciB0aGUgbmV3bHkgYWRkZWQgZmlsZXMgc2hvdWxkIG92ZXJyaWRlIHRoZSBwcmV2aW91c2x5IGFkZGVkIG9uZXMuICovXG4gICAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbXVsdGlwbGUtbW9kZScgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgbXVsdGlwbGVNb2RlOiAnZGVmYXVsdCcgfCAncGVyc2lzdGVudCcgPSAnZGVmYXVsdCc7XG5cbiAgICAvKiogQSBjb21tYS1zZXBhcmF0ZWQgbGlzdCBvZiBhbGxvd2VkIHVuaXF1ZSBmaWxlIHR5cGUgc3BlY2lmaWVycy4gKi9cbiAgICBAZm9yY2VUeXBlKClcbiAgICBAcHJvcGVydHkoKVxuICAgIHB1YmxpYyBhY2Nlc3NvciBhY2NlcHQ6IHN0cmluZyA9ICcnO1xuXG4gICAgLyoqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQuICovXG4gICAgQGZvcmNlVHlwZSgpXG4gICAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAgIC8qKiBUaGUgcGF0aCBvZiB0aGUgZmlyc3Qgc2VsZWN0ZWQgZmlsZS4gRW1wdHkgc3RyaW5nICgnJykgaWYgbm8gZmlsZSBpcyBzZWxlY3RlZCAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogZmFsc2UgfSlcbiAgICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XG4gICAgICB0aGlzLl9oaWRkZW5JbnB1dC52YWx1ZSA9IHZhbHVlID8/ICcnO1xuXG4gICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgIHRoaXMuZmlsZXMgPSBbXTtcbiAgICAgIH1cbiAgICB9XG4gICAgcHVibGljIGdldCB2YWx1ZSgpOiBzdHJpbmcgfCBudWxsIHtcbiAgICAgIHJldHVybiB0aGlzLl9oaWRkZW5JbnB1dD8udmFsdWU7XG4gICAgfVxuXG4gICAgLyoqIFRoZSBsaXN0IG9mIHNlbGVjdGVkIGZpbGVzLiAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogZmFsc2UgfSlcbiAgICBwdWJsaWMgc2V0IGZpbGVzKHZhbHVlOiBSZWFkb25seTxGaWxlPltdKSB7XG4gICAgICB0aGlzLl9maWxlcyA9IHZhbHVlID8/IFtdO1xuXG4gICAgICAvLyB1cGRhdGUgdGhlIGlubmVyIGlucHV0XG4gICAgICBjb25zdCBkdDogRGF0YVRyYW5zZmVyID0gbmV3IERhdGFUcmFuc2ZlcigpO1xuICAgICAgdGhpcy5maWxlcy5mb3JFYWNoKChlOiBSZWFkb25seTxGaWxlPikgPT4gZHQuaXRlbXMuYWRkKGUpKTtcbiAgICAgIHRoaXMuX2hpZGRlbklucHV0LmZpbGVzID0gZHQuZmlsZXM7XG5cbiAgICAgIHRoaXMudXBkYXRlRm9ybVZhbHVlKCk7XG4gICAgfVxuICAgIHB1YmxpYyBnZXQgZmlsZXMoKTogUmVhZG9ubHk8RmlsZT5bXSB7XG4gICAgICByZXR1cm4gdGhpcy5fZmlsZXM7XG4gICAgfVxuICAgIHByaXZhdGUgX2ZpbGVzOiBSZWFkb25seTxGaWxlPltdID0gW107XG5cbiAgICAvKipcbiAgICAgKiBGb3JtIHR5cGUgb2YgZWxlbWVudC5cbiAgICAgKiBAZGVmYXVsdCAnZmlsZSdcbiAgICAgKi9cbiAgICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IHR5cGUoKTogc3RyaW5nIHtcbiAgICAgIHJldHVybiAnZmlsZSc7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfaGlkZGVuSW5wdXQhOiBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHByaXZhdGUgX3N1ZmZpeGVzOiBzdHJpbmdbXSA9IFsnQicsICdrQicsICdNQicsICdHQicsICdUQiddO1xuICAgIHByaXZhdGUgX2xpdmVSZWdpb24hOiBIVE1MUGFyYWdyYXBoRWxlbWVudDtcbiAgICBwcm90ZWN0ZWQgbG9hZEJ1dHRvbiE6IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gICAgcHJvdGVjdGVkIGxhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICAgIC8vIFNhZmFyaSBoYXMgYSBwZWN1bGlhciBiZWhhdmlvciB3aGVuIGRyYWdnaW5nIGZpbGVzIG9uIHRoZSBpbm5lciBidXR0b24gaW4gJ2Ryb3B6b25lJyB2YXJpYW50O1xuICAgIC8vIHRoaXMgd2lsbCByZXF1aXJlIGEgY291bnRlciB0byBjb3JyZWN0bHkgaGFuZGxlIHRoZSBkcmFnRW50ZXIvZHJhZ0xlYXZlLlxuICAgIHByaXZhdGUgX2NvdW50ZXI6IG51bWJlciA9IDA7XG4gICAgcHJpdmF0ZSBfZHJhZ1RhcmdldD86IEhUTUxFbGVtZW50O1xuXG4gICAgcHJvdGVjdGVkIGFic3RyYWN0IHJlbmRlclRlbXBsYXRlKGlucHV0OiBUZW1wbGF0ZVJlc3VsdCk6IFRlbXBsYXRlUmVzdWx0O1xuXG4gICAgcHVibGljIG92ZXJyaWRlIGZvcm1SZXNldENhbGxiYWNrKCk6IHZvaWQge1xuICAgICAgdGhpcy5maWxlcyA9IFtdO1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBmb3JtU3RhdGVSZXN0b3JlQ2FsbGJhY2soXG4gICAgICBzdGF0ZTogRm9ybVJlc3RvcmVTdGF0ZSB8IG51bGwsXG4gICAgICBfcmVhc29uPzogRm9ybVJlc3RvcmVSZWFzb24sXG4gICAgKTogdm9pZCB7XG4gICAgICBpZiAoIXN0YXRlKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHRoaXMuZmlsZXMgPSAoc3RhdGUgYXMgRm9ybURhdGEpLmdldEFsbCh0aGlzLm5hbWUpIGFzIFJlYWRvbmx5PEZpbGU+W107XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHVwZGF0ZUZvcm1WYWx1ZSgpOiB2b2lkIHtcbiAgICAgIGNvbnN0IGZvcm1WYWx1ZSA9IG5ldyBGb3JtRGF0YSgpO1xuICAgICAgdGhpcy5maWxlcy5mb3JFYWNoKChmaWxlKSA9PiBmb3JtVmFsdWUuYXBwZW5kKHRoaXMubmFtZSwgZmlsZSkpO1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc2V0Rm9ybVZhbHVlKGZvcm1WYWx1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY2hlY2tGaWxlRXF1YWxpdHkoZmlsZTE6IFJlYWRvbmx5PEZpbGU+LCBmaWxlMjogUmVhZG9ubHk8RmlsZT4pOiBib29sZWFuIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIGZpbGUxLm5hbWUgPT09IGZpbGUyLm5hbWUgJiZcbiAgICAgICAgZmlsZTEuc2l6ZSA9PT0gZmlsZTIuc2l6ZSAmJlxuICAgICAgICBmaWxlMS5sYXN0TW9kaWZpZWQgPT09IGZpbGUyLmxhc3RNb2RpZmllZFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkZvY3VzKCk6IHZvaWQge1xuICAgICAgaWYgKHNiYklucHV0TW9kYWxpdHlEZXRlY3Rvci5tb3N0UmVjZW50TW9kYWxpdHkgPT09ICdrZXlib2FyZCcpIHtcbiAgICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5sb2FkQnV0dG9uKS5hZGQoJ2ZvY3VzLXZpc2libGUnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkJsdXIoKTogdm9pZCB7XG4gICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmxvYWRCdXR0b24pLmRlbGV0ZSgnZm9jdXMtdmlzaWJsZScpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3JlYWRGaWxlcyhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgIGNvbnN0IGZpbGVJbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgaWYgKGZpbGVJbnB1dC5maWxlcykge1xuICAgICAgICB0aGlzLmNyZWF0ZUZpbGVMaXN0KGZpbGVJbnB1dC5maWxlcyk7XG4gICAgICB9XG4gICAgICBmb3J3YXJkRXZlbnQoZXZlbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBjcmVhdGVGaWxlTGlzdChmaWxlczogRmlsZUxpc3QpOiB2b2lkIHtcbiAgICAgIGNvbnN0IGZpbGVBcnJheSA9IEFycmF5LmZyb20oZmlsZXMpO1xuICAgICAgaWYgKFxuICAgICAgICAoIXRoaXMubXVsdGlwbGUgJiYgZmlsZXMubGVuZ3RoID4gMSkgfHxcbiAgICAgICAgKHRoaXMuYWNjZXB0ICYmXG4gICAgICAgICAgZmlsZUFycmF5LnNvbWUoXG4gICAgICAgICAgICAoZmlsZSkgPT4gIXRoaXMuYWNjZXB0LnNwbGl0KCcsJykuc29tZSgoYSkgPT4gZmlsZS5uYW1lLmVuZHNXaXRoKGEudHJpbSgpKSksXG4gICAgICAgICAgKSlcbiAgICAgICkge1xuICAgICAgICAvLyBJZiBtdWx0aXBsZSBmaWxlcyBhcmUgc2VsZWN0ZWQgYnV0IHRoZSBzZWxlY3RvciBpcyBub3QgaW4gbXVsdGlwbGUgbW9kZSxcbiAgICAgICAgLy8gaWdub3JlIHRoZSBzZWxlY3Rpb24gKGxpa2UgbmF0aXZlIGJlaGF2aW9yKS5cbiAgICAgICAgLy8gSWYgdGhlIGFjY2VwdCBhdHRyaWJ1dGUgaXMgc2V0LCBjaGVjayBpZiB0aGUgc2VsZWN0ZWQgZmlsZXMgbWF0Y2ggdGhlIGFsbG93ZWQgdHlwZXMuXG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgaWYgKCF0aGlzLm11bHRpcGxlIHx8IHRoaXMubXVsdGlwbGVNb2RlICE9PSAncGVyc2lzdGVudCcgfHwgdGhpcy5maWxlcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgdGhpcy5maWxlcyA9IGZpbGVBcnJheTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuZmlsZXMgPSBmaWxlQXJyYXlcbiAgICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgICAgLy8gUmVtb3ZlIGR1cGxpY2F0ZXNcbiAgICAgICAgICAgIChuZXdGaWxlOiBSZWFkb25seTxGaWxlPik6IGJvb2xlYW4gPT5cbiAgICAgICAgICAgICAgdGhpcy5maWxlcyEuZmluZEluZGV4KChvbGRGaWxlOiBSZWFkb25seTxGaWxlPikgPT5cbiAgICAgICAgICAgICAgICB0aGlzLl9jaGVja0ZpbGVFcXVhbGl0eShuZXdGaWxlLCBvbGRGaWxlKSxcbiAgICAgICAgICAgICAgKSA9PT0gLTEsXG4gICAgICAgICAgKVxuICAgICAgICAgIC5jb25jYXQodGhpcy5maWxlcyk7XG4gICAgICB9XG4gICAgICB0aGlzLl91cGRhdGVBMTF5TGl2ZVJlZ2lvbigpO1xuICAgICAgdGhpcy5fZGlzcGF0Y2hGaWxlQ2hhbmdlZEV2ZW50KCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldEJ1dHRvbkxhYmVsKCk6IHN0cmluZyB7XG4gICAgICByZXR1cm4gdGhpcy5tdWx0aXBsZVxuICAgICAgICA/IGkxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbE11bHRpcGxlW3RoaXMubGFuZ3VhZ2UuY3VycmVudF1cbiAgICAgICAgOiBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWxbdGhpcy5sYW5ndWFnZS5jdXJyZW50XTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9yZW1vdmVGaWxlKGZpbGU6IFJlYWRvbmx5PEZpbGU+KTogdm9pZCB7XG4gICAgICB0aGlzLmZpbGVzID0gdGhpcy5maWxlcy5maWx0ZXIoKGY6IFJlYWRvbmx5PEZpbGU+KSA9PiAhdGhpcy5fY2hlY2tGaWxlRXF1YWxpdHkoZmlsZSwgZikpO1xuICAgICAgdGhpcy5fdXBkYXRlQTExeUxpdmVSZWdpb24oKTtcblxuICAgICAgLy8gRGlzcGF0Y2ggbmF0aXZlIGV2ZW50cyBhcyBpZiB0aGUgcmVzZXQgaXMgZG9uZSB2aWEgdGhlIGZpbGUgc2VsZWN0aW9uIHdpbmRvdy5cbiAgICAgIC8qKiBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi4gKi9cbiAgICAgIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgICAgbmV3IElucHV0RXZlbnQoJ2lucHV0Jywge1xuICAgICAgICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgICAgICAgY29tcG9zZWQ6IHRydWUsXG4gICAgICAgIH0pLFxuICAgICAgKTtcblxuICAgICAgLyoqXG4gICAgICAgKiBUaGUgY2hhbmdlIGV2ZW50IGlzIGZpcmVkIHdoZW4gdGhlIHVzZXIgbW9kaWZpZXMgdGhlIGVsZW1lbnQncyB2YWx1ZS5cbiAgICAgICAqIFVubGlrZSB0aGUgaW5wdXQgZXZlbnQsIHRoZSBjaGFuZ2UgZXZlbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGZpcmVkXG4gICAgICAgKiBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAgICAgICAqL1xuICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnY2hhbmdlJywgeyBidWJibGVzOiB0cnVlIH0pKTtcbiAgICAgIHRoaXMuX2Rpc3BhdGNoRmlsZUNoYW5nZWRFdmVudCgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2Rpc3BhdGNoRmlsZUNoYW5nZWRFdmVudCgpOiB2b2lkIHtcbiAgICAgIC8qKlxuICAgICAgICogQHR5cGUge0N1c3RvbUV2ZW50PFJlYWRvbmx5PEZpbGU+W10+fVxuICAgICAgICogQW4gZXZlbnQgd2hpY2ggaXMgZW1pdHRlZCBlYWNoIHRpbWUgdGhlIGZpbGUgbGlzdCBjaGFuZ2VzLlxuICAgICAgICovXG4gICAgICB0aGlzLmRpc3BhdGNoRXZlbnQoXG4gICAgICAgIG5ldyBDdXN0b21FdmVudDxSZWFkb25seTxGaWxlPltdPignZmlsZWNoYW5nZWQnLCB7XG4gICAgICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgICAgICBjb21wb3NlZDogdHJ1ZSxcbiAgICAgICAgICBkZXRhaWw6IHRoaXMuZmlsZXMsXG4gICAgICAgIH0pLFxuICAgICAgKTtcbiAgICB9XG5cbiAgICAvKiogQ2FsY3VsYXRlcyB0aGUgY29ycmVjdCB1bml0IGZvciB0aGUgZmlsZSdzIHNpemUuICovXG4gICAgcHJpdmF0ZSBfZm9ybWF0RmlsZVNpemUoc2l6ZTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICAgIGNvbnN0IGk6IG51bWJlciA9IE1hdGguZmxvb3IoTWF0aC5sb2coc2l6ZSkgLyBNYXRoLmxvZygxMDI0KSk7XG4gICAgICByZXR1cm4gYCR7KHNpemUgLyBNYXRoLnBvdygxMDI0LCBpKSkudG9GaXhlZCgwKX0gJHt0aGlzLl9zdWZmaXhlc1tpXX1gO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3VwZGF0ZUExMXlMaXZlUmVnaW9uKCk6IHZvaWQge1xuICAgICAgdGhpcy5fbGl2ZVJlZ2lvbi5pbm5lclRleHQgPSBpMThuRmlsZVNlbGVjdG9yQ3VycmVudGx5U2VsZWN0ZWQodGhpcy5maWxlcy5tYXAoKGUpID0+IGUubmFtZSkpW1xuICAgICAgICB0aGlzLmxhbmd1YWdlLmN1cnJlbnRcbiAgICAgIF07XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfcmVuZGVyRmlsZUxpc3QoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgY29uc3QgVEFHX05BTUU6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPVxuICAgICAgICB0aGlzLmZpbGVzLmxlbmd0aCA+IDFcbiAgICAgICAgICA/IHsgV1JBUFBFUjogJ3VsJywgRUxFTUVOVDogJ2xpJyB9XG4gICAgICAgICAgOiB7IFdSQVBQRVI6ICdkaXYnLCBFTEVNRU5UOiAnc3BhbicgfTtcblxuICAgICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgIDwke3Vuc2FmZVN0YXRpYyhUQUdfTkFNRS5XUkFQUEVSKX0gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1saXN0XCI+XG4gICAgICAgICR7dGhpcy5maWxlcy5tYXAoXG4gICAgICAgICAgKGZpbGU6IFJlYWRvbmx5PEZpbGU+KSA9PiBodG1sYFxuICAgICAgICAgICAgPCR7dW5zYWZlU3RhdGljKFRBR19OQU1FLkVMRU1FTlQpfSBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1kZXRhaWxzXCI+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlLW5hbWVcIj4ke2ZpbGUubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlLXNpemVcIj4ke3RoaXMuX2Zvcm1hdEZpbGVTaXplKGZpbGUuc2l6ZSl9PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uXG4gICAgICAgICAgICAgICAgc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgICAgICAgICBpY29uLW5hbWU9XCJ0cmFzaC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fcmVtb3ZlRmlsZShmaWxlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPSR7YCR7aTE4bkZpbGVTZWxlY3RvckRlbGV0ZUZpbGVbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX0gLSAke2ZpbGUubmFtZX1gfVxuICAgICAgICAgICAgICA+PC9zYmItc2Vjb25kYXJ5LWJ1dHRvbj5cbiAgICAgICAgICAgIDwvJHt1bnNhZmVTdGF0aWMoVEFHX05BTUUuRUxFTUVOVCl9PmAsXG4gICAgICAgICl9XG4gICAgICA8LyR7dW5zYWZlU3RhdGljKFRBR19OQU1FLldSQVBQRVIpfT5cbiAgICBgO1xuICAgICAgLyogZXNsaW50LWVuYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkRyYWdFbnRlcihldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgICB0aGlzLl9jb3VudGVyKys7XG4gICAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuZm9ybURpc2FibGVkKSB7XG4gICAgICAgIHRoaXMuX3NldERyYWdTdGF0ZShldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQsIHRydWUpO1xuICAgICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkRyYWdMZWF2ZShldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgICB0aGlzLl9jb3VudGVyLS07XG4gICAgICBpZiAoXG4gICAgICAgICF0aGlzLmRpc2FibGVkICYmXG4gICAgICAgICF0aGlzLmZvcm1EaXNhYmxlZCAmJlxuICAgICAgICBldmVudC50YXJnZXQgPT09IHRoaXMuX2RyYWdUYXJnZXQgJiZcbiAgICAgICAgdGhpcy5fY291bnRlciA9PT0gMFxuICAgICAgKSB7XG4gICAgICAgIHRoaXMuX3NldERyYWdTdGF0ZSgpO1xuICAgICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkZpbGVEcm9wKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICAgIHRoaXMuX2NvdW50ZXIgPSAwO1xuICAgICAgaWYgKCF0aGlzLmRpc2FibGVkICYmICF0aGlzLmZvcm1EaXNhYmxlZCkge1xuICAgICAgICB0aGlzLl9zZXREcmFnU3RhdGUoKTtcbiAgICAgICAgdGhpcy5fYmxvY2tFdmVudChldmVudCk7XG4gICAgICAgIHRoaXMuY3JlYXRlRmlsZUxpc3QoZXZlbnQuZGF0YVRyYW5zZmVyIS5maWxlcyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfYmxvY2tFdmVudChldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfc2V0RHJhZ1N0YXRlKFxuICAgICAgZHJhZ1RhcmdldDogSFRNTEVsZW1lbnQgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQsXG4gICAgICBpc0RyYWdFbnRlcjogYm9vbGVhbiA9IGZhbHNlLFxuICAgICk6IHZvaWQge1xuICAgICAgdGhpcy5fZHJhZ1RhcmdldCA9IGRyYWdUYXJnZXQ7XG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdhY3RpdmUnLCBpc0RyYWdFbnRlcik7XG4gICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmxvYWRCdXR0b24pLnRvZ2dsZSgnYWN0aXZlJywgaXNEcmFnRW50ZXIpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgY29uc3QgYXJpYUxhYmVsID0gdGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWxcbiAgICAgICAgPyBgJHt0aGlzLmdldEJ1dHRvbkxhYmVsKCl9IC0gJHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH1gXG4gICAgICAgIDogdW5kZWZpbmVkO1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19pbnB1dC1jb250YWluZXJcIlxuICAgICAgICAgIEBkcmFnZW50ZXI9JHt0aGlzLl9vbkRyYWdFbnRlcn1cbiAgICAgICAgICBAZHJhZ292ZXI9JHt0aGlzLl9ibG9ja0V2ZW50fVxuICAgICAgICAgIEBkcmFnbGVhdmU9JHt0aGlzLl9vbkRyYWdMZWF2ZX1cbiAgICAgICAgICBAZHJvcD0ke3RoaXMuX29uRmlsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICAke3RoaXMucmVuZGVyVGVtcGxhdGUoXG4gICAgICAgICAgICBodG1sYDxpbnB1dFxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX192aXN1YWxseS1oaWRkZW5cIlxuICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAgID9tdWx0aXBsZT0ke3RoaXMubXVsdGlwbGV9XG4gICAgICAgICAgICAgIGFjY2VwdD0ke3RoaXMuYWNjZXB0IHx8IG5vdGhpbmd9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHthcmlhTGFiZWwgfHwgbm90aGluZ31cbiAgICAgICAgICAgICAgQGNoYW5nZT0ke3RoaXMuX3JlYWRGaWxlc31cbiAgICAgICAgICAgICAgQGZvY3VzPSR7dGhpcy5fb25Gb2N1c31cbiAgICAgICAgICAgICAgQGJsdXI9JHt0aGlzLl9vbkJsdXJ9XG4gICAgICAgICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLl9oaWRkZW5JbnB1dCA9IGVsIGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgLz5gLFxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8cFxuICAgICAgICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgICAgICAgIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX3Zpc3VhbGx5LWhpZGRlblwiXG4gICAgICAgICAgJHtyZWYoKHA/OiBFbGVtZW50KSA9PiAodGhpcy5fbGl2ZVJlZ2lvbiA9IHAgYXMgSFRNTFBhcmFncmFwaEVsZW1lbnQpKX1cbiAgICAgICAgPjwvcD5cbiAgICAgICAgJHt0aGlzLmZpbGVzLmxlbmd0aCA+IDAgPyB0aGlzLl9yZW5kZXJGaWxlTGlzdCgpIDogbm90aGluZ31cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19lcnJvclwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJlcnJvclwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUNnQ0EsSUFBYSwwQkFBMEIsVUFBVSwyMEVBQThCO0FBdUIvRSxJQUFhLHFDQUdYLGVBQ2tFO0FBNFVsRSxlQTNVMkM7b0JBQ2pDLGlCQUFpQix1QkFBdUIsV0FBVyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O2VBRC9DLHFDQUNMLFlBQW9EOzs7QUFZZixVQUFBLHlCQWJoQyxrQkFBQSxNQUFBLDJCQUE0QixFQUFBLGtCQUFBLE1BQUEsb0JBYXNCLFFBQVEsR0FBRyxNQUFNLElBQUc7QUFLbkUsVUFBQSw2QkFBQSxrQkFBQSxNQUFBLHdCQUFBLEVBQUEsa0JBQUEsTUFBQSx3QkFBb0IsTUFBSztBQUl6QixVQUFBLGlDQUFBLGtCQUFBLE1BQUEsNEJBQUEsRUFBQSxrQkFBQSxNQUFBLDRCQUF5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
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { unsafeCSS } from "lit";
|
|
3
|
+
import { property } from "lit/decorators.js";
|
|
4
|
+
import { SbbElement, boxSizingStyles, forceType, i18nFileSelectorSubtitleLabel, i18nFileSelectorSubtitleLabelMultiple } from "./core.js";
|
|
5
|
+
import { html as html$1 } from "lit/static-html.js";
|
|
6
|
+
import { SbbSecondaryButtonStaticElement } from "./button.pure.js";
|
|
7
|
+
import { SbbIconElement } from "./icon.pure.js";
|
|
8
|
+
import { ref } from "lit/directives/ref.js";
|
|
9
|
+
import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "./file-selector/common/file-selector-common.js";
|
|
10
|
+
//#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.scss?inline
|
|
11
|
+
var file_selector_dropzone_default = ":host([size=m]) {\n --_sbb-file-selector-dropzone-icon-medium-display: block;\n --_sbb-file-selector-dropzone-icon-small-display: none;\n}\n\n:host([size=s]) {\n --_sbb-file-selector-dropzone-icon-medium-display: none;\n --_sbb-file-selector-dropzone-icon-small-display: block;\n}\n\n.sbb-file-selector__dropzone-area {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--sbb-spacing-responsive-s);\n background-color: var(--sbb-file-selector-background-color);\n border: var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);\n border-radius: var(--sbb-border-radius-4x);\n transition-duration: var(--sbb-file-selector-transition-duration);\n transition-timing-function: var(--sbb-file-selector-transition-easing-function);\n transition-property: background-color, border-color;\n}\n\n.sbb-file-selector__dropzone-area--icon {\n color: var(--sbb-file-selector-color);\n line-height: 0;\n}\n.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-medium] {\n display: var(--_sbb-file-selector-dropzone-icon-medium-display);\n}\n.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-small] {\n display: var(--_sbb-file-selector-dropzone-icon-small-display);\n}\n\n.sbb-file-selector__dropzone-area--title {\n font-weight: bold;\n --sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));\n --sbb-title-line-height: var(--sbb-typo-line-height-text);\n margin-block: var(--sbb-title-margin-block, 0);\n margin-inline: 0;\n font-family: var(--sbb-typo-font-family);\n font-weight: bold;\n font-size: var(--sbb-title-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-heading);\n line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));\n text-align: center;\n color: var(--sbb-file-selector-color);\n}\n\n.sbb-file-selector__dropzone-area--subtitle {\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 text-align: center;\n color: var(--sbb-file-selector-subtitle-color);\n margin-block-end: var(--sbb-spacing-fixed-4x);\n}";
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts
|
|
14
|
+
/**
|
|
15
|
+
* It allows to select one or more file from storage devices via button click or drag and drop, and display them.
|
|
16
|
+
*
|
|
17
|
+
* @slot error - Use this to provide a `sbb-error` to show an error message.
|
|
18
|
+
*/
|
|
19
|
+
var SbbFileSelectorDropzoneElement = (() => {
|
|
20
|
+
let _classSuper = SbbFileSelectorCommonElementMixin(SbbElement);
|
|
21
|
+
let _titleContent_decorators;
|
|
22
|
+
let _titleContent_initializers = [];
|
|
23
|
+
let _titleContent_extraInitializers = [];
|
|
24
|
+
return class SbbFileSelectorDropzoneElement extends _classSuper {
|
|
25
|
+
static {
|
|
26
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
27
|
+
_titleContent_decorators = [forceType(), property({ attribute: "title-content" })];
|
|
28
|
+
__esDecorate(this, null, _titleContent_decorators, {
|
|
29
|
+
kind: "accessor",
|
|
30
|
+
name: "titleContent",
|
|
31
|
+
static: false,
|
|
32
|
+
private: false,
|
|
33
|
+
access: {
|
|
34
|
+
has: (obj) => "titleContent" in obj,
|
|
35
|
+
get: (obj) => obj.titleContent,
|
|
36
|
+
set: (obj, value) => {
|
|
37
|
+
obj.titleContent = value;
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
metadata: _metadata
|
|
41
|
+
}, _titleContent_initializers, _titleContent_extraInitializers);
|
|
42
|
+
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
configurable: true,
|
|
45
|
+
writable: true,
|
|
46
|
+
value: _metadata
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
static {
|
|
50
|
+
this.elementName = "sbb-file-selector-dropzone";
|
|
51
|
+
}
|
|
52
|
+
static {
|
|
53
|
+
this.elementDependencies = [SbbIconElement, SbbSecondaryButtonStaticElement];
|
|
54
|
+
}
|
|
55
|
+
static {
|
|
56
|
+
this.styles = [
|
|
57
|
+
boxSizingStyles,
|
|
58
|
+
fileSelectorCommonStyle,
|
|
59
|
+
unsafeCSS(file_selector_dropzone_default)
|
|
60
|
+
];
|
|
61
|
+
}
|
|
62
|
+
static {
|
|
63
|
+
this.events = { filechanged: "filechanged" };
|
|
64
|
+
}
|
|
65
|
+
#titleContent_accessor_storage = __runInitializers(this, _titleContent_initializers, "");
|
|
66
|
+
/** The title displayed in `dropzone` variant. */
|
|
67
|
+
get titleContent() {
|
|
68
|
+
return this.#titleContent_accessor_storage;
|
|
69
|
+
}
|
|
70
|
+
set titleContent(value) {
|
|
71
|
+
this.#titleContent_accessor_storage = value;
|
|
72
|
+
}
|
|
73
|
+
renderTemplate(input) {
|
|
74
|
+
return html$1`
|
|
75
|
+
<label>
|
|
76
|
+
<span class="sbb-file-selector__dropzone-area">
|
|
77
|
+
<span class="sbb-file-selector__dropzone-area--icon">
|
|
78
|
+
<sbb-icon name="folder-open-medium"></sbb-icon>
|
|
79
|
+
<sbb-icon name="folder-open-small"></sbb-icon>
|
|
80
|
+
</span>
|
|
81
|
+
<span class="sbb-file-selector__dropzone-area--title">${this.titleContent}</span>
|
|
82
|
+
<span class="sbb-file-selector__dropzone-area--subtitle">
|
|
83
|
+
${this.multiple ? i18nFileSelectorSubtitleLabelMultiple[this.language.current] : i18nFileSelectorSubtitleLabel[this.language.current]}
|
|
84
|
+
</span>
|
|
85
|
+
<span class="sbb-file-selector__dropzone-area--button">
|
|
86
|
+
<sbb-secondary-button-static
|
|
87
|
+
size=${this.size}
|
|
88
|
+
?disabled=${this.disabled || this.formDisabled}
|
|
89
|
+
${ref((el) => {
|
|
90
|
+
this.loadButton = el;
|
|
91
|
+
})}
|
|
92
|
+
>
|
|
93
|
+
${this.getButtonLabel()}
|
|
94
|
+
</sbb-secondary-button-static>
|
|
95
|
+
</span>
|
|
96
|
+
</span>
|
|
97
|
+
${input}
|
|
98
|
+
</label>
|
|
99
|
+
`;
|
|
100
|
+
}
|
|
101
|
+
constructor() {
|
|
102
|
+
super(...arguments);
|
|
103
|
+
__runInitializers(this, _titleContent_extraInitializers);
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
})();
|
|
107
|
+
//#endregion
|
|
108
|
+
export { SbbFileSelectorDropzoneElement as t };
|
|
109
|
+
|
|
110
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQtRE1Ob20yT1cuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdChbc2l6ZT0nbSddKSB7XG4gIC0tX3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lLWljb24tbWVkaXVtLWRpc3BsYXk6IGJsb2NrO1xuICAtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLXNtYWxsLWRpc3BsYXk6IG5vbmU7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1fc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUtaWNvbi1tZWRpdW0tZGlzcGxheTogbm9uZTtcbiAgLS1fc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUtaWNvbi1zbWFsbC1kaXNwbGF5OiBibG9jaztcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1zKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgZGFzaGVkIHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItZmlsZS1zZWxlY3Rvci10cmFuc2l0aW9uLWVhc2luZy1mdW5jdGlvbik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGJvcmRlci1jb2xvcjtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1pY29uIHtcbiAgY29sb3I6IHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IDA7XG5cbiAgc2JiLWljb25bbmFtZT0nZm9sZGVyLW9wZW4tbWVkaXVtJ10ge1xuICAgIGRpc3BsYXk6IHZhcigtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLW1lZGl1bS1kaXNwbGF5KTtcbiAgfVxuXG4gIHNiYi1pY29uW25hbWU9J2ZvbGRlci1vcGVuLXNtYWxsJ10ge1xuICAgIGRpc3BsYXk6IHZhcigtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLXNtYWxsLWRpc3BsYXkpO1xuICB9XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGUge1xuICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLTYoJGV4Y2x1ZGUtc3BhY2luZzogdHJ1ZSk7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItY29sb3IpO1xufVxuXG4uc2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXN1YnRpdGxlIHtcbiAgQGluY2x1ZGUgc2JiLnRleHQteHMtLXJlZ3VsYXI7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3Itc3VidGl0bGUtY29sb3IpO1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyByZWYgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9yZWYuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24ucHVyZS50cyc7XG5pbXBvcnQge1xuICBib3hTaXppbmdTdHlsZXMsXG4gIGZvcmNlVHlwZSxcbiAgaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWwsXG4gIGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsTXVsdGlwbGUsXG4gIFNiYkVsZW1lbnQsXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbkVsZW1lbnQgfSBmcm9tICcuLi8uLi9pY29uLnB1cmUudHMnO1xuaW1wb3J0IHtcbiAgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUsXG4gIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpbixcbn0gZnJvbSAnLi4vY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgYWxsb3dzIHRvIHNlbGVjdCBvbmUgb3IgbW9yZSBmaWxlIGZyb20gc3RvcmFnZSBkZXZpY2VzIHZpYSBidXR0b24gY2xpY2sgb3IgZHJhZyBhbmQgZHJvcCwgYW5kIGRpc3BsYXkgdGhlbS5cbiAqXG4gKiBAc2xvdCBlcnJvciAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBgc2JiLWVycm9yYCB0byBzaG93IGFuIGVycm9yIG1lc3NhZ2UuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQgZXh0ZW5kcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbXG4gICAgU2JiSWNvbkVsZW1lbnQsXG4gICAgU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudCxcbiAgXTtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICBmaWxlU2VsZWN0b3JDb21tb25TdHlsZSxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBmaWxlY2hhbmdlZDogJ2ZpbGVjaGFuZ2VkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogVGhlIHRpdGxlIGRpc3BsYXllZCBpbiBgZHJvcHpvbmVgIHZhcmlhbnQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdGl0bGVDb250ZW50OiBzdHJpbmcgPSAnJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGxhYmVsPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0taWNvblwiPlxuICAgICAgICAgICAgPHNiYi1pY29uIG5hbWU9XCJmb2xkZXItb3Blbi1tZWRpdW1cIj48L3NiYi1pY29uPlxuICAgICAgICAgICAgPHNiYi1pY29uIG5hbWU9XCJmb2xkZXItb3Blbi1zbWFsbFwiPjwvc2JiLWljb24+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tc3VidGl0bGVcIj5cbiAgICAgICAgICAgICR7dGhpcy5tdWx0aXBsZVxuICAgICAgICAgICAgICA/IGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsTXVsdGlwbGVbdGhpcy5sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICAgICAgICA6IGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLWJ1dHRvblwiPlxuICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpY1xuICAgICAgICAgICAgICBzaXplPSR7dGhpcy5zaXplfVxuICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgICAke3JlZigoZWw/OiBFbGVtZW50KTogdm9pZCA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2FkQnV0dG9uID0gZWwgYXMgU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudDtcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICR7dGhpcy5nZXRCdXR0b25MYWJlbCgpfVxuICAgICAgICAgICAgPC9zYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWM+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgICR7aW5wdXR9XG4gICAgICA8L2xhYmVsPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lJzogU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQzJCYSx3Q0FBOEI7bUJBQVMsa0NBQWtDLFdBQVc7Ozs7Y0FBcEYsdUNBQXVDLFlBQTZDOzs7K0JBZ0I5RixXQUFXLEVBQ1gsU0FBUyxFQUFFLFdBQVcsaUJBQWlCLENBQUMsQ0FBQTtBQUN6QyxnQkFBQSxNQUFBLE1BQUEsMEJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxrQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFZLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBWixlQUFZOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsNEJBQUEsZ0NBQUE7Ozs7Ozs7OztBQWpCSSxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxzQkFBd0MsQ0FDN0QsZ0JBQ0EsZ0NBQ0Q7OztBQUNzQixRQUFBLFNBQXlCO0lBQzlDO0lBQ0E7SUFDQSxVQUFVLCtCQUFBO0lBQ1g7OztBQUNzQixRQUFBLFNBQVMsRUFDOUIsYUFBYSxlQUNMOztFQUtWLGlDQUFBLGtCQUFBLE1BQUEsNEJBQXVDLEdBQUU7O0VBQXpDLElBQWdCLGVBQVk7QUFBQSxVQUFBLE1BQUE7O0VBQTVCLElBQWdCLGFBQVksT0FBQTtBQUFBLFNBQUEsZ0NBQUE7O0VBRVQsZUFBZSxPQUFxQjtBQUNyRCxVQUFPLE1BQUk7Ozs7Ozs7a0VBT21ELEtBQUssYUFBWTs7Y0FFckUsS0FBSyxXQUNILHNDQUFzQyxLQUFLLFNBQVMsV0FDcEQsOEJBQThCLEtBQUssU0FBUyxTQUFBOzs7O3FCQUl2QyxLQUFLLEtBQUE7MEJBQ0EsS0FBSyxZQUFZLEtBQUssYUFBQTtnQkFDaEMsS0FBSyxPQUFzQjtBQUMzQixTQUFLLGFBQWE7S0FDbEIsQ0FBQTs7Z0JBRUEsS0FBSyxnQkFBZ0IsQ0FBQTs7OztVQUkzQixNQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-
|
|
2
|
-
import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-
|
|
1
|
+
import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-BX5f18cJ.js";
|
|
2
|
+
import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-DMNom2OW.js";
|
|
3
3
|
import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
|
|
4
4
|
import "./file-selector.pure.js";
|
|
5
5
|
//#region src/elements/file-selector.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-
|
|
2
|
-
import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-
|
|
1
|
+
import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-BX5f18cJ.js";
|
|
2
|
+
import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-DMNom2OW.js";
|
|
3
3
|
import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
|
|
4
4
|
export { SbbFileSelectorCommonElementMixin, SbbFileSelectorDropzoneElement, SbbFileSelectorElement, fileSelectorCommonStyle };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../../dialog.component-
|
|
1
|
+
import { n as e, r as t, t as n } from "../../dialog.component-ChB9gCyY.js";
|
|
2
2
|
export { n as SbbDialogCloseEvent, e as SbbDialogElement, t as assignDialogResult };
|
|
@@ -8,7 +8,7 @@ import { ref as l } from "lit/directives/ref.js";
|
|
|
8
8
|
import { SbbOverlayBaseElement as u, SbbOverlayCloseEvent as d, overlayRefs as f } from "./overlay.pure.js";
|
|
9
9
|
import { SbbOverlayCloseEvent as p, assignOverlayResult as m } from "./overlay/overlay-base-element.js";
|
|
10
10
|
//#region src/elements/dialog/dialog/dialog.scss?inline
|
|
11
|
-
var h = ":host{--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-padding-block: var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:none;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}
|
|
11
|
+
var h = ":host{--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-padding-block: var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:none;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow: var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-background-color-3);--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}:host([backdrop=translucent]:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host([backdrop=opaque]:not([negative]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}:host(:not([negative])){--_sbb-dialog-color: var(--sbb-dialog-color);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: var(--sbb-background-color-4);--sbb-dialog-background-color: var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color: var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color: var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color: var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow: var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: transparent}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-dialog-inset-block: 0;--sbb-dialog-inset-inline: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;justify-content:center;align-items:center;position:fixed;inset-block:var(--sbb-dialog-inset-block);inset-inline:var(--sbb-dialog-inset-inline)}.sbb-dialog__container:before{content:\"\";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset-block:var(--sbb-dialog-inset-block);inset-inline:var(--sbb-dialog-inset-inline);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;inset-block:auto 0;border:none;border-radius:var(--sbb-dialog-border-radius) var(--sbb-dialog-border-radius) 0 0;max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media(forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:37.5rem){.sbb-dialog{height:var(--sbb-dialog-height);width:var(--sbb-dialog-width);inset:unset;border-radius:var(--sbb-dialog-border-radius);overflow:hidden}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{max-height:var(--sbb-dialog-max-height)}@media(min-width:37.5rem){:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height)}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{display:grid;grid-template:\"title close-button\" auto \"content content\" 1fr \"actions actions\" auto/1fr auto;gap:0}@keyframes open{0%{opacity:0;translate:0 var(--sbb-dialog-translate-y, 100%)}to{opacity:1;translate:0 0}}@keyframes close{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 var(--sbb-dialog-translate-y, 100%)}}", g = (() => {
|
|
12
12
|
let p = u, m, g = [], _ = [], v, y = [], b = [];
|
|
13
13
|
return class extends p {
|
|
14
14
|
static {
|