@vonage/vivid 4.12.1 → 4.13.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 (70) hide show
  1. package/custom-elements.json +1388 -128
  2. package/lib/file-picker/file-picker.d.ts +6 -0
  3. package/lib/menu/menu.d.ts +16 -3
  4. package/lib/menu-item/menu-item.d.ts +10 -2
  5. package/lib/option/option.d.ts +27 -7
  6. package/lib/switch/switch.d.ts +5 -2
  7. package/lib/switch/switch.form-associated.d.ts +10 -0
  8. package/lib/tabs/tabs.d.ts +3 -2
  9. package/lib/text-area/text-area.d.ts +25 -3
  10. package/lib/text-area/text-field.form-associated.d.ts +10 -0
  11. package/lib/text-field/text-field.d.ts +28 -3
  12. package/lib/text-field/text-field.form-associated.d.ts +10 -0
  13. package/package.json +1 -1
  14. package/shared/definition11.cjs +1 -1
  15. package/shared/definition11.js +1 -1
  16. package/shared/definition17.cjs +1 -1
  17. package/shared/definition17.js +1 -1
  18. package/shared/definition20.cjs +2 -1
  19. package/shared/definition20.js +2 -1
  20. package/shared/definition21.cjs +1 -1
  21. package/shared/definition21.js +1 -1
  22. package/shared/definition24.cjs +1 -1
  23. package/shared/definition24.js +1 -1
  24. package/shared/definition25.cjs +24 -3
  25. package/shared/definition25.js +24 -3
  26. package/shared/definition29.cjs +358 -559
  27. package/shared/definition29.js +359 -560
  28. package/shared/definition30.cjs +2 -0
  29. package/shared/definition30.js +2 -0
  30. package/shared/definition35.cjs +222 -2
  31. package/shared/definition35.js +222 -2
  32. package/shared/definition36.cjs +149 -14
  33. package/shared/definition36.js +150 -15
  34. package/shared/definition46.cjs +1 -1
  35. package/shared/definition46.js +1 -1
  36. package/shared/definition47.cjs +5 -14
  37. package/shared/definition47.js +1 -10
  38. package/shared/definition49.cjs +65 -90
  39. package/shared/definition49.js +66 -91
  40. package/shared/definition51.cjs +1 -1
  41. package/shared/definition51.js +1 -1
  42. package/shared/definition52.cjs +15 -1
  43. package/shared/definition52.js +15 -1
  44. package/shared/definition55.cjs +160 -180
  45. package/shared/definition55.js +160 -180
  46. package/shared/definition56.cjs +3 -307
  47. package/shared/definition56.js +5 -309
  48. package/shared/definition57.cjs +8 -7
  49. package/shared/definition57.js +3 -2
  50. package/shared/definition64.cjs +18 -7
  51. package/shared/definition64.js +19 -8
  52. package/shared/listbox.cjs +198 -3
  53. package/shared/listbox.js +197 -2
  54. package/shared/{direction.cjs → localization.cjs} +12 -3
  55. package/shared/{direction.js → localization.js} +12 -3
  56. package/shared/presentationDate.cjs +8 -8
  57. package/shared/presentationDate.js +1 -1
  58. package/shared/text-field2.cjs +538 -194
  59. package/shared/text-field2.js +539 -195
  60. package/styles/core/all.css +21 -1
  61. package/styles/core/theme.css +21 -1
  62. package/styles/core/typography.css +1 -1
  63. package/styles/tokens/theme-dark.css +4 -4
  64. package/styles/tokens/theme-light.css +4 -4
  65. package/styles/tokens/vivid-2-compat.css +1 -1
  66. package/vivid.api.json +44 -0
  67. package/shared/Reflector.cjs +0 -71
  68. package/shared/Reflector.js +0 -69
  69. package/shared/listbox-option.cjs +0 -204
  70. package/shared/listbox-option.js +0 -201
package/shared/definition25.cjs CHANGED
@@ -2255,6 +2255,18 @@ let FilePicker = class extends FormAssociatedFilePicker {
2255
2255
  }
2256
2256
  __privateGet(this, _dropzone).options.acceptedFiles = newValue;
2257
2257
  }
2258
+ invalidFileTypeErrorChanged(_oldValue, newValue) {
2259
+ if (__privateGet(this, _dropzone))
2260
+ __privateGet(this, _dropzone).options.dictInvalidFileType = newValue || this.locale.filePicker.invalidFileTypeError;
2261
+ }
2262
+ maxFilesExceededErrorChanged(_oldValue, newValue) {
2263
+ if (__privateGet(this, _dropzone))
2264
+ __privateGet(this, _dropzone).options.dictMaxFilesExceeded = newValue || this.locale.filePicker.maxFilesExceededError;
2265
+ }
2266
+ fileTooBigErrorChanged(_oldValue, newValue) {
2267
+ if (__privateGet(this, _dropzone))
2268
+ __privateGet(this, _dropzone).options.dictFileTooBig = newValue || this.locale.filePicker.fileTooBigError;
2269
+ }
2258
2270
  nameChanged(previous, next) {
2259
2271
  super.nameChanged(previous, next);
2260
2272
  __privateMethod(this, _FilePicker_instances, updateFormValue_fn).call(this);
@@ -2278,9 +2290,9 @@ let FilePicker = class extends FormAssociatedFilePicker {
2278
2290
  previewsContainer: previewList,
2279
2291
  createImageThumbnails: false,
2280
2292
  previewTemplate: generateFilePreviewTemplate(this.buttonTag, this.locale),
2281
- dictInvalidFileType: this.locale.filePicker.invalidFileTypeError,
2282
- dictMaxFilesExceeded: this.locale.filePicker.maxFilesExceededError,
2283
- dictFileTooBig: this.locale.filePicker.fileTooBigError,
2293
+ dictInvalidFileType: this.invalidFileTypeError || this.locale.filePicker.invalidFileTypeError,
2294
+ dictMaxFilesExceeded: this.maxFilesExceededError || this.locale.filePicker.maxFilesExceededError,
2295
+ dictFileTooBig: this.fileTooBigError || this.locale.filePicker.fileTooBigError,
2284
2296
  error: __privateGet(this, _localizeErrorMessage)
2285
2297
  }));
