npm - @verdocs/web-sdk - Versions diffs - 6.6.1 → 6.6.2 - Mend

@verdocs/web-sdk 6.6.1 → 6.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (540) hide show

package/dist/components/p-C3gOLT8d.js DELETED Viewed

@@ -1,82 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-CUAGH_8P.js';
-import { d as defineCustomElement$1 } from './p-CO3KQG1e.js';
-const verdocsDownloadDialogCss = "verdocs-download-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-download-dialog .heading-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}verdocs-download-dialog .heading-container .polling-indicator{margin:-6px 24px 0 0;padding:0 24px;color:#9ca3af}verdocs-download-dialog .heading-container .polling-indicator .spinner{display:-ms-flexbox;display:flex;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}verdocs-download-dialog .heading-container .polling-indicator .spinner svg{width:20px;height:20px}verdocs-download-dialog .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:0 24px 20px 24px}verdocs-download-dialog .download-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:12px 15px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;gap:15px;background:white}verdocs-download-dialog .download-option.disabled{opacity:0.5;cursor:not-allowed}verdocs-download-dialog .download-option.disabled:hover{background-color:white;border-color:#e5e7eb}verdocs-download-dialog .download-option:hover{border-color:#654dcb;background-color:#f9fafb}verdocs-download-dialog .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;background-color:#f3f4f6;border-radius:50%;color:#4b5563;-ms-flex-negative:0;flex-shrink:0}verdocs-download-dialog .icon-container svg{width:18px;height:18px}verdocs-download-dialog .text-container{-ms-flex:1;flex:1}verdocs-download-dialog .text-container .label{font-weight:500;color:#111827;margin-bottom:2px}verdocs-download-dialog .text-container .description{font-size:13px;color:#6b7280}verdocs-download-dialog .status-indicator{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:2px;font-size:11px;color:#9ca3af;min-width:50px}verdocs-download-dialog .status-indicator .signed{color:#10b981}verdocs-download-dialog .status-indicator .unsigned{color:#9ca3af}verdocs-download-dialog .status-indicator svg{width:16px;height:16px}verdocs-download-dialog .info-message{font-size:13px;color:#6b7280;font-style:italic;padding:0 4px}verdocs-download-dialog .arrow{color:#9ca3af}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
-const DocumentIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V9L13 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 2V9H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-const CertificateIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15C15.866 15 19 11.866 19 8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8C5 11.866 8.13401 15 12 15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.21 13.89L7 23L12 20L17 23L15.79 13.88" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-const ZipIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 16V22H14V16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 16H18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 22H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 10L12 16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12L12 16L16 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 16V4H20V16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-const ChevronRight = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-const CheckIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 6L9 17L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-const CircleIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/></svg>`;
-const RefreshIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 4V10H17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.49 15A9 9 0 1 1 21.23 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-const VerdocsDownloadDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsDownloadDialog extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.next = createEvent(this, "next");
-        this.exit = createEvent(this, "exit");
-        /**
-         * If true, the envelope is considered signed.
-         */
-        this.signed = false;
-        /**
-         * If true, we are currently polling the server for updates.
-         */
-        this.polling = false;
-        /**
-         * The list of documents in the envelope.
-         */
-        this.documents = [];
-        /**
-         * If true, the envelope has a certificate available for download.
-         */
-        this.hasCertificate = false;
-    }
-    handleOptionClick(action, documentId) {
-        const hasCert = this.documents.some(d => d.type === 'certificate') || this.hasCertificate;
-        const canDownloadCert = this.signed && hasCert;
-        if ((action === 'certificate' || action === 'zip') && !canDownloadCert) {
-            return;
-        }
-        this.next.emit({ action, documentId });
-    }
-    render() {
-        const attachments = this.documents.filter(d => d.type === 'attachment').sort((a, b) => (a.order !== b.order ? a.order - b.order : a.created_at.localeCompare(b.created_at)));
-        const hasCertificateDoc = this.documents.some(d => d.type === 'certificate') || this.hasCertificate;
-        const canDownloadFinals = this.signed && hasCertificateDoc;
-        return (h("verdocs-dialog", { key: '24e23e3cac3b2daf32b6cb91d5dcd309141b18b1', onExit: () => this.exit.emit() }, h("div", { key: '0b90b1a036eb1434625dd48a3e026b5c1f2269a5', slot: "heading", class: "heading-container" }, h("h3", { key: 'a03def18026cb16281e3dea737c016908b7edece', style: { margin: '0', fontSize: '1.25rem', fontWeight: '600', padding: '16px 24px' } }, "Download"), this.polling && (h("div", { key: 'd94b8b10ac28d167e09874f83d288e828febc404', class: "polling-indicator", title: "Checking for updates..." }, h("div", { key: 'b126964c61d3ddb54478953a92db759835c1face', class: "spinner", innerHTML: RefreshIcon })))), h("div", { key: '05ff74d405f531cba0e5db31aac1c1f4d356d3c4', slot: "content", class: "content" }, attachments.length <= 2 &&
-            attachments.map(doc => (h("div", { class: "download-option", onClick: () => this.handleOptionClick('document', doc.id) }, h("div", { class: "icon-container", innerHTML: DocumentIcon }), h("div", { class: "text-container" }, h("div", { class: "label" }, doc.name), h("div", { class: "description" }, this.signed ? 'Download the document' : 'Download the document')), h("div", { class: "status-indicator" }, this.signed ? h("div", { class: "signed", innerHTML: CheckIcon }) : h("div", { class: "unsigned", innerHTML: CircleIcon }), h("span", null, this.signed ? 'Signed' : 'In Progress')), h("div", { class: "arrow", innerHTML: ChevronRight })))), attachments.length > 2 && h("div", { key: '8e30cbb2d87b068cc8dd303f8cf4c58524514791', class: "info-message" }, "Multiple documents attached. Please use the ZIP option below to download all files."), h("div", { key: '495ab82f46b3be639a3c796c2b9032d361a4180a', class: { 'download-option': true, 'disabled': !canDownloadFinals }, onClick: () => this.handleOptionClick('certificate'), title: !canDownloadFinals ? 'Certificate not yet available' : '' }, h("div", { key: 'afc8fb4518ef4c85dce80191248cdee6c712f0e9', class: "icon-container", innerHTML: CertificateIcon }), h("div", { key: '005937207934e241bc28fc63c05a1c8dfb52ca6e', class: "text-container" }, h("div", { key: '685475441f3d8bc3c9ebc59b19143920df12737c', class: "label" }, "Certificate"), h("div", { key: 'cd9d5a0b9c8908dd08b7db8ca0b9e1abe0ea9d6a', class: "description" }, "Download the certificate")), h("div", { key: 'b7acfe3ae996fa83451c07d6b125bd6803636904', class: "arrow", innerHTML: ChevronRight })), h("div", { key: '6a80f8f4cf28ffa8fa3a27b7f71b3e70babae178', class: { 'download-option': true, 'disabled': !canDownloadFinals }, onClick: () => this.handleOptionClick('zip'), title: !canDownloadFinals ? 'Certificate not yet available' : '' }, h("div", { key: '9e62d8aca27210d99004c6e12bb93fb94152a3a4', class: "icon-container", innerHTML: ZipIcon }), h("div", { key: '52d4fddbbfb6c9e1a1daea627b2af47de468b056', class: "text-container" }, h("div", { key: '485c87f821258330b561720330da9a6c851d3be9', class: "label" }, "All Files"), h("div", { key: '7a2b6808e8f29861ae4f74b86f315a62ccc3eabb', class: "description" }, "Download everything as a ZIP file")), h("div", { key: '2add9082497701aa9034630b1a3ebd8d7ba55247', class: "arrow", innerHTML: ChevronRight }))), h("div", { key: '94dfe03fe9430a8e804096818d31e4a488e29f91', slot: "footer", style: { display: 'none' } })));
-    }
-    static get style() { return verdocsDownloadDialogCss; }
-}, [256, "verdocs-download-dialog", {
-        "signed": [4],
-        "polling": [4],
-        "documents": [16],
-        "hasCertificate": [4, "has-certificate"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["verdocs-download-dialog", "verdocs-dialog"];
-    components.forEach(tagName => { switch (tagName) {
-        case "verdocs-download-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, VerdocsDownloadDialog);
-            }
-            break;
-        case "verdocs-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-export { VerdocsDownloadDialog as V, defineCustomElement as d };
-//# sourceMappingURL=p-C3gOLT8d.js.map
-//# sourceMappingURL=p-C3gOLT8d.js.map

package/dist/components/p-C3gOLT8d.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-C3gOLT8d.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.scss?tag=verdocs-download-dialog","src/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-download-dialog {\n box-sizing: border-box;\n font-family: $primary-font;\n\n .heading-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .polling-indicator {\n margin: -6px 24px 0 0;\n padding: 0 24px;\n color: #9ca3af;\n\n .spinner {\n display: flex;\n animation: rotate 2s linear infinite;\n\n svg {\n width: 20px;\n height: 20px;\n }\n }\n }\n }\n\n .content {\n display: flex;\n flex-direction: column;\n gap: 15px; // Reduced slightly\n padding: 0 24px 20px 24px; // Adjusted top padding\n }\n\n .download-option {\n display: flex;\n align-items: center;\n padding: 12px 15px; // Reduced padding slightly\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s ease;\n gap: 15px;\n background: white;\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n\n &:hover {\n background-color: white;\n border-color: #e5e7eb;\n }\n }\n\n &:hover {\n border-color: $verdocs-primary-color;\n background-color: #f9fafb;\n }\n }\n\n .icon-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px; // Reduced slightly\n height: 36px;\n background-color: #f3f4f6;\n border-radius: 50%;\n color: #4b5563;\n flex-shrink: 0;\n\n svg {\n width: 18px;\n height: 18px;\n }\n }\n\n .text-container {\n flex: 1;\n\n .label {\n font-weight: 500;\n color: #111827;\n margin-bottom: 2px;\n }\n\n .description {\n font-size: 13px;\n color: #6b7280;\n }\n }\n\n .status-indicator {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n font-size: 11px;\n color: #9ca3af;\n min-width: 50px;\n\n .signed {\n color: #10b981;\n }\n\n .unsigned {\n color: #9ca3af;\n }\n\n svg {\n width: 16px;\n height: 16px;\n }\n }\n\n .info-message {\n font-size: 13px;\n color: #6b7280;\n font-style: italic;\n padding: 0 4px;\n }\n\n .arrow {\n color: #9ca3af;\n }\n}\n\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n","import {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\n\nconst DocumentIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V9L13 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13 2V9H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst CertificateIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 15C15.866 15 19 11.866 19 8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8C5 11.866 8.13401 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.21 13.89L7 23L12 20L17 23L15.79 13.88\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst ZipIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 16V22H14V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6 16H18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 22H4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 10L12 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 12L12 16L16 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 16V4H20V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst ChevronRight = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst CheckIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst CircleIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"/></svg>`;\nconst RefreshIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23 4V10H17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.49 15A9 9 0 1 1 21.23 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\n\n@Component({\n tag: 'verdocs-download-dialog',\n styleUrl: 'verdocs-download-dialog.scss',\n shadow: false,\n})\nexport class VerdocsDownloadDialog {\n /**\n * Event fired when an option is selected.\n */\n /**\n * Event fired when an option is selected.\n */\n @Event({composed: true}) next: EventEmitter<{action: 'document' | 'certificate' | 'zip'; documentId?: string}>;\n\n /**\n * Event fired when Cancel is pressed or background is clicked.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n /**\n * If true, the envelope is considered signed.\n */\n @Prop() signed = false;\n\n /**\n * If true, we are currently polling the server for updates.\n */\n @Prop() polling = false;\n\n /**\n * The list of documents in the envelope.\n */\n @Prop() documents: any[] = [];\n\n /**\n * If true, the envelope has a certificate available for download.\n */\n @Prop() hasCertificate = false;\n\n handleOptionClick(action: 'document' | 'certificate' | 'zip', documentId?: string) {\n const hasCert = this.documents.some(d => d.type === 'certificate') || this.hasCertificate;\n const canDownloadCert = this.signed && hasCert;\n\n if ((action === 'certificate' || action === 'zip') && !canDownloadCert) {\n return;\n }\n this.next.emit({action, documentId} as any);\n }\n\n render() {\n const attachments = this.documents.filter(d => d.type === 'attachment').sort((a, b) => (a.order !== b.order ? a.order - b.order : a.created_at.localeCompare(b.created_at)));\n const hasCertificateDoc = this.documents.some(d => d.type === 'certificate') || this.hasCertificate;\n const canDownloadFinals = this.signed && hasCertificateDoc;\n\n return (\n <verdocs-dialog onExit={() => this.exit.emit()}>\n <div slot=\"heading\" class=\"heading-container\">\n <h3 style={{margin: '0', fontSize: '1.25rem', fontWeight: '600', padding: '16px 24px'}}>Download</h3>\n {this.polling && (\n <div class=\"polling-indicator\" title=\"Checking for updates...\">\n <div class=\"spinner\" innerHTML={RefreshIcon} />\n </div>\n )}\n </div>\n\n <div slot=\"content\" class=\"content\">\n {attachments.length <= 2 &&\n attachments.map(doc => (\n <div class=\"download-option\" onClick={() => this.handleOptionClick('document', doc.id)}>\n <div class=\"icon-container\" innerHTML={DocumentIcon}></div>\n <div class=\"text-container\">\n <div class=\"label\">{doc.name}</div>\n <div class=\"description\">{this.signed ? 'Download the document' : 'Download the document'}</div>\n </div>\n <div class=\"status-indicator\">\n {this.signed ? <div class=\"signed\" innerHTML={CheckIcon}></div> : <div class=\"unsigned\" innerHTML={CircleIcon}></div>}\n <span>{this.signed ? 'Signed' : 'In Progress'}</span>\n </div>\n <div class=\"arrow\" innerHTML={ChevronRight}></div>\n </div>\n ))}\n\n {attachments.length > 2 && <div class=\"info-message\">Multiple documents attached. Please use the ZIP option below to download all files.</div>}\n\n <div\n class={{'download-option': true, 'disabled': !canDownloadFinals}}\n onClick={() => this.handleOptionClick('certificate')}\n title={!canDownloadFinals ? 'Certificate not yet available' : ''}\n >\n <div class=\"icon-container\" innerHTML={CertificateIcon}></div>\n <div class=\"text-container\">\n <div class=\"label\">Certificate</div>\n <div class=\"description\">Download the certificate</div>\n </div>\n <div class=\"arrow\" innerHTML={ChevronRight}></div>\n </div>\n\n <div\n class={{'download-option': true, 'disabled': !canDownloadFinals}}\n onClick={() => this.handleOptionClick('zip')}\n title={!canDownloadFinals ? 'Certificate not yet available' : ''}\n >\n <div class=\"icon-container\" innerHTML={ZipIcon}></div>\n <div class=\"text-container\">\n <div class=\"label\">All Files</div>\n <div class=\"description\">Download everything as a ZIP file</div>\n </div>\n <div class=\"arrow\" innerHTML={ChevronRight}></div>\n </div>\n </div>\n\n <div slot=\"footer\" style={{display: 'none'}} />\n </verdocs-dialog>\n );\n }\n}\n"],"version":3}

package/dist/components/p-C4Zz2HX1.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-C4Zz2HX1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/fields/verdocs-field-signature/verdocs-field-signature.scss?tag=verdocs-field-signature","src/components/fields/verdocs-field-signature/verdocs-field-signature.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-signature {\n font-family: $verdocs-primary-font;\n width: 83px;\n height: 36px;\n display: block;\n font-size: 11px;\n position: relative;\n scroll-margin: 20px 0;\n letter-spacing: 0.3px;\n background-color: var(--verdocs-field-background, transparent);\n transform-origin: bottom left;\n border: var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));\n border-radius: var(--verdocs-field-radius);\n\n label {\n top: -14px;\n left: -1px;\n height: 14px;\n color: var(--verdocs-field-text-color, white);\n padding: 0 4px;\n font-size: 9px;\n line-height: 13px;\n position: absolute;\n background: #4a4a99;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n }\n\n &.done {\n border: none;\n opacity: 1;\n }\n\n .signature-container {\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(220, 220, 220, 0.85);\n display: none;\n align-items: center;\n justify-content: center;\n gap: 8px;\n border-radius: var(--verdocs-field-radius);\n backdrop-filter: blur(1px);\n\n .icon-button {\n background: white;\n border: 1px solid rgba(0, 0, 0, 0.1);\n cursor: pointer;\n padding: 4px;\n border-radius: 6px;\n color: #444;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n width: auto;\n height: auto;\n\n &:hover {\n background-color: #fafafa;\n transform: translateY(-1px);\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n color: #000;\n }\n\n svg {\n width: 14px;\n height: 14px;\n }\n }\n }\n\n &:hover .overlay {\n display: flex;\n }\n }\n\n &.disabled .signature-container {\n opacity: 0.5;\n pointer-events: none;\n }\n\n button {\n // This is needed to bring down the cursor from the parent element, which is where interactjs applies it\n cursor: inherit;\n\n box-sizing: border-box;\n border: none;\n color: var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));\n font-weight: 500;\n transform-origin: 0 0;\n height: 100%;\n width: 100%;\n background: none;\n font-size: 11px;\n\n &.hide {\n display: none;\n }\n }\n\n &.required {\n border: 1px solid var(--verdocs-required-field-border);\n }\n\n &.filled {\n border: none !important;\n background-color: transparent !important;\n }\n\n verdocs-button-panel {\n top: -3px;\n left: -2px;\n opacity: 0.5;\n z-index: 1000;\n cursor: pointer;\n position: absolute;\n transform: scale(0.6);\n\n &[data-active],\n &:hover {\n opacity: 1;\n }\n\n .icon {\n svg {\n fill: #333333;\n }\n\n &:hover {\n svg {\n fill: #000000;\n }\n }\n }\n }\n\n .settings-icon {\n position: absolute;\n top: -3px;\n left: -20px;\n display: inline-block;\n cursor: pointer;\n opacity: 0.3;\n\n svg {\n fill: $border-color;\n }\n\n &:hover {\n opacity: 1;\n }\n }\n\n .edge-top,\n .edge-right,\n .edge-left,\n .edge-bottom {\n position: absolute;\n z-index: 10;\n }\n\n .edge-top {\n top: -2px;\n left: 0;\n right: 0;\n height: 5px;\n }\n\n .edge-right {\n top: 0;\n bottom: 0;\n right: -2px;\n width: 5px;\n }\n\n .edge-left {\n top: 0;\n left: -2px;\n bottom: 0;\n width: 5px;\n }\n\n .edge-bottom {\n bottom: -2px;\n left: 0;\n right: 0;\n height: 5px;\n }\n}\n","import interact from 'interactjs';\nimport {ResizeEvent} from '@interactjs/actions/resize/plugin';\nimport {ITemplateField, IEnvelopeField, VerdocsEndpoint, updateField, ITemplate} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, Method, Fragment, State, Element, Listen} from '@stencil/core';\nimport {SettingsIcon, PencilIcon, EraserIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a signature field. If a signature already exists, it will be displayed and the field\n * will be disabled. Otherwise, a placeholder button will be shown. Clicking the button will\n * show a dialog to adopt a signature.\n *\n * NOTE: When signature fields are completed they will be filled with a signature \"stamp\".\n * This requires operation against a live, valid envelope. If you are testing this component\n * in Storybook, it will not be visible here.\n */\n@Component({\n tag: 'verdocs-field-signature',\n styleUrl: 'verdocs-field-signature.scss',\n shadow: false,\n})\nexport class VerdocsFieldSignature {\n @Element() el: HTMLElement;\n\n /**\n * Fields may be attached to templates or envelopes, but only template fields may be edited.\n */\n @Prop({reflect: true}) source: 'template' | 'envelope' = 'template';\n\n /**\n * The source template or envelope ID the field is found in.\n */\n @Prop({reflect: true}) sourceid: string = '';\n\n /**\n * The name of the field to display.\n */\n @Prop({reflect: true}) fieldname: string = '';\n\n /**\n * Override the field's settings. This is intended to be used during signing when fields are being\n * mutated.\n */\n @Prop() field: IEnvelopeField | null | undefined = null;\n\n /**\n * If set, the signature creation dialog will be initialized with this text.\n */\n @Prop({reflect: true}) name?: string = '';\n\n /**\n * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n */\n @Prop({reflect: true}) disabled?: boolean = false;\n\n /**\n * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n * changed, so it should typically only be enabled in the Builder.\n */\n @Prop({reflect: true}) editable?: boolean = false;\n\n /**\n * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n */\n @Prop({reflect: true}) moveable?: boolean = false;\n\n /**\n * If set, the field is considered \"done\" and is drawn in a display-final-value state.\n */\n @Prop({reflect: true}) done?: boolean = false;\n\n /**\n * If set, the field will be be scaled horizontally by this factor.\n */\n @Prop({reflect: true}) xscale?: number = 1;\n\n /**\n * If set, the field will be be scaled vertically by this factor.\n */\n @Prop({reflect: true}) yscale?: number = 1;\n\n /**\n * The page the field is on\n */\n @Prop({reflect: true}) pagenumber?: number = 1;\n\n /**\n * If set, provides the ID of an already-adopted signature. If present, clicking the field (when empty)\n * will immediately use this signature instead of showing the adoption dialog.\n */\n @Prop({reflect: true}) signatureid?: string;\n\n /**\n * Event emitted when the field has changed.\n */\n @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n /**\n * Event fired on every character entered into / deleted from the field.\n */\n @Event({composed: true}) settingsPress: EventEmitter;\n\n /**\n * Event fired when the field's settings are changed.\n */\n @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n /**\n * Event fired when the field is deleted.\n */\n @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n @State() showingProperties?: boolean = false;\n @State() focused = false;\n\n @Listen('blur')\n handleBlur() {\n this.focused = false;\n }\n\n @Event({composed: true}) adopt: EventEmitter;\n\n @Method()\n async focusField() {\n this.el.focus();\n this.focused = true;\n }\n\n @State()\n tempSignature: string = '';\n\n componentDidRender() {\n interact.dynamicDrop(true);\n\n if (this.editable) {\n interact(this.el).resizable({\n edges: {\n top: '.edge-top',\n left: '.edge-left',\n bottom: '.edge-bottom',\n right: '.edge-right',\n },\n modifiers: [\n interact.modifiers.restrictSize({\n min: {width: 71, height: 36},\n }),\n ],\n listeners: {\n start: this.handleResizeStart.bind(this),\n move: this.handleResize.bind(this),\n end: this.handleResizeEnd.bind(this),\n },\n });\n }\n }\n\n @Listen('blur')\n onBlur() {\n this.focused = false;\n }\n\n handleResizeStart(e: ResizeEvent) {\n e.preventDefault();\n e.stopPropagation();\n e.target.dataset.originalBottom = e.target.style.bottom;\n }\n\n handleResize(e: any) {\n let {width, height} = e.rect;\n\n const dX = e.deltaRect.left;\n const dY = e.deltaRect.bottom;\n const currentLeft = parseFloat(e.target.style.left);\n const currentBottom = parseFloat(e.target.style.bottom);\n\n width /= this.xscale;\n height /= this.yscale;\n\n Object.assign(e.target.style, {\n width: `${width}px`,\n height: `${height}px`,\n left: `${currentLeft + dX}px`,\n bottom: `${currentBottom - dY}px`,\n });\n }\n\n async handleResizeEnd(e: any) {\n const {sourceid, fieldname} = this;\n\n const width = Math.round(parseFloat(e.target.style.width));\n let height = Math.round(parseFloat(e.target.style.height));\n if (height < 20) {\n height = 15;\n }\n\n const newBottom = parseFloat(e.target.style.bottom);\n const originalBottom = parseFloat(e.target.dataset.originalBottom);\n const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n const oldField = template.fields.find(f => f.name === fieldname);\n const y = newBottom !== originalBottom ? newBottom / this.yscale : oldField?.y;\n\n updateField(VerdocsEndpoint.getDefault(), sourceid, fieldname, {width, height, y})\n .then(async updatedField => {\n const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n const newTemplate = JSON.parse(JSON.stringify(template)) as ITemplate;\n const fieldIndex = newTemplate.fields.findIndex(field => field.name === fieldname);\n if (fieldIndex > -1) {\n newTemplate.fields[fieldIndex] = updatedField;\n }\n Store.updateTemplate(this.sourceid, newTemplate);\n\n this.settingsChanged?.emit({fieldName: fieldname, field: updatedField});\n Object.assign(e.target.dataset, {x: 0, y: 0, h: 0});\n })\n .catch(e => console.log('Field update failed', e));\n }\n\n @Method()\n async showSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.showPanel) {\n settingsPanel.showPanel();\n }\n }\n\n @Method()\n async hideSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.hidePanel) {\n settingsPanel.hidePanel();\n }\n this.showingProperties = false;\n }\n\n render() {\n const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n\n const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n const {required = false, value = '', label = '', settings = {}} = field || {};\n const {base64} = settings;\n const signerClass = `signer-${(index % 10) + 1}`;\n\n if (done) {\n return <Host class={{done}}>{value && <img src={base64} alt=\"\" />}</Host>;\n }\n\n return (\n <Host class={{required, disabled, done, focused, filled: !!base64, [signerClass]: true}}>\n {editable && <div class=\"edge-right\" />}\n {editable && <div class=\"edge-left\" />}\n {editable && <div class=\"edge-top\" />}\n {editable && <div class=\"edge-bottom\" />}\n\n {label && <label>{label}</label>}\n\n {base64 ? (\n <div class=\"signature-container\">\n <img src={base64} alt=\"Signature\" />\n <div class=\"overlay\">\n <button\n class=\"icon-button\"\n innerHTML={PencilIcon}\n onClick={e => {\n e.stopPropagation();\n if (disabled) return;\n // EDIT action: always open dialog\n console.log('[SIGNATURE] Editing signature');\n this.adopt.emit();\n }}\n />\n <button\n class=\"icon-button\"\n innerHTML={EraserIcon}\n onClick={e => {\n e.stopPropagation();\n if (disabled) return;\n // CLEAR action\n console.log('[SIGNATURE] Clearing signature');\n this.fieldChange?.emit(null);\n }}\n />\n </div>\n </div>\n ) : (\n <button\n onClick={() => {\n if (disabled) return;\n // If we already have a signature ID, use it immediately\n if (this.signatureid) {\n console.log('[SIGNATURE] Reusing existing signature', this.signatureid);\n this.fieldChange?.emit(this.signatureid);\n } else {\n this.adopt.emit();\n }\n }}\n >\n Signature\n </button>\n )}\n\n {editable && (\n <Fragment>\n <div\n id={`verdocs-settings-panel-trigger-${fieldname}`}\n style={{transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n class=\"settings-icon\"\n innerHTML={SettingsIcon}\n onClick={(e: any) => {\n e.stopPropagation();\n this.showingProperties = !this.showingProperties;\n }}\n />\n\n {this.showingProperties && (\n <verdocs-portal anchor={`verdocs-settings-panel-trigger-${fieldname}`} onClickAway={() => (this.showingProperties = false)}>\n <verdocs-template-field-properties\n templateId={sourceid}\n fieldName={fieldname}\n onClose={() => this.hideSettingsPanel()}\n onDelete={() => {\n this.deleted?.emit({fieldName: fieldname});\n return this.hideSettingsPanel();\n }}\n onSettingsChanged={e => {\n this.settingsChanged?.emit(e.detail);\n return this.hideSettingsPanel();\n }}\n helpText={\"Signature fields capture a recipient's signature on a document.\"}\n />\n </verdocs-portal>\n )}\n </Fragment>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-CpcMSzRA.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-CpcMSzRA.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/fields/verdocs-field-initial/verdocs-field-initial.scss?tag=verdocs-field-initial","src/components/fields/verdocs-field-initial/verdocs-field-initial.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-initial {\n font-family: $verdocs-primary-font;\n width: 83px;\n height: 36px;\n display: block;\n font-size: 11px;\n position: relative;\n letter-spacing: 0.3px;\n scroll-margin: 20px 0;\n transform-origin: bottom left;\n border-radius: var(--verdocs-field-radius);\n background-color: var(--verdocs-field-background, transparent);\n border: var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));\n\n label {\n top: -14px;\n left: -1px;\n height: 14px;\n color: var(--verdocs-field-text-color, white);\n padding: 0 4px;\n font-size: 9px;\n line-height: 13px;\n position: absolute;\n background: #4a4a99;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n }\n\n &.done {\n border: none;\n opacity: 1;\n }\n\n .initial-container {\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(220, 220, 220, 0.85);\n display: none;\n align-items: center;\n justify-content: center;\n gap: 8px;\n border-radius: var(--verdocs-field-radius);\n backdrop-filter: blur(1px);\n\n .icon-button {\n background: white;\n border: 1px solid rgba(0, 0, 0, 0.1);\n cursor: pointer;\n padding: 4px;\n border-radius: 6px;\n color: #444;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n width: auto;\n height: auto;\n\n &:hover {\n background-color: #fafafa;\n transform: translateY(-1px);\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n color: #000;\n }\n\n svg {\n width: 14px;\n height: 14px;\n }\n }\n }\n\n &:hover .overlay {\n display: flex;\n }\n }\n\n &.disabled .initial-container {\n opacity: 0.5;\n pointer-events: none;\n }\n\n button {\n // This is needed to bring down the cursor from the parent element, which is where interactjs applies it\n cursor: inherit;\n\n box-sizing: border-box;\n border: none;\n color: var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));\n font-weight: 500;\n transform-origin: 0 0;\n height: 100%;\n width: 100%;\n background: none;\n font-size: 11px;\n\n &.hide {\n display: none;\n }\n }\n\n &.required {\n border: 1px solid var(--verdocs-required-field-border);\n }\n\n &.filled {\n border: none !important;\n background-color: transparent !important;\n }\n\n verdocs-button-panel {\n top: -3px;\n left: -2px;\n opacity: 0.5;\n z-index: 1000;\n cursor: pointer;\n position: absolute;\n transform: scale(0.6);\n\n &[data-active],\n &:hover {\n opacity: 1;\n }\n\n .icon {\n svg {\n fill: #333333;\n }\n\n &:hover {\n svg {\n fill: #000000;\n }\n }\n }\n }\n\n .settings-icon {\n position: absolute;\n top: -3px;\n left: -20px;\n display: inline-block;\n cursor: pointer;\n opacity: 0.3;\n\n svg {\n fill: $border-color;\n }\n\n &:hover {\n opacity: 1;\n }\n }\n\n .edge-top,\n .edge-right,\n .edge-left,\n .edge-bottom {\n position: absolute;\n z-index: 10;\n }\n\n .edge-top {\n top: -2px;\n left: 0;\n right: 0;\n height: 5px;\n }\n\n .edge-right {\n top: 0;\n bottom: 0;\n right: -2px;\n width: 5px;\n }\n\n .edge-left {\n top: 0;\n left: -2px;\n bottom: 0;\n width: 5px;\n }\n\n .edge-bottom {\n bottom: -2px;\n left: 0;\n right: 0;\n height: 5px;\n }\n}\n","import interact from 'interactjs';\nimport {ResizeEvent} from '@interactjs/actions/resize/plugin';\nimport {ITemplateField, IEnvelopeField, VerdocsEndpoint, updateField, ITemplate} from '@verdocs/js-sdk';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, Fragment, State, Element, Listen} from '@stencil/core';\nimport {SettingsIcon, PencilIcon, EraserIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays an initial field. If an initial already exists, it will be displayed and the field\n * will be disabled. Otherwise, a placeholder button will be shown. Clicking the button will\n * show a dialog to adopt an initial.\n *\n * NOTE: When initial fields are completed they will be filled with an initial \"stamp\".\n * This requires operation against a live, valid envelope. If you are testing this component\n * in Storybook, it will not be visible here.\n */\n@Component({\n tag: 'verdocs-field-initial',\n styleUrl: 'verdocs-field-initial.scss',\n shadow: false,\n})\nexport class VerdocsFieldInitial {\n @Element() el: HTMLElement;\n\n /**\n * Fields may be attached to templates or envelopes, but only template fields may be edited.\n */\n @Prop({reflect: true}) source: 'template' | 'envelope' = 'template';\n\n /**\n * The source template or envelope ID the field is found in.\n */\n @Prop({reflect: true}) sourceid: string = '';\n\n /**\n * The name of the field to display.\n */\n @Prop({reflect: true}) fieldname: string = '';\n\n /**\n * Override the field's settings. This is intended to be used during signing when fields are being\n * mutated.\n */\n @Prop() field: IEnvelopeField | null | undefined = null;\n\n /**\n * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n */\n @Prop({reflect: true}) disabled?: boolean = false;\n\n /**\n * The document or template field to display.\n */\n @Prop({reflect: true}) initials: string = '';\n\n /**\n * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n * changed, so it should typically only be enabled in the Builder.\n */\n @Prop({reflect: true}) editable?: boolean = false;\n\n /**\n * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n */\n @Prop({reflect: true}) moveable?: boolean = false;\n\n /**\n * If set, the field is considered \"done\" and is drawn in a display-final-value state.\n */\n @Prop({reflect: true}) done?: boolean = false;\n\n /**\n * If set, the field will be be scaled horizontally by this factor.\n */\n @Prop({reflect: true}) xscale?: number = 1;\n\n /**\n * If set, the field will be be scaled vertically by this factor.\n */\n @Prop({reflect: true}) yscale?: number = 1;\n\n /**\n * The page the field is on\n */\n @Prop({reflect: true}) pagenumber?: number = 1;\n\n /**\n * If set, provides the ID of already-adopted initials. If present, clicking the field (when empty)\n * will immediately use these initials instead of showing the adoption dialog.\n */\n @Prop({reflect: true}) initialid?: string;\n\n /**\n * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n */\n @Event({composed: true}) adopt: EventEmitter<string>;\n\n /**\n * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n /**\n * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n * keypress.\n */\n @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n /**\n * Event fired when the field's settings are changed.\n */\n @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n /**\n * Event fired on every character entered into / deleted from the field.\n */\n @Event({composed: true}) settingsPress: EventEmitter;\n\n /**\n * Event fired when the field is deleted.\n */\n @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n @State() showingProperties?: boolean = false;\n @State() focused?: boolean = false;\n\n @Method() async focusField() {\n this.el.focus();\n this.focused = true;\n }\n\n @State()\n tempInitials: string = '';\n\n componentDidRender() {\n interact.dynamicDrop(true);\n\n if (this.editable) {\n interact(this.el).resizable({\n edges: {\n top: '.edge-top',\n left: '.edge-left',\n bottom: '.edge-bottom',\n right: '.edge-right',\n },\n modifiers: [\n interact.modifiers.restrictSize({\n min: {width: 71, height: 36},\n }),\n ],\n listeners: {\n start: this.handleResizeStart.bind(this),\n move: this.handleResize.bind(this),\n end: this.handleResizeEnd.bind(this),\n },\n });\n }\n }\n\n @Listen('blur')\n handleBlur() {\n this.focused = false;\n }\n\n handleResizeStart(e: ResizeEvent) {\n e.preventDefault();\n e.stopPropagation();\n e.target.dataset.originalBottom = e.target.style.bottom;\n }\n\n handleResize(e: any) {\n let {width, height} = e.rect;\n\n const dX = e.deltaRect.left;\n const dY = e.deltaRect.bottom;\n const currentLeft = parseFloat(e.target.style.left);\n const currentBottom = parseFloat(e.target.style.bottom);\n\n width /= this.xscale;\n height /= this.yscale;\n\n Object.assign(e.target.style, {\n width: `${width}px`,\n height: `${height}px`,\n left: `${currentLeft + dX}px`,\n bottom: `${currentBottom - dY}px`,\n });\n }\n\n async handleResizeEnd(e: any) {\n const {sourceid, fieldname} = this;\n\n const width = Math.round(parseFloat(e.target.style.width));\n let height = Math.round(parseFloat(e.target.style.height));\n if (height < 20) {\n height = 15;\n }\n\n const newBottom = parseFloat(e.target.style.bottom);\n const originalBottom = parseFloat(e.target.dataset.originalBottom);\n const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n const oldField = template.fields.find(f => f.name === fieldname);\n const y = newBottom !== originalBottom ? newBottom / this.yscale : oldField?.y;\n\n updateField(VerdocsEndpoint.getDefault(), sourceid, fieldname, {width, height, y})\n .then(async updatedField => {\n const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n const newTemplate = JSON.parse(JSON.stringify(template)) as ITemplate;\n const fieldIndex = newTemplate.fields.findIndex(field => field.name === fieldname);\n if (fieldIndex > -1) {\n newTemplate.fields[fieldIndex] = updatedField;\n }\n Store.updateTemplate(this.sourceid, newTemplate);\n\n this.settingsChanged?.emit({fieldName: fieldname, field: updatedField});\n Object.assign(e.target.dataset, {x: 0, y: 0, h: 0});\n })\n .catch(e => console.log('Field update failed', e));\n }\n\n @Method()\n async showSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.showPanel) {\n settingsPanel.showPanel();\n }\n }\n\n @Method()\n async hideSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.hidePanel) {\n settingsPanel.hidePanel();\n }\n }\n\n render() {\n const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n\n const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n const {required = false, value = '', label = '', settings = {}} = field || {};\n const signerClass = `signer-${(index % 10) + 1}`;\n const {base64} = settings;\n\n if (done) {\n return <Host class={{done}}>{value && <img src={value} alt=\"Initial\" />}</Host>;\n }\n\n return (\n <Host class={{required, disabled, done, focused, filled: !!base64, [signerClass]: true}}>\n {editable && <div class=\"edge-right\" />}\n {editable && <div class=\"edge-left\" />}\n {editable && <div class=\"edge-top\" />}\n {editable && <div class=\"edge-bottom\" />}\n\n {label && <label>{label}</label>}\n\n {base64 ? (\n <div class=\"initial-container\">\n <img src={base64} alt=\"Initial\" />\n <div class=\"overlay\">\n <button\n class=\"icon-button\"\n innerHTML={PencilIcon}\n onClick={e => {\n e.stopPropagation();\n if (disabled) return;\n // EDIT action: always open dialog\n console.log('[INITIAL] Editing initials');\n this.adopt.emit();\n }}\n />\n <button\n class=\"icon-button\"\n innerHTML={EraserIcon}\n onClick={e => {\n e.stopPropagation();\n if (disabled) return;\n // CLEAR action\n console.log('[INITIAL] Clearing initials');\n this.fieldChange?.emit(null);\n }}\n />\n </div>\n </div>\n ) : (\n <button\n onClick={() => {\n if (disabled) return;\n // If we already have an initial ID, use it immediately\n if (this.initialid) {\n console.log('[INITIAL] Reusing existing initials', this.initialid);\n this.fieldChange?.emit(this.initialid);\n } else {\n this.adopt.emit();\n }\n }}\n >\n Initial\n </button>\n )}\n\n {editable && (\n <Fragment>\n <div\n id={`verdocs-settings-panel-trigger-${fieldname}`}\n style={{transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n class=\"settings-icon\"\n innerHTML={SettingsIcon}\n onClick={(e: any) => {\n e.stopPropagation();\n this.showingProperties = !this.showingProperties;\n }}\n />\n\n {this.showingProperties && (\n <verdocs-portal anchor={`verdocs-settings-panel-trigger-${fieldname}`} onClickAway={() => (this.showingProperties = false)}>\n <verdocs-template-field-properties\n templateId={sourceid}\n fieldName={fieldname}\n onClose={() => (this.showingProperties = false)}\n onDelete={() => {\n this.deleted?.emit({fieldName: field.name});\n return this.hideSettingsPanel();\n }}\n onSettingsChanged={e => {\n this.settingsChanged?.emit(e.detail);\n return this.hideSettingsPanel();\n }}\n helpText={\"initial fields capture the recipient's initials on a clause or page.\"}\n />\n </verdocs-portal>\n )}\n </Fragment>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/verdocs-web-sdk/p-01a218b2.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./p-BO6MZhlp.system.js","./p-DmF0GSqu.system.js"],(function(i){"use strict";var e,o,r,a,t;return{setters:[function(i){e=i.r;o=i.h;r=i.H;a=i.c},function(i){t=i.d}],execute:function(){var s='verdocs-organization-card{font-family:"Inter", "Barlow", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:"Inter", "Barlow", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}';var d='<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>';var c=i("verdocs_organization_card",function(){function i(i){e(this,i);this.hovered=false}i.prototype.onMouseOver=function(){this.hovered=true};i.prototype.onMouseOut=function(){this.hovered=false};i.prototype.render=function(){var i,e,a,s,c,n;console.log("Rendering org card",this.organization.thumbnail_url,this.organization);var l=d;var p="verdocs-org-card-".concat(this.organization.id);return o(r,{key:"afab00c0594b7f49114cb0cd6d0f35072a6557a9",id:p},this.organization.thumbnail_url?o("img",{class:"icon",src:this.organization.thumbnail_url,alt:"Logo"}):o("span",{class:"icon",innerHTML:l}),o("span",{key:"820fee6596d9724cfa6628d1b820fccf8c448040",class:"content"},(i=this.organization)===null\|\|i===void 0?void 0:i.name),o("verdocs-portal",{key:"9d96819970166e1dba589b8e7bcfecb17302b642",anchor:p},o("div",{key:"9afb356db5a41fab522196b24001079656895bb8",class:"verdocs-org-card-popup",style:{display:this.hovered?"block":"none"}},this.organization.full_logo_url?o("div",{class:"popup-header-with-logo"},o("img",{src:this.organization.full_logo_url,alt:"Logo"}),o("div",{class:"title"},(e=this.organization)===null\|\|e===void 0?void 0:e.name)):o("div",{class:"popup-header"},o("span",{class:"status"},o("span",{class:"icon",innerHTML:l})),o("span",{class:"title"},(a=this.organization)===null\|\|a===void 0?void 0:a.name)),o("div",{key:"fbd533d1b9981ed1748426ca40cf2acef04b4516",class:"popup-body"},o("div",{key:"5d9e78644cb47b61aaf86051aada3e6af888552a",class:"field"},o("strong",{key:"6c734f2d6f847bd52dba49bd0d3d76765df30af9"},"Joined"),t.format(new Date(((s=this.organization)===null\|\|s===void 0?void 0:s.created_at)\|\|undefined),"LLL d, Y")),this.organization.url&&o("div",{key:"e8a7221d73736f7832a2cc839a32efb9bcd50348",class:"field"},o("strong",{key:"1aeb04edea44fb6db755a22a07ca34f22ad4f72d"},"Website"),o("a",{key:"26c2d1306f50aa2560525415bb0874f5cb9e461d",href:(c=this.organization)===null\|\|c===void 0?void 0:c.url,target:"_blank",rel:"nofollow"},(n=this.organization)===null\|\|n===void 0?void 0:n.url))))))};return i}());c.style=s;var n="";var l="10001";var p=i("verdocs_portal",function(){function i(i){e(this,i);this.clickAway=a(this,"clickAway");this.moved=false;this.voffset=0}i.prototype.handleScroll=function(){this.calculatePosition()};i.prototype.handleResize=function(){this.calculatePosition()};i.prototype.handleClick=function(i){var e;var o=i.target.closest(".verdocs-portal");if(!this.element.contains(i.target)&&!o){(e=this.clickAway)===null\|\|e===void 0?void 0:e.emit()}document.querySelectorAll(".verdocs-multiselect-dropdown").forEach((function(i){return i.remove()}))};i.prototype.calculateLeft=function(){var i;var e=document.getElementById(this.anchor);if(!e)return 0;var o=e.getBoundingClientRect();var r=document.documentElement.clientWidth+document.documentElement.scrollLeft;var a=Math.max(o.left,0);var t=((i=this.element)===null\|\|i===void 0?void 0:i.offsetWidth)\|\|400;var s=a+t>r;return s?r-t-20:a};i.prototype.calculateTop=function(){var i;var e=document.getElementById(this.anchor);if(!e)return 0;var o=e.getBoundingClientRect();var r=document.documentElement.clientHeight+document.documentElement.scrollTop;var a=o.bottom+this.voffset+document.documentElement.scrollTop;var t=((i=this.element)===null\|\|i===void 0?void 0:i.offsetHeight)\|\|300;var s=a+t>r;return s?a-t-o.height:a};i.prototype.calculatePosition=function(){this.portal.style.top="".concat(this.calculateTop(),"px");this.portal.style.left="".concat(this.calculateLeft(),"px")};i.prototype.componentWillLoad=function(){var i;var e="".concat(this.anchor,"-portal");(i=document.getElementById(e))===null\|\|i===void 0?void 0:i.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",e);this.portal.style.zIndex=l;this.portal.style.position="absolute";this.portal.className="verdocs-portal-wrapper";document.body.append(this.portal)};i.prototype.componentDidLoad=function(){this.portal.appendChild(this.element);this.calculatePosition()};i.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};i.prototype.render=function(){var i=this;return o(r,{key:"7665b2b43d8e3e12ee2220efa0bf3df23daa5c8c",ref:function(e){return i.element=e},class:"verdocs-portal"},o("slot",{key:"0972e32632d3f59a1157c278f0ea54ac71eabbdf"}))};return i}());p.style=n}}}));
2	- //# sourceMappingURL=p-01a218b2.system.entry.js.map

package/dist/verdocs-web-sdk/p-0f3e0202.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(e,t,i,r){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i\|\|(i=Promise))((function(i,a){function n(e){try{s(r.next(e))}catch(e){a(e)}}function d(e){try{s(r["throw"](e))}catch(e){a(e)}}function s(e){e.done?i(e.value):o(e.value).then(n,d)}s((r=r.apply(e,t\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=d(0),n["throw"]=d(1),n["return"]=d(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function d(e){return function(t){return s([e,t])}}function s(d){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,d[0]&&(i=0)),i)try{if(r=1,o&&(a=d[0]&2?o["return"]:d[0]?o["throw"]\|\|((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,d[1])).done)return a;if(o=0,a)d=[d[0]&2,a.value];switch(d[0]){case 0:case 1:a=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;o=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(d[0]===6\|\|d[0]===2)){i=0;continue}if(d[0]===3&&(!a\|\|d[1]>a[0]&&d[1]<a[3])){i.label=d[1];break}if(d[0]===6&&i.label<a[1]){i.label=a[1];a=d;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(d);break}if(a[2])i.ops.pop();i.trys.pop();continue}d=t.call(e,i)}catch(e){d=[6,e];o=0}finally{r=a=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray\|\|function(e,t,i){if(i\|\|arguments.length===2)for(var r=0,o=t.length,a;r<o;r++){if(a\|\|!(r in t)){if(!a)a=Array.prototype.slice.call(t,0,r);a[r]=t[r]}}return e.concat(a\|\|Array.prototype.slice.call(t))};System.register(["./p-BO6MZhlp.system.js","./p-DwOCgVjl.system.js","./p-lEpx1l-p.system.js","./p-DmF0GSqu.system.js","./p-DE0Cygqz.system.js","./p-C06jLDFm.system.js","@verdocs/js-sdk","./p-C2OP3llY.system.js","./p-Bzy18UgU.system.js"],(function(e){"use strict";var t,i,r,o,a,n,d,s,l,c,p,f,u,v,h,b,g,x,m;return{setters:[function(e){t=e.r;i=e.c;r=e.h;o=e.H;a=e.F;n=e.g},function(e){d=e.S;s=e.d;l=e.E},function(e){c=e.S},function(e){p=e.d;f=e.r},function(e){u=e.i},function(e){v=e.A;h=e.l},function(e){b=e.VerdocsEndpoint;g=e.updateField},function(e){x=e.F;m=e.a},null],execute:function(){var k='verdocs-field-attachment{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled svg{opacity:0.5}verdocs-field-attachment.disabled svg span{cursor:inherit}verdocs-field-attachment .attach{cursor:inherit;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--verdocs-field-radius)}verdocs-field-attachment.required .attach{border:1px solid var(--verdocs-required-field-border)}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}';var y='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="var(--verdocs-field-text-color, currentColor)"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>';var w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--verdocs-attachment-icon-color, #339933)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m9 15 2 2 4-4"/></svg>';var _=e("verdocs_field_attachment",function(){function e(e){var r=this;t(this,e);this.settingsChanged=i(this,"settingsChanged");this.attached=i(this,"attached");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.dialogOpen=false;this.selectedFile=null;this.focused=false;this.handleUploadNext=function(e){var t;console.log("Upload next",e);r.dialogOpen=false;r.selectedFile=e.detail[0];(t=r.attached)===null\|\|t===void 0?void 0:t.emit(e.detail[0])};this.handleUploadRemove=function(e){var t;e.preventDefault();e.stopPropagation();r.dialogOpen=false;r.selectedFile=null;(t=r.deleted)===null\|\|t===void 0?void 0:t.emit({fieldName:r.fieldname})}}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();this.focused=true;this.dialogOpen=true;return[2]}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.handleShow=function(){this.dialogOpen=true};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,p=i.editable,f=p===void 0?false:p,u=i.done,v=u===void 0?false:u,h=i.disabled,b=h===void 0?false:h,g=i.focused,x=i.xscale,m=x===void 0?1:x,k=i.yscale,_=k===void 0?1:k;var z=c.getField(n,s,l,this.field),C=z.index,M=z.field;var j=M\|\|{},F=j.required,N=F===void 0?false:F,T=j.value,I=T===void 0?"":T,q=j.label,S=q===void 0?"":q,A=j.readonly,O=A===void 0?false:A,L=j.settings,D=L===void 0?{}:L;var B="signer-".concat(C%10+1);var H=I\|\|!!this.selectedFile;if(v){return r(o,{class:{done:v}},r("div",{class:"attach",innerHTML:H?w:y}))}return r(o,{class:(e={required:N,disabled:b,done:v,focused:g},e[B]=true,e)},S&&r("label",null,S),r("div",{class:"attach",innerHTML:H?w:y,onClick:function(){return!b&&!O&&t.handleShow()}}),f&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/m1e3)/1e3,", ").concat(Math.floor(1/_1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(l),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:l,onClose:function(){return t.showingProperties=false},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow."}))),this.dialogOpen&&r("verdocs-portal",null,r("verdocs-upload-dialog",{existingFile:D,onNext:function(e){return t.handleUploadNext(e)},onRemove:function(e){return t.handleUploadRemove(e)},onExit:function(){return t.dialogOpen=false}})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());_.style=k;var z='@charset "UTF-8";verdocs-field-checkbox{padding:0;width:16px;height:16px;display:block;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-checkbox div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-checkbox label{cursor:inherit;width:14px;height:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-checkbox.disabled label{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+::before{margin:0;content:"";width:12px;height:12px;display:block;line-height:12px;border-radius:var(--verdocs-field-radius);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aeb4bf}verdocs-field-checkbox label>input[type=checkbox]:checked+{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+::before{content:"✓";color:white;font-size:12px;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox verdocs-button-panel{display:block;margin-left:-20px;margin-top:-17px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-checkbox .settings-icon{position:absolute;top:-5px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-checkbox .settings-icon svg{fill:#707ae5}verdocs-field-checkbox .settings-icon:hover{opacity:1}';var C=e("verdocs_field_checkbox",function(){function e(e){t(this,e);this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();this.focused=true;return[2]}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,p=i.editable,f=p===void 0?false:p,u=i.done,v=u===void 0?false:u,h=i.disabled,b=h===void 0?false:h,g=i.focused,x=i.xscale,m=x===void 0?1:x,k=i.yscale,y=k===void 0?1:k;var w=c.getField(n,s,l,this.field),_=w.index,z=w.field;var C=z\|\|{},M=C.required,j=M===void 0?false:M,F=C.label,N=F===void 0?"":F,T=C.value,I=T===void 0?false:T,q=C.readonly,S=q===void 0?false:q;var A="signer-".concat(_%10+1);var O=I==="true";if(v){return r(o,{class:{done:v}},O?"✓":"☐")}return r(o,{class:(e={required:j,disabled:b,done:v,focused:g},e[A]=true,e)},N&&r("div",{class:"label"},N),r("label",{htmlFor:l},r("input",{id:l,name:l,type:"checkbox",checked:O,disabled:S\|\|b,required:j}),r("span",null),f&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/m1e3)/1e3,", ").concat(Math.floor(1/y1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(z.name),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:z.name,onClose:function(){return t.showingProperties=false},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Check boxes allow the user to select one or more (non-exclusive) options."})))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());C.style=z;var M='verdocs-field-date{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:74px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-date.small input{font-size:7px}verdocs-field-date .edge-top,verdocs-field-date .edge-right,verdocs-field-date .edge-left,verdocs-field-date .edge-bottom{position:absolute;z-index:10}verdocs-field-date .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-date .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-date .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-date .edge-bottom{bottom:-2px;left:0;right:0;height:5px}verdocs-field-date label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-date input{position:absolute;font-size:12px;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;border:var(--verdocs-field-border, 1px solid #cccccc);border-radius:var(--verdocs-field-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-date input.hide{display:none}verdocs-field-date.disabled input{opacity:0.5}verdocs-field-date.required input{border:1px solid var(--verdocs-required-field-border)}verdocs-field-date verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-date verdocs-button-panel[data-active],verdocs-field-date verdocs-button-panel:hover{opacity:1}verdocs-field-date verdocs-button-panel .icon svg{fill:#333333}verdocs-field-date verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-date .settings-icon{position:absolute;top:-3px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-date .settings-icon svg{fill:#707ae5}verdocs-field-date .settings-icon:hover{opacity:1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{-webkit-transition:all var(--adp-transition-duration) var(--adp-transition-ease);transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);-webkit-box-sizing:content-box;box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:0.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-background-color-in-range-focused:rgba(92, 196, 239, 0.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, 0.3);--adp-overlay-transition-duration:0.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);-webkit-box-sizing:content-box;box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, -webkit-max-content);grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family), sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;-webkit-transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{-webkit-transform:translateY(calc(var(--adp-transition-offset) * -1));transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{-webkit-transform:translateX(var(--adp-transition-offset));transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{-webkit-transform:translateY(var(--adp-transition-offset));transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{-webkit-transform:translateX(calc(var(--adp-transition-offset) * -1));transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- {-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){-webkit-transform:translate(-50%, calc(-50% + var(--adp-transition-offset)));transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{-webkit-transition:none;transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);-webkit-box-sizing:border-box;box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;-webkit-transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;-webkit-transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s}@-webkit-keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes adp-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}';var j=e("verdocs_field_date",function(){function e(e){t(this,e);this.settingsPress=i(this,"settingsPress");this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.containerId="verdocs-date-picker-".concat(Math.random().toString(36).substring(2,11));this.showingProperties=false;this.focused=false;this.picker=null}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputEl.focus();this.focused=true;return[2]}))}))};e.prototype.componentDidLoad=function(){var e=this;var t=this,i=t.source,r=t.sourceid,o=t.fieldname;var a=c.getField(i,r,o,this.field).field;var n=(a\|\|{}).readonly,d=n===void 0?false:n;if(!d){this.picker=new v("#".concat(this.containerId),{locale:h,isMobile:true,autoClose:true,onShow:function(){return e.focused=true},onHide:function(){return e.focused=false},onSelect:function(t){var i=t.date,r=t.formattedDate;var o=new CustomEvent("fieldChange",{detail:{date:i,formattedDate:r}});e.el.dispatchEvent(o)}})}};e.prototype.componentDidRender=function(){u.dynamicDrop(true);if(this.editable){u(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[u.modifiers.restrictSize({min:{width:50,height:12}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}};e.prototype.handleResizeStart=function(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom};e.prototype.handleResize=function(e){var t=e.rect,i=t.width,r=t.height;var o=e.deltaRect.left;var a=e.deltaRect.bottom;var n=parseFloat(e.target.style.left);var d=parseFloat(e.target.style.bottom);i/=this.xscale;r/=this.yscale;Object.assign(e.target.style,{width:"".concat(i,"px"),height:"".concat(r,"px"),left:"".concat(n+o,"px"),bottom:"".concat(d-a,"px")})};e.prototype.handleResizeEnd=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,r,o,a,n,d,s,l,p;var f=this;return __generator(this,(function(u){switch(u.label){case 0:t=this,i=t.sourceid,r=t.fieldname;o=Math.round(parseFloat(e.target.style.width));a=Math.round(parseFloat(e.target.style.height));if(a<12){a=12}n=parseFloat(e.target.style.bottom);d=parseFloat(e.target.dataset.originalBottom);return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:s=u.sent();l=s.fields.find((function(e){return e.name===r}));p=n!==d?n/this.yscale:l===null\|\|l===void 0?void 0:l.y;g(b.getDefault(),i,r,{width:o,height:a,y:p}).then((function(t){return __awaiter(f,void 0,void 0,(function(){var i,o,a,n;return __generator(this,(function(d){switch(d.label){case 0:return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:o=d.sent();a=JSON.parse(JSON.stringify(o));n=a.fields.findIndex((function(e){return e.name===r}));if(n>-1){a.fields[n]=t}c.updateTemplate(this.sourceid,a);(i=this.settingsChanged)===null\|\|i===void 0?void 0:i.emit({fieldName:r,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0});return[2]}}))}))})).catch((function(e){return console.log("Field update failed",e)}));return[2]}}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,f=i.editable,u=f===void 0?false:f,v=i.done,h=v===void 0?false:v,b=i.disabled,g=b===void 0?false:b,m=i.focused,k=i.xscale,y=k===void 0?1:k,w=i.yscale,_=w===void 0?1:w;var z=c.getField(n,s,l,this.field),C=z.index,M=z.field;var j=M\|\|{},F=j.required,N=F===void 0?false:F,T=j.placeholder,I=T===void 0?"Date...":T,q=j.value,S=q===void 0?"":q,A=j.label,O=A===void 0?"":A,L=j.readonly,D=L===void 0?false:L,B=j.height,H=B===void 0?20:B,E=j.width,U=E===void 0?74:E;var G="signer-".concat(C%10+1);var J=H<20\|\|U<74;var P=S?p.format(new Date(S),x):"";if(this.done){return r(o,{class:{done:h}},P)}return r(o,{class:(e={required:N,disabled:g,done:h,focused:m,small:J},e[G]=true,e)},u&&r("div",{class:"edge-top"}),u&&r("div",{class:"edge-right"}),u&&r("div",{class:"edge-left"}),u&&r("div",{class:"edge-bottom"}),O&&r("label",null,O),r("input",{name:l,class:"input-el",type:"text",value:P,id:this.containerId,placeholder:I,disabled:D\|\|g,ref:function(e){return t.inputEl=e},onFocus:function(){return t.focused=true},onBlur:function(){return t.focused=false}}),u&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/y1e3)/1e3,", ").concat(Math.floor(1/_1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(M.name),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:l,onClose:function(){return t.showingProperties=false},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Date fields allow the user to select a date."}))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());j.style=M;var F='verdocs-field-dropdown{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:85px;height:20px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius)}verdocs-field-dropdown label{top:-14px;left:0;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-dropdown select{cursor:inherit;position:absolute;background:linear-gradient(55deg, transparent 50%, var(--verdocs-field-text-color, #333) 50%), linear-gradient(125deg, var(--verdocs-field-text-color, #333) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 6px, calc(100% - 3px) 6px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius);padding:0 5px}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.disabled select{opacity:0.5}verdocs-field-dropdown.required select{border:1px solid var(--verdocs-required-field-border)}verdocs-field-dropdown verdocs-button-panel{display:block;margin-left:-33px;margin-top:-1px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-dropdown .settings-icon{position:absolute;top:-2px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-dropdown .settings-icon svg{fill:#707ae5}verdocs-field-dropdown .settings-icon:hover{opacity:1}';var N=e("verdocs_field_dropdown",function(){function e(e){t(this,e);this.fieldChange=i(this,"fieldChange");this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,o,a,n,d;return __generator(this,(function(s){this.selectEl.focus();this.focused=true;t=this,i=t.source,r=t.sourceid,o=t.fieldname;a=c.getField(i,r,o,this.field).field;n=(a\|\|{}).readonly,d=n===void 0?false:n;if(!d){(e=this.selectEl)===null\|\|e===void 0?void 0:e.showPicker()}return[2]}))}))};e.prototype.handleChange=function(e){this.fieldChange.emit(e.target.value)};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,p=i.editable,f=p===void 0?false:p,u=i.done,v=u===void 0?false:u,h=i.disabled,b=h===void 0?false:h,g=i.focused,x=i.xscale,m=x===void 0?1:x,k=i.yscale,y=k===void 0?1:k;var w=c.getField(n,s,l,this.field),_=w.index,z=w.field;var C=z\|\|{},M=C.required,j=M===void 0?false:M,F=C.value,N=F===void 0?"":F,T=C.label,I=T===void 0?"":T,q=C.options,S=C.readonly,A=S===void 0?false:S;var O="signer-".concat(_%10+1);if(z===null\|\|z===void 0?void 0:z.value){N=z===null\|\|z===void 0?void 0:z.value}if(v){return r(o,{class:{done:v}},N)}q\|\|(q=[]);return r(o,{class:(e={required:j,disabled:b,done:v,focused:g},e[O]=true,e)},I&&r("label",null,I),r("select",{disabled:A\|\|b,onChange:function(e){return t.handleChange(e)},onFocus:function(){return t.focused=true},ref:function(e){return t.selectEl=e}},r("option",{value:""},"Select..."),q.map((function(e){return r("option",{value:e.id,selected:e.id===N},e.label)})),!q.length&&r("option",{value:"NA",selected:"NA"===N},"N/A")),f&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/m1e3)/1e3,", ").concat(Math.floor(1/y1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(l),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:l,onClose:function(){return t.showingProperties=false},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Dropdowns are used to capture a recipient's selection of one of several options."}))))};return e}());N.style=F;var T='verdocs-field-initial{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius);background-color:var(--verdocs-field-background, transparent);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2))}verdocs-field-initial label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial .initial-container{width:100%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-field-initial .initial-container img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}verdocs-field-initial .initial-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(220, 220, 220, 0.85);display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px;border-radius:var(--verdocs-field-radius);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}verdocs-field-initial .initial-container .overlay .icon-button{background:white;border:1px solid rgba(0, 0, 0, 0.1);cursor:pointer;padding:4px;border-radius:6px;color:#444;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);width:auto;height:auto}verdocs-field-initial .initial-container .overlay .icon-button:hover{background-color:#fafafa;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);color:#000}verdocs-field-initial .initial-container .overlay .icon-button svg{width:14px;height:14px}verdocs-field-initial .initial-container:hover .overlay{display:-ms-flexbox;display:flex}verdocs-field-initial.disabled .initial-container{opacity:0.5;pointer-events:none}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-initial.filled{border:none !important;background-color:transparent !important}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}verdocs-field-initial .edge-top,verdocs-field-initial .edge-right,verdocs-field-initial .edge-left,verdocs-field-initial .edge-bottom{position:absolute;z-index:10}verdocs-field-initial .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-initial .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-initial .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-initial .edge-bottom{bottom:-2px;left:0;right:0;height:5px}';var I=e("verdocs_field_initial",function(){function e(e){t(this,e);this.adopt=i(this,"adopt");this.exit=i(this,"exit");this.fieldChange=i(this,"fieldChange");this.settingsChanged=i(this,"settingsChanged");this.settingsPress=i(this,"settingsPress");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.initials="";this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false;this.tempInitials=""}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();this.focused=true;return[2]}))}))};e.prototype.componentDidRender=function(){u.dynamicDrop(true);if(this.editable){u(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[u.modifiers.restrictSize({min:{width:71,height:36}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}};e.prototype.handleBlur=function(){this.focused=false};e.prototype.handleResizeStart=function(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom};e.prototype.handleResize=function(e){var t=e.rect,i=t.width,r=t.height;var o=e.deltaRect.left;var a=e.deltaRect.bottom;var n=parseFloat(e.target.style.left);var d=parseFloat(e.target.style.bottom);i/=this.xscale;r/=this.yscale;Object.assign(e.target.style,{width:"".concat(i,"px"),height:"".concat(r,"px"),left:"".concat(n+o,"px"),bottom:"".concat(d-a,"px")})};e.prototype.handleResizeEnd=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,r,o,a,n,d,s,l,p;var f=this;return __generator(this,(function(u){switch(u.label){case 0:t=this,i=t.sourceid,r=t.fieldname;o=Math.round(parseFloat(e.target.style.width));a=Math.round(parseFloat(e.target.style.height));if(a<20){a=15}n=parseFloat(e.target.style.bottom);d=parseFloat(e.target.dataset.originalBottom);return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:s=u.sent();l=s.fields.find((function(e){return e.name===r}));p=n!==d?n/this.yscale:l===null\|\|l===void 0?void 0:l.y;g(b.getDefault(),i,r,{width:o,height:a,y:p}).then((function(t){return __awaiter(f,void 0,void 0,(function(){var i,o,a,n;return __generator(this,(function(d){switch(d.label){case 0:return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:o=d.sent();a=JSON.parse(JSON.stringify(o));n=a.fields.findIndex((function(e){return e.name===r}));if(n>-1){a.fields[n]=t}c.updateTemplate(this.sourceid,a);(i=this.settingsChanged)===null\|\|i===void 0?void 0:i.emit({fieldName:r,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0});return[2]}}))}))})).catch((function(e){return console.log("Field update failed",e)}));return[2]}}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,p=i.sourceid,f=i.fieldname,u=i.editable,v=u===void 0?false:u,h=i.done,b=h===void 0?false:h,g=i.disabled,x=g===void 0?false:g,m=i.focused,k=i.xscale,y=k===void 0?1:k,w=i.yscale,_=w===void 0?1:w;var z=c.getField(n,p,f,this.field),C=z.index,M=z.field;var j=M\|\|{},F=j.required,N=F===void 0?false:F,T=j.value,I=T===void 0?"":T,q=j.label,S=q===void 0?"":q,A=j.settings,O=A===void 0?{}:A;var L="signer-".concat(C%10+1);var D=O.base64;if(b){return r(o,{class:{done:b}},I&&r("img",{src:I,alt:"Initial"}))}return r(o,{class:(e={required:N,disabled:x,done:b,focused:m,filled:!!D},e[L]=true,e)},v&&r("div",{class:"edge-right"}),v&&r("div",{class:"edge-left"}),v&&r("div",{class:"edge-top"}),v&&r("div",{class:"edge-bottom"}),S&&r("label",null,S),D?r("div",{class:"initial-container"},r("img",{src:D,alt:"Initial"}),r("div",{class:"overlay"},r("button",{class:"icon-button",innerHTML:s,onClick:function(e){e.stopPropagation();if(x)return;console.log("[INITIAL] Editing initials");t.adopt.emit()}}),r("button",{class:"icon-button",innerHTML:l,onClick:function(e){var i;e.stopPropagation();if(x)return;console.log("[INITIAL] Clearing initials");(i=t.fieldChange)===null\|\|i===void 0?void 0:i.emit(null)}}))):r("button",{onClick:function(){var e;if(x)return;if(t.initialid){console.log("[INITIAL] Reusing existing initials",t.initialid);(e=t.fieldChange)===null\|\|e===void 0?void 0:e.emit(t.initialid)}else{t.adopt.emit()}}},"Initial"),v&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(f),style:{transform:"scale(".concat(Math.floor(1/y1e3)/1e3,", ").concat(Math.floor(1/_1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(f),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:p,fieldName:f,onClose:function(){return t.showingProperties=false},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:M.name});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"initial fields capture the recipient's initials on a clause or page."}))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());I.style=T;var q='verdocs-field-radio{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:14px;height:14px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label:before{content:"";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:12px;height:12px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#f3f3fc;background:#f3f3fc}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-radio.hide{display:none}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}';var S='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>';var A='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>';var O=e("verdocs_field_radio",function(){function e(e){t(this,e);this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.required=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();this.focused=true;return[2]}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,p=i.editable,f=p===void 0?false:p,u=i.done,v=u===void 0?false:u,h=i.disabled,b=h===void 0?false:h,g=i.focused,x=i.xscale,m=x===void 0?1:x,k=i.yscale,y=k===void 0?1:k;var w=c.getField(n,s,l,this.field),_=w.index,z=w.field;var C=z\|\|{},M=C.name,j=C.required,F=j===void 0?false:j,N=C.label,T=N===void 0?"":N,I=C.group,q=I===void 0?"":I,O=C.value,L=O===void 0?false:O,D=C.readonly,B=D===void 0?false:D;var H="signer-".concat(_%10+1);var E=L==="true";if(v){return r(o,{class:{done:v},style:{maxWidth:"10px"}},r("span",{innerHTML:E?A:S}))}return r(o,{class:(e={required:this.required\|\|F,disabled:b,done:v,focused:g},e[H]=true,e)},T&&r("div",{class:"label"},T),f&&q&&r("div",{class:"group"},q),r("input",{id:l,type:"radio",name:q\|\|l,value:M,checked:!!E,disabled:B\|\|b,required:F}),r("label",{htmlFor:l}),f&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/m1e3)/1e3,", ").concat(Math.floor(1/y1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(l),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:l,onClose:function(){return t.showingProperties=false},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Radio buttons capture the recipient's selection of just one of several related (exclusive) options."}))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());O.style=q;var L='verdocs-field-signature{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-signature label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature .signature-container{width:100%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-field-signature .signature-container img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}verdocs-field-signature .signature-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(220, 220, 220, 0.85);display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px;border-radius:var(--verdocs-field-radius);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}verdocs-field-signature .signature-container .overlay .icon-button{background:white;border:1px solid rgba(0, 0, 0, 0.1);cursor:pointer;padding:4px;border-radius:6px;color:#444;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);width:auto;height:auto}verdocs-field-signature .signature-container .overlay .icon-button:hover{background-color:#fafafa;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);color:#000}verdocs-field-signature .signature-container .overlay .icon-button svg{width:14px;height:14px}verdocs-field-signature .signature-container:hover .overlay{display:-ms-flexbox;display:flex}verdocs-field-signature.disabled .signature-container{opacity:0.5;pointer-events:none}verdocs-field-signature button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-signature.filled{border:none !important;background-color:transparent !important}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-signature .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-signature .settings-icon svg{fill:#707ae5}verdocs-field-signature .settings-icon:hover{opacity:1}verdocs-field-signature .edge-top,verdocs-field-signature .edge-right,verdocs-field-signature .edge-left,verdocs-field-signature .edge-bottom{position:absolute;z-index:10}verdocs-field-signature .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-signature .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-signature .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-signature .edge-bottom{bottom:-2px;left:0;right:0;height:5px}';var D=e("verdocs_field_signature",function(){function e(e){t(this,e);this.fieldChange=i(this,"fieldChange");this.settingsPress=i(this,"settingsPress");this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.adopt=i(this,"adopt");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.name="";this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false;this.tempSignature=""}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();this.focused=true;return[2]}))}))};e.prototype.componentDidRender=function(){u.dynamicDrop(true);if(this.editable){u(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[u.modifiers.restrictSize({min:{width:71,height:36}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}};e.prototype.onBlur=function(){this.focused=false};e.prototype.handleResizeStart=function(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom};e.prototype.handleResize=function(e){var t=e.rect,i=t.width,r=t.height;var o=e.deltaRect.left;var a=e.deltaRect.bottom;var n=parseFloat(e.target.style.left);var d=parseFloat(e.target.style.bottom);i/=this.xscale;r/=this.yscale;Object.assign(e.target.style,{width:"".concat(i,"px"),height:"".concat(r,"px"),left:"".concat(n+o,"px"),bottom:"".concat(d-a,"px")})};e.prototype.handleResizeEnd=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,r,o,a,n,d,s,l,p;var f=this;return __generator(this,(function(u){switch(u.label){case 0:t=this,i=t.sourceid,r=t.fieldname;o=Math.round(parseFloat(e.target.style.width));a=Math.round(parseFloat(e.target.style.height));if(a<20){a=15}n=parseFloat(e.target.style.bottom);d=parseFloat(e.target.dataset.originalBottom);return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:s=u.sent();l=s.fields.find((function(e){return e.name===r}));p=n!==d?n/this.yscale:l===null\|\|l===void 0?void 0:l.y;g(b.getDefault(),i,r,{width:o,height:a,y:p}).then((function(t){return __awaiter(f,void 0,void 0,(function(){var i,o,a,n;return __generator(this,(function(d){switch(d.label){case 0:return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:o=d.sent();a=JSON.parse(JSON.stringify(o));n=a.fields.findIndex((function(e){return e.name===r}));if(n>-1){a.fields[n]=t}c.updateTemplate(this.sourceid,a);(i=this.settingsChanged)===null\|\|i===void 0?void 0:i.emit({fieldName:r,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0});return[2]}}))}))})).catch((function(e){return console.log("Field update failed",e)}));return[2]}}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false;return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,p=i.sourceid,f=i.fieldname,u=i.editable,v=u===void 0?false:u,h=i.done,b=h===void 0?false:h,g=i.disabled,x=g===void 0?false:g,m=i.focused,k=i.xscale,y=k===void 0?1:k,w=i.yscale,_=w===void 0?1:w;var z=c.getField(n,p,f,this.field),C=z.index,M=z.field;var j=M\|\|{},F=j.required,N=F===void 0?false:F,T=j.value,I=T===void 0?"":T,q=j.label,S=q===void 0?"":q,A=j.settings,O=A===void 0?{}:A;var L=O.base64;var D="signer-".concat(C%10+1);if(b){return r(o,{class:{done:b}},I&&r("img",{src:L,alt:""}))}return r(o,{class:(e={required:N,disabled:x,done:b,focused:m,filled:!!L},e[D]=true,e)},v&&r("div",{class:"edge-right"}),v&&r("div",{class:"edge-left"}),v&&r("div",{class:"edge-top"}),v&&r("div",{class:"edge-bottom"}),S&&r("label",null,S),L?r("div",{class:"signature-container"},r("img",{src:L,alt:"Signature"}),r("div",{class:"overlay"},r("button",{class:"icon-button",innerHTML:s,onClick:function(e){e.stopPropagation();if(x)return;console.log("[SIGNATURE] Editing signature");t.adopt.emit()}}),r("button",{class:"icon-button",innerHTML:l,onClick:function(e){var i;e.stopPropagation();if(x)return;console.log("[SIGNATURE] Clearing signature");(i=t.fieldChange)===null\|\|i===void 0?void 0:i.emit(null)}}))):r("button",{onClick:function(){var e;if(x)return;if(t.signatureid){console.log("[SIGNATURE] Reusing existing signature",t.signatureid);(e=t.fieldChange)===null\|\|e===void 0?void 0:e.emit(t.signatureid)}else{t.adopt.emit()}}},"Signature"),v&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(f),style:{transform:"scale(".concat(Math.floor(1/y1e3)/1e3,", ").concat(Math.floor(1/_1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(f),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:p,fieldName:f,onClose:function(){return t.hideSettingsPanel()},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:f});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Signature fields capture a recipient's signature on a document."}))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());D.style=L;var B='verdocs-field-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-textarea textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87))}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.disabled textarea{opacity:0.5}verdocs-field-textarea label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-textarea.required.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-textarea verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textarea verdocs-button-panel[data-active],verdocs-field-textarea verdocs-button-panel:hover{opacity:1}verdocs-field-textarea verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textarea verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textarea .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .settings-icon:hover{opacity:1}';var H=e("verdocs_field_textarea",function(){function e(e){t(this,e);this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.endpoint=b.getDefault();this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputEl.focus();this.focused=true;return[2]}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.handleBlur=function(){this.focused=false};e.prototype.componentDidRender=function(){u.dynamicDrop(true);if(this.editable){u(this.el).resizable({edges:{top:true,bottom:true,left:true,right:true},listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}};e.prototype.handleResizeStart=function(e){e.preventDefault();e.stopPropagation()};e.prototype.handleResize=function(e){var t=e.target.dataset,i=t.x,r=i===void 0?0:i,o=t.y,a=o===void 0?0:o,n=t.h,d=n===void 0?0:n;var s=e.rect,l=s.width,c=s.height;r=(parseFloat(r)\|\|0)+e.deltaRect.left;a=(parseFloat(a)\|\|0)+e.deltaRect.top;d=(parseFloat(d)\|\|0)+e.deltaRect.height;Object.assign(e.target.style,{width:"".concat(l,"px"),height:"".concat(c,"px"),transform:"translate(".concat(r,"px, ").concat(a+d,"px)")});Object.assign(e.target.dataset,{x:r,y:a,h:d})};e.prototype.handleResizeEnd=function(e){var t=this;var i=this,r=i.source,o=i.sourceid,a=i.fieldname;var n=c.getField(r,o,a,this.field).field;if(!n){return}var d=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat),s=d[0],l=d[1];var p=Math.round(parseFloat(e.target.style.width)/this.xscale);var f=Math.round(parseFloat(e.target.style.height)/this.yscale);var u=Math.round(n.x+s/this.xscale);var v=Math.round(n.y-l/this.yscale);g(this.endpoint,this.sourceid,this.fieldname,{x:u,y:v,width:p,height:f}).then((function(i){var r;(r=t.settingsChanged)===null\|\|r===void 0?void 0:r.emit({fieldName:t.fieldname,field:i});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((function(e){return console.log("Field update failed",e)}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,p=i.editable,f=p===void 0?false:p,u=i.done,v=u===void 0?false:u,h=i.disabled,b=h===void 0?false:h,g=i.focused,x=i.xscale,m=x===void 0?1:x,k=i.yscale,y=k===void 0?1:k;var w=c.getField(n,s,l,this.field),_=w.index,z=w.field;var C=z\|\|{},M=C.required,j=M===void 0?false:M,F=C.placeholder,N=F===void 0?"":F,T=C.value,I=T===void 0?"":T,q=C.label,S=q===void 0?"":q,A=C.readonly,O=A===void 0?false:A;var L="signer-".concat(_%10+1);if(v){return r(o,{class:{done:v}},I)}return r(o,{class:(e={required:j,disabled:b,done:v,focused:g},e[L]=true,e)},S&&r("label",null,S),r("textarea",{name:l,required:j,placeholder:N,disabled:O\|\|b,ref:function(e){return t.inputEl=e},onFocus:function(){return t.focused=true},onBlur:function(){return t.focused=false}},I),f&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/m1e3)/1e3,", ").concat(Math.floor(1/y1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(l),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:l,onClose:function(){return t.showingProperties=false},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Text areas may be used to create multi-line text fields."}))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());H.style=B;var E='verdocs-field-textbox{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:-0.2px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-textbox.small input,verdocs-field-textbox.small textarea{font-size:8px}verdocs-field-textbox .edge-top,verdocs-field-textbox .edge-right,verdocs-field-textbox .edge-left,verdocs-field-textbox .edge-bottom{position:absolute;z-index:10}verdocs-field-textbox .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-textbox .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-textbox .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-textbox .edge-bottom{bottom:-2px;left:0;right:0;height:5px}verdocs-field-textbox input{cursor:inherit;width:100%;height:100%;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87))}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.disabled input{opacity:0.5}verdocs-field-textbox textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;line-height:13px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87))}verdocs-field-textbox textarea.hide{display:none}verdocs-field-textbox.disabled textarea{opacity:0.5}verdocs-field-textbox label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-textbox.required.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}verdocs-field-textbox .settings-icon{position:absolute;top:-4px;left:-18px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textbox .settings-icon svg{fill:#707ae5}verdocs-field-textbox .settings-icon:hover{opacity:1}';var U=e("verdocs_field_textbox",function(){function e(e){t(this,e);this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.multiline=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputEl.focus();this.focused=true;return[2]}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false;return[2]}))}))};e.prototype.componentDidRender=function(){u.dynamicDrop(true);if(this.editable){u(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[u.modifiers.restrictSize({min:{width:30,height:10}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}};e.prototype.handleResizeStart=function(e){e.preventDefault();e.stopPropagation();e.target.dataset.originalBottom=e.target.style.bottom};e.prototype.handleResize=function(e){var t=e.rect,i=t.width,r=t.height;var o=e.deltaRect.left;var a=e.deltaRect.bottom;var n=parseFloat(e.target.style.left);var d=parseFloat(e.target.style.bottom);i/=this.xscale;r/=this.yscale;Object.assign(e.target.style,{width:"".concat(i,"px"),height:"".concat(r,"px"),left:"".concat(n+o,"px"),bottom:"".concat(d-a,"px")})};e.prototype.handleResizeEnd=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,r,o,a,n,d,s,l,p,f;var u=this;return __generator(this,(function(v){switch(v.label){case 0:t=this,i=t.sourceid,r=t.fieldname;o=Math.round(parseFloat(e.target.style.width));a=Math.round(parseFloat(e.target.style.height));if(a<10){a=10}n=a>15;d=parseFloat(e.target.style.bottom);s=parseFloat(e.target.dataset.originalBottom);return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:l=v.sent();p=l.fields.find((function(e){return e.name===r}));f=d!==s?d/this.yscale:p===null\|\|p===void 0?void 0:p.y;g(b.getDefault(),i,r,{width:o,height:a,y:f,multiline:n}).then((function(t){return __awaiter(u,void 0,void 0,(function(){var i,o,a,n;return __generator(this,(function(d){switch(d.label){case 0:return[4,c.getTemplate(b.getDefault(),this.sourceid)];case 1:o=d.sent();a=JSON.parse(JSON.stringify(o));n=a.fields.findIndex((function(e){return e.name===r}));if(n>-1){a.fields[n]=t}c.updateTemplate(this.sourceid,a);(i=this.settingsChanged)===null\|\|i===void 0?void 0:i.emit({fieldName:r,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0});return[2]}}))}))})).catch((function(e){return console.log("Field update failed",e)}));return[2]}}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,p=i.editable,f=p===void 0?false:p,u=i.done,v=u===void 0?false:u,h=i.disabled,b=h===void 0?false:h,g=i.focused,x=i.xscale,m=x===void 0?1:x,k=i.yscale,y=k===void 0?1:k;var w=c.getField(n,s,l,this.field),_=w.index,z=w.field;var C=z\|\|{},M=C.required,j=M===void 0?false:M,F=C.placeholder,N=F===void 0?"":F,T=C.label,I=T===void 0?"":T,q=C.width,S=q===void 0?150:q,A=C.height,O=A===void 0?15:A,L=C.readonly,D=L===void 0?false:L,B=C.default,H=B===void 0?"":B,E=C.multiline,U=E===void 0?false:E;var G="signer-".concat(_%10+1);var J=O<15;if(z===null\|\|z===void 0?void 0:z.value){H=z===null\|\|z===void 0?void 0:z.value}var P=S/5;if(v){return r(o,{class:{done:v}},H)}return r(o,{class:(e={required:j,disabled:b,done:v,focused:g,small:J},e[G]=true,e)},f&&r("div",{class:"edge-top"}),f&&r("div",{class:"edge-right"}),f&&r("div",{class:"edge-left"}),f&&r("div",{class:"edge-bottom"}),I&&r("label",null,I),U?r("textarea",{name:l,required:j,placeholder:N,disabled:D\|\|b,ref:function(e){return t.inputEl=e},onFocus:function(){return t.focused=true},onBlur:function(){return t.focused=false}},H):r("input",{type:"text",value:H,name:l,required:j,maxlength:P,placeholder:N,disabled:D\|\|b,ref:function(e){return t.inputEl=e},onFocus:function(){return t.focused=true},onBlur:function(){return t.focused=false}}),f&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/m1e3)/1e3,", ").concat(Math.floor(1/y1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(l),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:l,onClose:function(){return t.hideSettingsPanel()},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.'}))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());U.style=E;var G=f();var J='verdocs-field-timestamp{width:160px;height:15px;display:block;font-size:9px;position:relative;scroll-margin:20px 0;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;opacity:0.5;width:100%;height:100%;font-size:9px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-timestamp.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}';var P=e("verdocs_field_timestamp",function(){function e(e){t(this,e);this.settingsChanged=i(this,"settingsChanged");this.deleted=i(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}e.prototype.handleBlur=function(){this.focused=false};e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();this.focused=true;return[2]}))}))};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}this.showingProperties=false;return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i=this,n=i.source,s=i.sourceid,l=i.fieldname,p=i.editable,f=p===void 0?false:p,u=i.done,v=u===void 0?false:u,h=i.disabled,b=h===void 0?false:h,g=i.focused,x=i.xscale,k=x===void 0?1:x,y=i.yscale,w=y===void 0?1:y;var _=c.getField(n,s,l,this.field),z=_.index,C=_.field;var M=C\|\|{},j=M.required,F=j===void 0?false:j,N=M.placeholder,T=N===void 0?"":N,I=M.value,q=I===void 0?"":I,S=M.label,A=S===void 0?"":S;var O="signer-".concat(z%10+1);var L=G.format(new Date(q\|\|(new Date).toISOString()),m);if(v){return r(o,{class:{done:v}},L)}return r(o,{class:(e={required:F,disabled:b,done:v,focused:g},e[O]=true,e)},A&&r("label",null,A),r("input",{type:"text",placeholder:T,value:L,disabled:true,ref:function(e){return t.el=e},onFocus:function(){return t.focused=true}}),f&&r(a,null,r("div",{id:"verdocs-settings-panel-trigger-".concat(l),style:{transform:"scale(".concat(Math.floor(1/k1e3)/1e3,", ").concat(Math.floor(1/w1e3)/1e3,")")},class:"settings-icon",innerHTML:d,onClick:function(e){e.stopPropagation();t.showingProperties=!t.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(l),onClickAway:function(){return t.showingProperties=false}},r("verdocs-template-field-properties",{templateId:s,fieldName:l,onClose:function(){return t.hideSettingsPanel()},onDelete:function(){var e;(e=t.deleted)===null\|\|e===void 0?void 0:e.emit({fieldName:l});return t.hideSettingsPanel()},onSettingsChanged:function(e){var i;(i=t.settingsChanged)===null\|\|i===void 0?void 0:i.emit(e.detail);return t.hideSettingsPanel()},helpText:"Time stamps are automatically set when the recipient signs the document."}))))};return e}());P.style=J;var R='verdocs-upload-dialog{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .upload-dialog-content{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .current-label{margin:20px 0 5px 0}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:#33364b;border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0;font-weight:500}verdocs-upload-dialog .drop-target p.subscript{margin:20px;color:#5c6575;font-size:14px}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}verdocs-upload-dialog .error{margin:20px 0;color:#cc0000}';var Y='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>';var X='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>';var V=e("verdocs_upload_dialog",function(){function e(e){t(this,e);this.exit=i(this,"exit");this.next=i(this,"next");this.remove=i(this,"remove");this.maxSize=2010241024;this.draggingOver=false;this.confirmDelete=false;this.selectedFiles=[];this.errorMessage=""}e.prototype.handleCancel=function(){this.exit.emit()};e.prototype.handleDismiss=function(e){if(e.target.class==="background-overlay"){e.preventDefault();this.handleCancel()}};e.prototype.handleDone=function(){this.next.emit(this.selectedFiles)};e.prototype.handleDragOver=function(e){e.preventDefault();this.draggingOver=true};e.prototype.handleDragLeave=function(e){e.preventDefault();this.draggingOver=false};e.prototype.handleDrop=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){e.preventDefault();this.draggingOver=false;this.handleSetSelected(Array.from(e.dataTransfer.files));return[2]}))}))};e.prototype.handleRemoveAttachment=function(e){var t=__spreadArray([],this.selectedFiles,true);t.splice(e,1);this.handleSetSelected(t)};e.prototype.handleSetSelected=function(e){this.selectedFiles=e;this.errorMessage="";var t=this.selectedFiles.reduce((function(e,t){return e+t.size}),0);if(t>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}};e.prototype.handleDeleteAttachment=function(e){var t;e.preventDefault();e.stopPropagation();(t=this.remove)===null\|\|t===void 0?void 0:t.emit();this.existingFile=null;this.confirmDelete=false};e.prototype.handleSelectFile=function(){var e;(e=this.fileInput)===null\|\|e===void 0?void 0:e.click()};e.prototype.handleFileChange=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){t=Array.from((e=this.fileInput)===null\|\|e===void 0?void 0:e.files);this.handleSetSelected(t);return[2]}))}))};e.prototype.render=function(){var e=this;var t;var i=((t=this.existingFile)===null\|\|t===void 0?void 0:t.name)?this.existingFile:null;return r(o,{key:"306f146d583be66036d5b7d770f7d82c9c84226a"},r("div",{key:"d1cf6865c79f5e30ad695562092d48e5c28257b8",class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},r("div",{key:"cdc21a795cc92991362567d41ea053244b4dc87b",class:"upload-dialog-content"},r("div",{key:"abbc222d421f853e5fcc8614bd4d16248fb22fd1",class:"heading"},"Upload attachment"),this.selectedFiles.length<1&&i&&r(a,{key:"54718ac9d46bc13f96c022a52f527c3454383ee3"},r("div",{key:"81387ab1ceb1962a94ba5475a2a24316203bae35",class:"current-label"},"Current Attachment"),r("div",{key:"54053e1a34ab2559fecc51534eec3130606287b5",class:"attachments",style:{marginTop:"0"}},r("div",{key:"2d5d390d96a0f52196ac54270380969e01b54c52",class:"attachment"},r("div",{key:"cc3e5021e989c0b17e07d8c7440aa478f3563212",class:"icon",innerHTML:X}),r("div",{key:"0c32341f9e25013740b526cff1bd7ae4b2a6c2da",class:"name"},i.name),r("div",{key:"678acb7ec4a54ff404f0ce956daf1dc9eb16fbf5",class:"icon trash",innerHTML:Y,onClick:function(){return e.confirmDelete=true}})))),this.selectedFiles.length<1&&!i&&r("div",{key:"43feb03a1b3be8c09d57865ef5233c16d707f520",class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:function(t){return e.handleDragOver(t)},onDragLeave:function(t){return e.handleDragLeave(t)},onDrop:function(t){return e.handleDrop(t)}},r("p",{key:"967aa5e1431e83a1a6477af3ecdac6545cf9106e"},"Drag and drop your files here"),r("p",{key:"f6fdc2a5c2ef9d8c3394c86608fff9012f6521d0",class:"subscript"},"Supported files: PDF, Word, JPG, PNG"),r("verdocs-button",{key:"3e0d7b45fe0d43d4d082fc16871d69002125b389",label:!!i?"Replace files":"Select files",onClick:function(){return e.handleSelectFile()}}),r("input",{key:"90b754371e05c563272fcc667cde5c75cf23b212",type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/",onChange:function(){return e.handleFileChange()}})),this.selectedFiles.length>0&&r("div",{key:"6f95392345e0c0ba776ca45427a3eeb24e86ea4c",class:"attachments"},this.selectedFiles.map((function(t,i){return r("div",{class:"attachment"},r("div",{class:"icon",innerHTML:X}),r("div",{class:"name"},t.name),r("div",{class:"icon trash",innerHTML:Y,onClick:function(){return e.handleRemoveAttachment(i)}}))}))),!!this.errorMessage&&r("div",{key:"c302c11758e79265b6624ca64b803a49b05ecdc2",class:"error"},this.errorMessage),r("div",{key:"70ef293b37d2f59d4a194f103e199f7c3e5aa7bf",class:"buttons"},r("verdocs-button",{key:"3aca912689dbeac16288acdf97ede66b2fda50cd",label:"Cancel",variant:"outline",onClick:function(){return e.handleCancel()}}),r("verdocs-button",{key:"f96fa3dc4131af6fd49b31115727bb853d3ff7e8",label:"Upload",onClick:function(){return e.handleDone()},disabled:!!this.errorMessage\|\|this.selectedFiles.length<1})))),this.confirmDelete&&r("verdocs-ok-dialog",{key:"103761442ef22bd730c505115c4cbe69fcbf36dd",heading:"Delete Attachment?",message:"Are you sure you wish to delete this attachment? This action cannot be undone.",showCancel:true,onExit:function(t){t.preventDefault();t.stopPropagation();e.confirmDelete=false},onNext:function(t){return e.handleDeleteAttachment(t)}}))};return e}());V.style=R}}}));
2	- //# sourceMappingURL=p-0f3e0202.system.entry.js.map