@vonage/vivid-vue 3.11.1 → 3.13.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
  "framework": "vue",
  "name": "@vonage/vivid-vue",
- "version": "3.11.1",
+ "version": "3.13.0",
  "contributions": {
   "html": {
    "description-markup": "markdown",
@@ -220,7 +220,7 @@
        "description": "The appearance the ActionGroup should have.",
        "value": {
         "kind": "expression",
-        "type": "'filled' | 'outlined' | 'ghost'"
+        "type": "'fieldset' | 'ghost'"
        }
       },
       {
@@ -444,7 +444,7 @@
        "description": "The appearance the avatar should have.",
        "value": {
         "kind": "expression",
-        "type": "'filled' | 'outlined'"
+        "type": "'filled' | 'outlined' | 'duotone'"
        }
       },
       {
@@ -1743,7 +1743,15 @@
        "name": "selectionMode",
        "value": {
         "kind": "expression",
-        "type": "'none' | 'single-row' | 'multi-row'"
+        "type": "'none' | 'single-row' | 'multi-row' | 'single-cell' | 'multi-cell'"
+       }
+      },
+      {
+       "name": "rowsData",
+       "description": "Array of objects representing the rows of the grid.",
+       "value": {
+        "kind": "expression",
+        "type": "any[]"
        }
       }
      ],
@@ -1785,6 +1793,177 @@
      },
      "priority": "highest"
     },
+    {
+     "name": "VDataGridRow",
+     "description": "Base class for data-grid",
+     "attributes": [
+      {
+       "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": "gridTemplateColumns",
+       "description": "String that gets applied to the the css gridTemplateColumns attribute for the row",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "rowType",
+       "description": "The type of row",
+       "value": {
+        "kind": "expression",
+        "type": "'default' | 'header' | 'sticky-header'"
+       }
+      },
+      {
+       "name": "ariaSelected",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      }
+     ],
+     "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."
+      },
+      {
+       "name": "row-focused",
+       "description": "Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row"
+      }
+     ],
+     "slots": [
+      {
+       "name": "default",
+       "description": "Default slot."
+      }
+     ],
+     "source": {
+      "module": "@vonage/vivid-vue",
+      "symbol": "VDataGridRow"
+     },
+     "priority": "highest"
+    },
+    {
+     "name": "VDataGridCell",
+     "description": "Base class for data-grid",
+     "attributes": [
+      {
+       "name": "columnDefinition",
+       "description": "Extends the data grid cell definition to hold more options.",
+       "value": {
+        "kind": "expression",
+        "type": "any"
+       }
+      },
+      {
+       "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": "cellType",
+       "description": "The type of cell",
+       "value": {
+        "kind": "expression",
+        "type": "'default' | 'columnheader' | 'rowheader'"
+       }
+      },
+      {
+       "name": "gridColumn",
+       "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "ariaSelected",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "ariaSort",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      }
+     ],
+     "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."
+      },
+      {
+       "name": "cell-focused",
+       "description": "Fires a custom 'cell-focused' event when focus is on the cell or its contents"
+      }
+     ],
+     "slots": [
+      {
+       "name": "default",
+       "description": "Default slot."
+      }
+     ],
+     "source": {
+      "module": "@vonage/vivid-vue",
+      "symbol": "VDataGridCell"
+     },
+     "priority": "highest"
+    },
     {
      "name": "VDialog",
      "description": "Base class for dialog",
@@ -1909,6 +2088,10 @@
       {
        "name": "main",
        "description": "Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own."
+      },
+      {
+       "name": "action-items",
+       "description": "Use the action-items slot in order to add action buttons to the bottom of the dialog."
       }
      ],
      "source": {
@@ -2776,6 +2959,10 @@
       {
        "name": "input",
        "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "toggle",
+       "description": "Event emitted when the nav disclosure is toggled."
       }
      ],
      "slots": [
@@ -3175,7 +3362,7 @@
        "name": "appearance",
        "value": {
         "kind": "expression",
-        "type": "'outlined' | 'ghost'"
+        "type": "'fieldset' | 'ghost'"
        }
       },
       {
@@ -3405,113 +3592,6 @@
      },
      "priority": "highest"
     },