2286
2298
  __privateGet(this, _localizeFileSizeNumberAndUnits).call(this);
@@ -2423,6 +2435,15 @@ __decorateClass([
2423
2435
  __decorateClass([
2424
2436
  index.attr
2425
2437
  ], FilePicker.prototype, "size", 2);
2438
+ __decorateClass([
2439
+ index.attr({ attribute: "invalid-file-type-error" })
2440
+ ], FilePicker.prototype, "invalidFileTypeError", 2);
2441
+ __decorateClass([
2442
+ index.attr({ attribute: "max-files-exceeded-error" })
2443
+ ], FilePicker.prototype, "maxFilesExceededError", 2);
2444
+ __decorateClass([
2445
+ index.attr({ attribute: "file-too-big-error" })
2446
+ ], FilePicker.prototype, "fileTooBigError", 2);
2426
2447
  FilePicker = __decorateClass([
2427
2448
  formElements.errorText,
2428
2449
  formElements.formElements
package/shared/definition25.js CHANGED
@@ -2253,6 +2253,18 @@ let FilePicker = class extends FormAssociatedFilePicker {
2253
2253
  }
2254
2254
  __privateGet(this, _dropzone).options.acceptedFiles = newValue;
2255
2255
  }
2256
+ invalidFileTypeErrorChanged(_oldValue, newValue) {
2257
+ if (__privateGet(this, _dropzone))
2258
+ __privateGet(this, _dropzone).options.dictInvalidFileType = newValue || this.locale.filePicker.invalidFileTypeError;
2259
+ }
2260
+ maxFilesExceededErrorChanged(_oldValue, newValue) {
2261
+ if (__privateGet(this, _dropzone))
2262
+ __privateGet(this, _dropzone).options.dictMaxFilesExceeded = newValue || this.locale.filePicker.maxFilesExceededError;
2263
+ }
2264
+ fileTooBigErrorChanged(_oldValue, newValue) {
2265
+ if (__privateGet(this, _dropzone))
2266
+ __privateGet(this, _dropzone).options.dictFileTooBig = newValue || this.locale.filePicker.fileTooBigError;
2267
+ }
2256
2268
  nameChanged(previous, next) {
2257
2269
  super.nameChanged(previous, next);
2258
2270
  __privateMethod(this, _FilePicker_instances, updateFormValue_fn).call(this);
@@ -2276,9 +2288,9 @@ let FilePicker = class extends FormAssociatedFilePicker {
2276
2288
  previewsContainer: previewList,
2277
2289
  createImageThumbnails: false,
2278
2290
  previewTemplate: generateFilePreviewTemplate(this.buttonTag, this.locale),
2279
- dictInvalidFileType: this.locale.filePicker.invalidFileTypeError,
2280
- dictMaxFilesExceeded: this.locale.filePicker.maxFilesExceededError,
2281
- dictFileTooBig: this.locale.filePicker.fileTooBigError,
2291
+ dictInvalidFileType: this.invalidFileTypeError || this.locale.filePicker.invalidFileTypeError,
2292
+ dictMaxFilesExceeded: this.maxFilesExceededError || this.locale.filePicker.maxFilesExceededError,
2293
+ dictFileTooBig: this.fileTooBigError || this.locale.filePicker.fileTooBigError,
2282
2294
  error: __privateGet(this, _localizeErrorMessage)
2283
2295
  }));
2284
2296
  __privateGet(this, _localizeFileSizeNumberAndUnits).call(this);
@@ -2421,6 +2433,15 @@ __decorateClass([
2421
2433
  __decorateClass([
2422
2434
  attr
2423
2435
  ], FilePicker.prototype, "size", 2);
2436
+ __decorateClass([
2437
+ attr({ attribute: "invalid-file-type-error" })
2438
+ ], FilePicker.prototype, "invalidFileTypeError", 2);
2439
+ __decorateClass([
2440
+ attr({ attribute: "max-files-exceeded-error" })
2441
+ ], FilePicker.prototype, "maxFilesExceededError", 2);
2442
+ __decorateClass([
2443
+ attr({ attribute: "file-too-big-error" })
2444
+ ], FilePicker.prototype, "fileTooBigError", 2);
2424
2445
  FilePicker = __decorateClass([
2425
2446
  errorText,
2426
2447
  formElements