@vonage/vivid 4.1.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.
Files changed (138) hide show
  1. package/appearance-ui/index.cjs +1 -2
  2. package/appearance-ui/index.js +1 -2
  3. package/custom-elements.json +62 -0
  4. package/lib/button/button.d.ts +1 -0
  5. package/lib/switch/switch.d.ts +1 -1
  6. package/package.json +1 -1
  7. package/shared/affix.cjs +1 -2
  8. package/shared/affix.js +1 -2
  9. package/shared/anchored.cjs +1 -2
  10. package/shared/anchored.js +1 -2
  11. package/shared/calendar-event.cjs +1 -2
  12. package/shared/calendar-event.js +1 -2
  13. package/shared/definition.cjs +1 -2
  14. package/shared/definition.js +1 -2
  15. package/shared/definition11.cjs +29 -13
  16. package/shared/definition11.js +29 -14
  17. package/shared/definition12.cjs +1 -1
  18. package/shared/definition12.js +1 -1
  19. package/shared/definition13.cjs +1 -2
  20. package/shared/definition13.js +1 -2
  21. package/shared/definition14.cjs +1 -2
  22. package/shared/definition14.js +1 -2
  23. package/shared/definition15.cjs +1 -2
  24. package/shared/definition15.js +1 -2
  25. package/shared/definition16.cjs +1 -2
  26. package/shared/definition16.js +1 -2
  27. package/shared/definition17.cjs +5 -9
  28. package/shared/definition17.js +5 -9
  29. package/shared/definition18.cjs +14 -22
  30. package/shared/definition18.js +14 -22
  31. package/shared/definition19.cjs +29 -50
  32. package/shared/definition19.js +29 -50
  33. package/shared/definition20.cjs +1 -2
  34. package/shared/definition20.js +1 -2
  35. package/shared/definition21.cjs +1 -2
  36. package/shared/definition21.js +1 -2
  37. package/shared/definition23.cjs +1 -2
  38. package/shared/definition23.js +1 -2
  39. package/shared/definition24.cjs +2 -3
  40. package/shared/definition24.js +2 -3
  41. package/shared/definition25.cjs +22 -47
  42. package/shared/definition25.js +22 -47
  43. package/shared/definition26.cjs +1 -2
  44. package/shared/definition26.js +1 -2
  45. package/shared/definition28.cjs +1 -2
  46. package/shared/definition28.js +1 -2
  47. package/shared/definition29.cjs +69 -39
  48. package/shared/definition29.js +69 -39
  49. package/shared/definition3.cjs +1 -2
  50. package/shared/definition3.js +1 -2
  51. package/shared/definition31.cjs +1 -2
  52. package/shared/definition31.js +1 -2
  53. package/shared/definition34.cjs +1 -2
  54. package/shared/definition34.js +1 -2
  55. package/shared/definition35.cjs +14 -26
  56. package/shared/definition35.js +14 -26
  57. package/shared/definition36.cjs +1 -2
  58. package/shared/definition36.js +1 -2
  59. package/shared/definition37.cjs +8 -16
  60. package/shared/definition37.js +8 -16
  61. package/shared/definition38.cjs +1 -2
  62. package/shared/definition38.js +1 -2
  63. package/shared/definition39.cjs +1 -2
  64. package/shared/definition39.js +1 -2
  65. package/shared/definition4.cjs +7 -13
  66. package/shared/definition4.js +7 -13
  67. package/shared/definition40.cjs +1 -2
  68. package/shared/definition40.js +1 -2
  69. package/shared/definition42.cjs +52 -91
  70. package/shared/definition42.js +52 -91
  71. package/shared/definition43.cjs +7 -6
  72. package/shared/definition43.js +5 -4
  73. package/shared/definition44.cjs +4 -8
  74. package/shared/definition44.js +4 -8
  75. package/shared/definition45.cjs +1 -2
  76. package/shared/definition45.js +1 -2
  77. package/shared/definition46.cjs +1 -2
  78. package/shared/definition46.js +1 -2
  79. package/shared/definition47.cjs +1 -2
  80. package/shared/definition47.js +1 -2
  81. package/shared/definition48.cjs +2 -3
  82. package/shared/definition48.js +2 -3
  83. package/shared/definition5.cjs +1 -2
  84. package/shared/definition5.js +1 -2
  85. package/shared/definition50.cjs +1 -2
  86. package/shared/definition50.js +1 -2
  87. package/shared/definition51.cjs +5 -10
  88. package/shared/definition51.js +5 -10
  89. package/shared/definition52.cjs +1 -2
  90. package/shared/definition52.js +1 -2
  91. package/shared/definition53.cjs +1 -2
  92. package/shared/definition53.js +1 -2
  93. package/shared/definition54.cjs +9 -21
  94. package/shared/definition54.js +9 -21
  95. package/shared/definition55.cjs +24 -43
  96. package/shared/definition55.js +24 -43
  97. package/shared/definition56.cjs +23 -38
  98. package/shared/definition56.js +23 -38
  99. package/shared/definition57.cjs +22 -45
  100. package/shared/definition57.js +22 -45
  101. package/shared/definition58.cjs +18 -37
  102. package/shared/definition58.js +18 -37
  103. package/shared/definition59.cjs +1 -2
  104. package/shared/definition59.js +1 -2
  105. package/shared/definition6.cjs +1 -2
  106. package/shared/definition6.js +1 -2
  107. package/shared/definition62.cjs +1 -2
  108. package/shared/definition62.js +1 -2
  109. package/shared/definition63.cjs +1 -2
  110. package/shared/definition63.js +1 -2
  111. package/shared/definition7.cjs +1 -2
  112. package/shared/definition7.js +1 -2
  113. package/shared/definition8.cjs +1 -2
  114. package/shared/definition8.js +1 -2
  115. package/shared/definition9.cjs +1 -2
  116. package/shared/definition9.js +1 -2
  117. package/shared/icon.cjs +2 -3
  118. package/shared/icon.js +2 -3
  119. package/shared/index2.cjs +3 -6
  120. package/shared/index2.js +3 -6
  121. package/shared/listbox.cjs +1 -2
  122. package/shared/listbox.js +1 -2
  123. package/shared/patterns/chevron.d.ts +2 -0
  124. package/shared/presentationDate.cjs +1 -2
  125. package/shared/presentationDate.js +1 -2
  126. package/shared/radio.cjs +1 -2
  127. package/shared/radio.js +1 -2
  128. package/shared/text-anchor.cjs +1 -2
  129. package/shared/text-anchor.js +1 -2
  130. package/shared/video-player.cjs +4 -8
  131. package/shared/video-player.js +4 -8
  132. package/styles/core/all.css +1 -1
  133. package/styles/core/theme.css +1 -1
  134. package/styles/core/typography.css +1 -1
  135. package/styles/tokens/theme-dark.css +4 -4
  136. package/styles/tokens/theme-light.css +4 -4
  137. package/styles/tokens/vivid-2-compat.css +1 -1
  138. package/vivid.api.json +3021 -1112
