@vonage/vivid-vue 4.26.0 → 4.28.0

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

@@ -0,0 +1,40 @@
+import type { VwcCalendarElement } from '@vonage/vivid';
+export interface VCalendarEvents {
+    blur: FocusEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    };
+    click: MouseEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    };
+    focus: FocusEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    };
+    input: Event & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    };
+}
+export interface VCalendarProps {
+    datetime?: Date | string;
+    hour12?: boolean;
+    locales?: string | string[];
+    startDay?: 'sunday' | 'monday';
+    stickyMode?: 'none' | 'header' | 'column' | 'all';
+    onBlur?: (event: VCalendarEvents['blur']) => void;
+    onClick?: (event: VCalendarEvents['click']) => void;
+    onFocus?: (event: VCalendarEvents['focus']) => void;
+    onInput?: (event: VCalendarEvents['input']) => void;
+    onKeydown?: (event: VCalendarEvents['keydown']) => void;
+    onKeyup?: (event: VCalendarEvents['keyup']) => void;
+}

package/dist/generated/components/VCalendar.vue2.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue';
+import type { VwcCalendarElement } from '@vonage/vivid';
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
+    datetime: {
+        type: PropType<Date | string>;
+        default: undefined;
+    };
+    hour12: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    locales: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<VwcCalendarElement | null>;
+}, import("vue").Data, {}, {
+    onKeydown(_arg0: KeyboardEvent): unknown;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
+    datetime: {
+        type: PropType<Date | string>;
+        default: undefined;
+    };
+    hour12: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    locales: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
+        default: undefined;
+    };
+}>>, {
+    datetime: string | Date;
+    hour12: boolean;
+    locales: string | string[];
+    startDay: "sunday" | "monday";
+    stickyMode: "none" | "header" | "column" | "all";
+}>;
+export default _default;

package/dist/generated/components/VCalendar.vue3.d.ts

@@ -0,0 +1,117 @@
+import { PropType } from 'vue';
+import type { VwcCalendarElement } from '@vonage/vivid';
+import type { SlotsType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    datetime: {
+        type: PropType<Date | string>;
+        default: undefined;
+    };
+    hour12: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    locales: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<VwcCalendarElement | null>;
+}, unknown, {}, {
+    onKeydown(_arg0: KeyboardEvent): unknown;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur(event: FocusEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }): true;
+    click(event: MouseEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }): true;
+    focus(event: FocusEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }): true;
+    input(event: Event & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }): true;
+    keydown(event: KeyboardEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }): true;
+    keyup(event: KeyboardEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }): true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    datetime: {
+        type: PropType<Date | string>;
+        default: undefined;
+    };
+    hour12: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    locales: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
+        default: undefined;
+    };
+}>> & {
+    onKeydown?: ((event: KeyboardEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }) => any) | undefined;
+    onClick?: ((event: MouseEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }) => any) | undefined;
+    onFocus?: ((event: FocusEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }) => any) | undefined;
+    onInput?: ((event: Event & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent & {
+        target: VwcCalendarElement;
+        currentTarget: VwcCalendarElement;
+    }) => any) | undefined;
+}, {
+    datetime: string | Date;
+    hour12: boolean;
+    locales: string | string[];
+    startDay: "sunday" | "monday";
+    stickyMode: "none" | "header" | "column" | "all";
+}, SlotsType<{
+    'day-0': Record<string, never>;
+    'day-1': Record<string, never>;
+    'day-2': Record<string, never>;
+    'day-3': Record<string, never>;
+    'day-4': Record<string, never>;
+    'day-5': Record<string, never>;
+    'day-6': Record<string, never>;
+    default: Record<string, never>;
+}>>;
+export default _default;

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

@@ -0,0 +1,42 @@
+import type { VwcCalendarEventElement } from '@vonage/vivid';
+export interface VCalendarEventEvents {
+    blur: FocusEvent & {
+        target: VwcCalendarEventElement;
+        currentTarget: VwcCalendarEventElement;
+    };
+    click: MouseEvent & {
+        target: VwcCalendarEventElement;
+        currentTarget: VwcCalendarEventElement;
+    };
+    focus: FocusEvent & {
+        target: VwcCalendarEventElement;
+        currentTarget: VwcCalendarEventElement;
+    };
+    input: Event & {
+        target: VwcCalendarEventElement;
+        currentTarget: VwcCalendarEventElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcCalendarEventElement;
+        currentTarget: VwcCalendarEventElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcCalendarEventElement;
+        currentTarget: VwcCalendarEventElement;
+    };
+}
+export interface VCalendarEventProps {
+    appearance?: 'filled' | 'duotone' | 'subtle';
+    connotation?: 'accent' | 'cta' | 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    description?: string;
+    duration?: number;
+    heading?: string;
+    overlapCount?: number;
+    start?: number;
+    onBlur?: (event: VCalendarEventEvents['blur']) => void;
+    onClick?: (event: VCalendarEventEvents['click']) => void;
+    onFocus?: (event: VCalendarEventEvents['focus']) => void;
+    onInput?: (event: VCalendarEventEvents['input']) => void;
+    onKeydown?: (event: VCalendarEventEvents['keydown']) => void;
+    onKeyup?: (event: VCalendarEventEvents['keyup']) => void;
+}

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

