@verdocs/web-sdk 4.0.6 → 4.0.8

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

@@ -70,10 +70,10 @@ const VerdocsButtonPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ae010f54975177c5c9afcd285c11aa66d044dd04' }, index.h("div", { key: '4146c43e682c7d50e1ceda20ebc0d2083dbe6f12', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (index.h(index.Host, { key: '875a734696925dd22625880b694e32c4845e1254' }, index.h("div", { key: 'cc83aef76b34b3e9031160451f9643168d41cf3b', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), index.h("div", { key: '20f21d910d41b23d1608b04d90473f6f7950f5b4', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: 'dc5070f0bfd13bce172a8e0e8cbbcb3520ca33dc', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: 'b9ee2f03c5bdf1f672dd5845a757e09cde1c18dc' }))));
+            }, ref: el => (this.iconEl = el) }), index.h("div", { key: '136375bb517b9d86327c6fa63b115f3f496df7a4', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: '065c60cf39be8a608fbc5e2199b09cb55d8a551b', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: '85af4ff2a549a5d062fff08bf17d1c6c24c439e5' }))));
     }
 };
 VerdocsButtonPanel.style = VerdocsButtonPanelStyle0;

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

@@ -21,7 +21,7 @@ const VerdocsButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("button", { key: 'd796a22dcd2b135f3430d26a4cb4e8caf9109c9b', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: 'c1de665728ed0e4bf739e4f5b30efc67cb81cfbf', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (index.h("button", { key: '813ea229dd512708d1b1c0fe87cf7462cb2276b7', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: 'd1ca3189f5513bbe13eeda50aa0dc27a03f67480', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
 };
 VerdocsButton.style = VerdocsButtonStyle0;
@@ -59,7 +59,7 @@ const VerdocsHelpIcon = class {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (index.h(index.Host, { key: '4efe69ab5b8edeffe892fbce06d31dddf3c17e6b', class: {} }, index.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) }), index.h("div", { key: '25c6b233a2e8dc60425d27611d0f9ea1b8804a90', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: '5ae3b1fce0724c421dc13c4439e79a9e88e4b40a', innerHTML: this.text }), index.h("div", { key: '136ce3de3ec515328f8b47fb35c052aad6e4e223', "data-popper-arrow": "true", class: "arrow" }))));
+        return (index.h(index.Host, { key: '986dfad6178415607ada69ee50b3365bdec064b0', class: {} }, index.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) }), index.h("div", { key: '3e0e62c84b6fcda986e0468eb33165bd3ea0b47f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: '7650862d8c82d0571a510f6579ffa5d44b483930', innerHTML: this.text }), index.h("div", { key: '93633ec14de65aafbce3d46cbf9eb4617c3051ae', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsHelpIcon.style = VerdocsHelpIconStyle0;

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfdfab36.js');
-const uuidv4 = require('uuid-browser');
 const jsSdk = require('@verdocs/js-sdk');
 const TemplateFieldStore = require('./TemplateFieldStore-6a79aae7.js');
 const TemplateRoleStore = require('./TemplateRoleStore-06db6e56.js');
@@ -12,10 +11,6 @@ const errors = require('./errors-017fb835.js');
 require('./index-3e4c5891.js');
 require('./index-a5472099.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-const uuidv4__default = /*#__PURE__*/_interopDefaultLegacy(uuidv4);
-
 const verdocsCheckboxCss = "@charset \"UTF-8\";@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-checkbox{line-height:18px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-checkbox label>input[type=checkbox]{display:none}verdocs-checkbox label>input[type=checkbox]+*::before{content:\"\";width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;margin-right:8px;line-height:20px;border-radius:2px;border-style:solid;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-checkbox.dark label>input[type=checkbox]+*::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+*::before{background:#55bc81;border-color:#55bc81}";
 const VerdocsCheckboxStyle0 = verdocsCheckboxCss;
 
@@ -116,7 +111,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (index.h(index.Host, { key: '80b497808d7c72fdb5786712abdd50d98f0ab160', ref: el => (this.element = el) }, index.h("slot", { key: 'd52fd1a7acd0d7f301ca2c9ba81b406a0107c3a0' })));
+        return (index.h(index.Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, index.h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;
@@ -144,6 +139,20 @@ const VerdocsTemplateFieldPropertiesStyle0 = verdocsTemplateFieldPropertiesCss;
 const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
 const HelpIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';
+// Credit: https://stackoverflow.com/a/78196510/1812436
+// NOTE: This is NOT safe or cryptographically strong, so it's not part of our core SDK's or Utils modules.
+// It should never be used anywhere a real GUID is required. But we don't need one here, we just need a
+// "GUID-like" value for one step of a field update operation (adding items to lists). There are no security
+// implications in how we use IDs for list items. They only need to be GUID-like for historical reasons that
+// we may change shortly anyway.
+function generateWeakGuid() {
+    const s4 = () => {
+        return Math.floor((1 + Math.random()) * 0x10000)
+            .toString(16)
+            .substring(1);
+    };
+    return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+}
 const VerdocsTemplateFieldProperties = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -295,14 +304,14 @@ const VerdocsTemplateFieldProperties = class {
         };
         this.options.push(this.type === 'radio_button_group'
             ? {
-                id: uuidv4__default['default'](),
+                id: generateWeakGuid(),
                 value: `Option ${this.options.length + 1}`,
                 selected: false,
                 x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,
                 y: this.options.length > 0 ? this.options[this.options.length - 1].y - 25 : 20,
             }
             : {
-                id: uuidv4__default['default'](),
+                id: generateWeakGuid(),
                 value: `Option ${this.options.length + 1}`,
                 checked: false,
                 x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,

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

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

package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js

@@ -31,7 +31,7 @@ const VerdocsFileChooser = class {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (index.h(index.Host, { key: 'f8febf3e2ed17a5997e9e97aad97a83ecd5a0bb2' }, index.h("input", { key: 'b151b6e4a19521ecb95b40a7b414c6ffd3e7c74b', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), index.h("div", { key: '9aa5d9b06f54f4479afb9276702632c695d24d0f', class: "upload-box" }, index.h("div", { key: '769adcb7a66ae0357e581909978fc18e5cca75ab', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: 'd50342ec030cf44a608b7e13e480015c63822ea7', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: 'd6a883649258392cb922a4b0a4901e526017bf5f', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (index.h(index.Host, { key: '870f83d51356099942aeb7f50680bff38b946e74' }, index.h("input", { key: 'a4177207b2d87dd1d7e26093b93e36858a296f65', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), index.h("div", { key: '57e6c23406d1a12bc7b426fe76469c83925692ed', class: "upload-box" }, index.h("div", { key: '6b05c0bc019af781b632b91761e96b48a7e99623', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: 'b1ab95cb7d5a19c2d5c3e3a48c073a954bbed454', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: 'bec299eef4e98464c0cd76180c8b2af875ee6243', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
 };
 VerdocsFileChooser.style = VerdocsFileChooserStyle0;
@@ -48,7 +48,7 @@ const VerdocsProgressBar = class {
     }
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
-        return (index.h(index.Host, { key: '3c48e5a6c30688c72bbeaa00b3d0fdf8cba1c765' }, index.h("div", { key: 'f64ac74d3ca62bac1aa859e2d6abd3d94c8efd48', class: "labels" }, this.label && index.h("div", { key: '018cd8a64169ca83e6702eab88d187ad2a0cb50e', class: "label" }, this.label), this.showPercent && index.h("div", { key: '550104a8505d437df7248adb11fd97aaa9e72ef9', class: "label" }, this.percent, "%")), index.h("div", { key: '11cc23dad95af23bbf84022312dc760b15fe4b70', class: "bar" }, index.h("div", { key: '168c45390049adeb97996699aab0708c19ccb4f7', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (index.h(index.Host, { key: '3bdafa75c9908d839f4798cca904ef0d87e77e79' }, index.h("div", { key: '37306b18904d0824c8169911023fd0d11db83c3f', class: "labels" }, this.label && index.h("div", { key: '1cc24f6fa43f35802f20ebdd5fecbfd9497bab03', class: "label" }, this.label), this.showPercent && index.h("div", { key: 'd380b895f79be2c234a3ef492c67e2f1e79e0502', class: "label" }, this.percent, "%")), index.h("div", { key: '10301a56898976fe9ade194691de5f96f5af3ca9', class: "bar" }, index.h("div", { key: 'f7b764b7869b07a1e206294562840302c89fa2ef', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
 };
 VerdocsProgressBar.style = VerdocsProgressBarStyle0;

package/dist/cjs/verdocs-floating-menu.cjs.entry.js

@@ -98,7 +98,7 @@ const VerdocsFloatingMenu = class {
         }
     }
     render() {
-        return index.h(index.Host, { key: 'f86d62b15f087709d2f167a3c24cc769fb191c26' });
+        return index.h(index.Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/verdocs-loader.cjs.entry.js

@@ -12,7 +12,7 @@ const VerdocsLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '763614c6e09e0271d2de5a1a35af44a19063919b' });
+        return index.h(index.Host, { key: '978af3f63b8c4582f2c92c97d7eea45dd9f71ae9' });
     }
 };
 VerdocsLoader.style = VerdocsLoaderStyle0;

package/dist/cjs/verdocs-organization-card.cjs.entry.js

@@ -16,7 +16,7 @@ const VerdocsOrganizationCard = class {
         this.organization = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'c59bd95b53a78f455c5ebab34adce010c002681c' }, index.h("span", { key: '0bbc0dcb3b7183dfecd7825e756201e383a8b025', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), index.h("span", { key: '4e4c3ce8ccdacabd42ceeda4d39b207907825011', class: "content" }, this.organization.name), index.h("div", { key: '139eea9cab95894539d075437b209a041700c08f', class: "popup" }, index.h("div", { key: 'fb5afefbc22b7e55dada752f42ef77e4c0d8df06', class: "popup-header" }, index.h("span", { key: '20cfeb72c620fbfec512560882d15ee94155f758', class: "status" }, index.h("span", { key: '40d786c63de515713953ad01487c900180c31f2b', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), index.h("span", { key: '72d976fa876e586f6eb2c2904fe645d58b4b2d15', class: "title" }, this.organization.name)), index.h("div", { key: '28e8a339af3468edf93c1930daf6ec17bd067271', class: "popup-body" }, index.h("div", { key: 'a0539dd63e801dcfe00c237c3c4fe51d2631673e', class: "field" }, index.h("strong", { key: '005821da859bc074bbd6c3d620fa6ea042198a61' }, "Joined"), index$1.dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: '4193b19c08d82ef397d67dd05c4e4132163a059c', class: "field" }, index.h("strong", { key: '477b78b127a6c168528b56a22d9fca0de91d0e10' }, "Website"), index.h("a", { key: '30009565a499acbf501668d2b6e09287cebd688f', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
+        return (index.h(index.Host, { key: 'd1f1438a26008aff2ff3f473d4a1415ad6eb9107' }, index.h("span", { key: '8c75f4a11489eed0e4dd8ecbf6473fd3602a9323', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), index.h("span", { key: 'b4a8b89fd3a035a706824e88e2fc5dd094e13930', class: "content" }, this.organization.name), index.h("div", { key: 'f37b67e08213a32c7158ef1295264468e245ffd0', class: "popup" }, index.h("div", { key: '5b3aa31a3e2a06d60aeb4c8001859dd5074a010b', class: "popup-header" }, index.h("span", { key: 'a8162c6716b0cee90d45f387f8192db065f30a0b', class: "status" }, index.h("span", { key: '6c219d9bb4084204c20f3a1c5b6cd136d7ed9bdd', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), index.h("span", { key: '1d1eb7223bbf22fa36e3d5c229f257531f884849', class: "title" }, this.organization.name)), index.h("div", { key: '38e0749bac30611f8ccce43a60216ba37e2a0ca3', class: "popup-body" }, index.h("div", { key: 'b814334edaf18af880c3399e60ad4b3dedccca95', class: "field" }, index.h("strong", { key: '267dc23c6f9657913c31dec508f87f02408bdb66' }, "Joined"), index$1.dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: 'a68b424bf082741939e7dec61f7caa65fd922e18', class: "field" }, index.h("strong", { key: '004bb983f25e43cf42b55ade32d94103a69df0b1' }, "Website"), index.h("a", { key: '2aa22f7aebb0be11289d1fd08cb5342e9b3f4609', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;

package/dist/cjs/verdocs-pagination_2.cjs.entry.js

@@ -45,7 +45,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = jsSdk.integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (index.h(index.Host, { key: '0f4037058b7ebbca6fc1a95515ffa0043bc746a4' }, this.selectedPage > 0 && index.h(PageButton, { key: '2ce40cf59e162cbfc490bba4b8468e069c247e68', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '1078fe0fe059c674d240bd33c59de89d17437190', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '284de5eab7be28ca2a5d3f2fead4d0d3be39801b', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '3e88ac32f9f54a12d468f711c54c767857638fbd', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (index.h(index.Host, { key: 'b8dd66f21bffa468b40674e3ee68fbead0dd300c' }, this.selectedPage > 0 && index.h(PageButton, { key: '0e5b3a90f97ed05f87a56a400404a9168e2dd208', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: 'a2e31ffd4452f88b0a8ab88a55f3adae765b5157', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '9d720bcc6635c8ce891303304d97c82aa9ff9c2d', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '41bf9584d353c5ca15435ac970b89c49215fc6f3', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/collection/components/controls/verdocs-button/verdocs-button.js

@@ -1,23 +1,4 @@
 import { h } from "@stencil/core";
-/**
- * Display a simple button.
- *
- * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and
- * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.
- * (Auth uses text buttons for the Forgot Password and Sign Up options.)
- *
- * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such
- * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also
- * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.
- *
- * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
- * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
- * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
- *
- * ```html
- * <verdocs-button label="OK" onClick={() => (console.log('OK clicked'))} />
- * ```
- */
 export class VerdocsButton {
     constructor() {
         this.label = undefined;
@@ -29,7 +10,7 @@ export class VerdocsButton {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'd796a22dcd2b135f3430d26a4cb4e8caf9109c9b', 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: 'c1de665728ed0e4bf739e4f5b30efc67cb81cfbf', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        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));
     }
     static get is() { return "verdocs-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.js

@@ -1,15 +1,5 @@
 import { createPopper } from "@popperjs/core";
 import { h, Host } from "@stencil/core";
-/**
- * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be
- * displayed.
- *
- * ```html
- * <verdocs-button-panel icon="<svg.../>">
- *   <div class="content">...</div>
- * </verdocs-button-panel>
- * ```
- */
 export class VerdocsButtonPanel {
     constructor() {
         // Not marked as @State because it's not the thing that controls our rendering
@@ -71,10 +61,10 @@ export class VerdocsButtonPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'ae010f54975177c5c9afcd285c11aa66d044dd04' }, h("div", { key: '4146c43e682c7d50e1ceda20ebc0d2083dbe6f12', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: '875a734696925dd22625880b694e32c4845e1254' }, h("div", { key: 'cc83aef76b34b3e9031160451f9643168d41cf3b', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: '20f21d910d41b23d1608b04d90473f6f7950f5b4', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: 'dc5070f0bfd13bce172a8e0e8cbbcb3520ca33dc', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: 'b9ee2f03c5bdf1f672dd5845a757e09cde1c18dc' }))));
+            }, 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' }))));
     }
     static get is() { return "verdocs-button-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js

@@ -18,22 +18,6 @@ function debounce(func, wait, immediate) {
             func.apply(context, args);
     };
 }
-/**
- * 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
- * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
- *
- * ```html
- * <verdocs-dropdown
- *   options={[
- *     {label: 'Option 1', disabled: true},
- *     {label: 'Option 2', id: '2'}
- *     {label: ''}
- *     {label: 'Option 3', id: '2'}
- *    ]}
- *   label="OK" onClick={() => (console.log('OK clicked'))}
- * />
- * ```
- */
 export class VerdocsDropdown {
     constructor() {
         this.options = [];
@@ -98,7 +82,7 @@ export class VerdocsDropdown {
         (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
     }
     render() {
-        return (h(Host, { key: 'ba41da3a28f1fb5b36c6918967fad5297cedf8dd' }, h("button", { key: '8f10c96d7e108f79115c8b4b309c7e02ab5f37f6', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
+        return (h(Host, { key: '068386cdca529f310e7914d475739ca9a574d02d' }, h("button", { key: '557fe893e3123fdff6251992c14a3a803451fd30', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
             // onBlur={() => this.hide()}
             ref: el => (this.dropdownButton = el) })));
     }

package/dist/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.js

@@ -1,10 +1,6 @@
 import { VerdocsEndpoint } from "@verdocs/js-sdk";
 import { h, Host } from "@stencil/core";
 import { unicodeNBSP } from "../../../utils/Icons";
-/**
- * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
- * provide the actual upload functionality.
- */
 export class VerdocsFileChooser {
     constructor() {
         this.endpoint = VerdocsEndpoint.getDefault();
@@ -25,7 +21,7 @@ export class VerdocsFileChooser {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: 'f8febf3e2ed17a5997e9e97aad97a83ecd5a0bb2' }, h("input", { key: 'b151b6e4a19521ecb95b40a7b414c6ffd3e7c74b', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: '9aa5d9b06f54f4479afb9276702632c695d24d0f', class: "upload-box" }, h("div", { key: '769adcb7a66ae0357e581909978fc18e5cca75ab', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'd50342ec030cf44a608b7e13e480015c63822ea7', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'd6a883649258392cb922a4b0a4901e526017bf5f', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: '870f83d51356099942aeb7f50680bff38b946e74' }, h("input", { key: 'a4177207b2d87dd1d7e26093b93e36858a296f65', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: '57e6c23406d1a12bc7b426fe76469c83925692ed', class: "upload-box" }, h("div", { key: '6b05c0bc019af781b632b91761e96b48a7e99623', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'b1ab95cb7d5a19c2d5c3e3a48c073a954bbed454', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'bec299eef4e98464c0cd76180c8b2af875ee6243', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
     static get is() { return "verdocs-file-chooser"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-floating-menu/verdocs-floating-menu.js

@@ -27,11 +27,6 @@ const getScrollParent = node => {
     };
     return scrollParent(node);
 };
-/**
- * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
- * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
- * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
- */
 export class VerdocsFloatingMenu {
     constructor() {
         this.menuContainer = null;
@@ -95,7 +90,7 @@ export class VerdocsFloatingMenu {
         }
     }
     render() {
-        return h(Host, { key: 'f86d62b15f087709d2f167a3c24cc769fb191c26' });
+        return h(Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
     }
     static get is() { return "verdocs-floating-menu"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.js

@@ -1,9 +1,6 @@
 import { createPopper } from "@popperjs/core";
 import { h, Host } from "@stencil/core";
 const helpIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';
-/**
- * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
- */
 export class VerdocsHelpIcon {
     constructor() {
         this.text = '';
@@ -32,7 +29,7 @@ export class VerdocsHelpIcon {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        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" }))));
+        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" }))));
     }
     static get is() { return "verdocs-help-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js

@@ -1,10 +1,7 @@
 import { h, Host } from "@stencil/core";
-/**
- * Animated loader placeholder. There are currently no configuration options for this control.
- */
 export class VerdocsLoader {
     render() {
-        return h(Host, { key: '763614c6e09e0271d2de5a1a35af44a19063919b' });
+        return h(Host, { key: '978af3f63b8c4582f2c92c97d7eea45dd9f71ae9' });
     }
     static get is() { return "verdocs-loader"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js

@@ -2,15 +2,12 @@ import { format } from "date-fns";
 import { h, Host } from "@stencil/core";
 const UserIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><rect fill="none" height="24" width="24"/><g><path d="M4,13c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C2,12.1,2.9,13,4,13z M5.13,14.1C4.76,14.04,4.39,14,4,14 c-0.99,0-1.93,0.21-2.78,0.58C0.48,14.9,0,15.62,0,16.43V18l4.5,0v-1.61C4.5,15.56,4.73,14.78,5.13,14.1z M20,13c1.1,0,2-0.9,2-2 c0-1.1-0.9-2-2-2s-2,0.9-2,2C18,12.1,18.9,13,20,13z M24,16.43c0-0.81-0.48-1.53-1.22-1.85C21.93,14.21,20.99,14,20,14 c-0.39,0-0.76,0.04-1.13,0.1c0.4,0.68,0.63,1.46,0.63,2.29V18l4.5,0V16.43z M16.24,13.65c-1.17-0.52-2.61-0.9-4.24-0.9 c-1.63,0-3.07,0.39-4.24,0.9C6.68,14.13,6,15.21,6,16.39V18h12v-1.61C18,15.21,17.32,14.13,16.24,13.65z M8.07,16 c0.09-0.23,0.13-0.39,0.91-0.69c0.97-0.38,1.99-0.56,3.02-0.56s2.05,0.18,3.02,0.56c0.77,0.3,0.81,0.46,0.91,0.69H8.07z M12,8 c0.55,0,1,0.45,1,1s-0.45,1-1,1s-1-0.45-1-1S11.45,8,12,8 M12,6c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3 C15,7.34,13.66,6,12,6L12,6z"/></g></svg>';
 const BusinessIcon = '<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';
-/**
- * Display a small summary card describing an organization
- */
 export class VerdocsOrganizationCard {
     constructor() {
         this.organization = undefined;
     }
     render() {
-        return (h(Host, { key: 'c59bd95b53a78f455c5ebab34adce010c002681c' }, h("span", { key: '0bbc0dcb3b7183dfecd7825e756201e383a8b025', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: '4e4c3ce8ccdacabd42ceeda4d39b207907825011', class: "content" }, this.organization.name), h("div", { key: '139eea9cab95894539d075437b209a041700c08f', class: "popup" }, h("div", { key: 'fb5afefbc22b7e55dada752f42ef77e4c0d8df06', class: "popup-header" }, h("span", { key: '20cfeb72c620fbfec512560882d15ee94155f758', class: "status" }, h("span", { key: '40d786c63de515713953ad01487c900180c31f2b', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '72d976fa876e586f6eb2c2904fe645d58b4b2d15', class: "title" }, this.organization.name)), h("div", { key: '28e8a339af3468edf93c1930daf6ec17bd067271', class: "popup-body" }, h("div", { key: 'a0539dd63e801dcfe00c237c3c4fe51d2631673e', class: "field" }, h("strong", { key: '005821da859bc074bbd6c3d620fa6ea042198a61' }, "Joined"), format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '4193b19c08d82ef397d67dd05c4e4132163a059c', class: "field" }, h("strong", { key: '477b78b127a6c168528b56a22d9fca0de91d0e10' }, "Website"), h("a", { key: '30009565a499acbf501668d2b6e09287cebd688f', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
+        return (h(Host, { key: 'd1f1438a26008aff2ff3f473d4a1415ad6eb9107' }, h("span", { key: '8c75f4a11489eed0e4dd8ecbf6473fd3602a9323', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: 'b4a8b89fd3a035a706824e88e2fc5dd094e13930', class: "content" }, this.organization.name), h("div", { key: 'f37b67e08213a32c7158ef1295264468e245ffd0', class: "popup" }, h("div", { key: '5b3aa31a3e2a06d60aeb4c8001859dd5074a010b', class: "popup-header" }, h("span", { key: 'a8162c6716b0cee90d45f387f8192db065f30a0b', class: "status" }, h("span", { key: '6c219d9bb4084204c20f3a1c5b6cd136d7ed9bdd', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '1d1eb7223bbf22fa36e3d5c229f257531f884849', class: "title" }, this.organization.name)), h("div", { key: '38e0749bac30611f8ccce43a60216ba37e2a0ca3', class: "popup-body" }, h("div", { key: 'b814334edaf18af880c3399e60ad4b3dedccca95', class: "field" }, h("strong", { key: '267dc23c6f9657913c31dec508f87f02408bdb66' }, "Joined"), format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'a68b424bf082741939e7dec61f7caa65fd922e18', class: "field" }, h("strong", { key: '004bb983f25e43cf42b55ade32d94103a69df0b1' }, "Website"), h("a", { key: '2aa22f7aebb0be11289d1fd08cb5342e9b3f4609', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
     }
     static get is() { return "verdocs-organization-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js

@@ -17,9 +17,6 @@ const PageButton = ({ page, selected, onClick }) => {
     }
     return h("div", { class: `page-button ${page === selected ? 'selected' : ''}`, onClick: () => onClick(page), innerHTML: label });
 };
-/**
- * Display a drop-down menu of quick filter options.
- */
 export class VerdocsQuickFilter {
     constructor() {
         this.selectedPage = 0;
@@ -35,7 +32,7 @@ export class VerdocsQuickFilter {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: '0f4037058b7ebbca6fc1a95515ffa0043bc746a4' }, this.selectedPage > 0 && h(PageButton, { key: '2ce40cf59e162cbfc490bba4b8468e069c247e68', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '1078fe0fe059c674d240bd33c59de89d17437190', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '284de5eab7be28ca2a5d3f2fead4d0d3be39801b', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '3e88ac32f9f54a12d468f711c54c767857638fbd', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: 'b8dd66f21bffa468b40674e3ee68fbead0dd300c' }, this.selectedPage > 0 && h(PageButton, { key: '0e5b3a90f97ed05f87a56a400404a9168e2dd208', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'a2e31ffd4452f88b0a8ab88a55f3adae765b5157', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '9d720bcc6635c8ce891303304d97c82aa9ff9c2d', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '41bf9584d353c5ca15435ac970b89c49215fc6f3', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     static get is() { return "verdocs-pagination"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js

@@ -1,13 +1,5 @@
 import { h, Host } from "@stencil/core";
 const Z_INDEX = '10001';
-/**
- * Display a child component in a "portal", popping it out of the main DOM tree
- * to allow it to escape the bounds set by its parent.
- * @credit https://github.com/tomas-teston/stencil-portal for the basic
- * technique. This has been altered in a few ways to make it more friendly
- * to cases where there may be multiple portals on the page and provide more
- * alignment options for the child to be displayed.
- */
 export class VerdocsPortal {
     constructor() {
         this.moved = false;
@@ -69,7 +61,7 @@ export class VerdocsPortal {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: '80b497808d7c72fdb5786712abdd50d98f0ab160', ref: el => (this.element = el) }, h("slot", { key: 'd52fd1a7acd0d7f301ca2c9ba81b406a0107c3a0' })));
+        return (h(Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
     }
     static get is() { return "verdocs-portal"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.js

@@ -1,7 +1,4 @@
 import { h, Host } from "@stencil/core";
-/**
- * Displays a summary of a template
- */
 export class VerdocsProgressBar {
     constructor() {
         this.label = '';
@@ -10,7 +7,7 @@ export class VerdocsProgressBar {
     }
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
-        return (h(Host, { key: '3c48e5a6c30688c72bbeaa00b3d0fdf8cba1c765' }, h("div", { key: 'f64ac74d3ca62bac1aa859e2d6abd3d94c8efd48', class: "labels" }, this.label && h("div", { key: '018cd8a64169ca83e6702eab88d187ad2a0cb50e', class: "label" }, this.label), this.showPercent && h("div", { key: '550104a8505d437df7248adb11fd97aaa9e72ef9', class: "label" }, this.percent, "%")), h("div", { key: '11cc23dad95af23bbf84022312dc760b15fe4b70', class: "bar" }, h("div", { key: '168c45390049adeb97996699aab0708c19ccb4f7', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: '3bdafa75c9908d839f4798cca904ef0d87e77e79' }, h("div", { key: '37306b18904d0824c8169911023fd0d11db83c3f', class: "labels" }, this.label && h("div", { key: '1cc24f6fa43f35802f20ebdd5fecbfd9497bab03', class: "label" }, this.label), this.showPercent && h("div", { key: 'd380b895f79be2c234a3ef492c67e2f1e79e0502', class: "label" }, this.percent, "%")), h("div", { key: '10301a56898976fe9ade194691de5f96f5af3ca9', class: "bar" }, h("div", { key: 'f7b764b7869b07a1e206294562840302c89fa2ef', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get is() { return "verdocs-progress-bar"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js

@@ -1,4 +1,3 @@
-import uuidv4 from "uuid-browser";
 import { deleteField, updateField, VerdocsEndpoint } from "@verdocs/js-sdk";
 import { h, Host } from "@stencil/core";
 import { getTemplateFieldStore, updateStoreField } from "../../../utils/TemplateFieldStore";
@@ -8,6 +7,20 @@ import { SDKError } from "../../../utils/errors";
 const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
 const HelpIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';
+// Credit: https://stackoverflow.com/a/78196510/1812436
+// NOTE: This is NOT safe or cryptographically strong, so it's not part of our core SDK's or Utils modules.
+// It should never be used anywhere a real GUID is required. But we don't need one here, we just need a
+// "GUID-like" value for one step of a field update operation (adding items to lists). There are no security
+// implications in how we use IDs for list items. They only need to be GUID-like for historical reasons that
+// we may change shortly anyway.
+function generateWeakGuid() {
+    const s4 = () => {
+        return Math.floor((1 + Math.random()) * 0x10000)
+            .toString(16)
+            .substring(1);
+    };
+    return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+}
 /**
  * Displays an edit form that allows the user to adjust a field's settings.
  */
@@ -157,14 +170,14 @@ export class VerdocsTemplateFieldProperties {
         };
         this.options.push(this.type === 'radio_button_group'
             ? {
-                id: uuidv4(),
+                id: generateWeakGuid(),
                 value: `Option ${this.options.length + 1}`,
                 selected: false,
                 x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,
                 y: this.options.length > 0 ? this.options[this.options.length - 1].y - 25 : 20,
             }
             : {
-                id: uuidv4(),
+                id: generateWeakGuid(),
                 value: `Option ${this.options.length + 1}`,
                 checked: false,
                 x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,

package/dist/components/verdocs-button-panel.js

@@ -67,10 +67,10 @@ const VerdocsButtonPanel$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsButto
         }
     }
     render() {
-        return (h(Host, { key: 'ae010f54975177c5c9afcd285c11aa66d044dd04' }, h("div", { key: '4146c43e682c7d50e1ceda20ebc0d2083dbe6f12', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: '875a734696925dd22625880b694e32c4845e1254' }, h("div", { key: 'cc83aef76b34b3e9031160451f9643168d41cf3b', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: '20f21d910d41b23d1608b04d90473f6f7950f5b4', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: 'dc5070f0bfd13bce172a8e0e8cbbcb3520ca33dc', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: 'b9ee2f03c5bdf1f672dd5845a757e09cde1c18dc' }))));
+            }, 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' }))));
     }
     static get style() { return VerdocsButtonPanelStyle0; }
 }, [4, "verdocs-button-panel", {

package/dist/components/verdocs-button2.js

@@ -16,7 +16,7 @@ const VerdocsButton = /*@__PURE__*/ proxyCustomElement(class VerdocsButton exten
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'd796a22dcd2b135f3430d26a4cb4e8caf9109c9b', 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: 'c1de665728ed0e4bf739e4f5b30efc67cb81cfbf', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        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));
     }
     static get style() { return VerdocsButtonStyle0; }
 }, [0, "verdocs-button", {

package/dist/components/verdocs-dropdown2.js

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

package/dist/components/verdocs-file-chooser2.js

@@ -29,7 +29,7 @@ const VerdocsFileChooser = /*@__PURE__*/ proxyCustomElement(class VerdocsFileCho
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: 'f8febf3e2ed17a5997e9e97aad97a83ecd5a0bb2' }, h("input", { key: 'b151b6e4a19521ecb95b40a7b414c6ffd3e7c74b', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: '9aa5d9b06f54f4479afb9276702632c695d24d0f', class: "upload-box" }, h("div", { key: '769adcb7a66ae0357e581909978fc18e5cca75ab', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'd50342ec030cf44a608b7e13e480015c63822ea7', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'd6a883649258392cb922a4b0a4901e526017bf5f', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: '870f83d51356099942aeb7f50680bff38b946e74' }, h("input", { key: 'a4177207b2d87dd1d7e26093b93e36858a296f65', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: '57e6c23406d1a12bc7b426fe76469c83925692ed', class: "upload-box" }, h("div", { key: '6b05c0bc019af781b632b91761e96b48a7e99623', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'b1ab95cb7d5a19c2d5c3e3a48c073a954bbed454', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'bec299eef4e98464c0cd76180c8b2af875ee6243', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
     static get style() { return VerdocsFileChooserStyle0; }
 }, [0, "verdocs-file-chooser", {

package/dist/components/verdocs-floating-menu.js

@@ -96,7 +96,7 @@ const VerdocsFloatingMenu$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFloa
         }
     }
     render() {
-        return h(Host, { key: 'f86d62b15f087709d2f167a3c24cc769fb191c26' });
+        return h(Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
     }
     get el() { return this; }
     static get style() { return VerdocsFloatingMenuStyle0; }

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

@@ -35,7 +35,7 @@ const VerdocsHelpIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsHelpIcon e
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        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" }))));
+        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" }))));
     }
     static get style() { return VerdocsHelpIconStyle0; }
 }, [0, "verdocs-help-icon", {

package/dist/components/verdocs-loader2.js

@@ -9,7 +9,7 @@ const VerdocsLoader = /*@__PURE__*/ proxyCustomElement(class VerdocsLoader exten
         this.__registerHost();
     }
     render() {
-        return h(Host, { key: '763614c6e09e0271d2de5a1a35af44a19063919b' });
+        return h(Host, { key: '978af3f63b8c4582f2c92c97d7eea45dd9f71ae9' });
     }
     static get style() { return VerdocsLoaderStyle0; }
 }, [0, "verdocs-loader"]);