@vonage/vivid-vue 3.51.0 → 3.52.0

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { MenuItem } from '@vonage/vivid/lib/menu-item/menu-item';
-/**
- * Base class for menu-item
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -61,6 +58,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -136,6 +140,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -156,6 +167,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     expanded: boolean;
     role: "presentation" | "menuitem" | "menuitemcheckbox" | "menuitemradio";
     text: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     modelValue: boolean;
     textSecondary: string;

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { MenuItem } from '@vonage/vivid/lib/menu-item/menu-item';
 import type { SlotsType } from 'vue';
-/**
- * Base class for menu-item
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -62,6 +59,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -137,6 +141,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -167,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
     expanded: boolean;
     role: "presentation" | "menuitem" | "menuitemcheckbox" | "menuitemradio";
     text: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     modelValue: boolean;
     textSecondary: string;

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

@@ -1,9 +1,5 @@
 import { PropType } from 'vue';
 import type { Nav } from '@vonage/vivid/lib/nav/nav';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 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/VNav.vue3.d.ts

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 import type { Nav } from '@vonage/vivid/lib/nav/nav';
 import type { SlotsType } from 'vue';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 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/VNavDisclosure.vue2.d.ts

@@ -1,9 +1,5 @@
 import { PropType } from 'vue';
 import type { NavDisclosure } from '@vonage/vivid/lib/nav-disclosure/nav-disclosure';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 import type { NavDisclosure } from '@vonage/vivid/lib/nav-disclosure/nav-disclosure';
 import type { SlotsType } from 'vue';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { VNode } from 'vue';
+import VRangeSliderVue2 from './VRangeSlider.vue2';
+import VRangeSliderVue3 from './VRangeSlider.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 VRangeSliderVue2 : typeof VRangeSliderVue3;
+export default _default;

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

@@ -0,0 +1,296 @@
+import { PropType } from 'vue';
+import type { RangeSlider } from '@vonage/vivid/lib/range-slider/range-slider';
+/**
+ * Base class for range-slider
+ */
+declare const _default: import("vue/types/v3-define-component").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>;
+}, import("vue").Data, {}, {
+    formResetCallback(): unknown;
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "input:start" | "input:end" | "update:start" | "update:end")[], string, 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;
+    };
+}>>, {
+    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;
+}>;
+export default _default;