@vonage/vivid-vue 4.26.0 → 4.28.0

package/dist/generated/components/VSlider.types.d.ts

@@ -0,0 +1,57 @@
+import type { VwcSliderElement } from '@vonage/vivid';
+export interface VSliderEvents {
+    blur: FocusEvent & {
+        target: VwcSliderElement;
+        currentTarget: VwcSliderElement;
+    };
+    change: CustomEvent<undefined> & {
+        target: VwcSliderElement;
+        currentTarget: VwcSliderElement;
+    };
+    click: MouseEvent & {
+        target: VwcSliderElement;
+        currentTarget: VwcSliderElement;
+    };
+    focus: FocusEvent & {
+        target: VwcSliderElement;
+        currentTarget: VwcSliderElement;
+    };
+    input: Event & {
+        target: VwcSliderElement;
+        currentTarget: VwcSliderElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcSliderElement;
+        currentTarget: VwcSliderElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcSliderElement;
+        currentTarget: VwcSliderElement;
+    };
+    'update:modelValue': string;
+}
+export interface VSliderProps {
+    connotation?: 'accent' | 'cta';
+    disabled?: boolean;
+    initialValue?: string;
+    markers?: boolean;
+    max?: number;
+    min?: number;
+    mode?: 'single-value';
+    name?: string;
+    orientation?: 'horizontal' | 'vertical';
+    pin?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    step?: number;
+    value?: string;
+    modelValue?: string;
+    onBlur?: (event: VSliderEvents['blur']) => void;
+    onChange?: (event: VSliderEvents['change']) => void;
+    onClick?: (event: VSliderEvents['click']) => void;
+    onFocus?: (event: VSliderEvents['focus']) => void;
+    onInput?: (event: VSliderEvents['input']) => void;
+    onKeydown?: (event: VSliderEvents['keydown']) => void;
+    onKeyup?: (event: VSliderEvents['keyup']) => void;
+    'onUpdate:modelValue'?: (event: VSliderEvents['update:modelValue']) => void;
+}

package/{generated → dist/generated}/components/VSlider.vue2.d.ts

@@ -1,108 +1,62 @@
 import { PropType } from 'vue';
 import type { VwcSliderElement } from '@vonage/vivid';
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * slider connotation
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     connotation: {
         type: PropType<"accent" | "cta">;
         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 default value of the element. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
-     */
     initialValue: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Display markers on/off
-     */
     markers: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The maximum allowed value.
-     */
     max: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The minimum allowed value.
-     */
     min: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The selection mode.
-     */
     mode: {
         type: PropType<"single-value">;
         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;
     };
-    /**
-     * The orientation of the slider.
-     */
     orientation: {
         type: PropType<"horizontal" | "vertical">;
         default: undefined;
     };
-    /**
-     * Show current value on the thumb.
-     */
     pin: {
         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;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
     required: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Value to increment or decrement via arrow keys, mouse click or drag.
-     */
     step: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;
@@ -111,130 +65,68 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSliderElement | null>;
 }, import("vue").Data, {}, {
-    /**
-     * Return the current validity of the element.
-     */
     checkValidity(): boolean;
-    /**
-     * Decrement the value by the step
-     */
     decrement(): void;
-    /**
-     * Increment the value by the step
-     */
     increment(): void;
-    /**
-     * Return the current validity of the element.
-     * If false, fires an invalid event at the element.
-     */
     reportValidity(): boolean;
-    /**
-     * Places the thumb based on the current value
-     */
     setThumbPositionForOrientation(_: "ltr" | "rtl", direction: unknown): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * slider connotation
-     */
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     connotation: {
         type: PropType<"accent" | "cta">;
         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 default value of the element. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
-     */
     initialValue: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Display markers on/off
-     */
     markers: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The maximum allowed value.
-     */
     max: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The minimum allowed value.
-     */
     min: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The selection mode.
-     */
     mode: {
         type: PropType<"single-value">;
         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;
     };
-    /**
-     * The orientation of the slider.
-     */
     orientation: {
         type: PropType<"horizontal" | "vertical">;
         default: undefined;
     };
-    /**
-     * Show current value on the thumb.
-     */
     pin: {
         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;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
     required: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Value to increment or decrement via arrow keys, mouse click or drag.
-     */
     step: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;

package/{generated → dist/generated}/components/VSlider.vue3.d.ts

@@ -2,108 +2,62 @@ import { PropType } from 'vue';
 import type { VwcSliderElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * 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.
-     */
     disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The default value of the element. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
-     */
     initialValue: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Display markers on/off
-     */
     markers: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The maximum allowed value.
-     */
     max: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The minimum allowed value.
-     */
     min: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The selection mode.
-     */
     mode: {
         type: PropType<"single-value">;
         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;
     };
-    /**
-     * The orientation of the slider.
-     */
     orientation: {
         type: PropType<"horizontal" | "vertical">;
         default: undefined;
     };
-    /**
-     * Show current value on the thumb.
-     */
     pin: {
         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;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
     required: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Value to increment or decrement via arrow keys, mouse click or drag.
-     */
     step: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;
@@ -112,264 +66,128 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSliderElement | null>;
 }, unknown, {}, {
-    /**
-     * Return the current validity of the element.
-     */
     checkValidity(): boolean;
-    /**
-     * Decrement the value by the step
-     */
     decrement(): void;
-    /**
-     * Increment the value by the step
-     */
     increment(): void;
-    /**
-     * Return the current validity of the element.
-     * If false, fires an invalid event at the element.
-     */
     reportValidity(): boolean;
-    /**
-     * 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 & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }): true;
-    /**
-     * Fires a custom 'change' event when the slider value changes
-     * @type {CustomEvent<undefined>}
-     */
     change(event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }): 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}
-     */
     click(event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }): true;
-    /**
-     * Fires when the element receives focus.
-     * @type {FocusEvent}
-     */
     focus(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
     input(event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }): true;
-    /**
-     * Fires when a key is pressed.
-     * @type {KeyboardEvent}
-     */
     keydown(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }): true;
-    /**
-     * Fires when a key is released.
-     * @type {KeyboardEvent}
-     */
     keyup(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }): true;
-    /**
-     * Fires when the modelValue value changes
-     * @type {string}
-     */
     "update:modelValue"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * 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.
-     */
     disabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The default value of the element. This value sets the `value` property
-     * only when the `value` property has not been explicitly set.
-     */
     initialValue: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Display markers on/off
-     */
     markers: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The maximum allowed value.
-     */
     max: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The minimum allowed value.
-     */
     min: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The selection mode.
-     */
     mode: {
         type: PropType<"single-value">;
         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;
     };
-    /**
-     * The orientation of the slider.
-     */
     orientation: {
         type: PropType<"horizontal" | "vertical">;
         default: undefined;
     };
-    /**
-     * Show current value on the thumb.
-     */
     pin: {
         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;
     };
-    /**
-     * Require the field to be completed prior to form submission.
-     */
     required: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Value to increment or decrement via arrow keys, mouse click or drag.
-     */
     step: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     value: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The current value of the element.
-     */
     modelValue: {
         type: PropType<string>;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSliderElement;
         currentTarget: VwcSliderElement;
     }) => any) | undefined;