@vonage/vivid-vue 4.17.0 → 4.18.0

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

@@ -3,31 +3,31 @@ import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     /**
-     * Indicates the element that represents the current item within a container or set of related elements.
+     * toggle color scheme
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    alternate: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * the optional title of the toggletip
+     * ID or direct reference to the component's anchor element.
      */
-    headline: {
-        type: PropType<string>;
+    anchor: {
+        type: PropType<string | HTMLElement>;
         default: undefined;
     };
     /**
-     * toggle color scheme
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    alternate: {
-        type: PropType<boolean>;
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
     /**
-     * placement of the toggletip
+     * the optional title of the toggletip
      */
-    placement: {
-        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+    headline: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -38,10 +38,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * ID or direct reference to the component's anchor element.
+     * placement of the toggletip
      */
-    anchor: {
-        type: PropType<string | HTMLElement>;
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
 }, {
@@ -50,6 +50,13 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {
     openChanged(oldValue: boolean, newValue: boolean): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Toggletip;
+    }): 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}
@@ -65,10 +72,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Toggletip;
     }): 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: Toggletip;
     }): true;
     /**
@@ -85,40 +92,33 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Toggletip;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    input(event: Event & {
-        target: Toggletip;
-    }): 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.
+     * toggle color scheme
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    alternate: {
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * the optional title of the toggletip
+     * ID or direct reference to the component's anchor element.
      */
-    headline: {
-        type: PropType<string>;
+    anchor: {
+        type: PropType<string | HTMLElement>;
         default: undefined;
     };
     /**
-     * toggle color scheme
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    alternate: {
-        type: PropType<boolean>;
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
     /**
-     * placement of the toggletip
+     * the optional title of the toggletip
      */
-    placement: {
-        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+    headline: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -129,50 +129,50 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * ID or direct reference to the component's anchor element.
+     * placement of the toggletip
      */
-    anchor: {
-        type: PropType<string | HTMLElement>;
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: Toggletip;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: Toggletip;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: Toggletip;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: Toggletip;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: Toggletip;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: Toggletip;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: Toggletip;
-    }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     anchor: string | HTMLElement;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     headline: string;
     open: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     alternate: boolean;
 }, SlotsType<{
     /**
-     * The content to display in the toggletip.
+     * The content to display in the toggletip action items.
      */
-    default: Record<string, never>;
+    'action-items': Record<string, never>;
     /**
      * Used to set the anchor element for the toggletip.
      */
     anchor: Record<string, never>;
     /**
-     * The content to display in the toggletip action items.
+     * The content to display in the toggletip.
      */
-    'action-items': Record<string, never>;
+    default: Record<string, never>;
 }>>;
 export default _default;

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

@@ -1,6 +1,13 @@
 import { PropType } from 'vue';
 import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
+    /**
+     * ID or direct reference to the component's anchor element.
+     */
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -8,22 +15,26 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * the text of the tooltip
-     * accepts string
-     */
-    text: {
-        type: PropType<string>;
+    open: {
+        type: PropType<boolean>;
         default: undefined;
     };
     placement: {
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    open: {
-        type: PropType<boolean>;
+    /**
+     * the text of the tooltip
+     * accepts string
+     */
+    text: {
+        type: PropType<string>;
         default: undefined;
     };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<Tooltip | 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<{
     /**
      * ID or direct reference to the component's anchor element.
      */
@@ -31,10 +42,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string | HTMLElement>;
         default: undefined;
     };
-}, {
-    componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tooltip | 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.
      */
@@ -42,34 +49,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * the text of the tooltip
-     * accepts string
-     */
-    text: {
-        type: PropType<string>;
+    open: {
+        type: PropType<boolean>;
         default: undefined;
     };
     placement: {
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
-     * ID or direct reference to the component's anchor element.
+     * the text of the tooltip
+     * accepts string
      */
-    anchor: {
-        type: PropType<string | HTMLElement>;
+    text: {
+        type: PropType<string>;
         default: undefined;
     };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     anchor: string | HTMLElement;
+    open: boolean;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     text: string;
-    open: boolean;
 }>;
 export default _default;

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

@@ -2,6 +2,13 @@ import { PropType } from 'vue';
 import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * ID or direct reference to the component's anchor element.
+     */
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -9,33 +16,33 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * the text of the tooltip
-     * accepts string
-     */
-    text: {
-        type: PropType<string>;
+    open: {
+        type: PropType<boolean>;
         default: undefined;
     };
     placement: {
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
-     * ID or direct reference to the component's anchor element.
+     * the text of the tooltip
+     * accepts string
      */
-    anchor: {
-        type: PropType<string | HTMLElement>;
+    text: {
+        type: PropType<string>;
         default: undefined;
     };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Tooltip | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: Tooltip;
+    }): 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}
@@ -51,10 +58,10 @@ declare const _default: import("vue").DefineComponent<{
         target: Tooltip;
     }): 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: Tooltip;
     }): true;
     /**
@@ -71,14 +78,14 @@ declare const _default: import("vue").DefineComponent<{
     keyup(event: KeyboardEvent & {
         target: Tooltip;
     }): 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}
+     * ID or direct reference to the component's anchor element.
      */
-    input(event: Event & {
-        target: Tooltip;
-    }): true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -86,54 +93,47 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
-    /**
-     * the text of the tooltip
-     * accepts string
-     */
-    text: {
-        type: PropType<string>;
+    open: {
+        type: PropType<boolean>;
         default: undefined;
     };
     placement: {
         type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: undefined;
     };
-    open: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
-     * ID or direct reference to the component's anchor element.
+     * the text of the tooltip
+     * accepts string
      */
-    anchor: {
-        type: PropType<string | HTMLElement>;
+    text: {
+        type: PropType<string>;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: Tooltip;
     }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: Tooltip;
+    }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
         target: Tooltip;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
         target: Tooltip;
     }) => any) | undefined;
-    onBlur?: ((event: FocusEvent & {
+    onInput?: ((event: Event & {
         target: Tooltip;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
         target: Tooltip;
     }) => any) | undefined;
-    onInput?: ((event: Event & {
-        target: Tooltip;
-    }) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     anchor: string | HTMLElement;
+    open: boolean;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     text: string;
-    open: boolean;
 }, SlotsType<{
     /**
      * Used to set the anchor element for the tooltip.