@vonage/vivid-vue 3.51.0 → 3.53.0

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Accordion } from '@vonage/vivid/lib/accordion/accordion';
-/**
- * Base class for accordion
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Accordion } from '@vonage/vivid/lib/accordion/accordion';
 import type { SlotsType } from 'vue';
-/**
- * Base class for accordion
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { ActionGroup } from '@vonage/vivid/lib/action-group/action-group';
-/**
- * Base class for action-group
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { ActionGroup } from '@vonage/vivid/lib/action-group/action-group';
 import type { SlotsType } from 'vue';
-/**
- * Base class for action-group
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Alert } from '@vonage/vivid/lib/alert/alert';
-/**
- * Base class for alert
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Alert } from '@vonage/vivid/lib/alert/alert';
 import type { SlotsType } from 'vue';
-/**
- * Base class for alert
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { AudioPlayer } from '@vonage/vivid/lib/audio-player/audio-player';
-/**
- * Base class for audio-player
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { AudioPlayer } from '@vonage/vivid/lib/audio-player/audio-player';
 import type { SlotsType } from 'vue';
-/**
- * Base class for audio-player
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Badge } from '@vonage/vivid/lib/badge/badge';
-/**
- * Base class for badge
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Badge } from '@vonage/vivid/lib/badge/badge';
 import type { SlotsType } from 'vue';
-/**
- * Base class for badge
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Banner } from '@vonage/vivid/lib/banner/banner';
-/**
- * Base class for banner
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Banner } from '@vonage/vivid/lib/banner/banner';
 import type { SlotsType } from 'vue';
-/**
- * Base class for banner
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Breadcrumb } from '@vonage/vivid/lib/breadcrumb/breadcrumb';
-/**
- * Base class for breadcrumb
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Breadcrumb } from '@vonage/vivid/lib/breadcrumb/breadcrumb';
 import type { SlotsType } from 'vue';
-/**
- * Base class for breadcrumb
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { BreadcrumbItem } from '@vonage/vivid/lib/breadcrumb-item/breadcrumb-item';
-/**
- * Base class for breadcrumb-item
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { BreadcrumbItem } from '@vonage/vivid/lib/breadcrumb-item/breadcrumb-item';
 import type { SlotsType } from 'vue';
-/**
- * Base class for breadcrumb-item
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Button } from '@vonage/vivid/lib/button/button';
-/**
- * Base class for button
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -168,6 +165,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Displays the button in active state.
+     */
+    active: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the button's label.
      */
@@ -397,6 +401,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Displays the button in active state.
+     */
+    active: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the button's label.
      */
@@ -484,6 +495,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     title: string;
     stacked: boolean;
     pending: boolean;
+    active: boolean;
     label: string;
 }>;
 export default _default;

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Button } from '@vonage/vivid/lib/button/button';
 import type { SlotsType } from 'vue';
-/**
- * Base class for button
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -169,6 +166,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Displays the button in active state.
+     */
+    active: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the button's label.
      */
@@ -398,6 +402,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * Displays the button in active state.
+     */
+    active: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the button's label.
      */
@@ -492,6 +503,7 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     stacked: boolean;
     pending: boolean;
