@vonage/vivid-vue 4.21.1 → 4.22.0

package/generated/components/VDataGridRow.types.d.ts

@@ -0,0 +1,135 @@
+import type { VwcDataGridRowElement } from '@vonage/vivid';
+export interface VDataGridRowEvents {
+    /**
+     * Fires when the element loses focus.
+     */
+    blur: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    /**
+     * Event that fires when a cell is clicked
+     */
+    'cell-click': CustomEvent<{
+        cell: HTMLElement;
+        row: HTMLElement;
+        isHeaderCell: boolean;
+        columnDataKey: string;
+    }> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    /**
+     * 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.
+     */
+    click: MouseEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    /**
+     * Fires when the element receives focus.
+     */
+    focus: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    /**
+     * Fires when the value of an element has been changed.
+     */
+    input: Event & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    /**
+     * Fires when a key is pressed.
+     */
+    keydown: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    /**
+     * Fires when a key is released.
+     */
+    keyup: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    /**
+     * Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row
+     */
+    'row-focused': CustomEvent<HTMLElement> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+}
+export interface VDataGridRowProps {
+    /**
+     * Indicates the selected status.
+     */
+    ariaSelected?: string;
+    /**
+     * String that gets applied to the the css gridTemplateColumns attribute for the row
+     * x
+     */
+    gridTemplateColumns?: string;
+    /**
+     * The type of row
+     */
+    rowType?: 'default' | 'header' | 'sticky-header';
+    /**
+     * Fires when the element loses focus.
+     */
+    onBlur?: (event: VDataGridRowEvents['blur']) => void;
+    /**
+     * Event that fires when a cell is clicked
+     */
+    onCellClick?: (event: VDataGridRowEvents['cell-click']) => void;
+    /**
+     * 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.
+     */
+    onClick?: (event: VDataGridRowEvents['click']) => void;
+    /**
+     * Fires when the element receives focus.
+     */
+    onFocus?: (event: VDataGridRowEvents['focus']) => void;
+    /**
+     * Fires when the value of an element has been changed.
+     */
+    onInput?: (event: VDataGridRowEvents['input']) => void;
+    /**
+     * Fires when a key is pressed.
+     */
+    onKeydown?: (event: VDataGridRowEvents['keydown']) => void;
+    /**
+     * Fires when a key is released.
+     */
+    onKeyup?: (event: VDataGridRowEvents['keyup']) => void;
+    /**
+     * Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row
+     */
+    onRowFocused?: (event: VDataGridRowEvents['row-focused']) => void;
+}

package/generated/components/VDatePicker.types.d.ts

@@ -0,0 +1,155 @@
+import type { VwcDatePickerElement } from '@vonage/vivid';
+export interface VDatePickerEvents {
+    /**
+     * Fires when the element loses focus.
+     */
+    blur: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement;
+    };
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    change: CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement;
+    };
+    /**
+     * 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.
+     */
+    click: MouseEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement;
+    };
+    /**
+     * Fires when the element receives focus.
+     */
+    focus: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement;
+    };
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    input: CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement;
+    };
+    /**
+     * Fires when a key is pressed.
+     */
+    keydown: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement;
+    };
+    /**
+     * Fires when a key is released.
+     */
+    keyup: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDatePickerElement;
+        currentTarget: VwcDatePickerElement;
+    };
+    /**
+     * Fires when the modelValue value changes
+     */
+    'update:modelValue': string;
+}
+export interface VDatePickerProps {
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled?: boolean;
+    /**
+     * The error text for the form element.
+     */
+    errorText?: string;
+    /**
+     * The initial value of the date-picker.
+     */
+    initialValue?: string;
+    /**
+     * The label for the form element.
+     */
+    label?: string;
+    /**
+     * The latest accepted date.
+     */
+    max?: string;
+    /**
+     * The earliest accepted date.
+     */
+    min?: string;
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name?: string;
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly?: boolean;
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required?: boolean;
+    /**
+     * The current value of the date-picker.
+     */
+    value?: string;
+    /**
+     * The current value of the date-picker.
+     */
+    modelValue?: string;
+    /**
+     * Fires when the element loses focus.
+     */
+    onBlur?: (event: VDatePickerEvents['blur']) => void;
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    onChange?: (event: VDatePickerEvents['change']) => void;
+    /**
+     * 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.
+     */
+    onClick?: (event: VDatePickerEvents['click']) => void;
+    /**
+     * Fires when the element receives focus.
+     */
+    onFocus?: (event: VDatePickerEvents['focus']) => void;
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    onInput?: (event: VDatePickerEvents['input']) => void;
+    /**
+     * Fires when a key is pressed.
+     */
+    onKeydown?: (event: VDatePickerEvents['keydown']) => void;
+    /**
+     * Fires when a key is released.
+     */
+    onKeyup?: (event: VDatePickerEvents['keyup']) => void;
+    /**
+     * Fires when the modelValue value changes
+     */
+    'onUpdate:modelValue'?: (event: VDatePickerEvents['update:modelValue']) => void;
+}

