@vonage/vivid 4.28.0 → 4.29.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 (72) hide show
  1. package/custom-elements.json +341 -80
  2. package/lib/audio-player/audio-player.d.ts +4 -3
  3. package/lib/data-grid/data-grid.d.ts +2 -0
  4. package/lib/data-grid/locale.d.ts +1 -0
  5. package/lib/date-picker/date-picker.d.ts +4 -2
  6. package/lib/date-time-picker/date-time-picker.d.ts +6 -3
  7. package/lib/divider/definition.d.ts +1 -0
  8. package/lib/divider/divider.d.ts +5 -1
  9. package/lib/option/option.d.ts +4 -7
  10. package/lib/rich-text-editor/facades/prose-mirror-vivid.schema.d.ts +2 -1
  11. package/lib/rich-text-editor/facades/vivid-prose-mirror.facade.d.ts +2 -2
  12. package/lib/rich-text-editor/image-placeholder/definition.d.ts +2 -0
  13. package/lib/rich-text-editor/image-placeholder/image-placeholder.d.ts +7 -0
  14. package/lib/rich-text-editor/image-placeholder/image-placeholder.template.d.ts +4 -0
  15. package/lib/rich-text-editor/menubar/consts.d.ts +2 -2
  16. package/lib/rich-text-editor/menubar/definition.d.ts +2 -2
  17. package/lib/rich-text-editor/menubar/menubar.d.ts +2 -2
  18. package/lib/rich-text-editor/menubar/menubar.template.d.ts +2 -2
  19. package/lib/rich-text-editor/rich-text-editor.d.ts +1 -0
  20. package/lib/time-picker/time-picker.d.ts +4 -2
  21. package/locales/de-DE.cjs +2 -1
  22. package/locales/de-DE.js +2 -1
  23. package/locales/en-GB.cjs +2 -1
  24. package/locales/en-GB.js +2 -1
  25. package/locales/en-US.cjs +2 -1
  26. package/locales/en-US.js +2 -1
  27. package/locales/ja-JP.cjs +2 -1
  28. package/locales/ja-JP.js +2 -1
  29. package/locales/zh-CN.cjs +2 -1
  30. package/locales/zh-CN.js +2 -1
  31. package/package.json +2 -1
  32. package/shared/calendar-picker.template.cjs +1 -1
  33. package/shared/calendar-picker.template.js +1 -1
  34. package/shared/definition16.cjs +33 -30
  35. package/shared/definition16.js +33 -30
  36. package/shared/definition17.cjs +137 -1
  37. package/shared/definition17.js +138 -2
  38. package/shared/definition23.cjs +12 -7
  39. package/shared/definition23.js +12 -7
  40. package/shared/definition36.cjs +1 -1
  41. package/shared/definition36.js +1 -1
  42. package/shared/definition44.cjs +184 -55
  43. package/shared/definition44.js +184 -55
  44. package/shared/definition45.cjs +12 -5
  45. package/shared/definition45.js +12 -5
  46. package/shared/definition5.cjs +86 -30
  47. package/shared/definition5.js +86 -30
  48. package/shared/definition61.cjs +11 -0
  49. package/shared/definition61.js +11 -0
  50. package/shared/definition64.cjs +1 -1
  51. package/shared/definition64.js +1 -1
  52. package/shared/divider.cjs +7 -2
  53. package/shared/divider.js +7 -2
  54. package/shared/option.cjs +36 -38
  55. package/shared/option.js +37 -39
  56. package/shared/picker-field/mixins/single-date-picker.d.ts +4 -2
  57. package/shared/picker-field/mixins/single-value-picker.d.ts +2 -1
  58. package/shared/picker-field/mixins/time-selection-picker.d.ts +4 -2
  59. package/shared/picker-field/mixins/time-selection-picker.template.d.ts +4 -2
  60. package/shared/single-value-picker.cjs +40 -6
  61. package/shared/single-value-picker.js +40 -6
  62. package/shared/text-field.cjs +1 -1
  63. package/shared/text-field.js +1 -1
  64. package/shared/vivid-element.cjs +1 -1
  65. package/shared/vivid-element.js +1 -1
  66. package/styles/core/all.css +1 -1
  67. package/styles/core/theme.css +1 -1
  68. package/styles/core/typography.css +1 -1
  69. package/styles/tokens/theme-dark.css +4 -4
  70. package/styles/tokens/theme-light.css +4 -4
  71. package/styles/tokens/vivid-2-compat.css +1 -1
  72. package/vivid.api.json +211 -126