@@ -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
- if (!member.has(obj))
43
- throw TypeError("Cannot " + msg);
44
- };
45
- var __privateGet = (obj, member, getter) => {
46
- __accessCheck(obj, member, "read from private field");
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, _updateValues);
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, _handleChangedValues, handleChangedValues_fn).call(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, _handleChangedValues, handleChangedValues_fn).call(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, _updateFormValue, updateFormValue_fn).call(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, _getVisibleRange, getVisibleRange_fn).call(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, _getVisibleRange, getVisibleRange_fn).call(this).start;
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, _getVisibleRange, getVisibleRange_fn).call(this).end;
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, _updateValues, updateValues_fn).call(this, { start: date, end: "" });
198
+ __privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: date, end: "" });
217
199
  } else if (this.start) {
218
- __privateMethod(this, _updateValues, updateValues_fn).call(this, { end: date });
200
+ __privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { end: date });
219
201
  this._closePopup();
220
202
  } else if (this.end) {
221
- __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date });
203
+ __privateMethod(this, _DateRangePicker_instances, updateValues_fn).call(this, { start: date });
222
204
  this._closePopup();
223
205
  } else {
224
- __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date });
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, _updateValues, updateValues_fn).call(this, { start: "", end: "" });
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, _updateValues, updateValues_fn).call(this, { start, end });
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, _updateValues, updateValues_fn).call(this, { start: "", end: "" });
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, _updateValues, updateValues_fn).call(this, { start: this.initialStart, end: this.initialEnd });
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
- _updateValues = new WeakSet();
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, _handleChangedValues, handleChangedValues_fn).call(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, _updateValues, updateValues_fn).call(this, { start: this.end, end: this.start });
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, _updateFormValue, updateFormValue_fn).call(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;
@@ -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 {
@@ -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 {
@@ -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(
@@ -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(
@@ -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 {
@@ -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 {
@@ -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-0dp);--_elevation-shadow: var(--vvd-shadow-surface-0dp);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)}";
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 {
@@ -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-0dp);--_elevation-shadow: var(--vvd-shadow-surface-0dp);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)}";
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 {
@@ -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
- if (!member.has(obj))
2166
- throw TypeError("Cannot " + msg);
2167
- };
2168
- var __privateGet = (obj, member, getter) => {
2169
- __accessCheck(obj, member, "read from private field");
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, _chooseFile);
2192
- __privateAdd(this, _updateHiddenFileInput);
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, _updateHiddenFileInput, updateHiddenFileInput_fn).call(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, _updateFormValue, updateFormValue_fn).call(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, _formatNumbersInMessage, formatNumbersInMessage_fn).call(this, message);
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, _formatNumbersInMessage, formatNumbersInMessage_fn).call(this, $3ed269f2f0fb224b$export$2e2bcd8739ae039.prototype.filesize.call(__privateGet(this, _dropzone), size));
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, _handleFilesChanged, handleFilesChanged_fn).call(this);
2283
+ __privateMethod(this, _FilePicker_instances, handleFilesChanged_fn).call(this);
2304
2284
  });
2305
2285
  __privateGet(this, _dropzone).on("removedfile", () => {
2306
- __privateMethod(this, _handleFilesChanged, handleFilesChanged_fn).call(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, _chooseFile, chooseFile_fn).call(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
- _chooseFile = new WeakSet();
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, _updateFormValue, updateFormValue_fn).call(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, _setValueToAFakePathLikeNativeInput, setValueToAFakePathLikeNativeInput_fn).call(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");