package/generated/components/VDateRangePicker.types.d.ts

@@ -0,0 +1,213 @@
+import type { VwcDateRangePickerElement } from '@vonage/vivid';
+export interface VDateRangePickerEvents {
+    /**
+     * Fires when the element loses focus.
+     */
+    blur: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Emitted when either the start or end value changes
+     */
+    change: CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * 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.
+     */
+    click: MouseEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Fires when the element receives focus.
+     */
+    focus: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Emitted when either the start or end value changes
+     */
+    input: CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Event emitted when the end value changes
+     */
+    'input:end': CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Event emitted when the start value changes
+     */
+    'input:start': CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Fires when a key is pressed.
+     */
+    keydown: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Fires when a key is released.
+     */
+    keyup: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateRangePickerElement;
+        currentTarget: VwcDateRangePickerElement;
+    };
+    /**
+     * Fires when the end value changes
+     */
+    'update:end': string;
+    /**
+     * Fires when the start value changes
+     */
+    'update:start': string;
+}
+export interface VDateRangePickerProps {
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled?: boolean;
+    /**
+     * 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.
+     */
+    end?: string;
+    /**
+     * The error text for the form element.
+     */
+    errorText?: string;
+    /**
+     * The initial end value. This value sets the `end` property
+     * only when the `end` property has not been explicitly set.
+     */
+    initialEnd?: string;
+    /**
+     * The initial start value. This value sets the `start` property
+     * only when the `start` property has not been explicitly set.
+     */
+    initialStart?: string;
+    /**
+     * The initial value of the date-picker.
+     */
+    initialValue?: string;
+    /**
+     * The label for the form element.
+     */
+    label?: string;
+    /**
+     * The latest accepted date.
+     */
+    max?: string;
+    /**
+     * The earliest accepted date.
+     */
+    min?: string;
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name?: string;
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly?: boolean;
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required?: boolean;
+    /**
+     * 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.
+     */
+    start?: string;
+    /**
+     * The current value of the date-picker.
+     */
+    value?: string;
+    /**
+     * Fires when the element loses focus.
+     */
+    onBlur?: (event: VDateRangePickerEvents['blur']) => void;
+    /**
+     * Emitted when either the start or end value changes
+     */
+    onChange?: (event: VDateRangePickerEvents['change']) => void;
+    /**
+     * 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.
+     */
+    onClick?: (event: VDateRangePickerEvents['click']) => void;
+    /**
+     * Fires when the element receives focus.
+     */
+    onFocus?: (event: VDateRangePickerEvents['focus']) => void;
+    /**
+     * Emitted when either the start or end value changes
+     */
+    onInput?: (event: VDateRangePickerEvents['input']) => void;
+    /**
+     * Event emitted when the end value changes
+     */
+    'onInput:end'?: (event: VDateRangePickerEvents['input:end']) => void;
+    /**
+     * Event emitted when the start value changes
+     */
+    'onInput:start'?: (event: VDateRangePickerEvents['input:start']) => void;
+    /**
+     * Fires when a key is pressed.
+     */
+    onKeydown?: (event: VDateRangePickerEvents['keydown']) => void;
+    /**
+     * Fires when a key is released.
+     */
+    onKeyup?: (event: VDateRangePickerEvents['keyup']) => void;
+    /**
+     * Fires when the end value changes
+     */
+    'onUpdate:end'?: (event: VDateRangePickerEvents['update:end']) => void;
+    /**
+     * Fires when the start value changes
+     */
+    'onUpdate:start'?: (event: VDateRangePickerEvents['update:start']) => void;
+}

