@vonage/vivid-vue 4.16.2 → 4.18.0

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

@@ -17,14 +17,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The day to show as the first within a work week.
-     * Accepts either Sunday or Monday
-     * Calendar will - programmatically - default to Monday if not specified
-     *
-     * (only applicable for views of more than a single day)
+     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
+     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
      */
-    startDay: {
-        type: PropType<"sunday" | "monday">;
+    hour12: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -40,11 +37,21 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
-     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
+     * The day to show as the first within a work week.
+     * Accepts either Sunday or Monday
+     * Calendar will - programmatically - default to Monday if not specified
+     *
+     * (only applicable for views of more than a single day)
      */
-    hour12: {
-        type: PropType<boolean>;
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    /**
+     * Sticky header and sticky column options
+     */
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
         default: undefined;
     };
 }, {
@@ -52,7 +59,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     element: import("vue").Ref<Calendar | null>;
 }, import("vue").Data, {}, {
     onKeydown(_arg0: KeyboardEvent): unknown;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, 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<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -69,14 +76,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The day to show as the first within a work week.
-     * Accepts either Sunday or Monday
-     * Calendar will - programmatically - default to Monday if not specified
-     *
-     * (only applicable for views of more than a single day)
+     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
+     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
      */
-    startDay: {
-        type: PropType<"sunday" | "monday">;
+    hour12: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -92,18 +96,29 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
-     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
+     * The day to show as the first within a work week.
+     * Accepts either Sunday or Monday
+     * Calendar will - programmatically - default to Monday if not specified
+     *
+     * (only applicable for views of more than a single day)
      */
-    hour12: {
-        type: PropType<boolean>;
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    /**
+     * Sticky header and sticky column options
+     */
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
         default: undefined;
     };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     datetime: string | Date;
-    startDay: "sunday" | "monday";
-    locales: string | string[];
     hour12: boolean;
+    locales: string | string[];
+    startDay: "sunday" | "monday";
+    stickyMode: "none" | "header" | "column" | "all";
 }>;
 export default _default;

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

@@ -18,14 +18,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The day to show as the first within a work week.
-     * Accepts either Sunday or Monday
-     * Calendar will - programmatically - default to Monday if not specified
-     *
-     * (only applicable for views of more than a single day)
+     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
+     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
      */
-    startDay: {
-        type: PropType<"sunday" | "monday">;
+    hour12: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -41,11 +38,21 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
-     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
+     * The day to show as the first within a work week.
+     * Accepts either Sunday or Monday
+     * Calendar will - programmatically - default to Monday if not specified
+     *
+     * (only applicable for views of more than a single day)
      */
-    hour12: {
-        type: PropType<boolean>;
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    /**
+     * Sticky header and sticky column options
+     */
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
         default: undefined;
     };
 }, {
@@ -54,6 +61,13 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {
     onKeydown(_arg0: KeyboardEvent): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Calendar;
+    }): 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}
@@ -69,10 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Calendar;
     }): 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: Calendar;
     }): true;
     /**
@@ -89,13 +103,6 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Calendar;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    input(event: Event & {
-        target: Calendar;
-    }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -113,14 +120,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The day to show as the first within a work week.
-     * Accepts either Sunday or Monday
-     * Calendar will - programmatically - default to Monday if not specified
-     *
-     * (only applicable for views of more than a single day)
+     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
+     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
      */
