@verdocs/web-sdk 4.0.8 → 4.0.9

package/dist/components/verdocs-text-input2.js

@@ -30,7 +30,7 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class VerdocsTextInput
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: 'e71c4ce13dfab7ae8c7ca4b7eb64569cb817d8ce', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '4a2a6be345baebfc23ce46fd765e051e2aca39de' }, this.label && (h("div", { key: '2a30635cbee56e7d3024e639366ed2d6618fa526', class: "input-label" }, this.label + ':', this.required && h("span", { key: '08a6295cdaf9b96d9b56391395635ddeb4e80a8e', class: "required" }, "*"))), h("div", { key: 'b2a5385fa49b86aef69f2d52a02267d48140fd58', class: "input-container" }, h("input", { key: '5b307bf77e7175c65c04e2d7a76e7da8dfc15d7c', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '566da7c21ce7fe8f41b08b3b69c8b7435c5aab82', innerHTML: ClearIcon, class: "clear", onClick: () => {
+        return (h(Host, { key: '01f4cc50d00022fec700dd1703c403f788a7f3ee', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '755ccc9d7978816128f25e14051a4148246e2172' }, this.label && (h("div", { key: '275d72bce18e285eab0c5afee67998ffa8ef1717', class: "input-label" }, this.label + ':', this.required && h("span", { key: '4bc22add83d9953a8f719fc1737bbecbe70ad6fd', class: "required" }, "*"))), h("div", { key: '89b5a9e5795574005f3e45ad6e6701f32963f528', class: "input-container" }, h("input", { key: '6ef1db6b39dd01e7f2168983b08fd17fb94e5451', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: 'afbff38029e87d44b4bfe37ea654e2b3813d766d', innerHTML: ClearIcon, class: "clear", onClick: () => {
                 // We need to allow the onInput event to fire first in case
                 // the user was focused on this field before clicking clear.
                 setTimeout(() => {
@@ -44,7 +44,7 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class VerdocsTextInput
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: '02b7f45e12e9cf5810d1acd3b4f33062bd558517', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '3ddca8b8197c0ba01f6725e57b617f73fd3f0739', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: '099378e71c88710a9d2fdc9a34e38ff12b4ee85f', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '1ac26e8e0513c247e8e04489026f5311eb51529f', text: this.helpText }))));
     }
     get hostEl() { return this; }
     static get style() { return VerdocsTextInputStyle0; }
@@ -78,6 +78,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTextInput as V, defineCustomElement as d };

package/dist/components/verdocs-toggle-button2.js

@@ -25,7 +25,7 @@ const VerdocsToggleButton = /*@__PURE__*/ proxyCustomElement(class VerdocsToggle
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: 'f953a03258c2b74858b247a3d206028bf0285f1f', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '20e488d05d44870dcc7dd9ab4bf14b49d99b8d97', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
     static get style() { return VerdocsToggleButtonStyle0; }
 }, [0, "verdocs-toggle-button", {
@@ -48,6 +48,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsToggleButton as V, defineCustomElement as d };

package/dist/components/verdocs-toggle.js

@@ -40,7 +40,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsToggle = VerdocsToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-toolbar-icon2.js

@@ -41,7 +41,7 @@ const VerdocsToolbarIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsToolbar
     //   this.press?.emit();
     // }
     render() {
-        return (h(Host, { key: 'c12c9e2593bf281d5c0ce60ebffebf974a4a1afb', class: {} }, h("div", { key: '7c03bd3e40eed4fa9966afe926cdc4c490d5a6d7', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'd757834d1be057de971a7bcbb47158c9c2182907', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '0a9e2615fa20a0625b929173dd2705be5165c39a', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: 'f9c2c8bd293559e5e504b69cbc445ca813f134a2', class: {} }, h("div", { key: 'e5d497d4859e8bd61364f56f8c452c61ece75a76', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'ebb1c0fa2cd8b58eba9d5057fc965ead53c23059', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'df0d03fbeeeb3016dde67f6d8bf8f75c5a97105c', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get style() { return VerdocsToolbarIconStyle0; }
 }, [0, "verdocs-toolbar-icon", {
@@ -63,6 +63,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsToolbarIcon as V, defineCustomElement as d };

package/dist/components/verdocs-upload-dialog2.js

@@ -73,7 +73,7 @@ const VerdocsUploadDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsUpload
         this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));
     }
     render() {
-        return (h(Host, { key: 'e530dd32a2bbd4d4108391bdeeaac3317a5af11f' }, h("div", { key: '9098bbbc2ece28225b303ac4b3260a8f6f56d677', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'f45e3884d3db800b3bce16d7d838154af3ca4f98', class: "dialog" }, h("div", { key: 'ec01206900a5040b124a21863f7e3aafa2f39826', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", null, "Drag and drop a file here..."), h("p", null, "- or -"), h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (h("div", { class: "attachments" }, this.decodedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '9563699f3d6860d01f81b4241855dcf26300c1a3', class: "buttons" }, h("verdocs-button", { key: '58fa09358edb6864a611cdf60f36cd1bc89abe39', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'c2c0d9f77207c8b7f043017ef9dc0a5d0ddf9b6f', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
+        return (h(Host, { key: 'a7e1e1a1feebdd423dfb0a6d3abac834bf404b32' }, h("div", { key: '68b079008f122b14abe3fc993260dddd28fea8a0', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'aad0fca28e1a1556c1590f5030f9de020353deb8', class: "dialog" }, h("div", { key: '1c938e1c4f72de7944f4f580bd1b86c2edeacfbf', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", null, "Drag and drop a file here..."), h("p", null, "- or -"), h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (h("div", { class: "attachments" }, this.decodedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '4a7eb5bc46555fdec21b633f5602ea993bd4892a', class: "buttons" }, h("verdocs-button", { key: '086126dc1ceda3690b8fd236b5f8edbc2c206efe', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'e32a840359d7666e1175e92b96e4eb02145590ba', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
     }
     static get style() { return VerdocsUploadDialogStyle0; }
 }, [0, "verdocs-upload-dialog", {
@@ -98,6 +98,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsUploadDialog as V, defineCustomElement as d };

package/dist/components/verdocs-view2.js

@@ -227,6 +227,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsView as V, defineCustomElement as d };

package/dist/custom-elements.json

@@ -88,7 +88,7 @@
       "name": "verdocs-button",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "A simple button\n\n```jsx\n<verdocs-button label=\"Click Me\" />\n```"
       },
       "attributes": [
         {
@@ -161,7 +161,7 @@
       "name": "verdocs-button-panel",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Display an icon button that triggers a drop-down panel that can display\narbitrary child content, such as metadata, forms, or other controls."
       },
       "attributes": [
         {
@@ -244,7 +244,7 @@
       "name": "verdocs-dropdown",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.\n\n```html\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n    {label: ''}\n    {label: 'Option 3', id: '2'}\n   ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```"
       },
       "attributes": []
     },
@@ -992,7 +992,7 @@
       "name": "verdocs-file-chooser",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Displays a file picker to upload an attachment. This component is just the picker - the host application or component should\nprovide the actual upload functionality."
       },
       "attributes": []
     },
@@ -1000,7 +1000,7 @@
       "name": "verdocs-floating-menu",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to\n`overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the\ncontainer. It will be absolutely positioned so it will be unaffected by scrolling the container."
       },
       "attributes": []
     },
@@ -1008,7 +1008,7 @@
       "name": "verdocs-help-icon",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text."
       },
       "attributes": [
         {
@@ -1083,7 +1083,7 @@
       "name": "verdocs-loader",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Animated loader placeholder. There are currently no configuration options for this control."
       },
       "attributes": []
     },
@@ -1116,7 +1116,7 @@
       "name": "verdocs-organization-card",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Display a small summary card describing an organization"
       },
       "attributes": []
     },
@@ -1124,7 +1124,7 @@
       "name": "verdocs-pagination",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Display a simple pagination control with individual buttons to move through the data set."
       },
       "attributes": [
         {
@@ -1145,7 +1145,7 @@
       "name": "verdocs-portal",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "Display a child component in a \"portal\", popping it out of the main DOM tree\nto allow it to escape the bounds set by its parent."
       },
       "attributes": [
         {
@@ -1190,7 +1190,7 @@
       "name": "verdocs-progress-bar",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "A simple progress bar."
       },
       "attributes": [
         {

package/dist/esm/index-b89cf6a4.js

@@ -1517,6 +1517,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
+                case 'verdocs-organization-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-organization-card.entry.js').then(processMod, consoleError);
                 case 'verdocs-activity-box':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1553,10 +1557,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-kba-dialog.entry.js').then(processMod, consoleError);
-                case 'verdocs-organization-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './verdocs-organization-card.entry.js').then(processMod, consoleError);
                 case 'verdocs-search':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/verdocs-button-panel.entry.js

@@ -66,10 +66,10 @@ const VerdocsButtonPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: '875a734696925dd22625880b694e32c4845e1254' }, h("div", { key: 'cc83aef76b34b3e9031160451f9643168d41cf3b', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: 'cbf8d72d05c0a1461d0fb99e78879c42bd737336' }, h("div", { key: '87dec92b073c1dee35b40f08db6752e663b6249e', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: '136375bb517b9d86327c6fa63b115f3f496df7a4', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '065c60cf39be8a608fbc5e2199b09cb55d8a551b', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '85af4ff2a549a5d062fff08bf17d1c6c24c439e5' }))));
+            }, ref: el => (this.iconEl = el) }), h("div", { key: '86911772f264252db5527655d5ac459c20813f1c', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '0b4286031122fafe3927da086fd0b826bad6c388', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '0644253791590daa7faf9de9e8be9cd599c2f9cc' }))));
     }
 };
 VerdocsButtonPanel.style = VerdocsButtonPanelStyle0;

package/dist/esm/verdocs-button_3.entry.js

@@ -17,7 +17,7 @@ const VerdocsButton = class {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '813ea229dd512708d1b1c0fe87cf7462cb2276b7', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: 'd1ca3189f5513bbe13eeda50aa0dc27a03f67480', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (h("button", { key: '92cd9d2b91cd0c950ae687af05496c2edc095e95', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: '916c32a365115a8e4c1eaeb9a641acf376ff3f1c', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
 };
 VerdocsButton.style = VerdocsButtonStyle0;
@@ -55,7 +55,7 @@ const VerdocsHelpIcon = class {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (h(Host, { key: '986dfad6178415607ada69ee50b3365bdec064b0', class: {} }, h("div", { key: '89ff032379d89a37d06bd6a0f6bc76a004ec4133', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '3e0e62c84b6fcda986e0468eb33165bd3ea0b47f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '7650862d8c82d0571a510f6579ffa5d44b483930', innerHTML: this.text }), h("div", { key: '93633ec14de65aafbce3d46cbf9eb4617c3051ae', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '4efe69ab5b8edeffe892fbce06d31dddf3c17e6b', class: {} }, h("div", { key: '05917e2f774970456b6c56a528fbdfe5b1a95586', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '25c6b233a2e8dc60425d27611d0f9ea1b8804a90', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '5ae3b1fce0724c421dc13c4439e79a9e88e4b40a', innerHTML: this.text }), h("div", { key: '136ce3de3ec515328f8b47fb35c052aad6e4e223', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsHelpIcon.style = VerdocsHelpIconStyle0;
@@ -87,7 +87,7 @@ const VerdocsTextInput = class {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: 'e71c4ce13dfab7ae8c7ca4b7eb64569cb817d8ce', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '4a2a6be345baebfc23ce46fd765e051e2aca39de' }, this.label && (h("div", { key: '2a30635cbee56e7d3024e639366ed2d6618fa526', class: "input-label" }, this.label + ':', this.required && h("span", { key: '08a6295cdaf9b96d9b56391395635ddeb4e80a8e', class: "required" }, "*"))), h("div", { key: 'b2a5385fa49b86aef69f2d52a02267d48140fd58', class: "input-container" }, h("input", { key: '5b307bf77e7175c65c04e2d7a76e7da8dfc15d7c', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '566da7c21ce7fe8f41b08b3b69c8b7435c5aab82', innerHTML: ClearIcon, class: "clear", onClick: () => {
+        return (h(Host, { key: '01f4cc50d00022fec700dd1703c403f788a7f3ee', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '755ccc9d7978816128f25e14051a4148246e2172' }, this.label && (h("div", { key: '275d72bce18e285eab0c5afee67998ffa8ef1717', class: "input-label" }, this.label + ':', this.required && h("span", { key: '4bc22add83d9953a8f719fc1737bbecbe70ad6fd', class: "required" }, "*"))), h("div", { key: '89b5a9e5795574005f3e45ad6e6701f32963f528', class: "input-container" }, h("input", { key: '6ef1db6b39dd01e7f2168983b08fd17fb94e5451', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: 'afbff38029e87d44b4bfe37ea654e2b3813d766d', innerHTML: ClearIcon, class: "clear", onClick: () => {
                 // We need to allow the onInput event to fire first in case
                 // the user was focused on this field before clicking clear.
                 setTimeout(() => {
@@ -101,7 +101,7 @@ const VerdocsTextInput = class {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: '02b7f45e12e9cf5810d1acd3b4f33062bd558517', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '3ddca8b8197c0ba01f6725e57b617f73fd3f0739', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: '099378e71c88710a9d2fdc9a34e38ff12b4ee85f', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '1ac26e8e0513c247e8e04489026f5311eb51529f', text: this.helpText }))));
     }
     get hostEl() { return getElement(this); }
 };

package/dist/esm/verdocs-checkbox_5.entry.js

@@ -107,7 +107,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
+        return (h(Host, { key: 'bca4c2bfa7c2f16dcfd4046e66cf8011207c4902', ref: el => (this.element = el) }, h("slot", { key: '8e451491ccd52c55d08621198d916dc991487bfc' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;
@@ -124,7 +124,7 @@ const VerdocsSelectInput = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'a353e008560aed3f922fc52d5c091d88cbe099a3', class: "input-field" }, h("label", { key: '90a9b8244853fa2083f0d7fb1672ed204ed22a4c' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: 'a68e1ea7b9f9b6f375b2d6c1df859708acc79bea', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
+        return (h(Host, { key: 'f4ed5ac0b8cd5321d4dc378dfb4118bd55993c6b', class: "input-field" }, h("label", { key: '0c46eaac6ae1e9044d477ee4e41cbb8ddf79ae91' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '983b8be81f9c017acb69a8d23560b72a0f0bf729', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
 };
 VerdocsSelectInput.style = VerdocsSelectInputStyle0;

package/dist/esm/verdocs-contact-picker_2.entry.js

@@ -122,7 +122,7 @@ const VerdocsToggleButton = class {
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: 'f953a03258c2b74858b247a3d206028bf0285f1f', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '20e488d05d44870dcc7dd9ab4bf14b49d99b8d97', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
 };
 VerdocsToggleButton.style = VerdocsToggleButtonStyle0;

package/dist/esm/verdocs-dialog_2.entry.js

@@ -17,7 +17,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: '62e6836ec77a8cb2439248680f46bac274f8717c' }, h("div", { key: 'b9a7b1dd23a4f87ced0695fa87fdfef2a5ce51c9', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'c1702275d5bae4c5008ee75c00edc7f79eaca27e', class: "dialog" }, h("slot", { key: '2ffc0f8aacd561b5762fee8d762154e5d7820149', name: "title" }, h("div", { key: 'd0263fc7c6198c3508f8c874946e4ac1e895ce1b', class: "heading" }, "Please Confirm")), h("slot", { key: '68787dfb4db8dfb8308c81066e5126ead44978ed' }, h("div", { key: 'c6057bd9eac67d97010f57e0ed1975a9a3d57eb4', class: "content" }))))));
+        return (h(Host, { key: 'a70ef89e55b032e0e35b32ca7bd73143579ed719' }, h("div", { key: '956e60df02c25de5bc30bf022bded3d4474254a3', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'f786312d515007e9e5b338eea7180d73127bf68c', class: "dialog" }, h("slot", { key: '6be94a4f4a45cf06eca5d6fdf5c1534a1993bddc', name: "title" }, h("div", { key: 'f398bb3152b46748e3e498ece109c127771e5257', class: "heading" }, "Please Confirm")), h("slot", { key: '9f3fe959c07e129394cd539080738e2636061634' }, h("div", { key: '6b85e230be87e43bd67a0cfc951400752a0efe06', class: "content" }))))));
     }
 };
 VerdocsDialog.style = VerdocsDialogStyle0;

package/dist/esm/verdocs-dropdown.entry.js

@@ -87,7 +87,7 @@ const VerdocsDropdown = class {
         (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
     }
     render() {
-        return (h(Host, { key: '068386cdca529f310e7914d475739ca9a574d02d' }, h("button", { key: '557fe893e3123fdff6251992c14a3a803451fd30', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
+        return (h(Host, { key: 'ba41da3a28f1fb5b36c6918967fad5297cedf8dd' }, h("button", { key: '8f10c96d7e108f79115c8b4b309c7e02ab5f37f6', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
             // onBlur={() => this.hide()}
             ref: el => (this.dropdownButton = el) })));
     }

package/dist/esm/verdocs-envelope-document-page.entry.js

@@ -77,7 +77,7 @@ const VerdocsEnvelopeDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'ffde44b0a64fd3d3859ab4d87938f9a442d36cda', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: 'a8a29647c914fafe6361029943ae43a5819fdbcb', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values