@@ -2734,7 +2734,7 @@ const ReplacedPropHandling = (Base) => {
2734
2734
 
2735
2735
  class VividElement extends AriaMixin(ReplacedPropHandling(FASTElement)) {
2736
2736
  static {
2737
- this.VIVID_VERSION = "4.28.0";
2737
+ this.VIVID_VERSION = "4.29.0";
2738
2738
  }
2739
2739
  /**
2740
2740
  * Add data-vvd-component attribute with component name globally,
@@ -2732,7 +2732,7 @@ const ReplacedPropHandling = (Base) => {
2732
2732
 
2733
2733
  class VividElement extends AriaMixin(ReplacedPropHandling(FASTElement)) {
2734
2734
  static {
2735
- this.VIVID_VERSION = "4.28.0";
2735
+ this.VIVID_VERSION = "4.29.0";
2736
2736
  }
2737
2737
  /**
2738
2738
  * Add data-vvd-component attribute with component name globally,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
3
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  background-color: var(--vvd-color-canvas);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
3
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  background-color: var(--vvd-color-canvas);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
3
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
4
4
  */
5
5
  .vvd-root:root {
6
6
  --vvd-size-font-scale-base: 1rem;
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
3
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
7
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
11
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
15
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
3
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
7
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
11
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
15
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 11:10:05 GMT
3
+ * Generated on Fri, 25 Jul 2025 10:55:57 GMT
4
4
  */
5
5
  .vvd-root, ::part(vvd-root),
6
6
  .vvd-theme-alternate, ::part(vvd-theme-alternate) {
package/vivid.api.json CHANGED
@@ -2359,6 +2359,64 @@
2359
2359
  }
2360
2360
  ]
2361
2361
  },
2362
+ {
2363
+ "kind": "TypeAlias",
2364
+ "canonicalReference": "@vonage/vivid!DividerAppearance:type",
2365
+ "docComment": "",
2366
+ "excerptTokens": [
2367
+ {
2368
+ "kind": "Content",
2369
+ "text": "export type DividerAppearance = "
2370
+ },
2371
+ {
2372
+ "kind": "Reference",
2373
+ "text": "ExtractFromEnum",
2374
+ "canonicalReference": "@vonage/vivid!~ExtractFromEnum:type"
2375
+ },
2376
+ {
2377
+ "kind": "Content",
2378
+ "text": "<"
2379
+ },
2380
+ {
2381
+ "kind": "Reference",
2382
+ "text": "Appearance",
2383
+ "canonicalReference": "@vonage/vivid!Appearance:enum"
2384
+ },
2385
+ {
2386
+ "kind": "Content",
2387
+ "text": ", "
2388
+ },
2389
+ {
2390
+ "kind": "Reference",
2391
+ "text": "Appearance.Ghost",
2392
+ "canonicalReference": "@vonage/vivid!Appearance.Ghost:member"
2393
+ },
2394
+ {
2395
+ "kind": "Content",
2396
+ "text": " | "
2397
+ },
2398
+ {
2399
+ "kind": "Reference",
2400
+ "text": "Appearance.Subtle",
2401
+ "canonicalReference": "@vonage/vivid!Appearance.Subtle:member"
2402
+ },
2403
+ {
2404
+ "kind": "Content",
2405
+ "text": ">"
2406
+ },
2407
+ {
2408
+ "kind": "Content",
2409
+ "text": ";"
2410
+ }
2411
+ ],
2412
+ "fileUrlPath": "dist/lib/divider/divider.d.ts",
2413
+ "releaseTag": "Public",
2414
+ "name": "DividerAppearance",
2415
+ "typeTokenRange": {
2416
+ "startIndex": 1,
2417
+ "endIndex": 9
2418
+ }
2419
+ },
2362
2420
  {
2363
2421
  "kind": "TypeAlias",
2364
2422
  "canonicalReference": "@vonage/vivid!EmptyStateConnotation:type",
@@ -6456,6 +6514,33 @@
6456
6514
  "endIndex": 2
6457
6515
  }
6458
6516
  },
