@vonage/vivid-vue 4.18.0 → 4.19.0

package/generated/components/VCombobox.vue3.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { Combobox } from '@vonage/vivid/lib/combobox/combobox';
+import type { VwcComboboxElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -207,57 +207,83 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }): true;
     /**
      * Fires a custom 'change' event when the value updates
      * @type {CustomEvent<undefined>}
      */
     change(event: CustomEvent<undefined> & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }): true;
     /**
      * 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.
      * @type {MouseEvent}
      */
     click(event: MouseEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }): true;
     /**
      * Fires when the modelValue value changes
      * @type {string}
      */
-    "update:modelValue"(event: string & {
-        target: Combobox;
-    }): true;
+    "update:modelValue"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The appearance attribute.
@@ -413,29 +439,55 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: Combobox;
-    }) => any) | undefined;
-    "onUpdate:modelValue"?: ((event: string & {
-        target: Combobox;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcComboboxElement;
+        currentTarget: VwcComboboxElement;
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
 }, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

package/generated/components/VDataGrid.vue2.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { DataGrid } from '@vonage/vivid/lib/data-grid/data-grid';
+import type { VwcDataGridElement } from '@vonage/vivid';
 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.
@@ -46,7 +46,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGrid | null>;
+    element: import("vue").Ref<VwcDataGridElement | null>;
 }, import("vue").Data, {}, {
     selectionModeChanged(oldValue: "none" | "single-row" | "multi-row" | "single-cell" | "multi-cell"): unknown;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "cell-click")[], string, Readonly<import("vue").ExtractPropTypes<{

package/generated/components/VDataGrid.vue3.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { DataGrid } from '@vonage/vivid/lib/data-grid/data-grid';
+import type { VwcDataGridElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGrid | null>;
+    element: import("vue").Ref<VwcDataGridElement | null>;
 }, unknown, {}, {
     selectionModeChanged(oldValue: "none" | "single-row" | "multi-row" | "single-cell" | "multi-cell"): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -56,7 +56,11 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }): true;
     /**
      * Event that fires when a cell is clicked
@@ -68,42 +72,66 @@ declare const _default: import("vue").DefineComponent<{
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }): true;
     /**
      * 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.
      * @type {MouseEvent}
      */
     click(event: MouseEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -151,22 +179,46 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     "onCell-click"?: ((event: CustomEvent<{
         cell: HTMLElement;
@@ -174,7 +226,11 @@ declare const _default: import("vue").DefineComponent<{
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        target: DataGrid;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridElement;
+        currentTarget: VwcDataGridElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

package/generated/components/VDataGridCell.vue2.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
+import type { VwcDataGridCellElement } from '@vonage/vivid';
 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.
@@ -47,7 +47,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGridCell | null>;
+    element: import("vue").Ref<VwcDataGridCellElement | null>;
 }, import("vue").Data, {}, {
     ariaSelectedChanged(_: string | null, selectedState: string | null): unknown;
     handleFocusin(_: FocusEvent): void;

package/generated/components/VDataGridCell.vue3.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
+import type { VwcDataGridCellElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGridCell | null>;
+    element: import("vue").Ref<VwcDataGridCellElement | null>;
 }, unknown, {}, {
     ariaSelectedChanged(_: string | null, selectedState: string | null): unknown;
     handleFocusin(_: FocusEvent): void;
@@ -60,7 +60,11 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * Event that fires when a cell is clicked
@@ -72,49 +76,77 @@ declare const _default: import("vue").DefineComponent<{
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * Fires a custom 'cell-focused' event when focus is on the cell or its contents
      * @type {CustomEvent<HTMLElement>}
      */
     "cell-focused"(event: CustomEvent<HTMLElement> & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * 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.
      * @type {MouseEvent}
      */
     click(event: MouseEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): true;
     /**
      * Event that fires when a sortable column header is clicked
@@ -124,7 +156,11 @@ declare const _default: import("vue").DefineComponent<{
         columnDataKey: string;
         ariaSort: string | null;
     }> & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }): boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -173,22 +209,46 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     "onCell-click"?: ((event: CustomEvent<{
         cell: HTMLElement;
@@ -196,16 +256,28 @@ declare const _default: import("vue").DefineComponent<{
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onSort?: ((event: CustomEvent<{
         columnDataKey: string;
         ariaSort: string | null;
     }> & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     "onCell-focused"?: ((event: CustomEvent<HTMLElement> & {
-        target: DataGridCell;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

package/generated/components/VDataGridRow.vue2.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
+import type { VwcDataGridRowElement } from '@vonage/vivid';
 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.
@@ -32,7 +32,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<DataGridRow | null>;
+    element: import("vue").Ref<VwcDataGridRowElement | null>;
 }, import("vue").Data, {}, {
     handleCellFocus(e: Event): void;
     handleFocusout(_: FocusEvent): void;