+    active: boolean;
     label: string;
 }, SlotsType<{
     /**

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Calendar } from '@vonage/vivid/lib/calendar/calendar';
-/**
- * Base class for calendar
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Calendar } from '@vonage/vivid/lib/calendar/calendar';
 import type { SlotsType } from 'vue';
-/**
- * Base class for calendar
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { CalendarEvent } from '@vonage/vivid/lib/calendar-event/calendar-event';
-/**
- * Base class for calendar-event
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { CalendarEvent } from '@vonage/vivid/lib/calendar-event/calendar-event';
 import type { SlotsType } from 'vue';
-/**
- * Base class for calendar-event
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Card } from '@vonage/vivid/lib/card/card';
-/**
- * Base class for card
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Card } from '@vonage/vivid/lib/card/card';
 import type { SlotsType } from 'vue';
-/**
- * Base class for card
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Checkbox } from '@vonage/vivid/lib/checkbox/checkbox';
-/**
- * Base class for checkbox
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The success text for the form element.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Checkbox } from '@vonage/vivid/lib/checkbox/checkbox';
 import type { SlotsType } from 'vue';
-/**
- * Base class for checkbox
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The success text for the form element.
@@ -265,5 +262,10 @@ declare const _default: import("vue").DefineComponent<{
     checked: boolean;
     readonly: boolean;
     tabindex: string;
-}, SlotsType<Record<string, never>>>;
+}, SlotsType<{
+    /**
+     * Describes how to use the checkbox. Alternative to the `helper-text` attribute.
+     */
+    'helper-text': Record<string, never>;
+}>>;
 export default _default;

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Combobox } from '@vonage/vivid/lib/combobox/combobox';
-/**
- * Base class for combobox
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The label for the form element.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Combobox } from '@vonage/vivid/lib/combobox/combobox';
 import type { SlotsType } from 'vue';
-/**
- * Base class for combobox
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The label for the form element.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { DataGrid } from '@vonage/vivid/lib/data-grid/data-grid';
-/**
- * Base class for data-grid
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { DataGrid } from '@vonage/vivid/lib/data-grid/data-grid';
 import type { SlotsType } from 'vue';
-/**
- * Base class for data-grid
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
-/**
- * Base class for data-grid
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * Extends the data grid cell definition to hold more options.
@@ -103,10 +100,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    ariaSelected: string;
     columnDefinition: any;
     cellType: "default" | "columnheader" | "rowheader";
     gridColumn: string;
+    ariaSelected: string;
     ariaSort: string;
 }>;
 export default _default;

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
 import type { SlotsType } from 'vue';
-/**
- * Base class for data-grid
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Extends the data grid cell definition to hold more options.
@@ -114,10 +111,10 @@ declare const _default: import("vue").DefineComponent<{
     "onCell-focused"?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    ariaSelected: string;
     columnDefinition: any;
     cellType: "default" | "columnheader" | "rowheader";
     gridColumn: string;
+    ariaSelected: string;
     ariaSort: string;
 }, SlotsType<{
     /**

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
-/**
- * Base class for data-grid
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
 import type { SlotsType } from 'vue';
-/**
- * Base class for data-grid
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -184,5 +184,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     max: string;
     min: string;
-}, SlotsType<Record<string, never>>>;
+}, SlotsType<{
+    /**
+     * Describes how to use the date-picker. Alternative to the `helper-text` attribute.
+     */
+    'helper-text': Record<string, never>;
+}>>;
 export default _default;

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { DateRangePicker } from '@vonage/vivid/lib/date-range-picker/date-range-picker';
-/**
- * Base class for date-range-picker
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The label for the form element.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { DateRangePicker } from '@vonage/vivid/lib/date-range-picker/date-range-picker';
 import type { SlotsType } from 'vue';
-/**
- * Base class for date-range-picker
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The label for the form element.
@@ -233,5 +230,10 @@ declare const _default: import("vue").DefineComponent<{
     max: string;
     min: string;
     end: string;
-}, SlotsType<Record<string, never>>>;
+}, SlotsType<{
+    /**
+     * Describes how to use the date-range-picker. Alternative to the `helper-text` attribute.
+     */
+    'helper-text': Record<string, never>;
+}>>;
 export default _default;

package/generated/components/VDialPad.d.ts

@@ -0,0 +1,10 @@
+import { VNode } from 'vue';
+import VDialPadVue2 from './VDialPad.vue2';
+import VDialPadVue3 from './VDialPad.vue3';
+
+// @ts-ignore
+type VNodeData = VNode["data"];
+type IsAny<T> = 0 extends (1 & T) ? true : false;
+type VueVersion = IsAny<VNodeData> extends true ? 'v3' : 'v2';
+declare const _default: VueVersion extends 'v2' ? typeof VDialPadVue2 : typeof VDialPadVue3;
+export default _default;

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

@@ -0,0 +1,135 @@
+import { PropType } from 'vue';
+import type { DialPad } from '@vonage/vivid/lib/dial-pad/dial-pad';
+/**
+ * Base class for dial-pad
+ */
+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 the helper-text's text.
+     */
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the placeholder's text.
+     */
+    placeholder: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the value's text.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the dial pad's pattern.
+     */
+    pattern: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the disabled state of the dial-pad.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Indicates the active state of the dial-pad.
+     */
+    callActive: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Indicates the no-call state of the dial-pad.
+     */
+    noCall: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<DialPad | null>;
+}, import("vue").Data, {}, {
+    valueChanged(_oldValue: string, newValue: string): unknown;
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue" | "keypad-click" | "dial" | "end-call")[], 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 the helper-text's text.
+     */
+    helperText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the placeholder's text.
+     */
+    placeholder: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the value's text.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the dial pad's pattern.
+     */
+    pattern: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Indicates the disabled state of the dial-pad.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Indicates the active state of the dial-pad.
+     */
+    callActive: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Indicates the no-call state of the dial-pad.
+     */
+    noCall: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>>, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    disabled: boolean;
+    modelValue: string;
+    helperText: string;
+    placeholder: string;
+    pattern: string;
+    callActive: boolean;
+    noCall: boolean;
+}>;
+export default _default;