6517
+ {
6518
+ "kind": "PropertySignature",
6519
+ "canonicalReference": "@vonage/vivid!RichTextEditorInlineImageProps#error:member",
6520
+ "docComment": "",
6521
+ "excerptTokens": [
6522
+ {
6523
+ "kind": "Content",
6524
+ "text": "error?: "
6525
+ },
6526
+ {
6527
+ "kind": "Content",
6528
+ "text": "string"
6529
+ },
6530
+ {
6531
+ "kind": "Content",
6532
+ "text": ";"
6533
+ }
6534
+ ],
6535
+ "isReadonly": false,
6536
+ "isOptional": true,
6537
+ "releaseTag": "Public",
6538
+ "name": "error",
6539
+ "propertyTypeTokenRange": {
6540
+ "startIndex": 1,
6541
+ "endIndex": 2
6542
+ }
6543
+ },
6459
6544
  {
6460
6545
  "kind": "PropertySignature",
6461
6546
  "canonicalReference": "@vonage/vivid!RichTextEditorInlineImageProps#file:member",
@@ -9437,6 +9522,36 @@
9437
9522
  "isProtected": false,
9438
9523
  "isAbstract": false
9439
9524
  },
9525
+ {
9526
+ "kind": "Property",
9527
+ "canonicalReference": "@vonage/vivid!VwcAudioPlayerElement#durationFallback:member",
9528
+ "docComment": "",
9529
+ "excerptTokens": [
9530
+ {
9531
+ "kind": "Content",
9532
+ "text": "durationFallback: "
9533
+ },
9534
+ {
9535
+ "kind": "Content",
9536
+ "text": "boolean"
9537
+ },
9538
+ {
9539
+ "kind": "Content",
9540
+ "text": ";"
9541
+ }
9542
+ ],
9543
+ "isReadonly": false,
9544
+ "isOptional": false,
9545
+ "releaseTag": "Public",
9546
+ "name": "durationFallback",
9547
+ "propertyTypeTokenRange": {
9548
+ "startIndex": 1,
9549
+ "endIndex": 2
9550
+ },
9551
+ "isStatic": false,
9552
+ "isProtected": false,
9553
+ "isAbstract": false
9554
+ },
9440
9555
  {
9441
9556
  "kind": "Property",
9442
9557
  "canonicalReference": "@vonage/vivid!VwcAudioPlayerElement#notime:member",
@@ -13221,6 +13336,36 @@
13221
13336
  "isProtected": false,
13222
13337
  "isAbstract": false
13223
13338
  },