@@ -1,51 +1,30 @@
 import { PropType } from 'vue';
 import type { VwcCalendarEventElement } from '@vonage/vivid';
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * The appearance the calendar event should have.
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     appearance: {
         type: PropType<"filled" | "duotone" | "subtle">;
         default: undefined;
     };
-    /**
-     * The connotation the calendar event should have.
-     */
     connotation: {
         type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
-    /**
-     * the description of the event
-     */
     description: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * event's time duration in hours
-     */
     duration: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * the heading of the event
-     */
     heading: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * sets card display precendence and indentation
-     */
     overlapCount: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * time of day event starts
-     */
     start: {
         type: PropType<number>;
         default: undefined;
@@ -53,52 +32,31 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcCalendarEventElement | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The appearance the calendar event should have.
-     */
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
     appearance: {
         type: PropType<"filled" | "duotone" | "subtle">;
         default: undefined;
     };
-    /**
-     * The connotation the calendar event should have.
-     */
     connotation: {
         type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
-    /**
-     * the description of the event
-     */
     description: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * event's time duration in hours
-     */
     duration: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * the heading of the event
-     */
     heading: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * sets card display precendence and indentation
-     */
     overlapCount: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * time of day event starts
-     */
     start: {
         type: PropType<number>;
         default: undefined;

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

@@ -2,51 +2,30 @@ import { PropType } from 'vue';
 import type { VwcCalendarEventElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * The appearance the calendar event should have.
-     */
     appearance: {
         type: PropType<"filled" | "duotone" | "subtle">;
         default: undefined;
     };
-    /**
-     * The connotation the calendar event should have.
-     */
     connotation: {
         type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
-    /**
-     * the description of the event
-     */
     description: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * event's time duration in hours
-     */
     duration: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * the heading of the event
-     */
     heading: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * sets card display precendence and indentation
-     */
     overlapCount: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * time of day event starts
-     */
     start: {
         type: PropType<number>;
         default: undefined;
@@ -55,162 +34,81 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcCalendarEventElement | null>;
 }, unknown, {}, {}, 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: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }): 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: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }): 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: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }): 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: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }): 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: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }): 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: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The appearance the calendar event should have.
-     */
     appearance: {
         type: PropType<"filled" | "duotone" | "subtle">;
         default: undefined;
     };
-    /**
-     * The connotation the calendar event should have.
-     */
     connotation: {
         type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
-    /**
-     * the description of the event
-     */
     description: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * event's time duration in hours
-     */
     duration: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * the heading of the event
-     */
     heading: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * sets card display precendence and indentation
-     */
     overlapCount: {
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * time of day event starts
-     */
     start: {
         type: PropType<number>;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcCalendarEventElement;
         currentTarget: VwcCalendarEventElement;
     }) => any) | undefined;

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

@@ -0,0 +1,51 @@
+import type { VwcCardElement } from '@vonage/vivid';
+import type { IconId } from '../icons';
+export interface VCardEvents {
+    blur: FocusEvent & {
+        target: VwcCardElement;
+        currentTarget: VwcCardElement;
+    };
+    click: MouseEvent & {
+        target: VwcCardElement;
+        currentTarget: VwcCardElement;
+    };
+    focus: FocusEvent & {
+        target: VwcCardElement;
+        currentTarget: VwcCardElement;
+    };
+    input: Event & {
+        target: VwcCardElement;
+        currentTarget: VwcCardElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcCardElement;
+        currentTarget: VwcCardElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcCardElement;
+        currentTarget: VwcCardElement;
+    };
+}
+export interface VCardProps {
+    appearance?: 'elevated' | 'ghost' | 'outlined';
+    clickableCard?: boolean;
+    download?: string;
+    elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
+    headline?: string;
+    href?: string;
+    hreflang?: string;
+    icon?: IconId;
+    ping?: string;
+    referrerpolicy?: string;
+    rel?: string;
+    subtitle?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    text?: string;
+    type?: string;
+    onBlur?: (event: VCardEvents['blur']) => void;
+    onClick?: (event: VCardEvents['click']) => void;
+    onFocus?: (event: VCardEvents['focus']) => void;
+    onInput?: (event: VCardEvents['input']) => void;
+    onKeydown?: (event: VCardEvents['keydown']) => void;
+    onKeyup?: (event: VCardEvents['keyup']) => void;
+}