@verdocs/web-sdk 1.15.0 → 1.15.2

package/dist/types/components.d.ts

@@ -9,15 +9,17 @@ import { VerdocsEndpoint } from "@verdocs/js-sdk";
 import { SDKError } from "./utils/errors";
 import { IEnvelope, IEnvelopeField, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
 import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
-import { IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TTemplateSender } from "@verdocs/js-sdk/Templates/Types";
+import { IRole, ITemplate, ITemplateField, ITemplateFieldSetting, ITemplateSummaryEntry, TTemplateSender } from "@verdocs/js-sdk/Templates/Types";
 import { IContactSearchEvent, IContactSelectEvent, IEmailContact, IPhoneContact } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
 import { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
 import { IDocumentPageInfo, IPageLayer } from "./utils/Types";
 import { IOption } from "./components/controls/verdocs-floating-menu/verdocs-floating-menu";
 import { IOrganization } from "@verdocs/js-sdk/Organizations/Types";
+import { IFilterOption } from "./components/controls/verdocs-quick-filter/verdocs-quick-filter";
 import { IRecentSearch } from "@verdocs/js-sdk/Search/Types";
 import { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
 import { IContactSearchEvent as IContactSearchEvent1 } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
+import { IGetTemplateSummarySortBy } from "@verdocs/js-sdk/Templates/Templates";
 import { IToggleIconButtons } from "./components/controls/verdocs-toggle/verdocs-toggle";
 import { Placement } from "@popperjs/core/lib/enums";
 import { FileWithData } from "@verdocs/js-sdk/Utils/Files";
@@ -237,18 +239,22 @@ export namespace Components {
         "envelopeId": string;
     }
     interface VerdocsEnvelopesList {
+        /**
+          * If set, filter envelopes by the specified "containing" value.
+         */
+        "containing": string;
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
         /**
-          * The number of items to display.
+          * If set, filter envelopes by the specified name.
          */
-        "items": number;
+        "name": string;
         /**
-          * The first page nymbver to display (0-based)
+          * The initial page number to select. Pagination is internally controlled but may be overriden by the host applicaiton.
          */
-        "page": number;
+        "selectedPage": number;
         /**
           * The sort field to use
          */
@@ -775,6 +781,20 @@ export namespace Components {
          */
         "organization": IOrganization;
     }
+    interface VerdocsPagination {
+        /**
+          * The total number of items.
+         */
+        "itemCount": number;
+        /**
+          * The number of displayed per page.
+         */
+        "perPage": number;
+        /**
+          * The currently selected page.
+         */
+        "selectedPage": number;
+    }
     interface VerdocsPreview {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -799,6 +819,15 @@ export namespace Components {
          */
         "showPercent": boolean;
     }
+    interface VerdocsQuickFilter {
+        "label": string;
+        /**
+          * The menu options to display.
+         */
+        "options": IFilterOption[];
+        "placeholder": string;
+        "value": string;
+    }
     interface VerdocsQuickFunctions {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -915,6 +944,10 @@ export namespace Components {
          */
         "name": string;
     }
+    interface VerdocsSpinner {
+        "mode": 'light' | 'dark';
+        "size": number;
+    }
     interface VerdocsStatusIndicator {
         /**
           * The document to display status for. Ignored if `status` is set directly.
@@ -1079,6 +1112,16 @@ export namespace Components {
          */
         "templateId": string;
     }
+    interface VerdocsTemplateStar {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint": VerdocsEndpoint;
+        /**
+          * The template to display the star for.
+         */
+        "template": ITemplateSummaryEntry;
+    }
     interface VerdocsTemplateTags {
         /**
           * The tags to display
@@ -1101,14 +1144,25 @@ export namespace Components {
          */
         "endpoint": VerdocsEndpoint;
         /**
-          * The title to display on the box ("title" is a reserved word). This is optional, and if not set, the title will be derived from the view. Set this to an empty string to hide the header.
+          * If set, filter templates by the specified name.
          */
-        "header"?: string | undefined;
+        "name": string;
         /**
-          * The number of items to display.
+          * The initial page number to select. Pagination is internally controlled but may be overriden by the host applicaiton.
          */
-        "items": number;
-        "view"?: 'completed' | 'action' | 'waiting';
+        "selectedPage": number;
+        /**
+          * The sharing settings to filter by.
+         */
+        "sharing"?: 'all' | 'personal' | 'shared' | 'public';
+        /**
+          * The sort order to display.
+         */
+        "sort": IGetTemplateSummarySortBy;
+        /**
+          * The starred settings to filter by.
+         */
+        "starred": 'all' | 'starred' | 'unstarred';
     }
     interface VerdocsTextInput {
         /**
@@ -1296,10 +1350,18 @@ export interface VerdocsOkDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsOkDialogElement;
 }
+export interface VerdocsPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsPaginationElement;
+}
 export interface VerdocsPreviewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsPreviewElement;
 }
+export interface VerdocsQuickFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsQuickFilterElement;
+}
 export interface VerdocsQuickFunctionsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsQuickFunctionsElement;
@@ -1364,6 +1426,10 @@ export interface VerdocsTemplateSenderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateSenderElement;
 }
+export interface VerdocsTemplateStarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVerdocsTemplateStarElement;
+}
 export interface VerdocsTemplateVisibilityCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsTemplateVisibilityElement;
@@ -1583,6 +1649,12 @@ declare global {
         prototype: HTMLVerdocsOrganizationCardElement;
         new (): HTMLVerdocsOrganizationCardElement;
     };
+    interface HTMLVerdocsPaginationElement extends Components.VerdocsPagination, HTMLStencilElement {
+    }
+    var HTMLVerdocsPaginationElement: {
+        prototype: HTMLVerdocsPaginationElement;
+        new (): HTMLVerdocsPaginationElement;
+    };
     interface HTMLVerdocsPreviewElement extends Components.VerdocsPreview, HTMLStencilElement {
     }
     var HTMLVerdocsPreviewElement: {
@@ -1595,6 +1667,12 @@ declare global {
         prototype: HTMLVerdocsProgressBarElement;
         new (): HTMLVerdocsProgressBarElement;
     };
+    interface HTMLVerdocsQuickFilterElement extends Components.VerdocsQuickFilter, HTMLStencilElement {
+    }
+    var HTMLVerdocsQuickFilterElement: {
+        prototype: HTMLVerdocsQuickFilterElement;
+        new (): HTMLVerdocsQuickFilterElement;
+    };
     interface HTMLVerdocsQuickFunctionsElement extends Components.VerdocsQuickFunctions, HTMLStencilElement {
     }
     var HTMLVerdocsQuickFunctionsElement: {
@@ -1655,6 +1733,12 @@ declare global {
         prototype: HTMLVerdocsSignatureDialogElement;
         new (): HTMLVerdocsSignatureDialogElement;
     };
+    interface HTMLVerdocsSpinnerElement extends Components.VerdocsSpinner, HTMLStencilElement {
+    }
+    var HTMLVerdocsSpinnerElement: {
+        prototype: HTMLVerdocsSpinnerElement;
+        new (): HTMLVerdocsSpinnerElement;
+    };
     interface HTMLVerdocsStatusIndicatorElement extends Components.VerdocsStatusIndicator, HTMLStencilElement {
     }
     var HTMLVerdocsStatusIndicatorElement: {
@@ -1727,6 +1811,12 @@ declare global {
         prototype: HTMLVerdocsTemplateSenderElement;
         new (): HTMLVerdocsTemplateSenderElement;
     };
+    interface HTMLVerdocsTemplateStarElement extends Components.VerdocsTemplateStar, HTMLStencilElement {
+    }
+    var HTMLVerdocsTemplateStarElement: {
+        prototype: HTMLVerdocsTemplateStarElement;
+        new (): HTMLVerdocsTemplateStarElement;
+    };
     interface HTMLVerdocsTemplateTagsElement extends Components.VerdocsTemplateTags, HTMLStencilElement {
     }
     var HTMLVerdocsTemplateTagsElement: {
@@ -1815,8 +1905,10 @@ declare global {
         "verdocs-loader": HTMLVerdocsLoaderElement;
         "verdocs-ok-dialog": HTMLVerdocsOkDialogElement;
         "verdocs-organization-card": HTMLVerdocsOrganizationCardElement;
+        "verdocs-pagination": HTMLVerdocsPaginationElement;
         "verdocs-preview": HTMLVerdocsPreviewElement;
         "verdocs-progress-bar": HTMLVerdocsProgressBarElement;
+        "verdocs-quick-filter": HTMLVerdocsQuickFilterElement;
         "verdocs-quick-functions": HTMLVerdocsQuickFunctionsElement;
         "verdocs-radio-button": HTMLVerdocsRadioButtonElement;
         "verdocs-search": HTMLVerdocsSearchElement;
@@ -1827,6 +1919,7 @@ declare global {
         "verdocs-send": HTMLVerdocsSendElement;
         "verdocs-sign": HTMLVerdocsSignElement;
         "verdocs-signature-dialog": HTMLVerdocsSignatureDialogElement;
+        "verdocs-spinner": HTMLVerdocsSpinnerElement;
         "verdocs-status-indicator": HTMLVerdocsStatusIndicatorElement;
         "verdocs-template-attachments": HTMLVerdocsTemplateAttachmentsElement;
         "verdocs-template-card": HTMLVerdocsTemplateCardElement;
@@ -1839,6 +1932,7 @@ declare global {
         "verdocs-template-role-properties": HTMLVerdocsTemplateRolePropertiesElement;
         "verdocs-template-roles": HTMLVerdocsTemplateRolesElement;
         "verdocs-template-sender": HTMLVerdocsTemplateSenderElement;
+        "verdocs-template-star": HTMLVerdocsTemplateStarElement;
         "verdocs-template-tags": HTMLVerdocsTemplateTagsElement;
         "verdocs-template-visibility": HTMLVerdocsTemplateVisibilityElement;
         "verdocs-templates-list": HTMLVerdocsTemplatesListElement;
@@ -2143,14 +2237,18 @@ declare namespace LocalJSX {
         "onToggle"?: (event: VerdocsEnvelopeSidebarCustomEvent<{open: boolean}>) => void;
     }
     interface VerdocsEnvelopesList {
+        /**
+          * If set, filter envelopes by the specified "containing" value.
+         */
+        "containing"?: string;
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint"?: VerdocsEndpoint;
         /**
-          * The number of items to display.
+          * If set, filter envelopes by the specified name.
          */
-        "items"?: number;
+        "name"?: string;
         /**
           * Event fired when the user clicks to finish signing later. Typically the host application should redirect the user to another page.
          */
@@ -2159,18 +2257,14 @@ declare namespace LocalJSX {
           * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
          */
         "onSdkError"?: (event: VerdocsEnvelopesListCustomEvent<SDKError>) => void;
-        /**
-          * Event fired when the user clicks View All in the title bar. The current view will be included in the event details to help the host application navigate the user to the appropriate screen for the request. Note that the verdocs-envelopes-list control uses the same "view" parameter, so host applications can typically pass this value through directly. This button is not visible if the header is hidden.
-         */
-        "onViewAll"?: (event: VerdocsEnvelopesListCustomEvent<{endpoint: VerdocsEndpoint; view: string}>) => void;
         /**
           * Event fired when the user clicks an activity entry. Typically the host application will use this to navigate to the envelope detail view.
          */
         "onViewEnvelope"?: (event: VerdocsEnvelopesListCustomEvent<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>) => void;
         /**
-          * The first page nymbver to display (0-based)
+          * The initial page number to select. Pagination is internally controlled but may be overriden by the host applicaiton.
          */
-        "page"?: number;
+        "selectedPage"?: number;
         /**
           * The sort field to use
          */
@@ -2817,6 +2911,24 @@ declare namespace LocalJSX {
          */
         "organization"?: IOrganization;
     }
+    interface VerdocsPagination {
+        /**
+          * The total number of items.
+         */
+        "itemCount"?: number;
+        /**
+          * Event fired when the selected page changes. The new page number is included in the event.
+         */
+        "onSelectPage"?: (event: VerdocsPaginationCustomEvent<{selectedPage: number}>) => void;
+        /**
+          * The number of displayed per page.
+         */
+        "perPage"?: number;
+        /**
+          * The currently selected page.
+         */
+        "selectedPage"?: number;
+    }
     interface VerdocsPreview {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -2845,6 +2957,19 @@ declare namespace LocalJSX {
          */
         "showPercent"?: boolean;
     }
+    interface VerdocsQuickFilter {
+        "label"?: string;
+        /**
+          * Event fired when a menu option is clicked. Web Component events need to be "composed" to cross the Shadow DOM and be received by parent frameworks.
+         */
+        "onOptionSelected"?: (event: VerdocsQuickFilterCustomEvent<IFilterOption>) => void;
+        /**
+          * The menu options to display.
+         */
+        "options"?: IFilterOption[];
+        "placeholder"?: string;
+        "value"?: string;
+    }
     interface VerdocsQuickFunctions {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -3019,6 +3144,10 @@ declare namespace LocalJSX {
          */
         "onNext"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
     }
+    interface VerdocsSpinner {
+        "mode"?: 'light' | 'dark';
+        "size"?: number;
+    }
     interface VerdocsStatusIndicator {
         /**
           * The document to display status for. Ignored if `status` is set directly.
@@ -3291,6 +3420,24 @@ declare namespace LocalJSX {
          */
         "templateId"?: string;
     }
+    interface VerdocsTemplateStar {
+        /**
+          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        "endpoint"?: VerdocsEndpoint;
+        /**
+          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
+         */
+        "onSdkError"?: (event: VerdocsTemplateStarCustomEvent<SDKError>) => void;
+        /**
+          * Event fired when the user toggles the star on or off. The event detail will contain the new "starred" status and count.
+         */
+        "onStarChange"?: (event: VerdocsTemplateStarCustomEvent<{templateId: string; starred: boolean; count: number}>) => void;
+        /**
+          * The template to display the star for.
+         */
+        "template"?: ITemplateSummaryEntry;
+    }
     interface VerdocsTemplateTags {
         /**
           * The tags to display
@@ -3321,26 +3468,41 @@ declare namespace LocalJSX {
          */
         "endpoint"?: VerdocsEndpoint;
         /**
-          * The title to display on the box ("title" is a reserved word). This is optional, and if not set, the title will be derived from the view. Set this to an empty string to hide the header.
+          * If set, filter templates by the specified name.
          */
-        "header"?: string | undefined;
+        "name"?: string;
         /**
-          * The number of items to display.
+          * Event fired when the user chooses the Edit option from the dropdown menu.
          */
-        "items"?: number;
+        "onEditTemplate"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; template: ITemplate}>) => void;
         /**
           * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
          */
         "onSdkError"?: (event: VerdocsTemplatesListCustomEvent<SDKError>) => void;
         /**
-          * Event fired when the user clicks View All in the title bar. The current view will be included in the event details to help the host application navigate the user to the appropriate screen for the request. Note that the verdocs-envelopes-list control uses the same "view" parameter, so host applications can typically pass this value through directly. This button is not visible if the header is hidden.
+          * Event fired when the user chooses the Delete option from the dropdown menu. When this is fired, the template will already have been deleted. The host application should remove it from the list or refresh the list.
          */
-        "onViewAll"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; view: string}>) => void;
+        "onTemplateDeleted"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; template: ITemplate}>) => void;
         /**
-          * Event fired when the user clicks an activity entry. Typically the host application will use this to navigate to the envelope detail view.
+          * Event fired when the user clicks a template to view it. Typically the host application will use this to navigate to the template preview. This is also fired when the user selects "Preview/Send" fropm the dropdown menu.
          */
-        "onViewEnvelope"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>) => void;
-        "view"?: 'completed' | 'action' | 'waiting';
+        "onViewTemplate"?: (event: VerdocsTemplatesListCustomEvent<{endpoint: VerdocsEndpoint; template: ITemplate}>) => void;
+        /**
+          * The initial page number to select. Pagination is internally controlled but may be overriden by the host applicaiton.
+         */
+        "selectedPage"?: number;
+        /**
+          * The sharing settings to filter by.
+         */
+        "sharing"?: 'all' | 'personal' | 'shared' | 'public';
+        /**
+          * The sort order to display.
+         */
+        "sort"?: IGetTemplateSummarySortBy;
+        /**
+          * The starred settings to filter by.
+         */
+        "starred"?: 'all' | 'starred' | 'unstarred';
     }
     interface VerdocsTextInput {
         /**
@@ -3493,8 +3655,10 @@ declare namespace LocalJSX {
         "verdocs-loader": VerdocsLoader;
         "verdocs-ok-dialog": VerdocsOkDialog;
         "verdocs-organization-card": VerdocsOrganizationCard;
+        "verdocs-pagination": VerdocsPagination;
         "verdocs-preview": VerdocsPreview;
         "verdocs-progress-bar": VerdocsProgressBar;
+        "verdocs-quick-filter": VerdocsQuickFilter;
         "verdocs-quick-functions": VerdocsQuickFunctions;
         "verdocs-radio-button": VerdocsRadioButton;
         "verdocs-search": VerdocsSearch;
@@ -3505,6 +3669,7 @@ declare namespace LocalJSX {
         "verdocs-send": VerdocsSend;
         "verdocs-sign": VerdocsSign;
         "verdocs-signature-dialog": VerdocsSignatureDialog;
+        "verdocs-spinner": VerdocsSpinner;
         "verdocs-status-indicator": VerdocsStatusIndicator;
         "verdocs-template-attachments": VerdocsTemplateAttachments;
         "verdocs-template-card": VerdocsTemplateCard;
@@ -3517,6 +3682,7 @@ declare namespace LocalJSX {
         "verdocs-template-role-properties": VerdocsTemplateRoleProperties;
         "verdocs-template-roles": VerdocsTemplateRoles;
         "verdocs-template-sender": VerdocsTemplateSender;
+        "verdocs-template-star": VerdocsTemplateStar;
         "verdocs-template-tags": VerdocsTemplateTags;
         "verdocs-template-visibility": VerdocsTemplateVisibility;
         "verdocs-templates-list": VerdocsTemplatesList;
@@ -3565,8 +3731,10 @@ declare module "@stencil/core" {
             "verdocs-loader": LocalJSX.VerdocsLoader & JSXBase.HTMLAttributes<HTMLVerdocsLoaderElement>;
             "verdocs-ok-dialog": LocalJSX.VerdocsOkDialog & JSXBase.HTMLAttributes<HTMLVerdocsOkDialogElement>;
             "verdocs-organization-card": LocalJSX.VerdocsOrganizationCard & JSXBase.HTMLAttributes<HTMLVerdocsOrganizationCardElement>;
+            "verdocs-pagination": LocalJSX.VerdocsPagination & JSXBase.HTMLAttributes<HTMLVerdocsPaginationElement>;
             "verdocs-preview": LocalJSX.VerdocsPreview & JSXBase.HTMLAttributes<HTMLVerdocsPreviewElement>;
             "verdocs-progress-bar": LocalJSX.VerdocsProgressBar & JSXBase.HTMLAttributes<HTMLVerdocsProgressBarElement>;
+            "verdocs-quick-filter": LocalJSX.VerdocsQuickFilter & JSXBase.HTMLAttributes<HTMLVerdocsQuickFilterElement>;
             "verdocs-quick-functions": LocalJSX.VerdocsQuickFunctions & JSXBase.HTMLAttributes<HTMLVerdocsQuickFunctionsElement>;
             "verdocs-radio-button": LocalJSX.VerdocsRadioButton & JSXBase.HTMLAttributes<HTMLVerdocsRadioButtonElement>;
             "verdocs-search": LocalJSX.VerdocsSearch & JSXBase.HTMLAttributes<HTMLVerdocsSearchElement>;
@@ -3577,6 +3745,7 @@ declare module "@stencil/core" {
             "verdocs-send": LocalJSX.VerdocsSend & JSXBase.HTMLAttributes<HTMLVerdocsSendElement>;
             "verdocs-sign": LocalJSX.VerdocsSign & JSXBase.HTMLAttributes<HTMLVerdocsSignElement>;
             "verdocs-signature-dialog": LocalJSX.VerdocsSignatureDialog & JSXBase.HTMLAttributes<HTMLVerdocsSignatureDialogElement>;
+            "verdocs-spinner": LocalJSX.VerdocsSpinner & JSXBase.HTMLAttributes<HTMLVerdocsSpinnerElement>;
             "verdocs-status-indicator": LocalJSX.VerdocsStatusIndicator & JSXBase.HTMLAttributes<HTMLVerdocsStatusIndicatorElement>;
             "verdocs-template-attachments": LocalJSX.VerdocsTemplateAttachments & JSXBase.HTMLAttributes<HTMLVerdocsTemplateAttachmentsElement>;
             "verdocs-template-card": LocalJSX.VerdocsTemplateCard & JSXBase.HTMLAttributes<HTMLVerdocsTemplateCardElement>;
@@ -3589,6 +3758,7 @@ declare module "@stencil/core" {
             "verdocs-template-role-properties": LocalJSX.VerdocsTemplateRoleProperties & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRolePropertiesElement>;
             "verdocs-template-roles": LocalJSX.VerdocsTemplateRoles & JSXBase.HTMLAttributes<HTMLVerdocsTemplateRolesElement>;
             "verdocs-template-sender": LocalJSX.VerdocsTemplateSender & JSXBase.HTMLAttributes<HTMLVerdocsTemplateSenderElement>;
+            "verdocs-template-star": LocalJSX.VerdocsTemplateStar & JSXBase.HTMLAttributes<HTMLVerdocsTemplateStarElement>;
             "verdocs-template-tags": LocalJSX.VerdocsTemplateTags & JSXBase.HTMLAttributes<HTMLVerdocsTemplateTagsElement>;
             "verdocs-template-visibility": LocalJSX.VerdocsTemplateVisibility & JSXBase.HTMLAttributes<HTMLVerdocsTemplateVisibilityElement>;
             "verdocs-templates-list": LocalJSX.VerdocsTemplatesList & JSXBase.HTMLAttributes<HTMLVerdocsTemplatesListElement>;

package/dist/types/utils/utils.d.ts

@@ -3,7 +3,7 @@ import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 import { IEnvelopeField, IEnvelope, TDocumentFieldType } from '@verdocs/js-sdk/Envelopes/Types';
 import { IDocumentPageInfo } from './Types';
 export declare const defaultWidth: (type: TDocumentFieldType) => 150 | 105 | 64 | 85 | 24 | 14 | 71;
-export declare const defaultHeight: (type: TDocumentFieldType) => 36 | 20 | 24 | 14 | 41 | 15 | 50;
+export declare const defaultHeight: (type: TDocumentFieldType) => 36 | 24 | 14 | 41 | 15 | 20 | 50;
 export declare const setControlStyles: (el: HTMLElement, field: ITemplateField | IEnvelopeField, xScale: number, yScale: number, option?: number) => void;
 export declare const getFieldId: (field: ITemplateField | IEnvelopeField) => string;
 export declare const getFieldOptionId: (field: ITemplateField | IEnvelopeField, index: number) => string;
@@ -36,4 +36,8 @@ export declare const throttle: (f: any, delay: any) => (...args: any[]) => void;
  * Convert a browser File object's data into a base64-encoded string.
  */
 export declare const fileToBase64: (file: File) => Promise<string>;
+/**
+ * Compute the rendered width of a given text string, using a given font.
+ */
+export declare const renderedTextWidth: (text: string, font?: string) => number;
 export {};