@vonage/vivid-vue 4.16.2 → 4.18.0

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

@@ -5,59 +5,59 @@ import type { RangeSlider } from '@vonage/vivid/lib/range-slider/range-slider';
  */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
-     * The label for the form element.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    label: {
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Aria label for the end thumb
+     */
+    ariaEndLabel: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Indicates the element that represents the current item within a container or set of related elements.
+     * Aria label for the start thumb
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    ariaStartLabel: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     * The connotation of the component
      */
-    disabled: {
-        type: PropType<boolean>;
+    connotation: {
+        type: PropType<"accent" | "cta">;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    initialValue: {
-        type: PropType<string>;
+    disabled: {
+        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
+     * 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.
      */
-    value: {
+    end: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * The initial end value. This value sets the `end` property
+     * only when the `end` property has not been explicitly set.
      */
-    name: {
+    initialEnd: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
-    required: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
      * The initial start value. This value sets the `start` property
      * only when the `start` property has not been explicitly set.
@@ -67,54 +67,46 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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.
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
      */
-    start: {
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial end value. This value sets the `end` property
-     * only when the `end` property has not been explicitly set.
+     * The label for the form element.
      */
-    initialEnd: {
+    label: {
         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.
+     * Display markers on/off
      */
-    end: {
-        type: PropType<string>;
+    markers: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The minimum value of the range.
+     * The maximum value of the range.
      */
-    min: {
+    max: {
         type: PropType<number>;
         default: undefined;
     };
     /**
-     * The maximum value of the range.
+     * The minimum value of the range.
      */
-    max: {
+    min: {
         type: PropType<number>;
         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;
     };
     /**
@@ -125,38 +117,46 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * Aria label for the start thumb
+     * Show current values on the thumbs.
      */
-    ariaStartLabel: {
-        type: PropType<string>;
+    pin: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Aria label for the end thumb
+     * Require the field to be completed prior to form submission.
      */
-    ariaEndLabel: {
-        type: PropType<string>;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Display markers on/off
+     * 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.
      */
-    markers: {
-        type: PropType<boolean>;
+    start: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The connotation of the component
+     * Value to increment or decrement via arrow keys, mouse click or drag.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    step: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * Show current values on the thumbs.
+     * 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;
     };
 }, {
@@ -164,61 +164,61 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     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" | "change" | "input:start" | "input:end" | "update:start" | "update:end")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "input:end" | "input:start" | "update:end" | "update:start")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * The label for the form element.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    label: {
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Aria label for the end thumb
+     */
+    ariaEndLabel: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Indicates the element that represents the current item within a container or set of related elements.
+     * Aria label for the start thumb
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    ariaStartLabel: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     * The connotation of the component
      */
-    disabled: {
-        type: PropType<boolean>;
+    connotation: {
+        type: PropType<"accent" | "cta">;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
      */
-    initialValue: {
-        type: PropType<string>;
+    disabled: {
+        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
+     * 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.
      */
-    value: {
+    end: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * The initial end value. This value sets the `end` property
+     * only when the `end` property has not been explicitly set.
      */
-    name: {
+    initialEnd: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
-    required: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
      * The initial start value. This value sets the `start` property
      * only when the `start` property has not been explicitly set.
@@ -228,54 +228,46 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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.
+     * The initial value of the form. This value sets the `value` property
+     * only when the `value` property has not been explicitly set.
      */
-    start: {
+    initialValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial end value. This value sets the `end` property
-     * only when the `end` property has not been explicitly set.
+     * The label for the form element.
      */
-    initialEnd: {
+    label: {
         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.
+     * Display markers on/off
      */
-    end: {
-        type: PropType<string>;
+    markers: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * The minimum value of the range.
+     * The maximum value of the range.
      */
-    min: {
+    max: {
         type: PropType<number>;
         default: undefined;
     };
     /**
-     * The maximum value of the range.
+     * The minimum value of the range.
      */
-    max: {
+    min: {
         type: PropType<number>;
         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;
     };
     /**
@@ -286,38 +278,46 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * Aria label for the start thumb
+     * Show current values on the thumbs.
      */
-    ariaStartLabel: {
-        type: PropType<string>;
+    pin: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Aria label for the end thumb
+     * Require the field to be completed prior to form submission.
      */
-    ariaEndLabel: {
-        type: PropType<string>;
+    required: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * Display markers on/off
+     * 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.
      */
-    markers: {
-        type: PropType<boolean>;
+    start: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The connotation of the component
+     * Value to increment or decrement via arrow keys, mouse click or drag.
      */
-    connotation: {
-        type: PropType<"accent" | "cta">;
+    step: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * Show current values on the thumbs.
+     * 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;
     };
 }>>, {
@@ -328,17 +328,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     connotation: "accent" | "cta";
     disabled: boolean;
     initialValue: string;
-    required: boolean;
     label: string;
+    required: boolean;
     start: string;
     max: number;
     min: number;
-    initialStart: string;
-    initialEnd: string;
     end: string;
+    initialEnd: string;
+    initialStart: string;
     orientation: "horizontal" | "vertical";
-    ariaStartLabel: string;
     ariaEndLabel: string;
+    ariaStartLabel: string;
     markers: boolean;
     pin: boolean;
 }>;