package/generated/components/VDateTimePicker.types.d.ts

@@ -0,0 +1,183 @@
+import type { VwcDateTimePickerElement } from '@vonage/vivid';
+export interface VDateTimePickerEvents {
+    /**
+     * Fires when the element loses focus.
+     */
+    blur: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    change: CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    /**
+     * 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.
+     */
+    click: MouseEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    /**
+     * Fires when the element receives focus.
+     */
+    focus: FocusEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    input: CustomEvent<undefined> & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    /**
+     * Fires when a key is pressed.
+     */
+    keydown: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    /**
+     * Fires when a key is released.
+     */
+    keyup: KeyboardEvent & {
+        /**
+         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
+         */
+        target: VwcDateTimePickerElement;
+        currentTarget: VwcDateTimePickerElement;
+    };
+    /**
+     * Fires when the modelValue value changes
+     */
+    'update:modelValue': string;
+}
+export interface VDateTimePickerProps {
+    /**
+     * Forces a 12h or 24h clock to be used.
+     */
+    clock?: '12h' | '24h';
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled?: boolean;
+    /**
+     * The error text for the form element.
+     */
+    errorText?: string;
+    /**
+     * The initial value of the date-picker.
+     */
+    initialValue?: string;
+    /**
+     * The label for the form element.
+     */
+    label?: string;
+    /**
+     * The latest accepted date-time.
+     */
+    max?: string;
+    /**
+     * The latest accepted time date of the date-time.
+     */
+    maxDate?: string;
+    /**
+     * The latest accepted time part of the date-time.
+     */
+    maxTime?: string;
+    /**
+     * The earliest accepted date-time.
+     */
+    min?: string;
+    /**
+     * The earliest accepted date part of the date-time.
+     */
+    minDate?: string;
+    /**
+     * The earliest accepted time part of the date-time.
+     */
+    minTime?: string;
+    /**
+     * Distance between presented minute options.
+     */
+    minutesStep?: number;
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name?: string;
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly?: boolean;
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required?: boolean;
+    /**
+     * Distance between presented seconds options. If null, seconds are not presented.
+     */
+    secondsStep?: number;
+    /**
+     * The current value of the date-picker.
+     */
+    value?: string;
+    /**
+     * The current value of the date-picker.
+     */
+    modelValue?: string;
+    /**
+     * Fires when the element loses focus.
+     */
+    onBlur?: (event: VDateTimePickerEvents['blur']) => void;
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    onChange?: (event: VDateTimePickerEvents['change']) => void;
+    /**
+     * 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.
+     */
+    onClick?: (event: VDateTimePickerEvents['click']) => void;
+    /**
+     * Fires when the element receives focus.
+     */
+    onFocus?: (event: VDateTimePickerEvents['focus']) => void;
+    /**
+     * Emitted when the date is changed by the user.
+     */
+    onInput?: (event: VDateTimePickerEvents['input']) => void;
+    /**
+     * Fires when a key is pressed.
+     */
+    onKeydown?: (event: VDateTimePickerEvents['keydown']) => void;
+    /**
+     * Fires when a key is released.
+     */
+    onKeyup?: (event: VDateTimePickerEvents['keyup']) => void;
+    /**
+     * Fires when the modelValue value changes
+     */
+    'onUpdate:modelValue'?: (event: VDateTimePickerEvents['update:modelValue']) => void;
+}