@vonage/vivid-vue 3.51.0 → 3.53.0

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

@@ -0,0 +1,308 @@
+import { PropType } from 'vue';
+import type { RangeSlider } from '@vonage/vivid/lib/range-slider/range-slider';
+import type { SlotsType } from 'vue';
+/**
+ * Base class for range-slider
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The label for the form element.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the element. This property serves as a mechanism
+     * to set the `value` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    currentValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The current start value of the element. This property serves as a mechanism
+     * to set the `start` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    start: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current end value of the element. This property serves as a mechanism
+     * to set the `end` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    end: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The minimum value of the range.
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value of the range.
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Value to increment or decrement via arrow keys, mouse click or drag.
+     */
+    step: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The orientation of the slider.
+     */
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: undefined;
+    };
+    /**
+     * Aria label for the start thumb
+     */
+    ariaStartLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Aria label for the end thumb
+     */
+    ariaEndLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Display markers on/off
+     */
+    markers: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation of the component
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<RangeSlider | null>;
+}, unknown, {}, {
+    formResetCallback(): unknown;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "input:start" | "input:end" | "update:start" | "update:end")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "input:start" | "input:end" | "update:start" | "update:end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The label for the form element.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the element. This property serves as a mechanism
+     * to set the `value` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    currentValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The current start value of the element. This property serves as a mechanism
+     * to set the `start` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    start: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current end value of the element. This property serves as a mechanism
+     * to set the `end` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's value
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    end: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The minimum value of the range.
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value of the range.
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Value to increment or decrement via arrow keys, mouse click or drag.
+     */
+    step: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The orientation of the slider.
+     */
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: undefined;
+    };
+    /**
+     * Aria label for the start thumb
+     */
+    ariaStartLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Aria label for the end thumb
+     */
+    ariaEndLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Display markers on/off
+     */
+    markers: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation of the component
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        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;
+    "onInput:start"?: ((...args: any[]) => any) | undefined;
+    "onInput:end"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:start"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:end"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    step: number;
+    value: string;
+    connotation: "accent" | "cta";
+    disabled: boolean;
+    currentValue: string;
+    required: boolean;
+    label: string;
+    start: string;
+    max: number;
+    min: number;
+    end: string;
+    orientation: "horizontal" | "vertical";
+    ariaStartLabel: string;
+    ariaEndLabel: string;
+    markers: boolean;
+}, SlotsType<Record<string, never>>>;
+export default _default;

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

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

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Select } from '@vonage/vivid/lib/select/select';
 import type { SlotsType } from 'vue';
-/**
- * Base class for select
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The success text for the form element.
@@ -347,5 +344,9 @@ declare const _default: import("vue").DefineComponent<{
      * Slot to add meta content to the select control.
      */
     meta: Record<string, never>;
+    /**
+     * Describes how to use the select. Alternative to the `helper-text` attribute.
+     */
+    'helper-text': Record<string, never>;
 }>>;
 export default _default;

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { SelectableBox } from '@vonage/vivid/lib/selectable-box/selectable-box';
-/**
- * Base class for selectable-box
- */
 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/VSelectableBox.vue3.d.ts

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { SelectableBox } from '@vonage/vivid/lib/selectable-box/selectable-box';
 import type { SlotsType } from 'vue';
-/**
- * Base class for selectable-box
- */
 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/VSideDrawer.vue2.d.ts

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { SideDrawer } from '@vonage/vivid/lib/side-drawer/side-drawer';
-/**
- * Base class for side-drawer
- */
 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/VSideDrawer.vue3.d.ts

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { SideDrawer } from '@vonage/vivid/lib/side-drawer/side-drawer';
 import type { SlotsType } from 'vue';
-/**
- * Base class for side-drawer
- */
 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/VSlider.vue2.d.ts

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Slider } from '@vonage/vivid/lib/slider/slider';
-/**
- * Base class for slider
- */
 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.
@@ -257,8 +254,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     max: number;
     min: number;
     orientation: "horizontal" | "vertical";
+    markers: boolean;
     mode: "single-value";
     ariaValuetext: string;
-    markers: boolean;
 }>;
 export default _default;

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Slider } from '@vonage/vivid/lib/slider/slider';
 import type { SlotsType } from 'vue';
