@vonage/vivid 4.2.0 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/appearance-ui/index.cjs +1 -2
- package/appearance-ui/index.js +1 -2
- package/custom-elements.json +43 -0
- package/lib/button/button.d.ts +1 -0
- package/lib/switch/switch.d.ts +1 -1
- package/package.json +1 -1
- package/shared/affix.cjs +1 -2
- package/shared/affix.js +1 -2
- package/shared/anchored.cjs +1 -2
- package/shared/anchored.js +1 -2
- package/shared/calendar-event.cjs +1 -2
- package/shared/calendar-event.js +1 -2
- package/shared/definition.cjs +1 -2
- package/shared/definition.js +1 -2
- package/shared/definition11.cjs +29 -13
- package/shared/definition11.js +29 -14
- package/shared/definition12.cjs +1 -1
- package/shared/definition12.js +1 -1
- package/shared/definition13.cjs +1 -2
- package/shared/definition13.js +1 -2
- package/shared/definition14.cjs +1 -2
- package/shared/definition14.js +1 -2
- package/shared/definition15.cjs +1 -2
- package/shared/definition15.js +1 -2
- package/shared/definition16.cjs +1 -2
- package/shared/definition16.js +1 -2
- package/shared/definition17.cjs +4 -8
- package/shared/definition17.js +4 -8
- package/shared/definition18.cjs +14 -22
- package/shared/definition18.js +14 -22
- package/shared/definition19.cjs +29 -50
- package/shared/definition19.js +29 -50
- package/shared/definition20.cjs +1 -2
- package/shared/definition20.js +1 -2
- package/shared/definition21.cjs +1 -2
- package/shared/definition21.js +1 -2
- package/shared/definition23.cjs +1 -2
- package/shared/definition23.js +1 -2
- package/shared/definition24.cjs +2 -3
- package/shared/definition24.js +2 -3
- package/shared/definition25.cjs +22 -47
- package/shared/definition25.js +22 -47
- package/shared/definition26.cjs +1 -2
- package/shared/definition26.js +1 -2
- package/shared/definition28.cjs +1 -2
- package/shared/definition28.js +1 -2
- package/shared/definition29.cjs +19 -39
- package/shared/definition29.js +19 -39
- package/shared/definition3.cjs +1 -2
- package/shared/definition3.js +1 -2
- package/shared/definition31.cjs +1 -2
- package/shared/definition31.js +1 -2
- package/shared/definition34.cjs +1 -2
- package/shared/definition34.js +1 -2
- package/shared/definition35.cjs +14 -26
- package/shared/definition35.js +14 -26
- package/shared/definition36.cjs +1 -2
- package/shared/definition36.js +1 -2
- package/shared/definition37.cjs +8 -16
- package/shared/definition37.js +8 -16
- package/shared/definition38.cjs +1 -2
- package/shared/definition38.js +1 -2
- package/shared/definition39.cjs +1 -2
- package/shared/definition39.js +1 -2
- package/shared/definition4.cjs +7 -13
- package/shared/definition4.js +7 -13
- package/shared/definition40.cjs +1 -2
- package/shared/definition40.js +1 -2
- package/shared/definition42.cjs +52 -91
- package/shared/definition42.js +52 -91
- package/shared/definition43.cjs +7 -6
- package/shared/definition43.js +5 -4
- package/shared/definition44.cjs +4 -8
- package/shared/definition44.js +4 -8
- package/shared/definition45.cjs +1 -2
- package/shared/definition45.js +1 -2
- package/shared/definition46.cjs +1 -2
- package/shared/definition46.js +1 -2
- package/shared/definition47.cjs +1 -2
- package/shared/definition47.js +1 -2
- package/shared/definition48.cjs +2 -3
- package/shared/definition48.js +2 -3
- package/shared/definition5.cjs +1 -2
- package/shared/definition5.js +1 -2
- package/shared/definition50.cjs +1 -2
- package/shared/definition50.js +1 -2
- package/shared/definition51.cjs +5 -10
- package/shared/definition51.js +5 -10
- package/shared/definition52.cjs +1 -2
- package/shared/definition52.js +1 -2
- package/shared/definition53.cjs +1 -2
- package/shared/definition53.js +1 -2
- package/shared/definition54.cjs +9 -21
- package/shared/definition54.js +9 -21
- package/shared/definition55.cjs +24 -43
- package/shared/definition55.js +24 -43
- package/shared/definition56.cjs +23 -38
- package/shared/definition56.js +23 -38
- package/shared/definition57.cjs +22 -45
- package/shared/definition57.js +22 -45
- package/shared/definition58.cjs +18 -37
- package/shared/definition58.js +18 -37
- package/shared/definition59.cjs +1 -2
- package/shared/definition59.js +1 -2
- package/shared/definition6.cjs +1 -2
- package/shared/definition6.js +1 -2
- package/shared/definition62.cjs +1 -2
- package/shared/definition62.js +1 -2
- package/shared/definition63.cjs +1 -2
- package/shared/definition63.js +1 -2
- package/shared/definition7.cjs +1 -2
- package/shared/definition7.js +1 -2
- package/shared/definition8.cjs +1 -2
- package/shared/definition8.js +1 -2
- package/shared/definition9.cjs +1 -2
- package/shared/definition9.js +1 -2
- package/shared/icon.cjs +2 -3
- package/shared/icon.js +2 -3
- package/shared/index2.cjs +3 -6
- package/shared/index2.js +3 -6
- package/shared/listbox.cjs +1 -2
- package/shared/listbox.js +1 -2
- package/shared/patterns/chevron.d.ts +2 -0
- package/shared/presentationDate.cjs +1 -2
- package/shared/presentationDate.js +1 -2
- package/shared/radio.cjs +1 -2
- package/shared/radio.js +1 -2
- package/shared/text-anchor.cjs +1 -2
- package/shared/text-anchor.js +1 -2
- package/shared/video-player.cjs +4 -8
- package/shared/video-player.js +4 -8
- package/styles/core/all.css +1 -1
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/styles/tokens/vivid-2-compat.css +1 -1
- package/vivid.api.json +3021 -1112
package/shared/definition19.js
CHANGED
|
@@ -29,38 +29,23 @@ const parsePresentationDateRange = (presentationDateRange, locale) => {
|
|
|
29
29
|
|
|
30
30
|
var __defProp = Object.defineProperty;
|
|
31
31
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
32
|
+
var __typeError = (msg) => {
|
|
33
|
+
throw TypeError(msg);
|
|
34
|
+
};
|
|
32
35
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
33
36
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
34
37
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
35
38
|
if (decorator = decorators[i])
|
|
36
39
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
37
|
-
if (kind && result)
|
|
38
|
-
__defProp(target, key, result);
|
|
40
|
+
if (kind && result) __defProp(target, key, result);
|
|
39
41
|
return result;
|
|
40
42
|
};
|
|
41
|
-
var __accessCheck = (obj, member, msg) =>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
return member.get(obj);
|
|
48
|
-
};
|
|
49
|
-
var __privateAdd = (obj, member, value) => {
|
|
50
|
-
if (member.has(obj))
|
|
51
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
52
|
-
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
53
|
-
};
|
|
54
|
-
var __privateSet = (obj, member, value, setter) => {
|
|
55
|
-
__accessCheck(obj, member, "write to private field");
|
|
56
|
-
member.set(obj, value);
|
|
57
|
-
return value;
|
|
58
|
-
};
|
|
59
|
-
var __privateMethod = (obj, member, method) => {
|
|
60
|
-
__accessCheck(obj, member, "access private method");
|
|
61
|
-
return method;
|
|
62
|
-
};
|
|
63
|
-
var _isInternalValueUpdate, _updateValues, updateValues_fn, _handleChangedValues, handleChangedValues_fn, _updateFormValue, updateFormValue_fn, _getVisibleRange, getVisibleRange_fn;
|
|
43
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
44
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
|
|
45
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
46
|
+
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
|
|
47
|
+
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
48
|
+
var _isInternalValueUpdate, _DateRangePicker_instances, updateValues_fn, handleChangedValues_fn, updateFormValue_fn, getVisibleRange_fn;
|
|
64
49
|
const isFormAssociatedTryingToSetFormValue = (value) => typeof value === "string";
|
|
65
50
|
function isDefined(value) {
|
|
66
51
|
return !!value;
|
|
@@ -68,10 +53,7 @@ function isDefined(value) {
|
|
|
68
53
|
let DateRangePicker = class extends DatePickerBase {
|
|
69
54
|
constructor() {
|
|
70
55
|
super(...arguments);
|
|
71
|
-
__privateAdd(this,
|
|
72
|
-
__privateAdd(this, _handleChangedValues);
|
|
73
|
-
__privateAdd(this, _updateFormValue);
|
|
74
|
-
__privateAdd(this, _getVisibleRange);
|
|
56
|
+
__privateAdd(this, _DateRangePicker_instances);
|
|
75
57
|
this.initialStart = "";
|
|
76
58
|
this.initialEnd = "";
|
|
77
59
|
__privateAdd(this, _isInternalValueUpdate, false);
|
|
@@ -122,7 +104,7 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
122
104
|
this.currentStart = this.start;
|
|
123
105
|
this.dirtyValue = true;
|
|
124
106
|
if (!__privateGet(this, _isInternalValueUpdate)) {
|
|
125
|
-
__privateMethod(this,
|
|
107
|
+
__privateMethod(this, _DateRangePicker_instances, handleChangedValues_fn).call(this);
|
|
126
108
|
}
|
|
127
109
|
}
|
|
128
110
|
/**
|
|
@@ -136,7 +118,7 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
136
118
|
this.currentEnd = this.end;
|
|
137
119
|
this.dirtyValue = true;
|
|
138
120
|
if (!__privateGet(this, _isInternalValueUpdate)) {
|
|
139
|
-
__privateMethod(this,
|
|
121
|
+
__privateMethod(this, _DateRangePicker_instances, handleChangedValues_fn).call(this);
|
|
140
122
|
}
|
|
141
123
|
}
|
|
142
124
|
/**
|
|
@@ -156,7 +138,7 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
156
138
|
*/
|
|
157
139
|
nameChanged(previous, next) {
|
|
158
140
|
super.nameChanged(previous, next);
|
|
159
|
-
__privateMethod(this,
|
|
141
|
+
__privateMethod(this, _DateRangePicker_instances, updateFormValue_fn).call(this);
|
|
160
142
|
}
|
|
161
143
|
connectedCallback() {
|
|
162
144
|
super.connectedCallback();
|
|
@@ -177,7 +159,7 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
177
159
|
* @internal
|
|
178
160
|
*/
|
|
179
161
|
_isDateInSelectedRange(date) {
|
|
180
|
-
const { start, end } = __privateMethod(this,
|
|
162
|
+
const { start, end } = __privateMethod(this, _DateRangePicker_instances, getVisibleRange_fn).call(this);
|
|
181
163
|
if (start && end) {
|
|
182
164
|
return compareDateStr(date, start) >= 0 && compareDateStr(date, end) <= 0;
|
|
183
165
|
}
|
|
@@ -187,13 +169,13 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
187
169
|
* @internal
|
|
188
170
|
*/
|
|
189
171
|
_isDateRangeStart(date) {
|
|
190
|
-
return date === __privateMethod(this,
|
|
172
|
+
return date === __privateMethod(this, _DateRangePicker_instances, getVisibleRange_fn).call(this).start;
|
|
191
173
|
}
|
|
192
174
|
/**
|
|
193
175
|
* @internal
|
|
194
176
|
*/
|
|
195
177
|
_isDateRangeEnd(date) {
|
|
196
|
-
return date === __privateMethod(this,
|
|
178
|
+
return date === __privateMethod(this, _DateRangePicker_instances, getVisibleRange_fn).call(this).end;
|
|
197
179
|
}
|
|
198
180
|
/**
|
|
199
181
|
* @internal
|
|
@@ -213,15 +195,15 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
213
195
|
*/
|
|
214
196
|
_onDateClick(date) {
|
|
215
197
|
if (this.start && this.end) {
|
|
216
|
-
__privateMethod(this,
|
|
198
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: date, end: "" });
|
|
217
199
|
} else if (this.start) {
|
|
218
|
-
__privateMethod(this,
|
|
200
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { end: date });
|
|
219
201
|
this._closePopup();
|
|
220
202
|
} else if (this.end) {
|
|
221
|
-
__privateMethod(this,
|
|
203
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: date });
|
|
222
204
|
this._closePopup();
|
|
223
205
|
} else {
|
|
224
|
-
__privateMethod(this,
|
|
206
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: date });
|
|
225
207
|
}
|
|
226
208
|
}
|
|
227
209
|
/**
|
|
@@ -238,7 +220,7 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
238
220
|
*/
|
|
239
221
|
_onTextFieldChange() {
|
|
240
222
|
if (this._presentationValue === "") {
|
|
241
|
-
__privateMethod(this,
|
|
223
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: "", end: "" });
|
|
242
224
|
return;
|
|
243
225
|
}
|
|
244
226
|
try {
|
|
@@ -246,7 +228,7 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
246
228
|
this._presentationValue,
|
|
247
229
|
this.locale.datePicker
|
|
248
230
|
);
|
|
249
|
-
__privateMethod(this,
|
|
231
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start, end });
|
|
250
232
|
} catch (_) {
|
|
251
233
|
return;
|
|
252
234
|
}
|
|
@@ -303,14 +285,14 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
303
285
|
* @internal
|
|
304
286
|
*/
|
|
305
287
|
_onClearClick() {
|
|
306
|
-
__privateMethod(this,
|
|
288
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: "", end: "" });
|
|
307
289
|
super._onClearClick();
|
|
308
290
|
}
|
|
309
291
|
/**
|
|
310
292
|
* @internal
|
|
311
293
|
*/
|
|
312
294
|
formResetCallback() {
|
|
313
|
-
__privateMethod(this,
|
|
295
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: this.initialStart, end: this.initialEnd });
|
|
314
296
|
super.formResetCallback();
|
|
315
297
|
}
|
|
316
298
|
get _calendarButtonLabel() {
|
|
@@ -330,7 +312,7 @@ let DateRangePicker = class extends DatePickerBase {
|
|
|
330
312
|
}
|
|
331
313
|
};
|
|
332
314
|
_isInternalValueUpdate = new WeakMap();
|
|
333
|
-
|
|
315
|
+
_DateRangePicker_instances = new WeakSet();
|
|
334
316
|
updateValues_fn = function(range) {
|
|
335
317
|
__privateSet(this, _isInternalValueUpdate, true);
|
|
336
318
|
if (range.start !== void 0) {
|
|
@@ -344,13 +326,12 @@ updateValues_fn = function(range) {
|
|
|
344
326
|
__privateSet(this, _isInternalValueUpdate, false);
|
|
345
327
|
this.$emit("input");
|
|
346
328
|
this.$emit("change");
|
|
347
|
-
__privateMethod(this,
|
|
329
|
+
__privateMethod(this, _DateRangePicker_instances, handleChangedValues_fn).call(this);
|
|
348
330
|
};
|
|
349
|
-
_handleChangedValues = new WeakSet();
|
|
350
331
|
handleChangedValues_fn = function() {
|
|
351
332
|
if (this.start && this.end) {
|
|
352
333
|
if (compareDateStr(this.start, this.end) > 0) {
|
|
353
|
-
__privateMethod(this,
|
|
334
|
+
__privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: this.end, end: this.start });
|
|
354
335
|
return;
|
|
355
336
|
}
|
|
356
337
|
this._presentationValue = formatPresentationDateRange(
|
|
@@ -369,9 +350,8 @@ handleChangedValues_fn = function() {
|
|
|
369
350
|
if (dateToEnsureVisibilityOf) {
|
|
370
351
|
this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
|
|
371
352
|
}
|
|
372
|
-
__privateMethod(this,
|
|
353
|
+
__privateMethod(this, _DateRangePicker_instances, updateFormValue_fn).call(this);
|
|
373
354
|
};
|
|
374
|
-
_updateFormValue = new WeakSet();
|
|
375
355
|
updateFormValue_fn = function() {
|
|
376
356
|
if (!this.name || !this.start || !this.end) {
|
|
377
357
|
this.setFormValue(null);
|
|
@@ -382,7 +362,6 @@ updateFormValue_fn = function() {
|
|
|
382
362
|
this.setFormValue(formData);
|
|
383
363
|
}
|
|
384
364
|
};
|
|
385
|
-
_getVisibleRange = new WeakSet();
|
|
386
365
|
getVisibleRange_fn = function() {
|
|
387
366
|
const candidates = [this.start, this.end].filter(isDefined);
|
|
388
367
|
const isPartialRange = candidates.length === 1;
|
package/shared/definition20.cjs
CHANGED
|
@@ -21,8 +21,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
21
21
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
22
22
|
if (decorator = decorators[i])
|
|
23
23
|
result = (decorator(target, key, result) ) || result;
|
|
24
|
-
if (result)
|
|
25
|
-
__defProp(target, key, result);
|
|
24
|
+
if (result) __defProp(target, key, result);
|
|
26
25
|
return result;
|
|
27
26
|
};
|
|
28
27
|
class DialPad extends index.FoundationElement {
|
package/shared/definition20.js
CHANGED
|
@@ -19,8 +19,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
19
19
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
20
20
|
if (decorator = decorators[i])
|
|
21
21
|
result = (decorator(target, key, result) ) || result;
|
|
22
|
-
if (result)
|
|
23
|
-
__defProp(target, key, result);
|
|
22
|
+
if (result) __defProp(target, key, result);
|
|
24
23
|
return result;
|
|
25
24
|
};
|
|
26
25
|
class DialPad extends FoundationElement {
|
package/shared/definition21.cjs
CHANGED
|
@@ -23,8 +23,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
23
23
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
24
24
|
if (decorator = decorators[i])
|
|
25
25
|
result = (decorator(target, key, result) ) || result;
|
|
26
|
-
if (result)
|
|
27
|
-
__defProp(target, key, result);
|
|
26
|
+
if (result) __defProp(target, key, result);
|
|
28
27
|
return result;
|
|
29
28
|
};
|
|
30
29
|
const isDialogSupported = Boolean(
|
package/shared/definition21.js
CHANGED
|
@@ -21,8 +21,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
21
21
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
22
22
|
if (decorator = decorators[i])
|
|
23
23
|
result = (decorator(target, key, result) ) || result;
|
|
24
|
-
if (result)
|
|
25
|
-
__defProp(target, key, result);
|
|
24
|
+
if (result) __defProp(target, key, result);
|
|
26
25
|
return result;
|
|
27
26
|
};
|
|
28
27
|
const isDialogSupported = Boolean(
|
package/shared/definition23.cjs
CHANGED
|
@@ -15,8 +15,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
15
15
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
16
16
|
if (decorator = decorators[i])
|
|
17
17
|
result = (decorator(target, key, result) ) || result;
|
|
18
|
-
if (result)
|
|
19
|
-
__defProp(target, key, result);
|
|
18
|
+
if (result) __defProp(target, key, result);
|
|
20
19
|
return result;
|
|
21
20
|
};
|
|
22
21
|
class EmptyState extends index.FoundationElement {
|
package/shared/definition23.js
CHANGED
|
@@ -13,8 +13,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
13
13
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
14
14
|
if (decorator = decorators[i])
|
|
15
15
|
result = (decorator(target, key, result) ) || result;
|
|
16
|
-
if (result)
|
|
17
|
-
__defProp(target, key, result);
|
|
16
|
+
if (result) __defProp(target, key, result);
|
|
18
17
|
return result;
|
|
19
18
|
};
|
|
20
19
|
class EmptyState extends FoundationElement {
|
package/shared/definition24.cjs
CHANGED
|
@@ -8,7 +8,7 @@ const button = require('./button.cjs');
|
|
|
8
8
|
const ref = require('./ref.cjs');
|
|
9
9
|
const classNames = require('./class-names.cjs');
|
|
10
10
|
|
|
11
|
-
const styles = ".control{--_fab-inline-padding: 12px;display:inline-flex;box-sizing:border-box;align-items:center;border:0 none;border-radius:var(--_fab-border-radius);background:var(--_appearance-color-fill, var(--_elevation-fill));block-size:var(--_fab-block-size);color:var(--_appearance-color-text, var(--vvd-color-canvas-text));column-gap:var(--fab-icon-gap);filter:var(--_elevation-shadow);font:var(--vvd-typography-base-bold);padding-inline:var(--_fab-inline-padding);transition:background-color .15s linear,filter .15s linear;vertical-align:middle}.control.connotation-accent{--_connotation-color-primary: var(--vvd-fab-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-fab-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-contrast: var(--vvd-fab-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-fab-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-fab-accent-firm, var(--vvd-color-canvas-text))}.control.connotation-cta{--_connotation-color-primary: var(--vvd-fab-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-fab-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-contrast: var(--vvd-fab-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-fierce: var(--vvd-fab-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-fab-cta-firm, var(--vvd-color-cta-600))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-fab-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-fab-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-contrast: var(--vvd-fab-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-fierce: var(--vvd-fab-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-fab-announcement-firm, var(--vvd-color-announcement-600))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.control:not(.connotation-accent,.connotation-cta){--focus-stroke-gap-color: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control.size-expanded{--_fab-border-radius: 40px;--_fab-block-size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_fab-inline-padding: 20px}.control:not(.size-expanded){--_fab-border-radius: 24px;--_fab-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.icon-only{--_fab-inline-padding: 0;border-radius:50%;place-content:center}@supports (aspect-ratio: 1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio: 1){.control.icon-only{inline-size:var(--_fab-block-size)}}.control:not(.icon-only){--fab-icon-gap: 10px}.control:disabled{--_elevation-fill: var(--vvd-color-surface-
|
|
11
|
+
const styles = ".control{--_fab-inline-padding: 12px;display:inline-flex;box-sizing:border-box;align-items:center;border:0 none;border-radius:var(--_fab-border-radius);background:var(--_appearance-color-fill, var(--_elevation-fill));block-size:var(--_fab-block-size);color:var(--_appearance-color-text, var(--vvd-color-canvas-text));column-gap:var(--fab-icon-gap);filter:var(--_elevation-shadow);font:var(--vvd-typography-base-bold);padding-inline:var(--_fab-inline-padding);transition:background-color .15s linear,filter .15s linear;vertical-align:middle}.control.connotation-accent{--_connotation-color-primary: var(--vvd-fab-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-fab-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-contrast: var(--vvd-fab-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-fab-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-fab-accent-firm, var(--vvd-color-canvas-text))}.control.connotation-cta{--_connotation-color-primary: var(--vvd-fab-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-fab-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-contrast: var(--vvd-fab-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-fierce: var(--vvd-fab-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-fab-cta-firm, var(--vvd-color-cta-600))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-fab-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-fab-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-contrast: var(--vvd-fab-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-fierce: var(--vvd-fab-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-fab-announcement-firm, var(--vvd-color-announcement-600))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.control:not(.connotation-accent,.connotation-cta){--focus-stroke-gap-color: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control.size-expanded{--_fab-border-radius: 40px;--_fab-block-size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_fab-inline-padding: 20px}.control:not(.size-expanded){--_fab-border-radius: 24px;--_fab-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.icon-only{--_fab-inline-padding: 0;border-radius:50%;place-content:center}@supports (aspect-ratio: 1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio: 1){.control.icon-only{inline-size:var(--_fab-block-size)}}.control:not(.icon-only){--fab-icon-gap: 10px}.control:disabled{--_elevation-fill: var(--vvd-color-surface-nonedp);--_elevation-shadow: var(--vvd-shadow-surface-nonedp);cursor:not-allowed}.control:not(:disabled){--_elevation-fill: var(--vvd-color-surface-4dp);--_elevation-shadow: var(--vvd-shadow-surface-4dp);cursor:pointer}.control:not(:disabled):hover{--_elevation-fill: var(--vvd-color-surface-12dp);--_elevation-shadow: var(--vvd-shadow-surface-12dp)}.control:not(:disabled):active{--_elevation-fill: var(--vvd-color-surface-24dp);--_elevation-shadow: var(--vvd-shadow-surface-24dp)}slot[name=icon]{line-height:1}.icon-trailing slot[name=icon]{display:inline-block;order:1}.control.size-extended slot[name=icon]{font-size:calc(calc(1px*(56 + 4*clamp(-1,var(--vvd-size-density, 0),2))) / 2.3333)}.control:not(.size-extended) slot[name=icon]{font-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2))/2)}";
|
|
12
12
|
|
|
13
13
|
var __defProp = Object.defineProperty;
|
|
14
14
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
16
16
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
17
17
|
if (decorator = decorators[i])
|
|
18
18
|
result = (decorator(target, key, result) ) || result;
|
|
19
|
-
if (result)
|
|
20
|
-
__defProp(target, key, result);
|
|
19
|
+
if (result) __defProp(target, key, result);
|
|
21
20
|
return result;
|
|
22
21
|
};
|
|
23
22
|
class Fab extends button.Button {
|
package/shared/definition24.js
CHANGED
|
@@ -6,7 +6,7 @@ import { B as Button$1 } from './button.js';
|
|
|
6
6
|
import { r as ref } from './ref.js';
|
|
7
7
|
import { c as classNames } from './class-names.js';
|
|
8
8
|
|
|
9
|
-
const styles = ".control{--_fab-inline-padding: 12px;display:inline-flex;box-sizing:border-box;align-items:center;border:0 none;border-radius:var(--_fab-border-radius);background:var(--_appearance-color-fill, var(--_elevation-fill));block-size:var(--_fab-block-size);color:var(--_appearance-color-text, var(--vvd-color-canvas-text));column-gap:var(--fab-icon-gap);filter:var(--_elevation-shadow);font:var(--vvd-typography-base-bold);padding-inline:var(--_fab-inline-padding);transition:background-color .15s linear,filter .15s linear;vertical-align:middle}.control.connotation-accent{--_connotation-color-primary: var(--vvd-fab-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-fab-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-contrast: var(--vvd-fab-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-fab-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-fab-accent-firm, var(--vvd-color-canvas-text))}.control.connotation-cta{--_connotation-color-primary: var(--vvd-fab-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-fab-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-contrast: var(--vvd-fab-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-fierce: var(--vvd-fab-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-fab-cta-firm, var(--vvd-color-cta-600))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-fab-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-fab-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-contrast: var(--vvd-fab-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-fierce: var(--vvd-fab-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-fab-announcement-firm, var(--vvd-color-announcement-600))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.control:not(.connotation-accent,.connotation-cta){--focus-stroke-gap-color: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control.size-expanded{--_fab-border-radius: 40px;--_fab-block-size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_fab-inline-padding: 20px}.control:not(.size-expanded){--_fab-border-radius: 24px;--_fab-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.icon-only{--_fab-inline-padding: 0;border-radius:50%;place-content:center}@supports (aspect-ratio: 1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio: 1){.control.icon-only{inline-size:var(--_fab-block-size)}}.control:not(.icon-only){--fab-icon-gap: 10px}.control:disabled{--_elevation-fill: var(--vvd-color-surface-
|
|
9
|
+
const styles = ".control{--_fab-inline-padding: 12px;display:inline-flex;box-sizing:border-box;align-items:center;border:0 none;border-radius:var(--_fab-border-radius);background:var(--_appearance-color-fill, var(--_elevation-fill));block-size:var(--_fab-block-size);color:var(--_appearance-color-text, var(--vvd-color-canvas-text));column-gap:var(--fab-icon-gap);filter:var(--_elevation-shadow);font:var(--vvd-typography-base-bold);padding-inline:var(--_fab-inline-padding);transition:background-color .15s linear,filter .15s linear;vertical-align:middle}.control.connotation-accent{--_connotation-color-primary: var(--vvd-fab-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-fab-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-contrast: var(--vvd-fab-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-fab-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-fab-accent-firm, var(--vvd-color-canvas-text))}.control.connotation-cta{--_connotation-color-primary: var(--vvd-fab-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-fab-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-contrast: var(--vvd-fab-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-fierce: var(--vvd-fab-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-fab-cta-firm, var(--vvd-color-cta-600))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-fab-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-fab-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-fab-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-contrast: var(--vvd-fab-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-fierce: var(--vvd-fab-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-fab-announcement-firm, var(--vvd-color-announcement-600))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.control:not(.connotation-accent,.connotation-cta){--focus-stroke-gap-color: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control.size-expanded{--_fab-border-radius: 40px;--_fab-block-size: calc(1px*(56 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_fab-inline-padding: 20px}.control:not(.size-expanded){--_fab-border-radius: 24px;--_fab-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) }.control.icon-only{--_fab-inline-padding: 0;border-radius:50%;place-content:center}@supports (aspect-ratio: 1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio: 1){.control.icon-only{inline-size:var(--_fab-block-size)}}.control:not(.icon-only){--fab-icon-gap: 10px}.control:disabled{--_elevation-fill: var(--vvd-color-surface-nonedp);--_elevation-shadow: var(--vvd-shadow-surface-nonedp);cursor:not-allowed}.control:not(:disabled){--_elevation-fill: var(--vvd-color-surface-4dp);--_elevation-shadow: var(--vvd-shadow-surface-4dp);cursor:pointer}.control:not(:disabled):hover{--_elevation-fill: var(--vvd-color-surface-12dp);--_elevation-shadow: var(--vvd-shadow-surface-12dp)}.control:not(:disabled):active{--_elevation-fill: var(--vvd-color-surface-24dp);--_elevation-shadow: var(--vvd-shadow-surface-24dp)}slot[name=icon]{line-height:1}.icon-trailing slot[name=icon]{display:inline-block;order:1}.control.size-extended slot[name=icon]{font-size:calc(calc(1px*(56 + 4*clamp(-1,var(--vvd-size-density, 0),2))) / 2.3333)}.control:not(.size-extended) slot[name=icon]{font-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2))/2)}";
|
|
10
10
|
|
|
11
11
|
var __defProp = Object.defineProperty;
|
|
12
12
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
14
14
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
15
15
|
if (decorator = decorators[i])
|
|
16
16
|
result = (decorator(target, key, result) ) || result;
|
|
17
|
-
if (result)
|
|
18
|
-
__defProp(target, key, result);
|
|
17
|
+
if (result) __defProp(target, key, result);
|
|
19
18
|
return result;
|
|
20
19
|
};
|
|
21
20
|
class Fab extends Button$1 {
|
package/shared/definition25.cjs
CHANGED
|
@@ -2152,49 +2152,29 @@ class FormAssociatedFilePicker extends formAssociated.FormAssociated(_FilePicker
|
|
|
2152
2152
|
|
|
2153
2153
|
var __defProp = Object.defineProperty;
|
|
2154
2154
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
2155
|
+
var __typeError = (msg) => {
|
|
2156
|
+
throw TypeError(msg);
|
|
2157
|
+
};
|
|
2155
2158
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
2156
2159
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
2157
2160
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
2158
2161
|
if (decorator = decorators[i])
|
|
2159
2162
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
2160
|
-
if (kind && result)
|
|
2161
|
-
__defProp(target, key, result);
|
|
2163
|
+
if (kind && result) __defProp(target, key, result);
|
|
2162
2164
|
return result;
|
|
2163
2165
|
};
|
|
2164
|
-
var __accessCheck = (obj, member, msg) =>
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
var
|
|
2169
|
-
|
|
2170
|
-
return getter ? getter.call(obj) : member.get(obj);
|
|
2171
|
-
};
|
|
2172
|
-
var __privateAdd = (obj, member, value) => {
|
|
2173
|
-
if (member.has(obj))
|
|
2174
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
2175
|
-
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
2176
|
-
};
|
|
2177
|
-
var __privateSet = (obj, member, value, setter) => {
|
|
2178
|
-
__accessCheck(obj, member, "write to private field");
|
|
2179
|
-
member.set(obj, value);
|
|
2180
|
-
return value;
|
|
2181
|
-
};
|
|
2182
|
-
var __privateMethod = (obj, member, method) => {
|
|
2183
|
-
__accessCheck(obj, member, "access private method");
|
|
2184
|
-
return method;
|
|
2185
|
-
};
|
|
2186
|
-
var _dropzone, _chooseFile, chooseFile_fn, _updateHiddenFileInput, updateHiddenFileInput_fn, _handleFilesChanged, handleFilesChanged_fn, _updateFormValue, updateFormValue_fn, _setValueToAFakePathLikeNativeInput, setValueToAFakePathLikeNativeInput_fn, _formatNumbersInMessage, formatNumbersInMessage_fn;
|
|
2166
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
2167
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
2168
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
2169
|
+
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
|
|
2170
|
+
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
2171
|
+
var _dropzone, _FilePicker_instances, chooseFile_fn, updateHiddenFileInput_fn, handleFilesChanged_fn, updateFormValue_fn, setValueToAFakePathLikeNativeInput_fn, formatNumbersInMessage_fn;
|
|
2187
2172
|
const isFormAssociatedTryingToSetFormValueToFakePath = (value) => typeof value === "string";
|
|
2188
2173
|
let FilePicker = class extends FormAssociatedFilePicker {
|
|
2189
2174
|
constructor() {
|
|
2190
2175
|
super();
|
|
2191
|
-
__privateAdd(this,
|
|
2192
|
-
__privateAdd(this,
|
|
2193
|
-
__privateAdd(this, _handleFilesChanged);
|
|
2194
|
-
__privateAdd(this, _updateFormValue);
|
|
2195
|
-
__privateAdd(this, _setValueToAFakePathLikeNativeInput);
|
|
2196
|
-
__privateAdd(this, _formatNumbersInMessage);
|
|
2197
|
-
__privateAdd(this, _dropzone, void 0);
|
|
2176
|
+
__privateAdd(this, _FilePicker_instances);
|
|
2177
|
+
__privateAdd(this, _dropzone);
|
|
2198
2178
|
this.maxFileSize = 256;
|
|
2199
2179
|
/**
|
|
2200
2180
|
* Used internally to hold the tag that button is registered at.
|
|
@@ -2221,7 +2201,7 @@ let FilePicker = class extends FormAssociatedFilePicker {
|
|
|
2221
2201
|
return;
|
|
2222
2202
|
}
|
|
2223
2203
|
__privateGet(this, _dropzone).options.maxFiles = newValue;
|
|
2224
|
-
__privateMethod(this,
|
|
2204
|
+
__privateMethod(this, _FilePicker_instances, updateHiddenFileInput_fn).call(this);
|
|
2225
2205
|
}
|
|
2226
2206
|
maxFileSizeChanged(_oldValue, newValue) {
|
|
2227
2207
|
if (!__privateGet(this, _dropzone)) {
|
|
@@ -2237,7 +2217,7 @@ let FilePicker = class extends FormAssociatedFilePicker {
|
|
|
2237
2217
|
}
|
|
2238
2218
|
nameChanged(previous, next) {
|
|
2239
2219
|
super.nameChanged(previous, next);
|
|
2240
|
-
__privateMethod(this,
|
|
2220
|
+
__privateMethod(this, _FilePicker_instances, updateFormValue_fn).call(this);
|
|
2241
2221
|
}
|
|
2242
2222
|
connectedCallback() {
|
|
2243
2223
|
super.connectedCallback();
|
|
@@ -2279,13 +2259,13 @@ let FilePicker = class extends FormAssociatedFilePicker {
|
|
|
2279
2259
|
for (const node of file.previewElement.querySelectorAll(
|
|
2280
2260
|
"[data-dz-errormessage]"
|
|
2281
2261
|
)) {
|
|
2282
|
-
node.textContent = __privateMethod(this,
|
|
2262
|
+
node.textContent = __privateMethod(this, _FilePicker_instances, formatNumbersInMessage_fn).call(this, message);
|
|
2283
2263
|
}
|
|
2284
2264
|
}
|
|
2285
2265
|
}
|
|
2286
2266
|
}));
|
|
2287
2267
|
__privateGet(this, _dropzone).filesize = (size) => {
|
|
2288
|
-
return __privateMethod(this,
|
|
2268
|
+
return __privateMethod(this, _FilePicker_instances, formatNumbersInMessage_fn).call(this, $3ed269f2f0fb224b$export$2e2bcd8739ae039.prototype.filesize.call(__privateGet(this, _dropzone), size));
|
|
2289
2269
|
};
|
|
2290
2270
|
__privateGet(this, _dropzone).on("addedfiles", (files) => {
|
|
2291
2271
|
for (const file of files) {
|
|
@@ -2300,10 +2280,10 @@ let FilePicker = class extends FormAssociatedFilePicker {
|
|
|
2300
2280
|
});
|
|
2301
2281
|
}
|
|
2302
2282
|
}
|
|
2303
|
-
__privateMethod(this,
|
|
2283
|
+
__privateMethod(this, _FilePicker_instances, handleFilesChanged_fn).call(this);
|
|
2304
2284
|
});
|
|
2305
2285
|
__privateGet(this, _dropzone).on("removedfile", () => {
|
|
2306
|
-
__privateMethod(this,
|
|
2286
|
+
__privateMethod(this, _FilePicker_instances, handleFilesChanged_fn).call(this);
|
|
2307
2287
|
});
|
|
2308
2288
|
__privateGet(this, _dropzone).on("error", (file) => {
|
|
2309
2289
|
if (file.previewElement) {
|
|
@@ -2330,7 +2310,7 @@ let FilePicker = class extends FormAssociatedFilePicker {
|
|
|
2330
2310
|
*/
|
|
2331
2311
|
handleKeydown(e) {
|
|
2332
2312
|
if (e.key === "Enter" || e.key === " ") {
|
|
2333
|
-
__privateMethod(this,
|
|
2313
|
+
__privateMethod(this, _FilePicker_instances, chooseFile_fn).call(this);
|
|
2334
2314
|
}
|
|
2335
2315
|
return true;
|
|
2336
2316
|
}
|
|
@@ -2343,13 +2323,12 @@ let FilePicker = class extends FormAssociatedFilePicker {
|
|
|
2343
2323
|
}
|
|
2344
2324
|
};
|
|
2345
2325
|
_dropzone = new WeakMap();
|
|
2346
|
-
|
|
2326
|
+
_FilePicker_instances = new WeakSet();
|
|
2347
2327
|
chooseFile_fn = function() {
|
|
2348
2328
|
if (__privateGet(this, _dropzone).hiddenFileInput) {
|
|
2349
2329
|
__privateGet(this, _dropzone).hiddenFileInput.click();
|
|
2350
2330
|
}
|
|
2351
2331
|
};
|
|
2352
|
-
_updateHiddenFileInput = new WeakSet();
|
|
2353
2332
|
updateHiddenFileInput_fn = function() {
|
|
2354
2333
|
if (__privateGet(this, _dropzone).hiddenFileInput) {
|
|
2355
2334
|
__privateGet(this, _dropzone).hiddenFileInput.dispatchEvent(
|
|
@@ -2357,12 +2336,10 @@ updateHiddenFileInput_fn = function() {
|
|
|
2357
2336
|
);
|
|
2358
2337
|
}
|
|
2359
2338
|
};
|
|
2360
|
-
_handleFilesChanged = new WeakSet();
|
|
2361
2339
|
handleFilesChanged_fn = function() {
|
|
2362
2340
|
this.$emit("change");
|
|
2363
|
-
__privateMethod(this,
|
|
2341
|
+
__privateMethod(this, _FilePicker_instances, updateFormValue_fn).call(this);
|
|
2364
2342
|
};
|
|
2365
|
-
_updateFormValue = new WeakSet();
|
|
2366
2343
|
updateFormValue_fn = function() {
|
|
2367
2344
|
const files = this.files;
|
|
2368
2345
|
if (!this.name) {
|
|
@@ -2374,13 +2351,11 @@ updateFormValue_fn = function() {
|
|
|
2374
2351
|
}
|
|
2375
2352
|
this.setFormValue(formData);
|
|
2376
2353
|
}
|
|
2377
|
-
__privateMethod(this,
|
|
2354
|
+
__privateMethod(this, _FilePicker_instances, setValueToAFakePathLikeNativeInput_fn).call(this);
|
|
2378
2355
|
};
|
|
2379
|
-
_setValueToAFakePathLikeNativeInput = new WeakSet();
|
|
2380
2356
|
setValueToAFakePathLikeNativeInput_fn = function() {
|
|
2381
2357
|
this.value = this.files.length > 0 ? `C:\\fakepath\\${this.files[0].name}` : "";
|
|
2382
2358
|
};
|
|
2383
|
-
_formatNumbersInMessage = new WeakSet();
|
|
2384
2359
|
formatNumbersInMessage_fn = function(message) {
|
|
2385
2360
|
if (this.locale.common.useCommaAsDecimalSeparator) {
|
|
2386
2361
|
return message.replace(/(\d+)\.(\d+)/g, "$1,$2");
|