-    {
-     "name": "VPopup",
-     "description": "Base class for popup",
-     "attributes": [
-      {
-       "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": "open",
-       "description": "indicates whether the popup is open",
-       "value": {
-        "kind": "expression",
-        "type": "boolean"
-       }
-      },
-      {
-       "name": "dismissible",
-       "description": "adds close button to the popup",
-       "value": {
-        "kind": "expression",
-        "type": "boolean"
-       }
-      },
-      {
-       "name": "arrow",
-       "description": "adds small triangle to indicate the trigger element",
-       "value": {
-        "kind": "expression",
-        "type": "boolean"
-       }
-      },
-      {
-       "name": "alternate",
-       "description": "set the color-scheme to dark",
-       "value": {
-        "kind": "expression",
-        "type": "boolean"
-       }
-      },
-      {
-       "name": "placement",
-       "description": "the placement of the popup",
-       "value": {
-        "kind": "expression",
-        "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'"
-       }
-      },
-      {
-       "name": "strategy",
-       "description": "the strategy of the popup",
-       "value": {
-        "kind": "expression",
-        "type": "'absolute' | 'fixed'"
-       }
-      },
-      {
-       "name": "anchor",
-       "description": "ID reference to element in the popup’s owner document or HTMLElement.",
-       "value": {
-        "kind": "expression",
-        "type": "string | HTMLElement"
-       }
-      }
-     ],
-     "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": [
-      {
-       "name": "default",
-       "description": "Default slot."
-      }
-     ],
-     "source": {
-      "module": "@vonage/vivid-vue",
-      "symbol": "VPopup"
-     },
-     "priority": "highest"
-    },
     {
      "name": "VProgress",
      "description": "Base class for progress",
@@ -4044,7 +4124,7 @@
        "name": "appearance",
        "value": {
         "kind": "expression",
-        "type": "'outlined' | 'ghost'"
+        "type": "'fieldset' | 'ghost'"
        }
       },
       {
@@ -4845,7 +4925,7 @@
        "name": "appearance",
        "value": {
         "kind": "expression",
-        "type": "'outlined' | 'ghost'"
+        "type": "'fieldset' | 'ghost'"
        }
       },
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-vue",
-  "version": "3.11.1",
+  "version": "3.13.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.22.1"
+    "@vonage/vivid": "^3.26.0"
   },
   "devDependencies": {
     "@types/node": "^18.15.11",

package/dist/generated/components/VPopup.vue2.d.ts

@@ -1,133 +0,0 @@
-import { PropType } from 'vue';
-import type { Popup } from '@vonage/vivid/lib/popup/popup';
-/**
- * Base class for popup
- */
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * Indicates the element that represents the current item within a container or set of related elements.
-     */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
-        default: undefined;
-    };
-    /**
-     * indicates whether the popup is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds close button to the popup
-     */
-    dismissible: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds small triangle to indicate the trigger element
-     */
-    arrow: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * set the color-scheme to dark
-     */
-    alternate: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * the placement of the popup
-     */
-    placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: undefined;
-    };
-    /**
-     * the strategy of the popup
-     */
-    strategy: {
-        type: PropType<"fixed" | "absolute">;
-        default: undefined;
-    };
-    /**
-     * ID reference to element in the popup’s owner document or HTMLElement.
-     */
-    anchor: {
-        type: PropType<string | HTMLElement>;
-        default: undefined;
-    };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Popup | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Indicates the element that represents the current item within a container or set of related elements.
-     */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
-        default: undefined;
-    };
-    /**
-     * indicates whether the popup is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds close button to the popup
-     */
-    dismissible: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds small triangle to indicate the trigger element
-     */
-    arrow: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * set the color-scheme to dark
-     */
-    alternate: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * the placement of the popup
-     */
-    placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: undefined;
-    };
-    /**
-     * the strategy of the popup
-     */
-    strategy: {
-        type: PropType<"fixed" | "absolute">;
-        default: undefined;
-    };
-    /**
-     * ID reference to element in the popup’s owner document or HTMLElement.
-     */
-    anchor: {
-        type: PropType<string | HTMLElement>;
-        default: undefined;
-    };
-}>>, {
-    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    anchor: string | HTMLElement;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
-    open: boolean;
-    alternate: boolean;
-    dismissible: boolean;
-    arrow: boolean;
-    strategy: "fixed" | "absolute";
-}>;
-export default _default;

package/dist/generated/components/VPopup.vue3.d.ts

@@ -1,140 +0,0 @@
-import { PropType } from 'vue';
-import type { Popup } from '@vonage/vivid/lib/popup/popup';
-/**
- * Base class for popup
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * Indicates the element that represents the current item within a container or set of related elements.
-     */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
-        default: undefined;
-    };
-    /**
-     * indicates whether the popup is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds close button to the popup
-     */
-    dismissible: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds small triangle to indicate the trigger element
-     */
-    arrow: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * set the color-scheme to dark
-     */
-    alternate: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * the placement of the popup
-     */
-    placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: undefined;
-    };
-    /**
-     * the strategy of the popup
-     */
-    strategy: {
-        type: PropType<"fixed" | "absolute">;
-        default: undefined;
-    };
-    /**
-     * ID reference to element in the popup’s owner document or HTMLElement.
-     */
-    anchor: {
-        type: PropType<string | HTMLElement>;
-        default: undefined;
-    };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Popup | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Indicates the element that represents the current item within a container or set of related elements.
-     */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
-        default: undefined;
-    };
-    /**
-     * indicates whether the popup is open
-     */
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds close button to the popup
-     */
-    dismissible: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * adds small triangle to indicate the trigger element
-     */
-    arrow: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * set the color-scheme to dark
-     */
-    alternate: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * the placement of the popup
-     */
-    placement: {
-        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: undefined;
-    };
-    /**
-     * the strategy of the popup
-     */
-    strategy: {
-        type: PropType<"fixed" | "absolute">;
-        default: undefined;
-    };
-    /**
-     * ID reference to element in the popup’s owner document or HTMLElement.
-     */
-    anchor: {
-        type: PropType<string | HTMLElement>;
-        default: undefined;
-    };
-}>> & {
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onKeyup?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-}, {
-    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    anchor: string | HTMLElement;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
-    open: boolean;
-    alternate: boolean;
-    dismissible: boolean;
-    arrow: boolean;
-    strategy: "fixed" | "absolute";
-}>;
-export default _default;