@vonage/vivid-vue 3.17.0 → 3.18.0

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TextField } from '@vonage/vivid/lib/text-field/text-field';
 /**
  * Base class for text-field
  */
@@ -178,7 +177,21 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TextField | null>;
+    element: import("vue").Ref<{
+        appearance?: import("@vonage/vivid").TextFieldAppearance | undefined;
+        shape?: import("@vonage/vivid").TextFieldShape | undefined;
+        autoComplete?: string | undefined;
+        leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
+        icon?: string | undefined;
+        errorText: string;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        charCount: boolean;
+        helperText?: string | undefined;
+        successText?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TextField } from '@vonage/vivid/lib/text-field/text-field';
 /**
  * Base class for text-field
  */
@@ -178,7 +177,21 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TextField | null>;
+    element: import("vue").Ref<{
+        appearance?: import("@vonage/vivid").TextFieldAppearance | undefined;
+        shape?: import("@vonage/vivid").TextFieldShape | undefined;
+        autoComplete?: string | undefined;
+        leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
+        icon?: string | undefined;
+        errorText: string;
+        errorValidationMessage: boolean;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        charCount: boolean;
+        helperText?: string | undefined;
+        successText?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The success text for the form element.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 /**
  * Base class for toggletip
  */
@@ -48,7 +47,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Toggletip | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        alternate: boolean;
+        placement?: any;
+        anchor: string | HTMLElement;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        disconnectedCallback: () => void;
+    } | 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.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Toggletip } from '@vonage/vivid/lib/toggletip/toggletip';
 /**
  * Base class for toggletip
  */
@@ -48,7 +47,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Toggletip | null>;
+    element: import("vue").Ref<{
+        headline?: string | undefined;
+        alternate: boolean;
+        placement?: any;
+        anchor: string | HTMLElement;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        open: boolean;
+        openChanged: (oldValue: boolean, newValue: boolean) => void;
+        disconnectedCallback: () => void;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", 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.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 /**
  * Base class for tooltip
  */
@@ -33,7 +32,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tooltip | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        placement?: any;
+        open: boolean;
+        anchor?: (string | HTMLElement) | undefined;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        disconnectedCallback: () => void;
+        openChanged: (_: boolean, newValue: boolean) => void;
+    } | 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.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { Tooltip } from '@vonage/vivid/lib/tooltip/tooltip';
 /**
  * Base class for tooltip
  */
@@ -33,7 +32,15 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Tooltip | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        placement?: any;
+        open: boolean;
+        anchor?: (string | HTMLElement) | undefined;
+        anchorChanged: (_: string | HTMLElement, newValue: string | HTMLElement) => void;
+        disconnectedCallback: () => void;
+        openChanged: (_: boolean, newValue: boolean) => void;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", 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.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TreeItem } from '@vonage/vivid/lib/tree-item/tree-item';
 /**
  * Base class for tree-item
  */
@@ -49,7 +48,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TreeItem | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        icon?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "expanded-change" | "selected-change")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TreeItem } from '@vonage/vivid/lib/tree-item/tree-item';
 /**
  * Base class for tree-item
  */
@@ -49,7 +48,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TreeItem | null>;
+    element: import("vue").Ref<{
+        text?: string | undefined;
+        icon?: string | undefined;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "expanded-change" | "selected-change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "expanded-change" | "selected-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A decorative icon the custom element should have.

package/dist/index.es.js

@@ -2585,6 +2585,14 @@ const Ce = u({
      * The error-text text of the date-picker.
      */
     errorText: { type: String, default: void 0 },
+    /**
+     * The earliest accepted date of the date-picker.
+     */
+    min: { type: String, default: void 0 },
+    /**
+     * The latest accepted date of the date-picker.
+     */
+    max: { type: String, default: void 0 },
     /**
      * The currently selected date of the date-picker.
      */
@@ -2644,6 +2652,8 @@ const Ce = u({
           ...this.label !== void 0 ? { label: this.label } : {},
           ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
           ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
+          ...this.min !== void 0 ? { min: this.min } : {},
+          ...this.max !== void 0 ? { max: this.max } : {},
           ...this.modelValue !== void 0 ? { value: this.modelValue } : {},
           ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
           ...this.readonly !== void 0 ? { readonly: this.readonly } : {}
@@ -2668,6 +2678,8 @@ const Ce = u({
         ...this.label !== void 0 ? { label: this.label } : {},
         ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
         ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
+        ...this.min !== void 0 ? { min: this.min } : {},
+        ...this.max !== void 0 ? { max: this.max } : {},
         ...this.modelValue !== void 0 ? { value: this.modelValue } : {},
         ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
         ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
@@ -6675,7 +6687,12 @@ const Ce = u({
           change: (e) => this.$emit("change", e)
         }
       },
-      []
+      [
+        // @slot leading-action-items Used to add action items to the start of the text-field.
+        a("leading-action-items", this.$slots["leading-action-items"]),
+        // @slot action-items Used to add action items to the end of the text-field.
+        a("action-items", this.$slots["action-items"])
+      ]
     ) : s(
       this.componentName,
       {
@@ -6714,7 +6731,12 @@ const Ce = u({
         onInput: (e) => this.$emit("update:modelValue", e.target.value),
         onChange: (e) => this.$emit("change", e)
       },
-      []
+      [
+        // @slot leading-action-items Used to add action items to the start of the text-field.
+        a("leading-action-items", this.$slots["leading-action-items"]),
+        // @slot action-items Used to add action items to the end of the text-field.
+        a("action-items", this.$slots["action-items"])
+      ]
     );
   }
 }), ci = u({