@vonage/vivid-vue 3.20.0 → 3.21.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
  "framework": "vue",
  "name": "@vonage/vivid-vue",
- "version": "3.20.0",
+ "version": "3.21.0",
  "contributions": {
   "html": {
    "description-markup": "markdown",
@@ -1521,6 +1521,14 @@
         "type": "boolean"
        }
       },
+      {
+       "name": "currentChecked",
+       "description": "The current checkedness of the element. This property serves as a mechanism\nto set the `checked` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's checkedness\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
       {
        "name": "readonly",
        "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
@@ -1562,6 +1570,10 @@
       {
        "name": "input",
        "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "change",
+       "description": "Emits a custom change event when the checked state changes"
       }
      ],
      "slots": [],
@@ -1607,6 +1619,14 @@
         "type": "string"
        }
       },
+      {
+       "name": "currentValue",
+       "description": "The current value of the element. This property serves as a mechanism\nto set the `value` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "name",
        "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
@@ -1696,6 +1716,10 @@
       {
        "name": "input",
        "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "change",
+       "description": "Fires a custom 'change' event when the value updates"
       }
      ],
      "slots": [
@@ -1748,6 +1772,7 @@
       },
       {
        "name": "selectionMode",
+       "description": "Indicates the selection mode.",
        "value": {
         "kind": "expression",
         "type": "'none' | 'single-row' | 'multi-row' | 'single-cell' | 'multi-cell'"
@@ -1830,6 +1855,7 @@
       },
       {
        "name": "ariaSelected",
+       "description": "Indicates the selected status.",
        "value": {
         "kind": "expression",
         "type": "string"
@@ -1916,6 +1942,7 @@
       },
       {
        "name": "ariaSelected",
+       "description": "Indicates the selected status.",
        "value": {
         "kind": "expression",
         "type": "string"
@@ -1923,6 +1950,7 @@
       },
       {
        "name": "ariaSort",
+       "description": "Indicates the sort status.",
        "value": {
         "kind": "expression",
         "type": "string"
@@ -1973,16 +2001,134 @@
     },
     {
      "name": "VDatePicker",
-     "description": "Base class for date-picker",
+     "description": "Single date picker component.",
      "attributes": [
       {
-       "name": "helperText",
-       "description": "The helper text for the form element.",
+       "name": "label",
+       "description": "The label for the form element.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "errorText",
+       "description": "The error text for the form element.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "ariaCurrent",
+       "description": "Indicates the element that represents the current item within a container or set of related elements.",
+       "value": {
+        "kind": "expression",
+        "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'"
+       }
+      },
+      {
+       "name": "disabled",
+       "description": "Sets the element's disabled state. A disabled element will not be included during form submission.",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
+      {
+       "name": "name",
+       "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "required",
+       "description": "Require the field to be completed prior to form submission.",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
+      {
+       "name": "max",
+       "description": "The latest accepted date of the date-picker.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "min",
+       "description": "The earliest accepted date of the date-picker.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "value",
+       "description": "The initial value of the date-picker.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "currentValue",
+       "description": "The current value of the date-picker.",
        "value": {
         "kind": "expression",
         "type": "string"
        }
       },
+      {
+       "name": "readonly",
+       "description": "Whether the date-picker is readonly.",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      }
+     ],
+     "events": [
+      {
+       "name": "click",
+       "description": "Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element."
+      },
+      {
+       "name": "focus",
+       "description": "Fires when the element receives focus."
+      },
+      {
+       "name": "blur",
+       "description": "Fires when the element loses focus."
+      },
+      {
+       "name": "keydown",
+       "description": "Fires when a key is pressed."
+      },
+      {
+       "name": "keyup",
+       "description": "Fires when a key is released."
+      },
+      {
+       "name": "input",
+       "description": "Fires when the value of an element has been changed."
+      }
+     ],
+     "slots": [],
+     "source": {
+      "module": "@vonage/vivid-vue",
+      "symbol": "VDatePicker"
+     },
+     "priority": "highest"
+    },
+    {
+     "name": "VDateRangePicker",
+     "description": "Base class for date-range-picker",
+     "attributes": [
       {
        "name": "label",
        "description": "The label for the form element.",
@@ -2031,6 +2177,30 @@
         "type": "boolean"
        }
       },
+      {
+       "name": "max",
+       "description": "The latest accepted date of the date-picker.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "currentStart",
+       "description": "The current start value of the element. This property serves as a mechanism\nto set the `start` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "currentEnd",
+       "description": "The current end value of the element. This property serves as a mechanism\nto set the `end` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "min",
        "description": "The earliest accepted date of the date-picker.",
@@ -2040,8 +2210,8 @@
        }
       },
       {
-       "name": "max",
-       "description": "The latest accepted date of the date-picker.",
+       "name": "value",
+       "description": "The initial value of the date-picker.",
        "value": {
         "kind": "expression",
         "type": "string"
@@ -2084,12 +2254,24 @@
       {
        "name": "keyup",
        "description": "Fires when a key is released."
+      },
+      {
+       "name": "input",
+       "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "input:start",
+       "description": "Event emitted when the start value changes"
+      },
+      {
+       "name": "input:end",
+       "description": "Event emitted when the end value changes"
       }
      ],
      "slots": [],
      "source": {
       "module": "@vonage/vivid-vue",
-      "symbol": "VDatePicker"
+      "symbol": "VDateRangePicker"
      },
      "priority": "highest"
     },
@@ -2198,7 +2380,7 @@
       },
       {
        "name": "close",
-       "description": "Fired when the dialog is closed"
+       "description": "Fired when the dialog is closed."
       }
      ],
      "slots": [
@@ -2944,6 +3126,14 @@
         "type": "'menuitem' | 'menuitemcheckbox' | 'menuitemradio'"
        }
       },
+      {
+       "name": "checked",
+       "description": "The checked value of the element.",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
       {
        "name": "text",
        "description": "Indicates the menu item's text.",
@@ -2959,6 +3149,22 @@
         "kind": "expression",
         "type": "string"
        }
+      },
+      {
+       "name": "checkTrailing",
+       "description": "Controls the placement of the menu item's checkmark or radio icon.",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
+      {
+       "name": "checkAppearance",
+       "description": "Controls the appearance of the check indicator.",
+       "value": {
+        "kind": "expression",
+        "type": "'normal' | 'tick-only'"
+       }
       }
      ],
      "events": [
@@ -2989,6 +3195,10 @@
       {
        "name": "expanded-change",
        "description": "Fires a custom 'expanded-change' event when the expanded state changes"
+      },
+      {
+       "name": "change",
+       "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked"
       }
      ],
      "slots": [
@@ -3420,6 +3630,14 @@
         "type": "string"
        }
       },
+      {
+       "name": "currentValue",
+       "description": "The current value of the element. This property serves as a mechanism\nto set the `value` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "name",
        "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
@@ -3567,6 +3785,10 @@
        "name": "keyup",
        "description": "Fires when a key is released."
       },
+      {
+       "name": "input",
+       "description": "Fires a custom 'input' event when the value has changed"
+      },
       {
        "name": "change",
        "description": "Fires a custom 'change' event when the value has changed"
@@ -3817,6 +4039,7 @@
       },
       {
        "name": "shape",
+       "description": "Indicates the progress' shape.",
        "value": {
         "kind": "expression",
         "type": "'rounded' | 'sharp'"
@@ -3824,6 +4047,7 @@
       },
       {
        "name": "connotation",
+       "description": "Indicates the progress' connotation.",
        "value": {
         "kind": "expression",
         "type": "'accent' | 'success' | 'alert' | 'cta' | 'pacific'"
@@ -3831,6 +4055,7 @@
       },
       {
        "name": "reverse",
+       "description": "Indicates the progress' reverse status.",
        "value": {
         "kind": "expression",
         "type": "boolean"
@@ -4128,6 +4353,14 @@
         "type": "string"
        }
       },
+      {
+       "name": "value",
+       "description": "The value of the checked radio",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "orientation",
        "description": "The orientation of the group",
@@ -4169,6 +4402,10 @@
       {
        "name": "input",
        "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "change",
+       "description": "Fires a custom 'change' event when the value changes"
       }
      ],
      "slots": [
@@ -4259,6 +4496,14 @@
         "type": "string"
        }
       },
+      {
+       "name": "currentValue",
+       "description": "The current value of the element. This property serves as a mechanism\nto set the `value` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "name",
        "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
@@ -4353,6 +4598,10 @@
        "name": "keyup",
        "description": "Fires when a key is released."
       },
+      {
+       "name": "input",
+       "description": "Fires a custom 'input' event when the value updates"
+      },
       {
        "name": "change",
        "description": "Fires a custom 'change' event when the value updates"
@@ -4447,6 +4696,14 @@
       {
        "name": "input",
        "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "close",
+       "description": "Fired when the side drawer is closed."
+      },
+      {
+       "name": "open",
+       "description": "Fired when the side drawer is opened."
       }
      ],
      "slots": [
@@ -4493,6 +4750,14 @@
         "type": "string"
        }
       },
+      {
+       "name": "currentValue",
+       "description": "The current value of the element. This property serves as a mechanism\nto set the `value` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "name",
        "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
@@ -4590,6 +4855,10 @@
       {
        "name": "input",
        "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "change",
+       "description": "Fires a custom 'change' event when the slider value changes"
       }
      ],
      "slots": [],
@@ -4621,10 +4890,19 @@
       },
       {
        "name": "connotation",
+       "description": "Indicates the switch's connotation.",
        "value": {
         "kind": "expression",
         "type": "'accent' | 'alert' | 'success' | 'cta'"
        }
+      },
+      {
+       "name": "currentChecked",
+       "description": "The current checked state of the switch.",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
       }
      ],
      "events": [
@@ -4651,6 +4929,10 @@
       {
        "name": "input",
        "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "change",
+       "description": "Emitted when the checked state of the switch changes."
       }
      ],
      "slots": [],