13339
+ {
13340
+ "kind": "Property",
13341
+ "canonicalReference": "@vonage/vivid!VwcDataGridElement#fixedColumns:member",
13342
+ "docComment": "",
13343
+ "excerptTokens": [
13344
+ {
13345
+ "kind": "Content",
13346
+ "text": "fixedColumns?: "
13347
+ },
13348
+ {
13349
+ "kind": "Content",
13350
+ "text": "number"
13351
+ },
13352
+ {
13353
+ "kind": "Content",
13354
+ "text": ";"
13355
+ }
13356
+ ],
13357
+ "isReadonly": false,
13358
+ "isOptional": true,
13359
+ "releaseTag": "Public",
13360
+ "name": "fixedColumns",
13361
+ "propertyTypeTokenRange": {
13362
+ "startIndex": 1,
13363
+ "endIndex": 2
13364
+ },
13365
+ "isStatic": false,
13366
+ "isProtected": false,
13367
+ "isAbstract": false
13368
+ },
13224
13369
  {
13225
13370
  "kind": "Property",
13226
13371
  "canonicalReference": "@vonage/vivid!VwcDataGridElement#focusColumnIndex:member",
@@ -15842,6 +15987,37 @@
15842
15987
  "name": "VwcDividerElement",
15843
15988
  "preserveMemberOrder": false,
15844
15989
  "members": [
15990
+ {
15991
+ "kind": "Property",
15992
+ "canonicalReference": "@vonage/vivid!VwcDividerElement#appearance:member",
15993
+ "docComment": "",
15994
+ "excerptTokens": [
15995
+ {
15996
+ "kind": "Content",
15997
+ "text": "appearance?: "
15998
+ },
15999
+ {
16000
+ "kind": "Reference",
16001
+ "text": "DividerAppearance",
16002
+ "canonicalReference": "@vonage/vivid!DividerAppearance:type"
16003
+ },
16004
+ {
16005
+ "kind": "Content",
16006
+ "text": ";"
16007
+ }
16008
+ ],
16009
+ "isReadonly": false,
16010
+ "isOptional": true,
16011
+ "releaseTag": "Public",
16012
+ "name": "appearance",
16013
+ "propertyTypeTokenRange": {
16014
+ "startIndex": 1,
16015
+ "endIndex": 2
16016
+ },
16017
+ "isStatic": false,
16018
+ "isProtected": false,
16019
+ "isAbstract": false
16020
+ },
15845
16021
  {
15846
16022
  "kind": "Property",
15847
16023
  "canonicalReference": "@vonage/vivid!VwcDividerElement#orientation:member",
@@ -20055,36 +20231,6 @@
20055
20231
  "isAbstract": false,
20056
20232
  "name": "defaultSelectedChanged"
20057
20233
  },
20058
- {
20059
- "kind": "Property",
20060
- "canonicalReference": "@vonage/vivid!VwcOptionElement#dirtyValue:member",
20061
- "docComment": "",
20062
- "excerptTokens": [
20063
- {
20064
- "kind": "Content",
20065
- "text": "dirtyValue: "
20066
- },
20067
- {
20068
- "kind": "Content",
20069
- "text": "boolean"
20070
- },
20071
- {
20072
- "kind": "Content",
20073
- "text": ";"
20074
- }
20075
- ],
20076
- "isReadonly": false,
20077
- "isOptional": false,
20078
- "releaseTag": "Public",
20079
- "name": "dirtyValue",
20080
- "propertyTypeTokenRange": {
20081
- "startIndex": 1,
20082
- "endIndex": 2
20083
- },
20084
- "isStatic": false,
20085
- "isProtected": false,
20086
- "isAbstract": false
20087
- },
20088
20234
  {
20089
20235
  "kind": "Property",
20090
20236
  "canonicalReference": "@vonage/vivid!VwcOptionElement#disabled:member",
@@ -20181,67 +20327,6 @@
20181
20327
  "isProtected": false,
20182
20328
  "isAbstract": false
20183
20329
  },
20184
- {
20185
- "kind": "Property",
20186
- "canonicalReference": "@vonage/vivid!VwcOptionElement#initialValue:member",
20187
- "docComment": "",
20188
- "excerptTokens": [
20189
- {
20190
- "kind": "Content",
20191
- "text": "protected initialValue: "
20192
- },
20193
- {
20194
- "kind": "Content",
20195
- "text": "string"
20196
- },
20197
- {
20198
- "kind": "Content",
20199
- "text": ";"
20200
- }
20201
- ],
20202
- "isReadonly": false,
20203
- "isOptional": false,
20204
- "releaseTag": "Public",
20205
- "name": "initialValue",
20206
- "propertyTypeTokenRange": {
20207
- "startIndex": 1,
20208
- "endIndex": 2
20209
- },
20210
- "isStatic": false,
20211
- "isProtected": true,
20212
- "isAbstract": false
20213
- },
20214
- {
20215
- "kind": "Method",
20216
- "canonicalReference": "@vonage/vivid!VwcOptionElement#initialValueChanged:member(1)",
20217
- "docComment": "",
20218
- "excerptTokens": [
20219
- {
20220
- "kind": "Content",
20221
- "text": "initialValueChanged(): "
20222
- },
20223
- {
20224
- "kind": "Content",
20225
- "text": "void"
20226
- },
20227
- {
20228
- "kind": "Content",
20229
- "text": ";"
20230
- }
20231
- ],
20232
- "isStatic": false,
20233
- "returnTypeTokenRange": {
20234
- "startIndex": 1,
20235
- "endIndex": 2
20236
- },
20237
- "releaseTag": "Public",
20238
- "isProtected": false,
20239
- "overloadIndex": 1,
20240
- "parameters": [],
20241
- "isOptional": false,
20242
- "isAbstract": false,
20243
- "name": "initialValueChanged"
20244
- },
20245
20330
  {
20246
20331
  "kind": "Property",
20247
20332
  "canonicalReference": "@vonage/vivid!VwcOptionElement#label:member",
@@ -20339,7 +20424,7 @@
20339
20424
  "excerptTokens": [
20340
20425
  {
20341
20426
  "kind": "Content",
20342
- "text": "selectedAttribute: "
20427
+ "text": "get selectedAttribute(): "
20343
20428
  },
20344
20429
  {
20345
20430
  "kind": "Content",
@@ -20347,7 +20432,7 @@
20347
20432
  },
20348
20433
  {
20349
20434
  "kind": "Content",
20350
- "text": ";"
20435
+ "text": ";\n\nset selectedAttribute(value: boolean);"
20351
20436
  }
20352
20437
  ],
20353
20438
  "isReadonly": false,
@@ -20362,37 +20447,6 @@
20362
20447
  "isProtected": false,
20363
20448
  "isAbstract": false
20364
20449
  },
20365
- {
20366
- "kind": "Method",
20367
- "canonicalReference": "@vonage/vivid!VwcOptionElement#selectedAttributeChanged:member(1)",
20368
- "docComment": "",
20369
- "excerptTokens": [
20370
- {
20371
- "kind": "Content",
20372
- "text": "protected selectedAttributeChanged(): "
20373
- },
20374
- {
20375
- "kind": "Content",
20376
- "text": "void"
20377
- },
20378
- {
20379
- "kind": "Content",
20380
- "text": ";"
20381
- }
20382
- ],
20383
- "isStatic": false,
20384
- "returnTypeTokenRange": {
20385
- "startIndex": 1,
20386
- "endIndex": 2
20387
- },
20388
- "releaseTag": "Public",
20389
- "isProtected": true,
20390
- "overloadIndex": 1,
20391
- "parameters": [],
20392
- "isOptional": false,
20393
- "isAbstract": false,
20394
- "name": "selectedAttributeChanged"
20395
- },
20396
20450
  {
20397
20451
  "kind": "Method",
20398
20452
  "canonicalReference": "@vonage/vivid!VwcOptionElement#selectedChanged:member(1)",
@@ -20492,7 +20546,7 @@
20492
20546
  "excerptTokens": [
20493
20547
  {
20494
20548
  "kind": "Content",
20495
- "text": "set value(next: "
20549
+ "text": "value: "
20496
20550
  },
20497
20551
  {
20498
20552
  "kind": "Content",
@@ -20500,7 +20554,7 @@
20500
20554
  },
20501
20555
  {
20502
20556
  "kind": "Content",
20503
- "text": ");"
20557
+ "text": ";"
20504
20558
  }
20505
20559
  ],
20506
20560
  "isReadonly": false,
@@ -20514,6 +20568,37 @@
20514
20568
  "isStatic": false,
20515
20569
  "isProtected": false,
20516
20570
  "isAbstract": false
20571
+ },
20572
+ {
20573
+ "kind": "Method",
20574
+ "canonicalReference": "@vonage/vivid!VwcOptionElement#valueChanged:member(1)",
20575
+ "docComment": "",
20576
+ "excerptTokens": [
20577
+ {
20578
+ "kind": "Content",
20579
+ "text": "protected valueChanged(): "
20580
+ },
20581
+ {
20582
+ "kind": "Content",
20583
+ "text": "void"
20584
+ },
20585
+ {
20586
+ "kind": "Content",
20587
+ "text": ";"
20588
+ }
20589
+ ],
20590
+ "isStatic": false,
20591
+ "returnTypeTokenRange": {
20592
+ "startIndex": 1,
20593
+ "endIndex": 2
20594
+ },
20595
+ "releaseTag": "Public",
20596
+ "isProtected": true,
20597
+ "overloadIndex": 1,
20598
+ "parameters": [],
20599
+ "isOptional": false,
20600
+ "isAbstract": false,
20601
+ "name": "valueChanged"
20517
20602
  }
20518
20603
  ],
20519
20604
  "extendsTokenRange": {