@verdocs/web-sdk 6.12.1 → 6.13.0

package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js

@@ -180,24 +180,24 @@ const SortOptions = [
         // In addition to the server query we also filter locally. This provides a faster UI update
         // while the onBlur re-queries the server for any new records that now qualify by the filter.
         const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
-        return (h(Host, { key: 'dc321bc68b2d035a22ee7a4b6dffd5f7cdc2299c' }, h("div", { key: '3c818eac8c6af8f226c738218cb59338dfa3343d', class: "header" }, h("div", { key: 'a37e9055debcdc8797195ad9640fef9d733fa343', class: "filter" }, h("verdocs-text-input", { key: 'da130433d6be8019e86ece71a6e425f83ac02718', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
+        return (h(Host, { key: '95b03f96b3fb38b3af2e05eada009b599071415c' }, h("div", { key: '1592fce5753a5b69ae618176cc58bcddaf32fa9e', class: "header" }, h("div", { key: '29b68bea6bbe1846bbba59389b28680f2cda49c9', class: "filter" }, h("verdocs-text-input", { key: 'ee7a027846988fcd447dc2ece67e07c854b3e3b0', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
                 var _a;
                 this.name = e.target.value.trim();
                 this.localNameFilter = e.target.value.trim();
                 (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
-            } })), h("verdocs-quick-filter", { key: 'fa4d04c7d4bd0ac3e75a6c7680c7dac971094d2d', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '14cd7836cd14510f06a4b251cf78e0fc1bd50996', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
                 var _a;
                 this.visibility = e.detail.value;
                 (_a = this.changeVisibility) === null || _a === void 0 ? void 0 : _a.emit(this.visibility);
-            } }), h("verdocs-quick-filter", { key: '6bf2876e0a7a2126e7e635b2d43ae77d127ee96e', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: 'f722ac95e33a3eecfc08ce8bf8f1a39dfa77269a', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
                 var _a;
                 this.starred = e.detail.value;
                 (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
-            } }), h("verdocs-quick-filter", { key: 'f889426bd43702c80b96909140e415ce5eea9b87', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '56bffbdb611506fe699371a706d6e88fa8bd9ec3', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
                 var _a;
                 this.sort = e.detail.value;
                 (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
-            } }), this.loading && h("verdocs-spinner", { key: '66a6d504750e8ed2cac2f83512238570383d1f1f', mode: "dark", size: 24 }), h("div", { key: '216d9ac544c481cbddcc56b4bae4dbd585b755f9', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: '77aad3d28fa546b9757bc7becd892909cea29722', mode: "dark", size: 24 }), h("div", { key: '3e3fa4c99a3ab80d9ea515f9f7657d3fc4ee6e48', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
             const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
             const date = template[dateToShow];
             const MENU_OPTIONS = [];
@@ -244,9 +244,9 @@ const SortOptions = [
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: template, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, dateToShow === 'created_at' && h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? format(new Date(date), 'P') : 'Never'), h("div", { class: "spacer ownership-spacer" }), template.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (h("div", { key: '6348a9f053340785bc3c7d7ae8c4eda513585686' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'a9879171d23fc6dd83b86863377079633dba3d01', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: 'b4985d899aea79ae9a2a1e7007017df757994743' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '620b5ae9cd78d9dedcb494a4aefea21fd167201f', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
-            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'af5e38f60f408384bbf2ff8db423d9151352c263', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: '6d6241326ba5d13f77a8fa1d1f13753a56653909', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
     }
     static get is() { return "verdocs-templates-list"; }
     static get originalStyleUrls() {

package/dist/collection/utils/Environment.js

@@ -7,4 +7,5 @@ export const API_URL = IS_BETA ? 'https://stage-api.verdocs.com' : 'https://api.
 // condition that silently overwrites a host-app preference and is hard to track down. (Definitely breaks
 // the Teams app, among other things.)
 export const DefaultEndpoint = VerdocsEndpoint.getDefault();
+export const getWebAppUrl = (endpoint = DefaultEndpoint) => (endpoint.getEnvironment() === 'beta' ? 'https://beta.verdocs.com' : 'https://app.verdocs.com');
 //# sourceMappingURL=Environment.js.map

package/dist/collection/utils/Environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Environment.js","sourceRoot":"","sources":["../../src/utils/Environment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,0BAA0B,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AAExI,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,yBAAyB,CAAC;AAE7F,yGAAyG;AACzG,sGAAsG;AACtG,yGAAyG;AACzG,sCAAsC;AACtC,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,EAAE,CAAC","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\n\nexport const BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];\n\nexport const IS_BETA = BETA_ORIGINS.includes(window.location.origin);\n\nexport const API_URL = IS_BETA ? 'https://stage-api.verdocs.com' : 'https://api.verdocs.com';\n\n// NOTE: Do not call setBaseURL(). The constructor already does, but more important, in most environments\n// this particular code block is lazily loaded and gets run on a component render. That creates a race\n// condition that silently overwrites a host-app preference and is hard to track down. (Definitely breaks\n// the Teams app, among other things.)\nexport const DefaultEndpoint = VerdocsEndpoint.getDefault();\n"]}
+{"version":3,"file":"Environment.js","sourceRoot":"","sources":["../../src/utils/Environment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,0BAA0B,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AAExI,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,yBAAyB,CAAC;AAE7F,yGAAyG;AACzG,sGAAsG;AACtG,yGAAyG;AACzG,sCAAsC;AACtC,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,EAAE,CAAC;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,WAA4B,eAAe,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\n\nexport const BETA_ORIGINS = ['https://beta.verdocs.com', 'https://stage.verdocs.com', 'http://localhost:6006', 'http://localhost:5173'];\n\nexport const IS_BETA = BETA_ORIGINS.includes(window.location.origin);\n\nexport const API_URL = IS_BETA ? 'https://stage-api.verdocs.com' : 'https://api.verdocs.com';\n\n// NOTE: Do not call setBaseURL(). The constructor already does, but more important, in most environments\n// this particular code block is lazily loaded and gets run on a component render. That creates a race\n// condition that silently overwrites a host-app preference and is hard to track down. (Definitely breaks\n// the Teams app, among other things.)\nexport const DefaultEndpoint = VerdocsEndpoint.getDefault();\n\nexport const getWebAppUrl = (endpoint: VerdocsEndpoint = DefaultEndpoint) => (endpoint.getEnvironment() === 'beta' ? 'https://beta.verdocs.com' : 'https://app.verdocs.com');\n"]}

package/dist/collection/utils/ScrollFade.js

@@ -0,0 +1,15 @@
+/**
+ * Toggle `scrollable` and `at-end` on the wrapper of a scrolling body so a CSS fade can show
+ * only while there is more content below the fold.
+ */
+export function updateScrollFade(body) {
+    const wrap = body === null || body === void 0 ? void 0 : body.parentElement;
+    if (!body || !wrap) {
+        return;
+    }
+    const scrollable = body.scrollHeight > body.clientHeight + 1;
+    const atEnd = body.scrollTop + body.clientHeight >= body.scrollHeight - 1;
+    wrap.classList.toggle('scrollable', scrollable);
+    wrap.classList.toggle('at-end', atEnd);
+}
+//# sourceMappingURL=ScrollFade.js.map

package/dist/collection/utils/ScrollFade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollFade.js","sourceRoot":"","sources":["../../src/utils/ScrollFade.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAoC;IACnE,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC;IACjC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACnB,OAAO;IACT,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;IAC1E,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AACzC,CAAC","sourcesContent":["/**\n * Toggle `scrollable` and `at-end` on the wrapper of a scrolling body so a CSS fade can show\n * only while there is more content below the fold.\n */\nexport function updateScrollFade(body: HTMLElement | null | undefined) {\n  const wrap = body?.parentElement;\n  if (!body || !wrap) {\n    return;\n  }\n\n  const scrollable = body.scrollHeight > body.clientHeight + 1;\n  const atEnd = body.scrollTop + body.clientHeight >= body.scrollHeight - 1;\n  wrap.classList.toggle('scrollable', scrollable);\n  wrap.classList.toggle('at-end', atEnd);\n}\n"]}

package/dist/components/{p-DmxiVavg.js → p-1FjgijEi.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as t,F as i,d as r,t as c}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as d}from"./p-C7k2AOsW.js";import{S as a}from"./p-C7hFgM52.js";import{d as n}from"./p-C0SHIuoK.js";import{d as p}from"./p-DVx4efoX.js";import{d as b}from"./p--jRXEN0c.js";import{d as h}from"./p-CxIhMndz.js";import{d as f}from"./p-vimrvRye.js";import{d as m}from"./p-CIgqf7hj.js";import{d as u}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as v}from"./p-BMGs9CCD.js";const g=()=>`@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}`;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(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}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:c=false,done:l=false,disabled:n=false,focused:p,xscale:b=1,yscale:h=1}=this;const{index:f,field:m}=a.getField(e,s,o,this.field);const{required:u=false,label:x="",value:v=false,readonly:g=false}=m||{};const k=`signer-${f%10+1}`;const y=v==="true";if(l){return t(r,{class:{"verdocs-field":true,done:l}},y?"✓":"☐")}return t(r,{class:{"verdocs-field":true,required:u,disabled:n,done:l,focused:p,[k]:true}},x&&t("div",{class:"label"},x),t("label",{htmlFor:o},t("input",{id:o,name:o,type:"checkbox",checked:y,disabled:g||n,required:u}),t("span",null),c&&t(i,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/b*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:d,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${m.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:m.name,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Check boxes allow the user to select one or more (non-exclusive) options."})))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return g()}},[0,"verdocs-field-checkbox",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],done:[516],editable:[516],moveable:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-checkbox","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-checkbox":if(!customElements.get(c(e))){customElements.define(c(e),k)}break;case"verdocs-button":if(!customElements.get(c(e))){n()}break;case"verdocs-checkbox":if(!customElements.get(c(e))){p()}break;case"verdocs-component-error":if(!customElements.get(c(e))){b()}break;case"verdocs-help-icon":if(!customElements.get(c(e))){h()}break;case"verdocs-loader":if(!customElements.get(c(e))){f()}break;case"verdocs-portal":if(!customElements.get(c(e))){m()}break;case"verdocs-select-input":if(!customElements.get(c(e))){u()}break;case"verdocs-template-field-properties":if(!customElements.get(c(e))){x()}break;case"verdocs-text-input":if(!customElements.get(c(e))){v()}break}}))}export{k as V,y as d};
-//# sourceMappingURL=p-DmxiVavg.js.map
+import{p as e,H as s,c as o,h as t,F as i,d as r,t as c}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as d}from"./p-C7k2AOsW.js";import{S as a}from"./p-C7hFgM52.js";import{d as n}from"./p-Bb5V9TQx.js";import{d as p}from"./p-DGNIsXfr.js";import{d as b}from"./p-C-v22G3g.js";import{d as h}from"./p-DHzSlpJw.js";import{d as f}from"./p-DqzFuSNN.js";import{d as m}from"./p-DhOuB4nS.js";import{d as u}from"./p-Bodw4NVB.js";import{d as x}from"./p-Bxvw_LqR.js";import{d as v}from"./p-PfdIkMoz.js";const g=()=>`@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}`;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(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}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:c=false,done:l=false,disabled:n=false,focused:p,xscale:b=1,yscale:h=1}=this;const{index:f,field:m}=a.getField(e,s,o,this.field);const{required:u=false,label:x="",value:v=false,readonly:g=false}=m||{};const k=`signer-${f%10+1}`;const y=v==="true";if(l){return t(r,{class:{"verdocs-field":true,done:l}},y?"✓":"☐")}return t(r,{class:{"verdocs-field":true,required:u,disabled:n,done:l,focused:p,[k]:true}},x&&t("div",{class:"label"},x),t("label",{htmlFor:o},t("input",{id:o,name:o,type:"checkbox",checked:y,disabled:g||n,required:u}),t("span",null),c&&t(i,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/b*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:d,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${m.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:m.name,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Check boxes allow the user to select one or more (non-exclusive) options."})))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return g()}},[0,"verdocs-field-checkbox",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],done:[516],editable:[516],moveable:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-checkbox","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-checkbox":if(!customElements.get(c(e))){customElements.define(c(e),k)}break;case"verdocs-button":if(!customElements.get(c(e))){n()}break;case"verdocs-checkbox":if(!customElements.get(c(e))){p()}break;case"verdocs-component-error":if(!customElements.get(c(e))){b()}break;case"verdocs-help-icon":if(!customElements.get(c(e))){h()}break;case"verdocs-loader":if(!customElements.get(c(e))){f()}break;case"verdocs-portal":if(!customElements.get(c(e))){m()}break;case"verdocs-select-input":if(!customElements.get(c(e))){u()}break;case"verdocs-template-field-properties":if(!customElements.get(c(e))){x()}break;case"verdocs-text-input":if(!customElements.get(c(e))){v()}break}}))}export{k as V,y as d};
+//# sourceMappingURL=p-1FjgijEi.js.map

package/dist/components/p-5FU3bYQ3.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,c as a,h as s,t}from"./p-yZBlG3YQ.js";import{d as c}from"./p-C90lxyUX.js";const d=()=>`verdocs-ok-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-ok-dialog .buttons button.cancel{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-ok-dialog .buttons button.ok{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-ok-dialog .buttons button.ok:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-ok-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}`;const i=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.next=a(this,"next");this.exit=a(this,"exit");this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}handleOk(){this.next.emit()}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return s("verdocs-dialog",{key:"2a663a862bd9b5863396e2dd6e48bf53f6b32d6a",onExit:e=>this.handleDismiss(e)},s("div",{key:"17dda688a6537adae201cb3a72236f4a56bab96f",slot:"heading",class:"heading"},s("div",{key:"b758957a3a298ac2187d387ceaff7d8174a59f5d",class:"icon"},s("svg",{key:"48a921c58bcdd23f423b3bf4cca16a87ce6468cd",width:"22",height:"19",viewBox:"0 0 22 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("g",{key:"759ec064b7a07ab20e40a77f898c7b5c26a57e0e","clip-path":"url(#clip0_34208_4881)"},s("path",{key:"8744e3ffccd21501dd79b388757f18ef42d83805",d:"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z",fill:"white"})),s("defs",{key:"278ac463a9e8922df22f107fcf1a44e63acc77cf"},s("clipPath",{key:"5a10ce4e56ac1973eeb9f3b4ea8cd0ea639975bb",id:"clip0_34208_4881"},s("path",{key:"4287a0d42d184b51009f9b571415bf2695938a77",d:"M0.875 0.75H21.125V18.75H0.875V0.75Z",fill:"white"}))))),s("div",{key:"87b8214371b24f0d1158fb23f79b1dcc1cec175f",class:"title"}," ",this.heading)),s("div",{key:"97de082546e636708b288d6f5f70c2383b45f26d",slot:"content",class:"content",innerHTML:this.message}),s("div",{key:"1f24a7eeab228520acaec19dd92a7c43b9851a89",class:"footer",slot:"footer"},s("div",{key:"8aac5c8fbe0ecfb1218e6e0a071166e04a03a25a",class:"buttons"},this.showCancel&&s("button",{key:"16e2f5fbf91d6f1cce761666f408c861c0ac3d62",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),s("button",{key:"6f6c392ef1c4815b84f1f41e1dfff52acaaed94e",class:!this.showCancel?"ok single":"ok",onClick:()=>this.handleOk()},"OK"))))}static get style(){return d()}},[0,"verdocs-ok-dialog",{heading:[1],message:[1],buttonLabel:[1,"button-label"],showCancel:[4,"show-cancel"],closed:[32]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-ok-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-ok-dialog":if(!customElements.get(t(e))){customElements.define(t(e),i)}break;case"verdocs-dialog":if(!customElements.get(t(e))){c()}break}}))}export{i as V,r as d};
+//# sourceMappingURL=p-5FU3bYQ3.js.map

package/dist/components/{p-Dc3BDcaU.js.map → p-5FU3bYQ3.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsOkDialogCss","VerdocsOkDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","heading","message","buttonLabel","showCancel","closed","handleOk","next","emit","handleCancel","exit","handleDismiss","e","target","className","preventDefault","render","h","key","onExit","slot","class","width","height","viewBox","fill","xmlns","d","id","innerHTML","onClick"],"sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  &.closed {\n    display: none;\n  }\n\n  .buttons {\n    gap: 12px;\n    display: flex;\n    margin-top: 0;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    button {\n      padding: 8px 16px;\n      height: 40px;\n      display: flex;\n      font-size: 14px;\n      font-weight: 400;\n      cursor: pointer;\n      align-items: center;\n      border-radius: var(--verdocs-button-radius, 4px);\n      justify-content: center;\n      transition: all 0.2s ease;\n\n      &.cancel {\n        background-color: transparent;\n        border: var(--verdocs-button-secondary-border, 1px solid #d1d5db);\n        color: var(--verdocs-button-secondary-color, #374151);\n      }\n\n      &.ok {\n        background-color: var(--verdocs-primary-color, $verdocs-green);\n        border: 1px solid transparent;\n        color: #ffffff;\n\n        &:hover {\n          background-color: var(--verdocs-primary-color-hover, $verdocs-green-shade);\n        }\n      }\n\n      &:disabled {\n        background-color: var(--verdocs-button-disabled-bg, #e5e7eb);\n        color: var(--verdocs-button-disabled-color, #9ca3af);\n        cursor: not-allowed;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * Override the \"OK\" button's label\n   */\n  @Prop() buttonLabel: string = 'OK';\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() showCancel: boolean = false;\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Event fired when Cancel is pressed. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  @State() closed = false;\n\n  handleOk() {\n    this.next.emit();\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    this.closed = true;\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit.emit();\n    }\n  }\n\n  render() {\n    return (\n      <verdocs-dialog onExit={e => this.handleDismiss(e)}>\n        <div slot=\"heading\" class=\"heading\">\n          <div class=\"icon\">\n            <svg width=\"22\" height=\"19\" viewBox=\"0 0 22 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_34208_4881)\">\n                <path\n                  d=\"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z\"\n                  fill=\"white\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_34208_4881\">\n                  <path d=\"M0.875 0.75H21.125V18.75H0.875V0.75Z\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n\n          <div class=\"title\"> {this.heading}</div>\n        </div>\n\n        <div slot=\"content\" class=\"content\" innerHTML={this.message} />\n\n        <div class=\"footer\" slot=\"footer\">\n          <div class=\"buttons\">\n            {this.showCancel && (\n              <button class=\"cancel\" onClick={() => this.handleCancel()}>\n                Cancel\n              </button>\n            )}\n            <button class={!this.showCancel ? 'ok single' : 'ok'} onClick={() => this.handleOk()}>\n              OK\n            </button>\n          </div>\n        </div>\n      </verdocs-dialog>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,IAAM,suC,MCWpBC,EAAeC,EAAA,MAAAD,UAAAE,EAJ5B,WAAAC,CAAAC,G,8FAQUC,KAAAC,QAAkB,GAKlBD,KAAAE,QAAkB,GAKlBF,KAAAG,YAAsB,KAMtBH,KAAAI,WAAsB,MAYrBJ,KAAAK,OAAS,KA2DnB,CAzDC,QAAAC,GACEN,KAAKO,KAAKC,M,CAGZ,YAAAC,GACET,KAAKU,KAAKF,M,CAIZ,aAAAG,CAAcC,GACZZ,KAAKK,OAAS,KACd,GAAIO,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFf,KAAKU,KAAKF,M,EAId,MAAAQ,GACE,OACEC,EAAA,kBAAAC,IAAA,2CAAgBC,OAAQP,GAAKZ,KAAKW,cAAcC,IAC9CK,EAAA,OAAAC,IAAA,2CAAKE,KAAK,UAAUC,MAAM,WACxBJ,EAAA,OAAAC,IAAA,2CAAKG,MAAM,QACTJ,EAAA,OAAAC,IAAA,2CAAKI,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChET,EAAA,KAAAC,IAAA,uDAAa,0BACXD,EAAA,QAAAC,IAAA,2CACES,EAAE,yqDACFF,KAAK,WAGTR,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUU,GAAG,oBACXX,EAAA,QAAAC,IAAA,2CAAMS,EAAE,uCAAuCF,KAAK,cAM5DR,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SAAO,IAAGrB,KAAKC,UAG5BgB,EAAA,OAAAC,IAAA,2CAAKE,KAAK,UAAUC,MAAM,UAAUQ,UAAW7B,KAAKE,UAEpDe,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SAASD,KAAK,UACvBH,EAAA,OAAAC,IAAA,2CAAKG,MAAM,WACRrB,KAAKI,YACJa,EAAA,UAAAC,IAAA,2CAAQG,MAAM,SAASS,QAAS,IAAM9B,KAAKS,gBAAc,UAI3DQ,EAAA,UAAAC,IAAA,2CAAQG,OAAQrB,KAAKI,WAAa,YAAc,KAAM0B,QAAS,IAAM9B,KAAKM,YAAU,Q","ignoreList":[]}
+{"version":3,"names":["verdocsOkDialogCss","VerdocsOkDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","heading","message","buttonLabel","showCancel","closed","handleOk","next","emit","handleCancel","exit","handleDismiss","e","target","className","preventDefault","render","h","key","onExit","slot","class","width","height","viewBox","fill","xmlns","d","id","innerHTML","onClick"],"sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  &.closed {\n    display: none;\n  }\n\n  .buttons {\n    gap: 12px;\n    display: flex;\n    margin-top: 0;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    button {\n      padding: 8px 16px;\n      height: 40px;\n      display: flex;\n      font-size: 14px;\n      font-weight: 400;\n      cursor: pointer;\n      align-items: center;\n      border-radius: var(--verdocs-button-radius, 4px);\n      justify-content: center;\n      transition: all 0.2s ease;\n\n      &.cancel {\n        background-color: transparent;\n        border: var(--verdocs-button-secondary-border, 1px solid #d1d5db);\n        color: var(--verdocs-button-secondary-color, #374151);\n      }\n\n      &.ok {\n        background-color: var(--verdocs-primary-color, $verdocs-green);\n        border: 1px solid transparent;\n        color: #ffffff;\n\n        &:hover {\n          background-color: var(--verdocs-primary-color-hover, $verdocs-green-shade);\n        }\n      }\n\n      &:disabled {\n        background-color: var(--verdocs-button-disabled-bg, #e5e7eb);\n        color: var(--verdocs-button-disabled-color, #9ca3af);\n        cursor: not-allowed;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * Override the \"OK\" button's label\n   */\n  @Prop() buttonLabel: string = 'OK';\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() showCancel: boolean = false;\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Event fired when Cancel is pressed. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  @State() closed = false;\n\n  handleOk() {\n    this.next.emit();\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    this.closed = true;\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit.emit();\n    }\n  }\n\n  render() {\n    return (\n      <verdocs-dialog onExit={e => this.handleDismiss(e)}>\n        <div slot=\"heading\" class=\"heading\">\n          <div class=\"icon\">\n            <svg width=\"22\" height=\"19\" viewBox=\"0 0 22 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_34208_4881)\">\n                <path\n                  d=\"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z\"\n                  fill=\"white\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_34208_4881\">\n                  <path d=\"M0.875 0.75H21.125V18.75H0.875V0.75Z\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n\n          <div class=\"title\"> {this.heading}</div>\n        </div>\n\n        <div slot=\"content\" class=\"content\" innerHTML={this.message} />\n\n        <div class=\"footer\" slot=\"footer\">\n          <div class=\"buttons\">\n            {this.showCancel && (\n              <button class=\"cancel\" onClick={() => this.handleCancel()}>\n                Cancel\n              </button>\n            )}\n            <button class={!this.showCancel ? 'ok single' : 'ok'} onClick={() => this.handleOk()}>\n              OK\n            </button>\n          </div>\n        </div>\n      </verdocs-dialog>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAqB,IAAM,suC,MCWpBC,EAAeC,EAAA,MAAAD,UAAAE,EAJ5B,WAAAC,CAAAC,G,8FAQUC,KAAAC,QAAkB,GAKlBD,KAAAE,QAAkB,GAKlBF,KAAAG,YAAsB,KAMtBH,KAAAI,WAAsB,MAYrBJ,KAAAK,OAAS,KA2DnB,CAzDC,QAAAC,GACEN,KAAKO,KAAKC,M,CAGZ,YAAAC,GACET,KAAKU,KAAKF,M,CAIZ,aAAAG,CAAcC,GACZZ,KAAKK,OAAS,KACd,GAAIO,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFf,KAAKU,KAAKF,M,EAId,MAAAQ,GACE,OACEC,EAAA,kBAAAC,IAAA,2CAAgBC,OAAQP,GAAKZ,KAAKW,cAAcC,IAC9CK,EAAA,OAAAC,IAAA,2CAAKE,KAAK,UAAUC,MAAM,WACxBJ,EAAA,OAAAC,IAAA,2CAAKG,MAAM,QACTJ,EAAA,OAAAC,IAAA,2CAAKI,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChET,EAAA,KAAAC,IAAA,uDAAa,0BACXD,EAAA,QAAAC,IAAA,2CACES,EAAE,yqDACFF,KAAK,WAGTR,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUU,GAAG,oBACXX,EAAA,QAAAC,IAAA,2CAAMS,EAAE,uCAAuCF,KAAK,cAM5DR,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SAAO,IAAGrB,KAAKC,UAG5BgB,EAAA,OAAAC,IAAA,2CAAKE,KAAK,UAAUC,MAAM,UAAUQ,UAAW7B,KAAKE,UAEpDe,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SAASD,KAAK,UACvBH,EAAA,OAAAC,IAAA,2CAAKG,MAAM,WACRrB,KAAKI,YACJa,EAAA,UAAAC,IAAA,2CAAQG,MAAM,SAASS,QAAS,IAAM9B,KAAKS,gBAAc,UAI3DQ,EAAA,UAAAC,IAAA,2CAAQG,OAAQrB,KAAKI,WAAa,YAAc,KAAM0B,QAAS,IAAM9B,KAAKM,YAAU,Q","ignoreList":[]}

package/dist/components/p-7o544oi8.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as o,h as t,d,t as i}from"./p-yZBlG3YQ.js";import{verifySigner as c}from"@verdocs/js-sdk";import{D as a}from"./p-Cq60Emo_.js";import{V as l}from"./p-D97GxsI-.js";import{d as n}from"./p-Bb5V9TQx.js";import{d as r}from"./p-C90lxyUX.js";import{d as f}from"./p-DHzSlpJw.js";import{d as p}from"./p-PfdIkMoz.js";const b=()=>`verdocs-passcode-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog .heading{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-passcode-dialog .heading .title{font-size:20px;font-weight:500}verdocs-passcode-dialog .step{color:#666;margin-left:6px}verdocs-passcode-dialog .help-box{padding:0;color:black;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:20px}verdocs-passcode-dialog .help-details{gap:5px;display:-ms-flexbox;display:flex;margin-left:0;font-size:14px;-ms-flex-direction:column;flex-direction:column}verdocs-passcode-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-passcode-dialog .help-text{font-weight:400}verdocs-passcode-dialog .buttons{width:100%;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-passcode-dialog .buttons verdocs-button{margin-left:16px}`;const m=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.endpoint=a;this.response=""}handleCancel(){this.exit.emit()}handleSubmit(){c(this.endpoint,{auth_method:"passcode",code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e})})).catch((e=>{l("Invalid passcode. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return t(d,{key:"003eb8af9abf48809dd99b6d690bc2c585fb75fa"},t("verdocs-dialog",{key:"e09705277ec3e5ef1d61b67d24c205311119a3c8",persistent:true,onExit:()=>this.handleCancel()},t("div",{key:"3549a7db67354e069a7448cd24e96f1169a57b9d",slot:"heading",class:"heading"},t("div",{key:"b6f34062b881b89772a317f43b893eaf1a3b20df",class:"title"},"Passcode Required")),t("div",{key:"e2375192d63868626d4258c5597da9b2449f5add",slot:"content",class:"content"},t("div",{key:"c0be8c0ad8bc3bc1ee390c0fe623c72f381bab13",class:"help-box"},t("div",{key:"6167172c611aca649c31601e610d2684a0cc5cd7",class:"help-details"},t("div",{key:"eeee26adcc5ceedf47be3db60a59609f779c248c",class:"help-text"},"This document is protected by a passcode. Please enter it below to proceed. If you do not have one, please contact the sender."))),t("verdocs-text-input",{key:"8b0b30612db73f9f0ce2afc091a52be470133d29",id:"verdocs-passcode-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter passcode...",onInput:e=>this.response=e.target.value})),t("div",{key:"170561525c842435fc619343e4703ad2aeb8e4bf",slot:"footer",class:"buttons footer"},t("verdocs-button",{key:"e1d806bdf981fcddc575324a01fd6c58e37dfc7f",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),t("verdocs-button",{key:"4d2b39eac59f9ba365d2f91b61a69c254e711a83",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return b()}},[0,"verdocs-passcode-dialog",{endpoint:[1040],response:[32]}]);function x(){if(typeof customElements==="undefined"){return}const e=["verdocs-passcode-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-passcode-dialog":if(!customElements.get(i(e))){customElements.define(i(e),m)}break;case"verdocs-button":if(!customElements.get(i(e))){n()}break;case"verdocs-dialog":if(!customElements.get(i(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(i(e))){f()}break;case"verdocs-text-input":if(!customElements.get(i(e))){p()}break}}))}export{m as V,x as d};
+//# sourceMappingURL=p-7o544oi8.js.map

package/dist/components/{p-B1UVXqFA.js.map → p-7o544oi8.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsPasscodeDialogCss","VerdocsPasscodeDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","endpoint","DefaultEndpoint","response","handleCancel","exit","emit","handleSubmit","verifySigner","auth_method","code","then","console","log","next","catch","e","VerdocsToast","render","h","Host","key","persistent","onExit","slot","class","id","value","onClick","stopPropagation","placeholder","onInput","target","label","variant","disabled"],"sources":["src/components/dialogs/verdocs-passcode-dialog/verdocs-passcode-dialog.scss?tag=verdocs-passcode-dialog","src/components/dialogs/verdocs-passcode-dialog/verdocs-passcode-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-passcode-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  // NOTE: background-overlay and .dialog are handled by verdocs-dialog\n\n  .heading {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: space-between;\n\n    .title {\n      font-size: 20px;\n      font-weight: 500;\n    }\n  }\n\n  .step {\n    color: #666;\n    margin-left: 6px;\n  }\n\n  .help-box {\n    padding: 0;\n    color: black;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-bottom: 20px;\n  }\n\n  .help-details {\n    gap: 5px;\n    display: flex;\n    margin-left: 0;\n    font-size: 14px;\n    flex-direction: column;\n  }\n\n  .help-title {\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n\n  .help-text {\n    font-weight: 400;\n  }\n\n  .buttons {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {ISignerTokenResponse, VerdocsEndpoint, verifySigner} from '@verdocs/js-sdk';\nimport {DefaultEndpoint} from '../../../utils/Environment';\nimport {VerdocsToast} from '../../../utils/Toast';\n\n/**\n * Prompt the user to confirm their identity with a passcode.\n */\n@Component({\n  tag: 'verdocs-passcode-dialog',\n  styleUrl: 'verdocs-passcode-dialog.scss',\n})\nexport class VerdocsPasscodeDialog {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = DefaultEndpoint;\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 process has completed successfully.\n   */\n  @Event({composed: true}) next: EventEmitter<{response: ISignerTokenResponse}>;\n\n  @State() response = '';\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  handleSubmit() {\n    verifySigner(this.endpoint, {auth_method: 'passcode', code: this.response})\n      .then(response => {\n        console.log('Verification completed', response);\n        this.next.emit({response});\n      })\n      .catch(e => {\n        VerdocsToast('Invalid passcode. Please try again.');\n        console.log('Invalid code', e);\n      });\n\n    this.response = '';\n  }\n\n  render() {\n    return (\n      <Host>\n        <verdocs-dialog persistent onExit={() => this.handleCancel()}>\n          <div slot=\"heading\" class=\"heading\">\n            <div class=\"title\">Passcode Required</div>\n          </div>\n\n          <div slot=\"content\" class=\"content\">\n            <div class=\"help-box\">\n              <div class=\"help-details\">\n                <div class=\"help-text\">This document is protected by a passcode. Please enter it below to proceed. If you do not have one, please contact the sender.</div>\n              </div>\n            </div>\n\n            <verdocs-text-input\n              id=\"verdocs-passcode-input\"\n              value={this.response}\n              onClick={e => e.stopPropagation()}\n              placeholder=\"Enter passcode...\"\n              onInput={(e: any) => (this.response = e.target.value)}\n            />\n          </div>\n\n          <div slot=\"footer\" class=\"buttons footer\">\n            <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n            <verdocs-button label={'Submit'} onClick={() => this.handleSubmit()} disabled={!this.response} />\n          </div>\n        </verdocs-dialog>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8UAAA,MAAMA,EAA2B,IAAM,6vC,MCY1BC,EAAqBC,EAAA,MAAAD,UAAAE,EAJlC,WAAAC,CAAAC,G,8FAQyBC,KAAAC,SAA4BC,EAY1CF,KAAAG,SAAW,EAoDrB,CAlDC,YAAAC,GACEJ,KAAKK,KAAKC,M,CAGZ,YAAAC,GACEC,EAAaR,KAAKC,SAAU,CAACQ,YAAa,WAAYC,KAAMV,KAAKG,WAC9DQ,MAAKR,IACJS,QAAQC,IAAI,yBAA0BV,GACtCH,KAAKc,KAAKR,KAAK,CAACH,YAAU,IAE3BY,OAAMC,IACLC,EAAa,uCACbL,QAAQC,IAAI,eAAgBG,EAAE,IAGlChB,KAAKG,SAAW,E,CAGlB,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,kBAAAE,IAAA,2CAAgBC,WAAU,KAACC,OAAQ,IAAMvB,KAAKI,gBAC5Ce,EAAA,OAAAE,IAAA,2CAAKG,KAAK,UAAUC,MAAM,WACxBN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,SAAO,sBAGpBN,EAAA,OAAAE,IAAA,2CAAKG,KAAK,UAAUC,MAAM,WACxBN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,YACTN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,gBACTN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,aAAW,oIAI1BN,EAAA,sBAAAE,IAAA,2CACEK,GAAG,yBACHC,MAAO3B,KAAKG,SACZyB,QAASZ,GAAKA,EAAEa,kBAChBC,YAAY,oBACZC,QAAUf,GAAYhB,KAAKG,SAAWa,EAAEgB,OAAOL,SAInDR,EAAA,OAAAE,IAAA,2CAAKG,KAAK,SAASC,MAAM,kBACvBN,EAAA,kBAAAE,IAAA,2CAAgBY,MAAM,SAASC,QAAQ,UAAUN,QAAS,IAAM5B,KAAKI,iBACrEe,EAAA,kBAAAE,IAAA,2CAAgBY,MAAO,SAAUL,QAAS,IAAM5B,KAAKO,eAAgB4B,UAAWnC,KAAKG,a","ignoreList":[]}
+{"version":3,"names":["verdocsPasscodeDialogCss","VerdocsPasscodeDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","endpoint","DefaultEndpoint","response","handleCancel","exit","emit","handleSubmit","verifySigner","auth_method","code","then","console","log","next","catch","e","VerdocsToast","render","h","Host","key","persistent","onExit","slot","class","id","value","onClick","stopPropagation","placeholder","onInput","target","label","variant","disabled"],"sources":["src/components/dialogs/verdocs-passcode-dialog/verdocs-passcode-dialog.scss?tag=verdocs-passcode-dialog","src/components/dialogs/verdocs-passcode-dialog/verdocs-passcode-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-passcode-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  // NOTE: background-overlay and .dialog are handled by verdocs-dialog\n\n  .heading {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: space-between;\n\n    .title {\n      font-size: 20px;\n      font-weight: 500;\n    }\n  }\n\n  .step {\n    color: #666;\n    margin-left: 6px;\n  }\n\n  .help-box {\n    padding: 0;\n    color: black;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-bottom: 20px;\n  }\n\n  .help-details {\n    gap: 5px;\n    display: flex;\n    margin-left: 0;\n    font-size: 14px;\n    flex-direction: column;\n  }\n\n  .help-title {\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n\n  .help-text {\n    font-weight: 400;\n  }\n\n  .buttons {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {ISignerTokenResponse, VerdocsEndpoint, verifySigner} from '@verdocs/js-sdk';\nimport {DefaultEndpoint} from '../../../utils/Environment';\nimport {VerdocsToast} from '../../../utils/Toast';\n\n/**\n * Prompt the user to confirm their identity with a passcode.\n */\n@Component({\n  tag: 'verdocs-passcode-dialog',\n  styleUrl: 'verdocs-passcode-dialog.scss',\n})\nexport class VerdocsPasscodeDialog {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = DefaultEndpoint;\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 process has completed successfully.\n   */\n  @Event({composed: true}) next: EventEmitter<{response: ISignerTokenResponse}>;\n\n  @State() response = '';\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  handleSubmit() {\n    verifySigner(this.endpoint, {auth_method: 'passcode', code: this.response})\n      .then(response => {\n        console.log('Verification completed', response);\n        this.next.emit({response});\n      })\n      .catch(e => {\n        VerdocsToast('Invalid passcode. Please try again.');\n        console.log('Invalid code', e);\n      });\n\n    this.response = '';\n  }\n\n  render() {\n    return (\n      <Host>\n        <verdocs-dialog persistent onExit={() => this.handleCancel()}>\n          <div slot=\"heading\" class=\"heading\">\n            <div class=\"title\">Passcode Required</div>\n          </div>\n\n          <div slot=\"content\" class=\"content\">\n            <div class=\"help-box\">\n              <div class=\"help-details\">\n                <div class=\"help-text\">This document is protected by a passcode. Please enter it below to proceed. If you do not have one, please contact the sender.</div>\n              </div>\n            </div>\n\n            <verdocs-text-input\n              id=\"verdocs-passcode-input\"\n              value={this.response}\n              onClick={e => e.stopPropagation()}\n              placeholder=\"Enter passcode...\"\n              onInput={(e: any) => (this.response = e.target.value)}\n            />\n          </div>\n\n          <div slot=\"footer\" class=\"buttons footer\">\n            <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n            <verdocs-button label={'Submit'} onClick={() => this.handleSubmit()} disabled={!this.response} />\n          </div>\n        </verdocs-dialog>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yUAAA,MAAMA,EAA2B,IAAM,6vC,MCY1BC,EAAqBC,EAAA,MAAAD,UAAAE,EAJlC,WAAAC,CAAAC,G,8FAQyBC,KAAAC,SAA4BC,EAY1CF,KAAAG,SAAW,EAoDrB,CAlDC,YAAAC,GACEJ,KAAKK,KAAKC,M,CAGZ,YAAAC,GACEC,EAAaR,KAAKC,SAAU,CAACQ,YAAa,WAAYC,KAAMV,KAAKG,WAC9DQ,MAAKR,IACJS,QAAQC,IAAI,yBAA0BV,GACtCH,KAAKc,KAAKR,KAAK,CAACH,YAAU,IAE3BY,OAAMC,IACLC,EAAa,uCACbL,QAAQC,IAAI,eAAgBG,EAAE,IAGlChB,KAAKG,SAAW,E,CAGlB,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,kBAAAE,IAAA,2CAAgBC,WAAU,KAACC,OAAQ,IAAMvB,KAAKI,gBAC5Ce,EAAA,OAAAE,IAAA,2CAAKG,KAAK,UAAUC,MAAM,WACxBN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,SAAO,sBAGpBN,EAAA,OAAAE,IAAA,2CAAKG,KAAK,UAAUC,MAAM,WACxBN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,YACTN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,gBACTN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,aAAW,oIAI1BN,EAAA,sBAAAE,IAAA,2CACEK,GAAG,yBACHC,MAAO3B,KAAKG,SACZyB,QAASZ,GAAKA,EAAEa,kBAChBC,YAAY,oBACZC,QAAUf,GAAYhB,KAAKG,SAAWa,EAAEgB,OAAOL,SAInDR,EAAA,OAAAE,IAAA,2CAAKG,KAAK,SAASC,MAAM,kBACvBN,EAAA,kBAAAE,IAAA,2CAAgBY,MAAM,SAASC,QAAQ,UAAUN,QAAS,IAAM5B,KAAKI,iBACrEe,EAAA,kBAAAE,IAAA,2CAAgBY,MAAO,SAAUL,QAAS,IAAM5B,KAAKO,eAAgB4B,UAAWnC,KAAKG,a","ignoreList":[]}

package/dist/components/{p-aj0qlBQ1.js → p-8J_y0V9M.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as t,h as s,t as i}from"./p-yZBlG3YQ.js";import{d as n}from"./p-JGWMBIGy.js";const d=()=>`verdocs-question-dialog{top:0;left:0;right:0;bottom:0;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-question-dialog.closed{display:none}verdocs-question-dialog textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:14px;padding:9px;outline:none}verdocs-question-dialog .heading .title{font-size:18px}verdocs-question-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;border-radius:6px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button.cancel{background-color:#654dcb}verdocs-question-dialog .buttons button.ok{background-color:#55bc81}verdocs-question-dialog .buttons button.ok.single{max-width:150px}verdocs-question-dialog .buttons button:disabled{background-color:#6c727f}`;const a=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#ffffff"/></svg>`;const c=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.next=t(this,"next");this.exit=t(this,"exit");this.question="";this.closed=false}handleOk(){this.next.emit({question:this.question})}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return s("verdocs-dialog",{key:"2c1b3c815f184f6ee9527f1f9dab16eca21c4ebd",onExit:e=>this.handleDismiss(e)},s("div",{key:"9fcabd034942bb8bf355cd7e004418593a132b10",slot:"heading",class:"heading"},s("div",{key:"6c46127f7faf9c52551e6c768577863149266fad",class:"icon",innerHTML:a}),s("div",{key:"d63a278314c7a93d06f0c68600dcefcb1a1e39da",class:"title"},"Ask the Sender a Question")),s("div",{key:"1b839d9bfbac96c58c56b3188939d2f5018e9b03",slot:"content",class:"content"},s("textarea",{key:"3b1af1af06d0577baf6936772c0fe65bbc28e32f",name:"question",rows:6,placeholder:"Enter your question...",onInput:e=>this.question=e.target.value},this.question)),s("div",{key:"6559352004d8d847bb1c86089aa6d094cd49b87e",class:"footer",slot:"footer"},s("div",{key:"a111d072ed7a39231ca4adb4e05ed3bf00b5d0b7",class:"buttons"},s("button",{key:"1ae6d7c9169acb2422aa4559c21d3a70fda4778e",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),s("button",{key:"facaad4ed10e2032a4f60c3f614856e6e82b3454",class:"ok",onClick:()=>this.handleOk()},"OK"))))}static get style(){return d()}},[0,"verdocs-question-dialog",{question:[1025],closed:[32]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-question-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-question-dialog":if(!customElements.get(i(e))){customElements.define(i(e),c)}break;case"verdocs-dialog":if(!customElements.get(i(e))){n()}break}}))}export{c as V,r as d};
-//# sourceMappingURL=p-aj0qlBQ1.js.map
+import{p as e,H as o,c as t,h as s,t as i}from"./p-yZBlG3YQ.js";import{d as n}from"./p-C90lxyUX.js";const c=()=>`verdocs-question-dialog{top:0;left:0;right:0;bottom:0;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-question-dialog.closed{display:none}verdocs-question-dialog textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:14px;padding:9px;outline:none}verdocs-question-dialog .heading .title{font-size:18px}verdocs-question-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;border-radius:6px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button.cancel{background-color:#654dcb}verdocs-question-dialog .buttons button.ok{background-color:#55bc81}verdocs-question-dialog .buttons button.ok.single{max-width:150px}verdocs-question-dialog .buttons button:disabled{background-color:#6c727f}`;const d=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#ffffff"/></svg>`;const a=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.next=t(this,"next");this.exit=t(this,"exit");this.question="";this.closed=false}handleOk(){this.next.emit({question:this.question})}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return s("verdocs-dialog",{key:"0414d528934d806570c21d2d2c977ff2fcf14fec",onExit:e=>this.handleDismiss(e)},s("div",{key:"39fc22581c93ae2b651f8e3fb7459c115f6170b2",slot:"heading",class:"heading"},s("div",{key:"2c0ef9e1125eb00355f22ce4a72faf36e02994e7",class:"icon",innerHTML:d}),s("div",{key:"56421198555e6827968ab37ef94b2a4526ac6626",class:"title"},"Ask the Sender a Question")),s("div",{key:"251815c6f9571e0abee3256ebc3c7bef9d0b1f8c",slot:"content",class:"content"},s("textarea",{key:"bac7bcc37c8c80d817ecf8a59f27e7129373509c",name:"question",rows:6,placeholder:"Enter your question...",onInput:e=>this.question=e.target.value},this.question)),s("div",{key:"1d2b0cbe22317f3fe77e4a783d0fec830313bddb",class:"footer",slot:"footer"},s("div",{key:"c8c7c1800fddfe38101a9189238bbac69be2a09a",class:"buttons"},s("button",{key:"a6223053635fa089f3052c897699276b64a73fb9",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),s("button",{key:"5897511c092259879316bfcda03d27b5ce0f1fd5",class:"ok",onClick:()=>this.handleOk()},"OK"))))}static get style(){return c()}},[0,"verdocs-question-dialog",{question:[1025],closed:[32]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-question-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-question-dialog":if(!customElements.get(i(e))){customElements.define(i(e),a)}break;case"verdocs-dialog":if(!customElements.get(i(e))){n()}break}}))}export{a as V,r as d};
+//# sourceMappingURL=p-8J_y0V9M.js.map

package/dist/components/{p-CCr_gliS.js → p-9kEZy9MP.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as t,F as r,d as i,t as d}from"./p-yZBlG3YQ.js";import{i as n}from"./p-COaijEV0.js";import{S as a}from"./p-C7k2AOsW.js";import{S as l}from"./p-C7hFgM52.js";import{d as c}from"./p-C0SHIuoK.js";import{d as p}from"./p-DVx4efoX.js";import{d as f}from"./p--jRXEN0c.js";import{d as u}from"./p-CxIhMndz.js";import{d as h}from"./p-vimrvRye.js";import{d as v}from"./p-CIgqf7hj.js";import{d as m}from"./p-u9H54zUE.js";import{d as b}from"./p-BWrwPDuU.js";import{d as g}from"./p-BMGs9CCD.js";const x=()=>`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}`;const w=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.fieldChange=o(this,"fieldChange");this.settingsChanged=o(this,"settingsChanged");this.deleted=o(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}handleBlur(){this.focused=false}async focusField(){var e;this.selectEl.focus();this.focused=true;const{source:s,sourceid:o,fieldname:t}=this;const{field:r}=l.getField(s,o,t,this.field);const{readonly:i=false}=r||{};if(!i){(e=this.selectEl)===null||e===void 0?void 0:e.showPicker()}}handleChange(e){this.fieldChange.emit(e.target.value)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){n(this.el).unset()}}disconnectedCallback(){n(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:d=false,done:n=false,disabled:c=false,focused:p,xscale:f=1,yscale:u=1}=this;const{index:h,field:v}=l.getField(e,s,o,this.field);let{required:m=false,value:b="",label:g="",options:x,readonly:w=false}=v||{};const k=`signer-${h%10+1}`;if(v===null||v===void 0?void 0:v.value){b=v===null||v===void 0?void 0:v.value}if(n){return t(i,{class:{"verdocs-field":true,done:n}},b)}x||(x=[]);return t(i,{class:{"verdocs-field":true,required:m,disabled:c,done:n,focused:p,[k]:true}},g&&t("label",null,g),t("select",{disabled:w||c,onChange:e=>this.handleChange(e),onFocus:()=>this.focused=true,ref:e=>this.selectEl=e},t("option",{value:""},"Select..."),x.map((e=>t("option",{value:e.id,selected:e.id===b},e.label))),!x.length&&t("option",{value:"NA",selected:"NA"===b},"N/A")),d&&t(r,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:a,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:o,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Dropdowns are used to capture a recipient's selection of one of several options."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return x()}},[0,"verdocs-field-dropdown",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-dropdown","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-dropdown":if(!customElements.get(d(e))){customElements.define(d(e),w)}break;case"verdocs-button":if(!customElements.get(d(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){p()}break;case"verdocs-component-error":if(!customElements.get(d(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){u()}break;case"verdocs-loader":if(!customElements.get(d(e))){h()}break;case"verdocs-portal":if(!customElements.get(d(e))){v()}break;case"verdocs-select-input":if(!customElements.get(d(e))){m()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){b()}break;case"verdocs-text-input":if(!customElements.get(d(e))){g()}break}}))}export{w as V,k as d};
-//# sourceMappingURL=p-CCr_gliS.js.map
+import{p as e,H as s,c as o,h as t,F as r,d as i,t as d}from"./p-yZBlG3YQ.js";import{i as n}from"./p-COaijEV0.js";import{S as a}from"./p-C7k2AOsW.js";import{S as l}from"./p-C7hFgM52.js";import{d as c}from"./p-Bb5V9TQx.js";import{d as p}from"./p-DGNIsXfr.js";import{d as f}from"./p-C-v22G3g.js";import{d as u}from"./p-DHzSlpJw.js";import{d as h}from"./p-DqzFuSNN.js";import{d as v}from"./p-DhOuB4nS.js";import{d as m}from"./p-Bodw4NVB.js";import{d as b}from"./p-Bxvw_LqR.js";import{d as g}from"./p-PfdIkMoz.js";const x=()=>`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}`;const w=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.fieldChange=o(this,"fieldChange");this.settingsChanged=o(this,"settingsChanged");this.deleted=o(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}handleBlur(){this.focused=false}async focusField(){var e;this.selectEl.focus();this.focused=true;const{source:s,sourceid:o,fieldname:t}=this;const{field:r}=l.getField(s,o,t,this.field);const{readonly:i=false}=r||{};if(!i){(e=this.selectEl)===null||e===void 0?void 0:e.showPicker()}}handleChange(e){this.fieldChange.emit(e.target.value)}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){n(this.el).unset()}}disconnectedCallback(){n(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:d=false,done:n=false,disabled:c=false,focused:p,xscale:f=1,yscale:u=1}=this;const{index:h,field:v}=l.getField(e,s,o,this.field);let{required:m=false,value:b="",label:g="",options:x,readonly:w=false}=v||{};const k=`signer-${h%10+1}`;if(v===null||v===void 0?void 0:v.value){b=v===null||v===void 0?void 0:v.value}if(n){return t(i,{class:{"verdocs-field":true,done:n}},b)}x||(x=[]);return t(i,{class:{"verdocs-field":true,required:m,disabled:c,done:n,focused:p,[k]:true}},g&&t("label",null,g),t("select",{disabled:w||c,onChange:e=>this.handleChange(e),onFocus:()=>this.focused=true,ref:e=>this.selectEl=e},t("option",{value:""},"Select..."),x.map((e=>t("option",{value:e.id,selected:e.id===b},e.label))),!x.length&&t("option",{value:"NA",selected:"NA"===b},"N/A")),d&&t(r,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:a,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:o,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Dropdowns are used to capture a recipient's selection of one of several options."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return x()}},[0,"verdocs-field-dropdown",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-dropdown","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-dropdown":if(!customElements.get(d(e))){customElements.define(d(e),w)}break;case"verdocs-button":if(!customElements.get(d(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){p()}break;case"verdocs-component-error":if(!customElements.get(d(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){u()}break;case"verdocs-loader":if(!customElements.get(d(e))){h()}break;case"verdocs-portal":if(!customElements.get(d(e))){v()}break;case"verdocs-select-input":if(!customElements.get(d(e))){m()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){b()}break;case"verdocs-text-input":if(!customElements.get(d(e))){g()}break}}))}export{w as V,k as d};
+//# sourceMappingURL=p-9kEZy9MP.js.map

package/dist/components/{p-DavVixMP.js → p-B-ul_Soj.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as i,t as r}from"./p-yZBlG3YQ.js";import{c as s}from"./p-BfP9ezJQ.js";const a=()=>`verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:absolute;pointer-events:none;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}`;const n=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.text="";this.icon="";this.placement="bottom";this.containerId=`verdocs-toolbar-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=s(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")}render(){return e(i,{key:"56dd7cebb5a2761547a5e24ec76652f7052906b2",class:{}},e("div",{key:"8d2f5e8578bdf5b25db200406460d9e2724c168e","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:o=>this.iconEl=o}),e("div",{key:"371c80cf2be530cf3fd8ddb7308fd30f65f3b3f4",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:o=>this.tooltip=o},this.text,e("div",{key:"39b43e589f2b52f1658562e79a3d6388478bdcbe","data-popper-arrow":"true",class:"arrow"})))}static get style(){return a()}},[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]);function c(){if(typeof customElements==="undefined"){return}const o=["verdocs-toolbar-icon"];o.forEach((o=>{switch(o){case"verdocs-toolbar-icon":if(!customElements.get(r(o))){customElements.define(r(o),n)}break}}))}export{n as V,c as d};
-//# sourceMappingURL=p-DavVixMP.js.map
+import{p as o,H as t,h as e,d as i,t as r}from"./p-yZBlG3YQ.js";import{c as s}from"./p-BfP9ezJQ.js";const a=()=>`verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:absolute;pointer-events:none;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}`;const n=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.text="";this.icon="";this.placement="bottom";this.containerId=`verdocs-toolbar-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=s(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")}render(){return e(i,{key:"e24f04d8d32d0d11d7b83580f9112d456795bda7",class:{}},e("div",{key:"e499346f3008f2f57359ba80b2f583c781ba3830","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:o=>this.iconEl=o}),e("div",{key:"e5cc1e5bfdbf4657fc4ddd5591a33a68d371fd58",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:o=>this.tooltip=o},this.text,e("div",{key:"4f44cd9acae4d556fb9c488fb95d7562620bbed7","data-popper-arrow":"true",class:"arrow"})))}static get style(){return a()}},[0,"verdocs-toolbar-icon",{text:[1],icon:[1],placement:[1],containerId:[32]}]);function c(){if(typeof customElements==="undefined"){return}const o=["verdocs-toolbar-icon"];o.forEach((o=>{switch(o){case"verdocs-toolbar-icon":if(!customElements.get(r(o))){customElements.define(r(o),n)}break}}))}export{n as V,c as d};
+//# sourceMappingURL=p-B-ul_Soj.js.map

package/dist/components/{p-BXaR1BSS.js → p-B1AE2j97.js}

@@ -1,2 +1,2 @@
-import{p as i,H as e,c as t,h as s,d as o,F as n,t as r}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{VerdocsEndpoint as a,updateField as d}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as h}from"./p-C7hFgM52.js";import{d as f}from"./p-C0SHIuoK.js";import{d as p}from"./p-DVx4efoX.js";import{d as u}from"./p--jRXEN0c.js";import{d as m}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as g}from"./p-CIgqf7hj.js";import{d as b}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as w}from"./p-BMGs9CCD.js";const k=()=>`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));cursor:pointer;caret-color:transparent}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.menu-open{z-index:50}verdocs-field-initial .initial-container{width:100%;height:100%;position:relative}verdocs-field-initial .initial-container img{display:block;height:100%;width:auto;max-width:none;max-height:none}verdocs-field-initial .initial-container .action-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:90px;background:#ffffff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:12px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-initial .initial-container .action-menu .menu-item{background:#ffffff;border:none;padding:8px 12px;color:#333333;cursor:pointer;text-align:left;width:100%;font-size:12px;line-height:1.2;height:auto;font-family:inherit}verdocs-field-initial .initial-container .action-menu .menu-item:hover{background-color:#f0f0f0;color:#000000}verdocs-field-initial .initial-container .action-menu .menu-item:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, 0.08)}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}`;const y=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.adopt=t(this,"adopt");this.exit=t(this,"exit");this.fieldChange=t(this,"fieldChange");this.settingsChanged=t(this,"settingsChanged");this.settingsPress=t(this,"settingsPress");this.deleted=t(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.menuOpen=false;this.closeMenuTimer=null;this.outsideMenuHandler=null;this.tempInitials="";this.openMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=true};this.scheduleCloseMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer)}this.closeMenuTimer=setTimeout((()=>{this.menuOpen=false;this.closeMenuTimer=null}),150)};this.closeMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=false}}async focusField(){this.el.focus();this.focused=true}componentDidLoad(){this.outsideMenuHandler=i=>{if(this.menuOpen&&!this.el.contains(i.target)){this.closeMenu()}};document.addEventListener("pointerdown",this.outsideMenuHandler)}disconnectedCallback(){if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}if(this.outsideMenuHandler){document.removeEventListener("pointerdown",this.outsideMenuHandler);this.outsideMenuHandler=null}l(this.el).unset()}onEditableChanged(i,e){if(e&&!i){l(this.el).unset()}}componentDidRender(){l.dynamicDrop(true);if(this.editable){l(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[l.modifiers.restrictSize({min:{width:71,height:36}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleBlur(){this.focused=false}handleResizeStart(i){i.preventDefault();i.stopPropagation();i.target.dataset.originalBottom=i.target.style.bottom}handleResize(i){let{width:e,height:t}=i.rect;const s=i.deltaRect.left;const o=i.deltaRect.bottom;const n=parseFloat(i.target.style.left);const r=parseFloat(i.target.style.bottom);e/=this.xscale;t/=this.yscale;Object.assign(i.target.style,{width:`${e}px`,height:`${t}px`,left:`${n+s}px`,bottom:`${r-o}px`})}async handleResizeEnd(i){const{sourceid:e,fieldname:t}=this;const s=Math.round(parseFloat(i.target.style.width));let o=Math.round(parseFloat(i.target.style.height));if(o<20){o=15}const n=parseFloat(i.target.style.bottom);const r=parseFloat(i.target.dataset.originalBottom);const l=await h.getTemplate(a.getDefault(),this.sourceid);const c=l.fields.find((i=>i.name===t));const f=n!==r?n/this.yscale:c===null||c===void 0?void 0:c.y;d(a.getDefault(),e,t,{width:s,height:o,y:f}).then((async e=>{var s;const o=await h.getTemplate(a.getDefault(),this.sourceid);const n=JSON.parse(JSON.stringify(o));const r=n.fields.findIndex((i=>i.name===t));if(r>-1){n.fields[r]=e}h.updateTemplate(this.sourceid,n);(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:t,field:e});Object.assign(i.target.dataset,{x:0,y:0,h:0})})).catch((i=>console.log("Field update failed",i)))}async showSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.showPanel){i.showPanel()}}async hideSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.hidePanel){i.hidePanel()}}render(){const{source:i,sourceid:e,fieldname:t,editable:r=false,done:l=false,disabled:a=false,focused:d,xscale:f=1,yscale:p=1}=this;const{index:u,field:m}=h.getField(i,e,t,this.field);const{required:v=false,value:g="",label:b="",settings:x={}}=m||{};const w=`signer-${u%10+1}`;const{base64:k}=x;if(l){return s(o,{class:{"verdocs-field":true,done:l}},g&&s("img",{src:g,alt:"Initial"}))}return s(o,{class:{"verdocs-field":true,required:v,disabled:a,done:l,focused:d,filled:!!k,"menu-open":this.menuOpen,[w]:true}},r&&s("div",{class:"edge-right"}),r&&s("div",{class:"edge-left"}),r&&s("div",{class:"edge-top"}),r&&s("div",{class:"edge-bottom"}),b&&s("label",null,b),k?s("div",{class:{"initial-container":true,"menu-open":this.menuOpen},onMouseEnter:()=>!a&&this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu(),onClick:i=>{i.stopPropagation();if(a)return;this.menuOpen?this.closeMenu():this.openMenu()}},s("img",{src:k,alt:"Initial"}),this.menuOpen&&s("div",{class:"action-menu",onMouseEnter:()=>this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu()},s("button",{type:"button",class:"menu-item",onClick:i=>{i.stopPropagation();if(a)return;console.log("[INITIAL] Editing initials");this.closeMenu();this.adopt.emit()}},"Edit"),s("button",{type:"button",class:"menu-item",onClick:i=>{var e;i.stopPropagation();if(a)return;console.log("[INITIAL] Clearing initials");this.closeMenu();(e=this.fieldChange)===null||e===void 0?void 0:e.emit(null)}},"Clear"))):s("button",{onClick:()=>{var i;if(a)return;if(this.initialid){console.log("[INITIAL] Reusing existing initials",this.initialid);(i=this.fieldChange)===null||i===void 0?void 0:i.emit(this.initialid)}else{this.adopt.emit()}}},"Initial"),r&&s(n,null,s("div",{id:`verdocs-settings-panel-trigger-${t}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/p*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:i=>{i.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&s("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${t}`,onClickAway:()=>this.showingProperties=false},s("verdocs-template-field-properties",{templateId:e,fieldName:t,onClose:()=>this.showingProperties=false,onDelete:()=>{var i;(i=this.deleted)===null||i===void 0?void 0:i.emit({fieldName:m.name});return this.hideSettingsPanel()},onSettingsChanged:i=>{var e;(e=this.settingsChanged)===null||e===void 0?void 0:e.emit(i.detail);return this.hideSettingsPanel()},helpText:"initial fields capture the recipient's initials on a clause or page."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return k()}},[0,"verdocs-field-initial",{source:[513],sourceid:[513],fieldname:[513],field:[16],disabled:[516],initials:[513],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],initialid:[513],isPreview:[516,"is-preview"],showingProperties:[32],focused:[32],menuOpen:[32],tempInitials:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function C(){if(typeof customElements==="undefined"){return}const i=["verdocs-field-initial","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];i.forEach((i=>{switch(i){case"verdocs-field-initial":if(!customElements.get(r(i))){customElements.define(r(i),y)}break;case"verdocs-button":if(!customElements.get(r(i))){f()}break;case"verdocs-checkbox":if(!customElements.get(r(i))){p()}break;case"verdocs-component-error":if(!customElements.get(r(i))){u()}break;case"verdocs-help-icon":if(!customElements.get(r(i))){m()}break;case"verdocs-loader":if(!customElements.get(r(i))){v()}break;case"verdocs-portal":if(!customElements.get(r(i))){g()}break;case"verdocs-select-input":if(!customElements.get(r(i))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(r(i))){x()}break;case"verdocs-text-input":if(!customElements.get(r(i))){w()}break}}))}export{y as V,C as d};
-//# sourceMappingURL=p-BXaR1BSS.js.map
+import{p as i,H as e,c as t,h as s,d as o,F as n,t as r}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{VerdocsEndpoint as a,updateField as d}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as h}from"./p-C7hFgM52.js";import{d as f}from"./p-Bb5V9TQx.js";import{d as p}from"./p-DGNIsXfr.js";import{d as u}from"./p-C-v22G3g.js";import{d as m}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as g}from"./p-DhOuB4nS.js";import{d as b}from"./p-Bodw4NVB.js";import{d as x}from"./p-Bxvw_LqR.js";import{d as w}from"./p-PfdIkMoz.js";const k=()=>`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));cursor:pointer;caret-color:transparent}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.menu-open{z-index:50}verdocs-field-initial .initial-container{width:100%;height:100%;position:relative}verdocs-field-initial .initial-container img{display:block;height:100%;width:auto;max-width:none;max-height:none}verdocs-field-initial .initial-container .action-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:90px;background:#ffffff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:12px;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-initial .initial-container .action-menu .menu-item{background:#ffffff;border:none;padding:8px 12px;color:#333333;cursor:pointer;text-align:left;width:100%;font-size:12px;line-height:1.2;height:auto;font-family:inherit}verdocs-field-initial .initial-container .action-menu .menu-item:hover{background-color:#f0f0f0;color:#000000}verdocs-field-initial .initial-container .action-menu .menu-item:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, 0.08)}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}`;const y=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.adopt=t(this,"adopt");this.exit=t(this,"exit");this.fieldChange=t(this,"fieldChange");this.settingsChanged=t(this,"settingsChanged");this.settingsPress=t(this,"settingsPress");this.deleted=t(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.menuOpen=false;this.closeMenuTimer=null;this.outsideMenuHandler=null;this.tempInitials="";this.openMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=true};this.scheduleCloseMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer)}this.closeMenuTimer=setTimeout((()=>{this.menuOpen=false;this.closeMenuTimer=null}),150)};this.closeMenu=()=>{if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}this.menuOpen=false}}async focusField(){this.el.focus();this.focused=true}componentDidLoad(){this.outsideMenuHandler=i=>{if(this.menuOpen&&!this.el.contains(i.target)){this.closeMenu()}};document.addEventListener("pointerdown",this.outsideMenuHandler)}disconnectedCallback(){if(this.closeMenuTimer){clearTimeout(this.closeMenuTimer);this.closeMenuTimer=null}if(this.outsideMenuHandler){document.removeEventListener("pointerdown",this.outsideMenuHandler);this.outsideMenuHandler=null}l(this.el).unset()}onEditableChanged(i,e){if(e&&!i){l(this.el).unset()}}componentDidRender(){l.dynamicDrop(true);if(this.editable){l(this.el).resizable({edges:{top:".edge-top",left:".edge-left",bottom:".edge-bottom",right:".edge-right"},modifiers:[l.modifiers.restrictSize({min:{width:71,height:36}})],listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleBlur(){this.focused=false}handleResizeStart(i){i.preventDefault();i.stopPropagation();i.target.dataset.originalBottom=i.target.style.bottom}handleResize(i){let{width:e,height:t}=i.rect;const s=i.deltaRect.left;const o=i.deltaRect.bottom;const n=parseFloat(i.target.style.left);const r=parseFloat(i.target.style.bottom);e/=this.xscale;t/=this.yscale;Object.assign(i.target.style,{width:`${e}px`,height:`${t}px`,left:`${n+s}px`,bottom:`${r-o}px`})}async handleResizeEnd(i){const{sourceid:e,fieldname:t}=this;const s=Math.round(parseFloat(i.target.style.width));let o=Math.round(parseFloat(i.target.style.height));if(o<20){o=15}const n=parseFloat(i.target.style.bottom);const r=parseFloat(i.target.dataset.originalBottom);const l=await h.getTemplate(a.getDefault(),this.sourceid);const c=l.fields.find((i=>i.name===t));const f=n!==r?n/this.yscale:c===null||c===void 0?void 0:c.y;d(a.getDefault(),e,t,{width:s,height:o,y:f}).then((async e=>{var s;const o=await h.getTemplate(a.getDefault(),this.sourceid);const n=JSON.parse(JSON.stringify(o));const r=n.fields.findIndex((i=>i.name===t));if(r>-1){n.fields[r]=e}h.updateTemplate(this.sourceid,n);(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:t,field:e});Object.assign(i.target.dataset,{x:0,y:0,h:0})})).catch((i=>console.log("Field update failed",i)))}async showSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.showPanel){i.showPanel()}}async hideSettingsPanel(){const i=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(i&&i.hidePanel){i.hidePanel()}}render(){const{source:i,sourceid:e,fieldname:t,editable:r=false,done:l=false,disabled:a=false,focused:d,xscale:f=1,yscale:p=1}=this;const{index:u,field:m}=h.getField(i,e,t,this.field);const{required:v=false,value:g="",label:b="",settings:x={}}=m||{};const w=`signer-${u%10+1}`;const{base64:k}=x;if(l){return s(o,{class:{"verdocs-field":true,done:l}},g&&s("img",{src:g,alt:"Initial"}))}return s(o,{class:{"verdocs-field":true,required:v,disabled:a,done:l,focused:d,filled:!!k,"menu-open":this.menuOpen,[w]:true}},r&&s("div",{class:"edge-right"}),r&&s("div",{class:"edge-left"}),r&&s("div",{class:"edge-top"}),r&&s("div",{class:"edge-bottom"}),b&&s("label",null,b),k?s("div",{class:{"initial-container":true,"menu-open":this.menuOpen},onMouseEnter:()=>!a&&this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu(),onClick:i=>{i.stopPropagation();if(a)return;this.menuOpen?this.closeMenu():this.openMenu()}},s("img",{src:k,alt:"Initial"}),this.menuOpen&&s("div",{class:"action-menu",onMouseEnter:()=>this.openMenu(),onMouseLeave:()=>this.scheduleCloseMenu()},s("button",{type:"button",class:"menu-item",onClick:i=>{i.stopPropagation();if(a)return;console.log("[INITIAL] Editing initials");this.closeMenu();this.adopt.emit()}},"Edit"),s("button",{type:"button",class:"menu-item",onClick:i=>{var e;i.stopPropagation();if(a)return;console.log("[INITIAL] Clearing initials");this.closeMenu();(e=this.fieldChange)===null||e===void 0?void 0:e.emit(null)}},"Clear"))):s("button",{onClick:()=>{var i;if(a)return;if(this.initialid){console.log("[INITIAL] Reusing existing initials",this.initialid);(i=this.fieldChange)===null||i===void 0?void 0:i.emit(this.initialid)}else{this.adopt.emit()}}},"Initial"),r&&s(n,null,s("div",{id:`verdocs-settings-panel-trigger-${t}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/p*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:i=>{i.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&s("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${t}`,onClickAway:()=>this.showingProperties=false},s("verdocs-template-field-properties",{templateId:e,fieldName:t,onClose:()=>this.showingProperties=false,onDelete:()=>{var i;(i=this.deleted)===null||i===void 0?void 0:i.emit({fieldName:m.name});return this.hideSettingsPanel()},onSettingsChanged:i=>{var e;(e=this.settingsChanged)===null||e===void 0?void 0:e.emit(i.detail);return this.hideSettingsPanel()},helpText:"initial fields capture the recipient's initials on a clause or page."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return k()}},[0,"verdocs-field-initial",{source:[513],sourceid:[513],fieldname:[513],field:[16],disabled:[516],initials:[513],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],initialid:[513],isPreview:[516,"is-preview"],showingProperties:[32],focused:[32],menuOpen:[32],tempInitials:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const i=["verdocs-field-initial","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];i.forEach((i=>{switch(i){case"verdocs-field-initial":if(!customElements.get(r(i))){customElements.define(r(i),y)}break;case"verdocs-button":if(!customElements.get(r(i))){f()}break;case"verdocs-checkbox":if(!customElements.get(r(i))){p()}break;case"verdocs-component-error":if(!customElements.get(r(i))){u()}break;case"verdocs-help-icon":if(!customElements.get(r(i))){m()}break;case"verdocs-loader":if(!customElements.get(r(i))){v()}break;case"verdocs-portal":if(!customElements.get(r(i))){g()}break;case"verdocs-select-input":if(!customElements.get(r(i))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(r(i))){x()}break;case"verdocs-text-input":if(!customElements.get(r(i))){w()}break}}))}export{y as V,E as d};
+//# sourceMappingURL=p-B1AE2j97.js.map

package/dist/components/{p-DubfX0n1.js → p-B4tpmyon.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as r,F as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-COaijEV0.js";import{VerdocsEndpoint as l,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as h}from"./p-C7hFgM52.js";import{d as p}from"./p-C0SHIuoK.js";import{d as f}from"./p-DVx4efoX.js";import{d as u}from"./p--jRXEN0c.js";import{d as m}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as b}from"./p-CIgqf7hj.js";import{d as x}from"./p-u9H54zUE.js";import{d as g}from"./p-BWrwPDuU.js";import{d as k}from"./p-BMGs9CCD.js";const y=()=>`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}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.deleted=s(this,"deleted");this.endpoint=l.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}async focusField(){this.inputEl.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}handleBlur(){this.focused=false}onEditableChanged(e,t){if(t&&!e){d(this.el).unset()}}disconnectedCallback(){d(this.el).unset()}componentDidRender(){d.dynamicDrop(true);if(this.editable){d(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)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation()}handleResize(e){let{x:t=0,y:s=0,h:r=0}=e.target.dataset;let{width:i,height:o}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left;s=(parseFloat(s)||0)+e.deltaRect.top;r=(parseFloat(r)||0)+e.deltaRect.height;Object.assign(e.target.style,{width:`${i}px`,height:`${o}px`,transform:`translate(${t}px, ${s+r}px)`});Object.assign(e.target.dataset,{x:t,y:s,h:r})}handleResizeEnd(e){const{source:t,sourceid:s,fieldname:r}=this;const{field:i}=h.getField(t,s,r,this.field);if(!i){return}const[o,a]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);const d=Math.round(parseFloat(e.target.style.width)/this.xscale);const l=Math.round(parseFloat(e.target.style.height)/this.yscale);const c=Math.round(i.x+o/this.xscale);const p=Math.round(i.y-a/this.yscale);n(this.endpoint,this.sourceid,this.fieldname,{x:c,y:p,width:d,height:l}).then((t=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:this.fieldname,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:d=false,disabled:l=false,focused:n,xscale:p=1,yscale:f=1}=this;const{index:u,field:m}=h.getField(e,t,s,this.field);const{required:v=false,placeholder:b="",value:x="",label:g="",readonly:k=false}=m||{};const y=`signer-${u%10+1}`;if(d){return r(o,{class:{"verdocs-field":true,done:d}},x)}return r(o,{class:{"verdocs-field":true,required:v,disabled:l,done:d,focused:n,[y]:true}},g&&r("label",null,g),r("textarea",{name:s,required:v,placeholder:b,disabled:k||l,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},x),a&&r(i,null,r("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},r("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Text areas may be used to create multi-line text fields."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-textarea",{endpoint:[16],source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textarea","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-textarea":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"verdocs-button":if(!customElements.get(a(e))){p()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){f()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){x()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){g()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{w as V,j as d};
-//# sourceMappingURL=p-DubfX0n1.js.map
+import{p as e,H as t,c as s,h as r,F as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-COaijEV0.js";import{VerdocsEndpoint as l,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-C7k2AOsW.js";import{S as p}from"./p-C7hFgM52.js";import{d as f}from"./p-Bb5V9TQx.js";import{d as h}from"./p-DGNIsXfr.js";import{d as u}from"./p-C-v22G3g.js";import{d as m}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as b}from"./p-DhOuB4nS.js";import{d as x}from"./p-Bodw4NVB.js";import{d as g}from"./p-Bxvw_LqR.js";import{d as k}from"./p-PfdIkMoz.js";const y=()=>`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}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.deleted=s(this,"deleted");this.endpoint=l.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}async focusField(){this.inputEl.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}handleBlur(){this.focused=false}onEditableChanged(e,t){if(t&&!e){d(this.el).unset()}}disconnectedCallback(){d(this.el).unset()}componentDidRender(){d.dynamicDrop(true);if(this.editable){d(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)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation()}handleResize(e){let{x:t=0,y:s=0,h:r=0}=e.target.dataset;let{width:i,height:o}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left;s=(parseFloat(s)||0)+e.deltaRect.top;r=(parseFloat(r)||0)+e.deltaRect.height;Object.assign(e.target.style,{width:`${i}px`,height:`${o}px`,transform:`translate(${t}px, ${s+r}px)`});Object.assign(e.target.dataset,{x:t,y:s,h:r})}handleResizeEnd(e){const{source:t,sourceid:s,fieldname:r}=this;const{field:i}=p.getField(t,s,r,this.field);if(!i){return}const[o,a]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);const d=Math.round(parseFloat(e.target.style.width)/this.xscale);const l=Math.round(parseFloat(e.target.style.height)/this.yscale);const c=Math.round(i.x+o/this.xscale);const f=Math.round(i.y-a/this.yscale);n(this.endpoint,this.sourceid,this.fieldname,{x:c,y:f,width:d,height:l}).then((t=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:this.fieldname,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:d=false,disabled:l=false,focused:n,xscale:f=1,yscale:h=1}=this;const{index:u,field:m}=p.getField(e,t,s,this.field);const{required:v=false,placeholder:b="",value:x="",label:g="",readonly:k=false}=m||{};const y=`signer-${u%10+1}`;if(d){return r(o,{class:{"verdocs-field":true,done:d}},x)}return r(o,{class:{"verdocs-field":true,required:v,disabled:l,done:d,focused:n,[y]:true}},g&&r("label",null,g),r("textarea",{name:s,required:v,placeholder:b,disabled:k||l,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},x),a&&r(i,null,r("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},r("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Text areas may be used to create multi-line text fields."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-textarea",{endpoint:[16],source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[2,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textarea","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-textarea":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"verdocs-button":if(!customElements.get(a(e))){f()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){h()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){x()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){g()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{w as V,j as d};
+//# sourceMappingURL=p-B4tpmyon.js.map

package/dist/components/{p-CsF979IT.js → p-BBCy2Hy2.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as o,h as s,d as i,t as d}from"./p-yZBlG3YQ.js";import{verifySigner as a}from"@verdocs/js-sdk";import{D as c}from"./p-b2u0_wDk.js";import{V as n}from"./p-D97GxsI-.js";import{d as l}from"./p-C0SHIuoK.js";import{d as r}from"./p-JGWMBIGy.js";import{d as f}from"./p-CxIhMndz.js";import{d as b}from"./p-BMGs9CCD.js";const p=()=>`verdocs-otp-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}verdocs-otp-dialog .heading .title{font-size:20px;font-weight:500}verdocs-otp-dialog .step{margin-left:6px;color:#666}verdocs-otp-dialog .help-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0;-ms-flex-align:center;align-items:center;color:black;margin-bottom:20px}verdocs-otp-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;font-size:14px;gap:5px}verdocs-otp-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-otp-dialog .help-text{font-weight:400}verdocs-otp-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;width:100%}verdocs-otp-dialog .buttons verdocs-button{margin-left:16px}`;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.resendTimeout=null;this.endpoint=c;this.method="email";this.resendDisabled=true;this.response=""}componentDidLoad(){this.startResendTimeout();setTimeout((()=>{a(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response=""})).catch((e=>console.log("Error resending code",e)))}),1e3)}disconnectedCallback(){if(this.resendTimeout){clearTimeout(this.resendTimeout);this.resendTimeout=null}}handleCancel(){this.exit.emit()}startResendTimeout(){this.resendDisabled=true;if(this.resendTimeout){clearTimeout(this.resendTimeout)}this.resendTimeout=setTimeout((()=>{this.resendDisabled=false}),3e4)}handleResend(){this.startResendTimeout();a(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response="";n("A new code has been sent.")})).catch((e=>console.log("Error resending code",e)))}handleSubmit(){this.startResendTimeout();a(this.endpoint,{auth_method:this.method,code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e});n("Thank you. Your verification was successful.")})).catch((e=>{n("Invalid verification code. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return s(i,{key:"dd49120f21d193dc254648d7285bdae58d8b720e"},s("verdocs-dialog",{key:"2052eee544c96b16d02e2bd2b1ba6b9527397d74",persistent:true,onExit:()=>this.handleCancel()},s("div",{key:"68facdc18ef1a6da0796646bdbbabe1567ebdf48",slot:"heading",class:"heading"},s("div",{key:"23d9eb1057aa9f445ccfaf5642c77799c36b7a67",class:"title"},"Verification Required")),s("div",{key:"f6e2d79a28411743a1b48573d120f4cd986656d8",slot:"content",class:"content"},s("div",{key:"8829db746c90efd5c23e1be5f1950f8e6b383582",class:"help-box"},s("div",{key:"9e27a36bb704f789f2dc6a1d612a066ba48cda2e",class:"help-details"},s("div",{key:"c34a9c354f58466690bd77436a1bb105f25f6d04",class:"help-text"},"Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder."))),s("verdocs-text-input",{key:"5aeffa74b7703c86849cf6bbedc746584e346379",id:"verdocs-otp-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter your one-time code...",onInput:e=>this.response=e.target.value})),s("div",{key:"d96f03dfaffebabc10d67fb2b35c97303198a08a",slot:"footer",class:"buttons footer"},s("verdocs-button",{key:"0ea3512e6e87650bfe9f137795e6fc98403bdae0",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),s("verdocs-button",{key:"f1ace3296417909507ceee4c777f64f07f5fa061",label:"Resend",onClick:()=>this.handleResend(),disabled:this.resendDisabled}),s("verdocs-button",{key:"3b098c6589cea3ff4a7c3e6b7bf2089324de0931",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return p()}},[0,"verdocs-otp-dialog",{endpoint:[1040],method:[1],resendDisabled:[32],response:[32]}]);function m(){if(typeof customElements==="undefined"){return}const e=["verdocs-otp-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-otp-dialog":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"verdocs-button":if(!customElements.get(d(e))){l()}break;case"verdocs-dialog":if(!customElements.get(d(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){f()}break;case"verdocs-text-input":if(!customElements.get(d(e))){b()}break}}))}export{h as V,m as d};
-//# sourceMappingURL=p-CsF979IT.js.map
+import{p as e,H as t,c as o,h as s,d as i,t as d}from"./p-yZBlG3YQ.js";import{verifySigner as c}from"@verdocs/js-sdk";import{D as a}from"./p-Cq60Emo_.js";import{V as n}from"./p-D97GxsI-.js";import{d as l}from"./p-Bb5V9TQx.js";import{d as r}from"./p-C90lxyUX.js";import{d as f}from"./p-DHzSlpJw.js";import{d as b}from"./p-PfdIkMoz.js";const p=()=>`verdocs-otp-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}verdocs-otp-dialog .heading .title{font-size:20px;font-weight:500}verdocs-otp-dialog .step{margin-left:6px;color:#666}verdocs-otp-dialog .help-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0;-ms-flex-align:center;align-items:center;color:black;margin-bottom:20px}verdocs-otp-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;font-size:14px;gap:5px}verdocs-otp-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-otp-dialog .help-text{font-weight:400}verdocs-otp-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;width:100%}verdocs-otp-dialog .buttons verdocs-button{margin-left:16px}`;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.resendTimeout=null;this.endpoint=a;this.method="email";this.resendDisabled=true;this.response=""}componentDidLoad(){this.startResendTimeout();setTimeout((()=>{c(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response=""})).catch((e=>console.log("Error resending code",e)))}),1e3)}disconnectedCallback(){if(this.resendTimeout){clearTimeout(this.resendTimeout);this.resendTimeout=null}}handleCancel(){this.exit.emit()}startResendTimeout(){this.resendDisabled=true;if(this.resendTimeout){clearTimeout(this.resendTimeout)}this.resendTimeout=setTimeout((()=>{this.resendDisabled=false}),3e4)}handleResend(){this.startResendTimeout();c(this.endpoint,{auth_method:this.method,code:"",resend:true}).then((e=>{console.log("Resend result",e);this.response="";n("A new code has been sent.")})).catch((e=>console.log("Error resending code",e)))}handleSubmit(){this.startResendTimeout();c(this.endpoint,{auth_method:this.method,code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e});n("Thank you. Your verification was successful.")})).catch((e=>{n("Invalid verification code. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return s(i,{key:"1187602c7fa3bffae0190508d4deded706064f6a"},s("verdocs-dialog",{key:"194df6be2c632827d6fa959237e3999aded74367",persistent:true,onExit:()=>this.handleCancel()},s("div",{key:"7b6c5cc8416d94c468f589eecdbd9c923ce14e5b",slot:"heading",class:"heading"},s("div",{key:"a4c8d3e55c52cac5e4a438f2f17b2a8c26ad9cff",class:"title"},"Verification Required")),s("div",{key:"bdb8d9cfbe5e42ab138cb12c8a0dc71626dcf1a7",slot:"content",class:"content"},s("div",{key:"2558bbb34b5246aecc99d21ecabd557eb51cfee3",class:"help-box"},s("div",{key:"04d52bce518747b513ad9853ace71c7c0fe565d8",class:"help-details"},s("div",{key:"34e5365a806debf3937c37b4d25af3012febcf01",class:"help-text"},"Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder."))),s("verdocs-text-input",{key:"14259af8e819f08354855f1a0790664fd88bf195",id:"verdocs-otp-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter your one-time code...",onInput:e=>this.response=e.target.value})),s("div",{key:"402b142c264545ba0c58f34c6159701f8b1db405",slot:"footer",class:"buttons footer"},s("verdocs-button",{key:"05775b0bc3a63fbd1aedf595ad45a8087427788d",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),s("verdocs-button",{key:"9f958088de9652ad64755fd697392e4049ad035a",label:"Resend",onClick:()=>this.handleResend(),disabled:this.resendDisabled}),s("verdocs-button",{key:"f9347c5251d4a14d60aa2cbe59d73642d9ee3950",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return p()}},[0,"verdocs-otp-dialog",{endpoint:[1040],method:[1],resendDisabled:[32],response:[32]}]);function m(){if(typeof customElements==="undefined"){return}const e=["verdocs-otp-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-otp-dialog":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"verdocs-button":if(!customElements.get(d(e))){l()}break;case"verdocs-dialog":if(!customElements.get(d(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){f()}break;case"verdocs-text-input":if(!customElements.get(d(e))){b()}break}}))}export{h as V,m as d};
+//# sourceMappingURL=p-BBCy2Hy2.js.map

package/dist/components/{p-D_FNSGtS.js → p-BKLlc2r0.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as o,d as i,F as r,t as a}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as n}from"./p-C7k2AOsW.js";import{S as d}from"./p-C7hFgM52.js";import{d as c}from"./p-C0SHIuoK.js";import{d as h}from"./p-DVx4efoX.js";import{d as p}from"./p--jRXEN0c.js";import{d as f}from"./p-JGWMBIGy.js";import{d as m}from"./p-CxIhMndz.js";import{d as v}from"./p-vimrvRye.js";import{d as u}from"./p-Dc3BDcaU.js";import{d as g}from"./p-CIgqf7hj.js";import{d as b}from"./p-u9H54zUE.js";import{d as x}from"./p-BWrwPDuU.js";import{d as k}from"./p-BMGs9CCD.js";import{d as w}from"./p-LYpUmpqf.js";const y=()=>`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}`;const j=`<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>`;const E=`<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>`;const C=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.attached=s(this,"attached");this.deleted=s(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=e=>{var t;console.log("Upload next",e);this.dialogOpen=false;this.selectedFile=e.detail[0];(t=this.attached)===null||t===void 0?void 0:t.emit(e.detail[0])};this.handleUploadRemove=e=>{var t;e.preventDefault();e.stopPropagation();this.dialogOpen=false;this.selectedFile=null;(t=this.deleted)===null||t===void 0?void 0:t.emit({fieldName:this.fieldname})}}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true;this.dialogOpen=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}handleShow(){this.dialogOpen=true}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:l=false,disabled:c=false,focused:h,xscale:p=1,yscale:f=1}=this;const{index:m,field:v}=d.getField(e,t,s,this.field);const{required:u=false,value:g="",label:b="",readonly:x=false,settings:k={}}=v||{};const w=`signer-${m%10+1}`;const y=g||!!this.selectedFile;if(l){return o(i,{class:{"verdocs-field":true,done:l}},o("div",{class:"attach",innerHTML:y?E:j}))}return o(i,{class:{"verdocs-field":true,required:u,disabled:c,done:l,focused:h,[w]:true}},b&&o("label",null,b),o("div",{class:"attach",innerHTML:y?E:j,onClick:()=>!c&&!x&&this.handleShow()}),a&&o(r,null,o("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:n,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&o("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},o("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow."}))),this.dialogOpen&&o("verdocs-portal",null,o("verdocs-upload-dialog",{existingFile:k,onNext:e=>this.handleUploadNext(e),onRemove:e=>this.handleUploadRemove(e),onExit:()=>this.dialogOpen=false})))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-attachment",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],dialogOpen:[32],selectedFile:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function M(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-attachment","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-field-attachment":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"verdocs-button":if(!customElements.get(a(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){h()}break;case"verdocs-component-error":if(!customElements.get(a(e))){p()}break;case"verdocs-dialog":if(!customElements.get(a(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){u()}break;case"verdocs-portal":if(!customElements.get(a(e))){g()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){w()}break}}))}export{C as V,M as d};
-//# sourceMappingURL=p-D_FNSGtS.js.map
+import{p as e,H as t,c as s,h as o,d as i,F as r,t as a}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as n}from"./p-C7k2AOsW.js";import{S as d}from"./p-C7hFgM52.js";import{d as c}from"./p-Bb5V9TQx.js";import{d as h}from"./p-DGNIsXfr.js";import{d as p}from"./p-C-v22G3g.js";import{d as f}from"./p-C90lxyUX.js";import{d as m}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as u}from"./p-5FU3bYQ3.js";import{d as g}from"./p-DhOuB4nS.js";import{d as b}from"./p-Bodw4NVB.js";import{d as x}from"./p-Bxvw_LqR.js";import{d as k}from"./p-PfdIkMoz.js";import{d as w}from"./p-DM3wePVp.js";const y=()=>`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}`;const j=`<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>`;const E=`<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>`;const C=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.attached=s(this,"attached");this.deleted=s(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=e=>{var t;console.log("Upload next",e);this.dialogOpen=false;this.selectedFile=e.detail[0];(t=this.attached)===null||t===void 0?void 0:t.emit(e.detail[0])};this.handleUploadRemove=e=>{var t;e.preventDefault();e.stopPropagation();this.dialogOpen=false;this.selectedFile=null;(t=this.deleted)===null||t===void 0?void 0:t.emit({fieldName:this.fieldname})}}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true;this.dialogOpen=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,t){if(t&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}handleShow(){this.dialogOpen=true}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:l=false,disabled:c=false,focused:h,xscale:p=1,yscale:f=1}=this;const{index:m,field:v}=d.getField(e,t,s,this.field);const{required:u=false,value:g="",label:b="",readonly:x=false,settings:k={}}=v||{};const w=`signer-${m%10+1}`;const y=g||!!this.selectedFile;if(l){return o(i,{class:{"verdocs-field":true,done:l}},o("div",{class:"attach",innerHTML:y?E:j}))}return o(i,{class:{"verdocs-field":true,required:u,disabled:c,done:l,focused:h,[w]:true}},b&&o("label",null,b),o("div",{class:"attach",innerHTML:y?E:j,onClick:()=>!c&&!x&&this.handleShow()}),a&&o(r,null,o("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/p*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:n,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&o("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},o("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow."}))),this.dialogOpen&&o("verdocs-portal",null,o("verdocs-upload-dialog",{existingFile:k,onNext:e=>this.handleUploadNext(e),onRemove:e=>this.handleUploadRemove(e),onExit:()=>this.dialogOpen=false})))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[0,"verdocs-field-attachment",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],disabled:[516],editable:[516],moveable:[516],done:[516],xscale:[514],yscale:[514],pagenumber:[514],showingProperties:[32],dialogOpen:[32],selectedFile:[32],focused:[32],focusField:[64],showSettingsPanel:[64],hideSettingsPanel:[64]},[[0,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function B(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-attachment","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-field-attachment":if(!customElements.get(a(e))){customElements.define(a(e),C)}break;case"verdocs-button":if(!customElements.get(a(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){h()}break;case"verdocs-component-error":if(!customElements.get(a(e))){p()}break;case"verdocs-dialog":if(!customElements.get(a(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){u()}break;case"verdocs-portal":if(!customElements.get(a(e))){g()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){x()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){w()}break}}))}export{C as V,B as d};
+//# sourceMappingURL=p-BKLlc2r0.js.map

package/dist/components/{p-Dw7l6M37.js → p-BSUeI3vF.js}

@@ -1,2 +1,2 @@
-import{p as e,H as i,c as s,h as n,d as t,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as o,getEnvelope as r,getInPersonLink as c,formatFullName as a}from"@verdocs/js-sdk";import{V as p}from"./p-D97GxsI-.js";import{S as d}from"./p-C1sRVZWv.js";import{S as m}from"./p-C7hFgM52.js";import{d as x}from"./p-C0SHIuoK.js";const f=()=>`verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:"Inter", "Barlow", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}`;const u=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.next=s(this,"next");this.sdkError=s(this,"sdkError");this.envelopeListenerId=null;this.endpoint=o.getDefault();this.envelopeId="";this.roleName="";this.gettingLink=true;this.link="";this.loading=true;this.envelope=null;this.recipient=null}async componentWillLoad(){var e,i,s;try{this.endpoint.loadSession();if(!this.envelopeId){console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);return}if(!this.endpoint.session){console.log("[RECIPIENT_LINK] Unable to start session, must be authenticated");return}this.listenToEnvelope()}catch(n){console.log("[RECIPIENT_LINK] Error loading envelope",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new d(n.message,(i=n.response)===null||i===void 0?void 0:i.status,(s=n.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[RECIPIENT_LINK] Loading envelope",this.envelopeId);this.unlistenToEnvelope();m.subscribe("envelopes",this.envelopeId,(()=>r(this.endpoint,this.envelopeId)),false,(e=>{var i;this.envelope=e;this.loading=false;this.recipient=(((i=this.envelope)===null||i===void 0?void 0:i.recipients)||[]).find((e=>e.role_name===this.roleName));this.getLink(this.recipient)}))}unlistenToEnvelope(){if(this.envelopeListenerId){m.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handleDone(e){var i;e.preventDefault();(i=this.next)===null||i===void 0?void 0:i.emit({envelope:this.envelope})}copyLink(e){navigator.clipboard.writeText(e).then((()=>p("Link copied to clipboard!",{style:"success",duration:3e3}))).catch((e=>{console.warn("[RECIPIENT_LINK] Error copying to clipboard",e);p(`Unable to copy to clipboard: ${e.message}`,{style:"error"})}))}getLink(e){this.gettingLink=true;c(this.endpoint,e.envelope_id,e.role_name).then((e=>{this.gettingLink=false;this.link=e.link})).catch((e=>{this.gettingLink=false;console.log("[RECIPIENT_LINK] Error getting link",e);p("Unable to get link: "+e.message,{style:"error"})}))}render(){if(this.loading||!this.recipient){return n(t,null)}const e=a(this.recipient);return n(t,null,n("div",{class:"summary-content"},n("h1",{class:"summary-title"},"In-Person Signing Link"),n("div",{class:"summary-rows"},n("div",{class:"summary-recipient"},n("div",{class:"role-name"},this.recipient.role_name),n("div",{class:"role-details"},n("div",{class:"role-info"},n("div",{class:"role-full-name"},e," (",this.recipient.email||this.recipient.phone,")"),!this.link&&n("verdocs-button",{size:"small",variant:"outline",label:this.gettingLink?"Loading...":"Get Link",disabled:this.gettingLink,onClick:()=>this.getLink(this.recipient)})),this.link&&n("div",{class:"link-wrapper"},n("div",{class:"link"},this.link),n("verdocs-button",{size:"small",variant:"outline",label:"Copy",onClick:()=>this.copyLink(this.link)}))))),n("div",{class:"buttons"},n("verdocs-button",{size:"small",label:"Done",onClick:e=>this.handleDone(e)}))))}static get style(){return f()}},[0,"verdocs-envelope-recipient-link",{endpoint:[16],envelopeId:[1,"envelope-id"],roleName:[1,"role-name"],isOpen:[32],gettingLink:[32],link:[32],loading:[32],envelope:[32],recipient:[32]}]);function h(){if(typeof customElements==="undefined"){return}const e=["verdocs-envelope-recipient-link","verdocs-button"];e.forEach((e=>{switch(e){case"verdocs-envelope-recipient-link":if(!customElements.get(l(e))){customElements.define(l(e),u)}break;case"verdocs-button":if(!customElements.get(l(e))){x()}break}}))}export{u as V,h as d};
-//# sourceMappingURL=p-Dw7l6M37.js.map
+import{p as e,H as i,c as s,h as n,d as t,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as o,getEnvelope as r,getInPersonLink as c,formatFullName as a}from"@verdocs/js-sdk";import{V as p}from"./p-D97GxsI-.js";import{S as d}from"./p-C1sRVZWv.js";import{S as m}from"./p-C7hFgM52.js";import{d as x}from"./p-Bb5V9TQx.js";const f=()=>`verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:"Inter", "Barlow", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}`;const h=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.next=s(this,"next");this.sdkError=s(this,"sdkError");this.envelopeListenerId=null;this.endpoint=o.getDefault();this.envelopeId="";this.roleName="";this.gettingLink=true;this.link="";this.loading=true;this.envelope=null;this.recipient=null}async componentWillLoad(){var e,i,s;try{this.endpoint.loadSession();if(!this.envelopeId){console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);return}if(!this.endpoint.session){console.log("[RECIPIENT_LINK] Unable to start session, must be authenticated");return}this.listenToEnvelope()}catch(n){console.log("[RECIPIENT_LINK] Error loading envelope",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new d(n.message,(i=n.response)===null||i===void 0?void 0:i.status,(s=n.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[RECIPIENT_LINK] Loading envelope",this.envelopeId);this.unlistenToEnvelope();m.subscribe("envelopes",this.envelopeId,(()=>r(this.endpoint,this.envelopeId)),false,(e=>{var i;this.envelope=e;this.loading=false;this.recipient=(((i=this.envelope)===null||i===void 0?void 0:i.recipients)||[]).find((e=>e.role_name===this.roleName));this.getLink(this.recipient)}))}unlistenToEnvelope(){if(this.envelopeListenerId){m.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handleDone(e){var i;e.preventDefault();(i=this.next)===null||i===void 0?void 0:i.emit({envelope:this.envelope})}copyLink(e){navigator.clipboard.writeText(e).then((()=>p("Link copied to clipboard!",{style:"success",duration:3e3}))).catch((e=>{console.warn("[RECIPIENT_LINK] Error copying to clipboard",e);p(`Unable to copy to clipboard: ${e.message}`,{style:"error"})}))}getLink(e){this.gettingLink=true;c(this.endpoint,e.envelope_id,e.role_name).then((e=>{this.gettingLink=false;this.link=e.link})).catch((e=>{this.gettingLink=false;console.log("[RECIPIENT_LINK] Error getting link",e);p("Unable to get link: "+e.message,{style:"error"})}))}render(){if(this.loading||!this.recipient){return n(t,null)}const e=a(this.recipient);return n(t,null,n("div",{class:"summary-content"},n("h1",{class:"summary-title"},"In-Person Signing Link"),n("div",{class:"summary-rows"},n("div",{class:"summary-recipient"},n("div",{class:"role-name"},this.recipient.role_name),n("div",{class:"role-details"},n("div",{class:"role-info"},n("div",{class:"role-full-name"},e," (",this.recipient.email||this.recipient.phone,")"),!this.link&&n("verdocs-button",{size:"small",variant:"outline",label:this.gettingLink?"Loading...":"Get Link",disabled:this.gettingLink,onClick:()=>this.getLink(this.recipient)})),this.link&&n("div",{class:"link-wrapper"},n("div",{class:"link"},this.link),n("verdocs-button",{size:"small",variant:"outline",label:"Copy",onClick:()=>this.copyLink(this.link)}))))),n("div",{class:"buttons"},n("verdocs-button",{size:"small",label:"Done",onClick:e=>this.handleDone(e)}))))}static get style(){return f()}},[0,"verdocs-envelope-recipient-link",{endpoint:[16],envelopeId:[1,"envelope-id"],roleName:[1,"role-name"],isOpen:[32],gettingLink:[32],link:[32],loading:[32],envelope:[32],recipient:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["verdocs-envelope-recipient-link","verdocs-button"];e.forEach((e=>{switch(e){case"verdocs-envelope-recipient-link":if(!customElements.get(l(e))){customElements.define(l(e),h)}break;case"verdocs-button":if(!customElements.get(l(e))){x()}break}}))}export{h as V,u as d};
+//# sourceMappingURL=p-BSUeI3vF.js.map