@vonage/vivid-vue 4.16.2 → 4.18.0

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

@@ -8,37 +8,26 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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.
-     */
-    initialValue: {
+    ariaLabel: {
         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
+     * 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.
      */
-    value: {
-        type: PropType<string>;
+    checked: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The connotation the radioButton should have.
      */
-    required: {
-        type: PropType<boolean>;
+    connotation: {
+        type: PropType<"accent" | "cta">;
         default: undefined;
     };
     /**
@@ -49,17 +38,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    checked: {
+    disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    ariaLabel: {
+    /**
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
+     */
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
@@ -71,10 +60,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The connotation the radioButton should have.
+     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    name: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -85,16 +74,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
+     * Require the field to be completed prior to form submission.
      */
-    name: {
+    required: {
+        type: PropType<boolean>;
+        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.
+     */
+    value: {
         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<{
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "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.
      */
@@ -102,37 +102,26 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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.
-     */
-    initialValue: {
+    ariaLabel: {
         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
+     * 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.
      */
-    value: {
-        type: PropType<string>;
+    checked: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The connotation the radioButton should have.
      */
-    required: {
-        type: PropType<boolean>;
+    connotation: {
+        type: PropType<"accent" | "cta">;
         default: undefined;
     };
     /**
@@ -143,17 +132,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    checked: {
+    disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    ariaLabel: {
+    /**
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
+     */
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
@@ -165,10 +154,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The connotation the radioButton should have.
+     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    name: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -179,9 +168,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
+     * Require the field to be completed prior to form submission.
      */
-    name: {
+    required: {
+        type: PropType<boolean>;
+        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.
+     */
+    value: {
         type: PropType<string>;
         default: undefined;
     };
@@ -189,14 +189,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
-    ariaLabel: string;
     connotation: "accent" | "cta";
     disabled: boolean;
     initialValue: string;
-    required: boolean;
     label: string;
-    defaultChecked: boolean;
+    required: boolean;
     checked: boolean;
+    defaultChecked: boolean;
     readonly: boolean;
+    ariaLabel: string;
 }>;
 export default _default;

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

@@ -9,37 +9,26 @@ declare const _default: import("vue").DefineComponent<{
         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.
-     */
-    initialValue: {
+    ariaLabel: {
         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
+     * 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.
      */
-    value: {
-        type: PropType<string>;
+    checked: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The connotation the radioButton should have.
      */
-    required: {
-        type: PropType<boolean>;
+    connotation: {
+        type: PropType<"accent" | "cta">;
         default: undefined;
     };
     /**
@@ -50,17 +39,17 @@ declare const _default: import("vue").DefineComponent<{
         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.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    checked: {
+    disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    ariaLabel: {
+    /**
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
+     */
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
@@ -72,10 +61,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The connotation the radioButton should have.
+     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    name: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -86,9 +75,20 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
+     * Require the field to be completed prior to form submission.
      */
-    name: {
+    required: {
+        type: PropType<boolean>;
+        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.
+     */
+    value: {
         type: PropType<string>;
         default: undefined;
     };
@@ -96,6 +96,20 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Radio | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Radio;
+    }): true;
+    /**
+     * Fires a custom 'change' event when the value changes
+     * @type {CustomEvent<undefined>}
+     */
+    change(event: CustomEvent<undefined> & {
+        target: Radio;
+    }): 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}
@@ -111,10 +125,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Radio;
     }): true;
     /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
+     * Fires when the value of an element has been changed.
+     * @type {Event}
      */
-    blur(event: FocusEvent & {
+    input(event: Event & {
         target: Radio;
     }): true;
     /**
@@ -131,20 +145,6 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Radio;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    input(event: Event & {
-        target: Radio;
-    }): true;
-    /**
-     * Fires a custom 'change' event when the value changes
-     * @type {CustomEvent<undefined>}
-     */
-    change(event: CustomEvent<undefined> & {
-        target: Radio;
-    }): true;
 }, string, 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.
@@ -153,37 +153,26 @@ declare const _default: import("vue").DefineComponent<{
         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.
-     */
-    initialValue: {
+    ariaLabel: {
         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
+     * 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.
      */
-    value: {
-        type: PropType<string>;
+    checked: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Require the field to be completed prior to form submission.
+     * The connotation the radioButton should have.
      */
-    required: {
-        type: PropType<boolean>;
+    connotation: {
+        type: PropType<"accent" | "cta">;
         default: undefined;
     };
     /**
@@ -194,17 +183,17 @@ declare const _default: import("vue").DefineComponent<{
         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.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    checked: {
+    disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    ariaLabel: {
+    /**
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
+     */
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
@@ -216,10 +205,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The connotation the radioButton should have.
+     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    name: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -230,9 +219,20 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info.
+     * Require the field to be completed prior to form submission.
      */
-    name: {
+    required: {
+        type: PropType<boolean>;
+        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.
+     */
+    value: {
         type: PropType<string>;
         default: undefined;
     };
@@ -240,36 +240,36 @@ declare const _default: import("vue").DefineComponent<{
     onKeydown?: ((event: KeyboardEvent & {
         target: Radio;
     }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
+    onBlur?: ((event: FocusEvent & {
         target: Radio;
     }) => any) | undefined;
-    onFocus?: ((event: FocusEvent & {
+    onChange?: ((event: CustomEvent<undefined> & {
         target: Radio;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onClick?: ((event: MouseEvent & {
         target: Radio;
     }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
+    onFocus?: ((event: FocusEvent & {
         target: Radio;
     }) => any) | undefined;
     onInput?: ((event: Event & {
         target: Radio;
     }) => any) | undefined;
-    onChange?: ((event: CustomEvent<undefined> & {
+    onKeyup?: ((event: KeyboardEvent & {
         target: Radio;
     }) => any) | undefined;
 }, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
-    ariaLabel: string;
     connotation: "accent" | "cta";
     disabled: boolean;
     initialValue: string;
-    required: boolean;
     label: string;
-    defaultChecked: boolean;
+    required: boolean;
     checked: boolean;
+    defaultChecked: boolean;
     readonly: boolean;
+    ariaLabel: string;
 }, SlotsType<Record<string, never>>>;
 export default _default;