-    startDay: {
-        type: PropType<"sunday" | "monday">;
+    hour12: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
@@ -136,43 +140,50 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
-     * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
+     * The day to show as the first within a work week.
+     * Accepts either Sunday or Monday
+     * Calendar will - programmatically - default to Monday if not specified
+     *
+     * (only applicable for views of more than a single day)
      */
-    hour12: {
-        type: PropType<boolean>;
+    startDay: {
+        type: PropType<"sunday" | "monday">;
+        default: undefined;
+    };
+    /**
+     * Sticky header and sticky column options
+     */
+    stickyMode: {
+        type: PropType<"none" | "header" | "column" | "all">;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: Calendar;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: Calendar;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: Calendar;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: Calendar;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: Calendar;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: Calendar;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: Calendar;
-    }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     datetime: string | Date;
-    startDay: "sunday" | "monday";
-    locales: string | string[];
     hour12: boolean;
+    locales: string | string[];
+    startDay: "sunday" | "monday";
+    stickyMode: "none" | "header" | "column" | "all";
 }, SlotsType<{
-    /**
-     * Default slot.
-     */
-    default: Record<string, never>;
     /**
      * Assign elements to corresponding day column using this slot.
      */
@@ -201,5 +212,9 @@ declare const _default: import("vue").DefineComponent<{
      * Assign elements to corresponding day column using this slot.
      */
     'day-6': Record<string, never>;
+    /**
+     * Default slot.
+     */
+    default: Record<string, never>;
 }>>;
 export default _default;

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

@@ -1,6 +1,13 @@
 import { PropType } from 'vue';
 import type { CalendarEvent } from '@vonage/vivid/lib/calendar-event/calendar-event';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
+    /**
+     * The appearance the calendar event should have.
+     */
+    appearance: {
+        type: PropType<"filled" | "duotone" | "subtle">;
+        default: undefined;
+    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -9,10 +16,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * the heading of the event
+     * The connotation the calendar event should have.
      */
-    heading: {
-        type: PropType<string>;
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
     /**
@@ -23,17 +30,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The connotation the calendar event should have.
+     * event's time duration in hours
      */
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
+    duration: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * The appearance the calendar event should have.
+     * the heading of the event
      */
-    appearance: {
-        type: PropType<"filled" | "duotone" | "subtle">;
+    heading: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -50,17 +57,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<number>;
         default: undefined;
     };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<CalendarEvent | 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<{
     /**
-     * event's time duration in hours
+     * The appearance the calendar event should have.
      */
-    duration: {
-        type: PropType<number>;
+    appearance: {
+        type: PropType<"filled" | "duotone" | "subtle">;
         default: undefined;
     };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<CalendarEvent | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -69,10 +76,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * the heading of the event
+     * The connotation the calendar event should have.
      */
-    heading: {
-        type: PropType<string>;
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
     /**
@@ -83,17 +90,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The connotation the calendar event should have.
+     * event's time duration in hours
      */
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
+    duration: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * The appearance the calendar event should have.
+     * the heading of the event
      */
-    appearance: {
-        type: PropType<"filled" | "duotone" | "subtle">;
+    heading: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -110,21 +117,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * event's time duration in hours
-     */
-    duration: {
-        type: PropType<number>;
-        default: undefined;
-    };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     description: string;
     heading: string;
     appearance: "filled" | "duotone" | "subtle";
     connotation: "accent" | "information" | "success" | "warning" | "announcement" | "alert" | "cta";
+    duration: number;
     overlapCount: number;
     start: number;
-    duration: number;
 }>;
 export default _default;

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

@@ -2,6 +2,13 @@ import { PropType } from 'vue';
 import type { CalendarEvent } from '@vonage/vivid/lib/calendar-event/calendar-event';
 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;
+    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -10,10 +17,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * the heading of the event
+     * The connotation the calendar event should have.
      */
-    heading: {
-        type: PropType<string>;
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
     /**
@@ -24,17 +31,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The connotation the calendar event should have.
+     * event's time duration in hours
      */
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
+    duration: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * The appearance the calendar event should have.
+     * the heading of the event
      */
-    appearance: {
-        type: PropType<"filled" | "duotone" | "subtle">;
+    heading: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -51,17 +58,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * event's time duration in hours
-     */
-    duration: {
-        type: PropType<number>;
-        default: undefined;
-    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<CalendarEvent | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: CalendarEvent;
+    }): 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}
@@ -77,10 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         target: CalendarEvent;
     }): 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: CalendarEvent;
     }): true;
     /**
@@ -97,14 +104,14 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: CalendarEvent;
     }): true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
+     * The appearance the calendar event should have.
      */
-    input(event: Event & {
-        target: CalendarEvent;
-    }): true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appearance: {
+        type: PropType<"filled" | "duotone" | "subtle">;
+        default: undefined;
+    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -113,10 +120,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * the heading of the event
+     * The connotation the calendar event should have.
      */
-    heading: {
-        type: PropType<string>;
+    connotation: {
+        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
         default: undefined;
     };
     /**
@@ -127,17 +134,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The connotation the calendar event should have.
+     * event's time duration in hours
      */
-    connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert" | "warning" | "information" | "announcement">;
+    duration: {
+        type: PropType<number>;
         default: undefined;
     };
     /**
-     * The appearance the calendar event should have.
+     * the heading of the event
      */
-    appearance: {
-        type: PropType<"filled" | "duotone" | "subtle">;
+    heading: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -154,40 +161,33 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<number>;
         default: undefined;
     };
-    /**
-     * event's time duration in hours
-     */
-    duration: {
-        type: PropType<number>;
-        default: undefined;
-    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: CalendarEvent;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: CalendarEvent;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: CalendarEvent;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: CalendarEvent;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: CalendarEvent;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: CalendarEvent;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: CalendarEvent;
-    }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     description: string;
     heading: string;
     appearance: "filled" | "duotone" | "subtle";
     connotation: "accent" | "information" | "success" | "warning" | "announcement" | "alert" | "cta";
+    duration: number;
     overlapCount: number;
     start: number;
-    duration: number;
 }, SlotsType<Record<string, never>>>;
 export default _default;