@vonage/vivid-vue 4.18.0 → 4.19.0

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { Tab } from '@vonage/vivid/lib/tab/tab';
+import type { VwcTabElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tab | null>;
+    element: import("vue").Ref<VwcTabElement | null>;
 }, unknown, {}, {
     _handleCloseClick(e: Event): unknown;
     _onKeyDown(e: KeyboardEvent): unknown;
@@ -80,42 +80,66 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }): 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: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -185,22 +209,46 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: Tab;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabElement;
+        currentTarget: VwcTabElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { TabPanel } from '@vonage/vivid/lib/tab-panel/tab-panel';
+import type { VwcTabPanelElement } 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.
@@ -10,7 +10,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TabPanel | null>;
+    element: import("vue").Ref<VwcTabPanelElement | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { TabPanel } from '@vonage/vivid/lib/tab-panel/tab-panel';
+import type { VwcTabPanelElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -11,49 +11,73 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TabPanel | null>;
+    element: import("vue").Ref<VwcTabPanelElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
      * Fires when the element loses focus.
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }): 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: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -65,22 +89,46 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: TabPanel;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabPanelElement;
+        currentTarget: VwcTabPanelElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { Tabs } from '@vonage/vivid/lib/tabs/tabs';
+import type { VwcTabsElement } from '@vonage/vivid';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The id of the active tab
@@ -59,7 +59,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tabs | null>;
+    element: import("vue").Ref<VwcTabsElement | null>;
 }, import("vue").Data, {}, {
     /**
      * The adjust method for FASTTabs

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { Tabs } from '@vonage/vivid/lib/tabs/tabs';
+import type { VwcTabsElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tabs | null>;
+    element: import("vue").Ref<VwcTabsElement | null>;
 }, unknown, {}, {
     /**
      * The adjust method for FASTTabs
@@ -72,49 +72,77 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }): true;
     /**
      * Fires a custom 'change' event when a tab is clicked or during keyboard navigation
      * @type {CustomEvent<HTMLElement>}
      */
     change(event: CustomEvent<HTMLElement> & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }): 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: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -175,25 +203,53 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<HTMLElement> & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: Tabs;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTabsElement;
+        currentTarget: VwcTabsElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { Tag } from '@vonage/vivid/lib/tag/tag';
+import type { VwcTagElement } from '@vonage/vivid';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The appearance the tag should have.
@@ -75,7 +75,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tag | null>;
+    element: import("vue").Ref<VwcTagElement | null>;
 }, import("vue").Data, {}, {
     handleClick(): void;
     handleKeydown(e: KeyboardEvent): unknown;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { Tag } from '@vonage/vivid/lib/tag/tag';
+import type { VwcTagElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tag | null>;
+    element: import("vue").Ref<VwcTagElement | null>;
 }, unknown, {}, {
     handleClick(): void;
     handleKeydown(e: KeyboardEvent): unknown;
@@ -87,56 +87,88 @@ declare const _default: import("vue").DefineComponent<{
      * @type {FocusEvent}
      */
     blur(event: FocusEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): 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: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): true;
     /**
      * Fires when the element receives focus.
      * @type {FocusEvent}
      */
     focus(event: FocusEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): true;
     /**
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
     input(event: Event & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): true;
     /**
      * Fires when a key is pressed.
      * @type {KeyboardEvent}
      */
     keydown(event: KeyboardEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): true;
     /**
      * Fires when a key is released.
      * @type {KeyboardEvent}
      */
     keyup(event: KeyboardEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): true;
     /**
      * Fires when the tag is removed
      * @type {CustomEvent<undefined>}
      */
     removed(event: CustomEvent<undefined> & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): true;
     /**
      * Fires when the selected state changes
      * @type {CustomEvent<undefined>}
      */
     "selected-change"(event: CustomEvent<undefined> & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -212,28 +244,60 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
     onRemoved?: ((event: CustomEvent<undefined> & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
     "onSelected-change"?: ((event: CustomEvent<undefined> & {
-        target: Tag;
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcTagElement;
+        currentTarget: VwcTagElement;
     }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";