-/**
- * Base class for slider
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -267,8 +264,8 @@ declare const _default: import("vue").DefineComponent<{
     max: number;
     min: number;
     orientation: "horizontal" | "vertical";
+    markers: boolean;
     mode: "single-value";
     ariaValuetext: string;
-    markers: boolean;
 }, SlotsType<Record<string, never>>>;
 export default _default;

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { SplitButton } from '@vonage/vivid/lib/split-button/split-button';
-/**
- * Base class for split button
- */
 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/VSplitButton.vue3.d.ts

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { SplitButton } from '@vonage/vivid/lib/split-button/split-button';
 import type { SlotsType } from 'vue';
-/**
- * Base class for split button
- */
 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/VSwitch.vue2.d.ts

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Switch } from '@vonage/vivid/lib/switch/switch';
 import type { SlotsType } from 'vue';
-/**
- * Base class for switch
- */
 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/VTab.vue2.d.ts

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Tab } from '@vonage/vivid/lib/tab/tab';
-/**
- * Base class for tab
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -132,7 +129,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     connotation: "accent" | "cta";
     disabled: boolean;
     label: string;
-    tabIndex: any;
     ariaSelected: string;
+    tabIndex: any;
 }>;
 export default _default;

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Tab } from '@vonage/vivid/lib/tab/tab';
 import type { SlotsType } from 'vue';
-/**
- * Base class for tab
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -140,8 +137,8 @@ declare const _default: import("vue").DefineComponent<{
     connotation: "accent" | "cta";
     disabled: boolean;
     label: string;
-    tabIndex: any;
     ariaSelected: string;
+    tabIndex: any;
 }, SlotsType<{
     /**
      * Slot to add an icon to tab.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { TabPanel } from '@vonage/vivid/lib/tab-panel/tab-panel';
-/**
- * Base class for tab-panel
- */
 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/VTabPanel.vue3.d.ts

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { TabPanel } from '@vonage/vivid/lib/tab-panel/tab-panel';
 import type { SlotsType } from 'vue';
-/**
- * Base class for tab-panel
- */
 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/VTabs.vue2.d.ts

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Tabs } from '@vonage/vivid/lib/tabs/tabs';
 import type { SlotsType } from 'vue';
-/**
- * Base class for tabs
- */
 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/VTag.vue2.d.ts

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

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

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

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

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { TagGroup } from '@vonage/vivid/lib/tag-group/tag-group';
 import type { SlotsType } from 'vue';
-/**
- * Base class for tag-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/VTextArea.vue2.d.ts

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

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { TextArea } from '@vonage/vivid/lib/text-area/text-area';
 import type { SlotsType } from 'vue';
-/**
- * Base class for text-area
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The success text for the form element.
@@ -385,5 +382,10 @@ declare const _default: import("vue").DefineComponent<{
     rows: number;
     spellcheck: boolean;
     wrap: "hard" | "soft" | "off";
-}, SlotsType<Record<string, never>>>;
+}, SlotsType<{
+    /**
+     * Describes how to use the text-area. Alternative to the `helper-text` attribute.
+     */
+    'helper-text': Record<string, never>;
+}>>;
 export default _default;

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

@@ -382,11 +382,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     readonly: boolean;
     list: string;
     placeholder: string;
+    pattern: string;
     charCount: boolean;
     maxlength: number;
     minlength: number;
     autoComplete: string;
     spellcheck: boolean;
-    pattern: string;
 }>;
 export default _default;

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

@@ -392,12 +392,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     list: string;
     placeholder: string;
+    pattern: string;
     charCount: boolean;
     maxlength: number;
     minlength: number;
     autoComplete: string;
     spellcheck: boolean;
-    pattern: string;
 }, SlotsType<{
     /**
      * Used to add action items to the start of the text-field.
@@ -407,5 +407,9 @@ declare const _default: import("vue").DefineComponent<{
      * Used to add action items to the end of the text-field.
      */
     'action-items': Record<string, never>;
+    /**
+     * Describes how to use the text-field. Alternative to the `helper-text` attribute.
+     */
+    'helper-text': Record<string, never>;
 }>>;
 export default _default;

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

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