@vonage/vivid-vue 4.16.2 → 4.18.0

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

@@ -9,6 +9,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * slider connotation
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
@@ -25,46 +32,17 @@ declare const _default: import("vue").DefineComponent<{
         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;
-    };
-    /**
-     * 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.
-     */
-    modelValue: {
-        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.
+     * Display markers on/off
      */
-    required: {
+    markers: {
         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.
+     * The maximum allowed value.
      */
-    readonly: {
-        type: PropType<boolean>;
+    max: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -75,17 +53,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The maximum allowed value.
+     * The selection mode.
      */
-    max: {
-        type: PropType<number>;
+    mode: {
+        type: PropType<"single-value">;
         default: undefined;
     };
     /**
-     * Value to increment or decrement via arrow keys, mouse click or drag.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    step: {
-        type: PropType<number>;
+    name: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -96,58 +74,86 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The selection mode.
+     * Show current value on the thumb.
      */
-    mode: {
-        type: PropType<"single-value">;
+    pin: {
+        type: PropType<boolean>;
         default: undefined;
     };
-    ariaLabel: {
-        type: PropType<string>;
+    /**
+     * 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;
     };
-    ariaValuetext: {
-        type: PropType<string>;
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Display markers on/off
+     * Value to increment or decrement via arrow keys, mouse click or drag.
      */
-    markers: {
-        type: PropType<boolean>;
+    step: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * Show current value on the thumb.
+     * 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.
      */
-    pin: {
-        type: PropType<boolean>;
+    value: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * slider connotation
+     * 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.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    modelValue: {
+        type: PropType<string>;
         default: undefined;
     };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Slider | null>;
 }, unknown, {}, {
-    /**
-     * Increment the value by the step
-     */
-    increment(): void;
     /**
      * Decrement the value by the step
      */
     decrement(): void;
+    /**
+     * Increment the value by the step
+     */
+    increment(): void;
     /**
      * Places the thumb based on the current value
      */
     setThumbPositionForOrientation(_: "ltr" | "rtl", direction: unknown): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Slider;
+    }): true;
+    /**
+     * Fires a custom 'change' event when the slider value changes
+     * @type {CustomEvent<undefined>}
+     */
+    change(event: CustomEvent<undefined> & {
+        target: Slider;
+    }): 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}
@@ -163,10 +169,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Slider;
     }): 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: Slider;
     }): true;
     /**
@@ -183,20 +189,6 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Slider;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    input(event: Event & {
-        target: Slider;
-    }): true;
-    /**
-     * Fires a custom 'change' event when the slider value changes
-     * @type {CustomEvent<undefined>}
-     */
-    change(event: CustomEvent<undefined> & {
-        target: Slider;
-    }): true;
     /**
      * Fires when the modelValue value changes
      * @type {string}
@@ -212,6 +204,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * slider connotation
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
@@ -228,46 +227,17 @@ declare const _default: import("vue").DefineComponent<{
         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;
-    };
-    /**
-     * 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.
-     */
-    modelValue: {
-        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.
+     * Display markers on/off
      */
-    required: {
+    markers: {
         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.
+     * The maximum allowed value.
      */
-    readonly: {
-        type: PropType<boolean>;
+    max: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
@@ -278,17 +248,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The maximum allowed value.
+     * The selection mode.
      */
-    max: {
-        type: PropType<number>;
+    mode: {
+        type: PropType<"single-value">;
         default: undefined;
     };
     /**
-     * Value to increment or decrement via arrow keys, mouse click or drag.
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
      */
-    step: {
-        type: PropType<number>;
+    name: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -299,61 +269,75 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The selection mode.
+     * Show current value on the thumb.
      */
-    mode: {
-        type: PropType<"single-value">;
+    pin: {
+        type: PropType<boolean>;
         default: undefined;
     };
-    ariaLabel: {
-        type: PropType<string>;
+    /**
+     * 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;
     };
-    ariaValuetext: {
-        type: PropType<string>;
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Display markers on/off
+     * Value to increment or decrement via arrow keys, mouse click or drag.
      */
-    markers: {
-        type: PropType<boolean>;
+    step: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * Show current value on the thumb.
+     * 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.
      */
-    pin: {
-        type: PropType<boolean>;
+    value: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * slider connotation
+     * 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.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    modelValue: {
+        type: PropType<string>;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: Slider;
     }) => any) | undefined;
-    onClick?: ((event: MouseEvent & {
+    onBlur?: ((event: FocusEvent & {
         target: Slider;
     }) => any) | undefined;
-    onFocus?: ((event: FocusEvent & {
+    onChange?: ((event: CustomEvent<undefined> & {
         target: Slider;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onClick?: ((event: MouseEvent & {
         target: Slider;
     }) => any) | undefined;
-    onKeyup?: ((event: KeyboardEvent & {
+    onFocus?: ((event: FocusEvent & {
         target: Slider;
     }) => any) | undefined;
     onInput?: ((event: Event & {
         target: Slider;
     }) => any) | undefined;
-    onChange?: ((event: CustomEvent<undefined> & {
+    onKeyup?: ((event: KeyboardEvent & {
         target: Slider;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((event: string & {
@@ -364,7 +348,6 @@ declare const _default: import("vue").DefineComponent<{
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     step: number;
     value: string;
-    ariaLabel: string;
     connotation: "accent" | "cta";
     disabled: boolean;
     initialValue: string;
@@ -377,6 +360,5 @@ declare const _default: import("vue").DefineComponent<{
     markers: boolean;
     pin: boolean;
     mode: "single-value";
-    ariaValuetext: string;
 }, SlotsType<Record<string, never>>>;
 export default _default;