@vonage/vivid-vue 3.2.3 → 3.3.0

package/dist/generated/components/VProgressRing.vue2.d.ts

@@ -0,0 +1,106 @@
+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.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert">;
+        default: undefined;
+    };
+    size: {
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<ProgressRing | null>;
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], 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;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert">;
+        default: undefined;
+    };
+    size: {
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        default: undefined;
+    };
+}>>, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    value: number;
+    size: 0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1;
+    connotation: "accent" | "cta" | "success" | "alert";
+    max: number;
+    min: number;
+    paused: boolean;
+}>;
+export default _default;

package/dist/generated/components/VProgressRing.vue3.d.ts

@@ -0,0 +1,113 @@
+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").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;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert">;
+        default: undefined;
+    };
+    size: {
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<ProgressRing | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+    };
+    /**
+     * The value of the progress
+     */
+    value: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The minimum value
+     */
+    min: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The maximum value
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Indicates the progress is paused
+     */
+    paused: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert">;
+        default: undefined;
+    };
+    size: {
+        type: PropType<0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1>;
+        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;
+}, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    value: number;
+    size: 0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1;
+    connotation: "accent" | "cta" | "success" | "alert";
+    max: number;
+    min: number;
+    paused: boolean;
+}>;
+export default _default;

package/dist/generated/components/VRadio.d.ts

@@ -1,181 +1,10 @@
-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.
-     */
-    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;
-    };
-    /**
-     * Provides the default checkedness of the input element
-     */
-    checked: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * The current checkedness of the element. This property serves as a mechanism
-     * to set the `checked` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's checkedness
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
-     */
-    currentChecked: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * Indicates the radio's label.
-     */
-    label: {
-        type: PropType<string>;
-        default: undefined;
-    };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Radio | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], 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;
-    };
-    /**
-     * 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;
-    };
-    /**
-     * Provides the default checkedness of the input element
-     */
-    checked: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * The current checkedness of the element. This property serves as a mechanism
-     * to set the `checked` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's checkedness
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
-     */
-    currentChecked: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    /**
-     * Indicates the radio's label.
-     */
-    label: {
-        type: PropType<string>;
-        default: undefined;
-    };
-}>>, {
-    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    name: string;
-    value: string;
-    disabled: boolean;
-    currentValue: string;
-    required: boolean;
-    label: string;
-    checked: boolean;
-    readonly: boolean;
-    currentChecked: boolean;
-}>;
+import { VNode } from 'vue';
+import VRadioVue2 from './VRadio.vue2';
+import VRadioVue3 from './VRadio.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 VRadioVue2 : typeof VRadioVue3;
 export default _default;

package/dist/generated/components/VRadio.vue2.d.ts

@@ -0,0 +1,181 @@
+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.
+     */
+    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;
+    };
+    /**
+     * Provides the default checkedness of the input element
+     */
+    checked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The current checkedness of the element. This property serves as a mechanism
+     * to set the `checked` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's checkedness
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    currentChecked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Indicates the radio's label.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Radio | null>;
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], 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;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Provides the default checkedness of the input element
+     */
+    checked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The current checkedness of the element. This property serves as a mechanism
+     * to set the `checked` property through both property assignment and the
+     * .setAttribute() method. This is useful for setting the field's checkedness
+     * in UI libraries that bind data through the .setAttribute() API
+     * and don't support IDL attribute binding.
+     */
+    currentChecked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Indicates the radio's label.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}>>, {
+    name: string;
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    value: string;
+    disabled: boolean;
+    currentValue: string;
+    required: boolean;
+    label: string;
+    checked: boolean;
+    readonly: boolean;
+    currentChecked: boolean;
+}>;
+export default _default;