@@ -4914,7 +5196,16 @@
     {
      "name": "VTextArea",
      "description": "Base class for text-area",
-     "attributes": [],
+     "attributes": [
+      {
+       "name": "currentValue",
+       "description": "The current value of the text-area.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      }
+     ],
      "events": [
       {
        "name": "click",
@@ -4935,6 +5226,10 @@
       {
        "name": "keyup",
        "description": "Fires when a key is released."
+      },
+      {
+       "name": "input",
+       "description": "Fires when the value of an element has been changed."
       }
      ],
      "slots": [],
@@ -5020,6 +5315,14 @@
         "type": "string"
        }
       },
+      {
+       "name": "currentValue",
+       "description": "The current value of the element. This property serves as a mechanism\nto set the `value` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "name",
        "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
@@ -5159,6 +5462,10 @@
        "name": "keyup",
        "description": "Fires when a key is released."
       },
+      {
+       "name": "input",
+       "description": "Fires when the value of an element has been changed."
+      },
       {
        "name": "change",
        "description": "Fires a custom 'change' event when the value has changed"
@@ -5637,6 +5944,13 @@
         "kind": "expression",
         "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'"
        }
+      },
+      {
+       "name": "ariaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
       }
      ],
      "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-vue",
-  "version": "3.20.0",
+  "version": "3.21.0",
   "description": "A Vue wrapper library for Vivid components.",
   "author": "Vonage",
   "license": "ISC",
@@ -28,7 +28,7 @@
     "vue": "^2.7.0 || >=3.0.0"
   },
   "dependencies": {
-    "@vonage/vivid": "^3.37.0"
+    "@vonage/vivid": "^3.39.0"
   },
   "devDependencies": {
     "@types/node": "^18.15.11",