@verdocs/web-sdk 2.3.62 → 2.3.64

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

@@ -1,91 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-31385d19.js');
-const Icons = require('./Icons-3286d014.js');
-require('./index-f712049c.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Types-f89f9116.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-fb95ed6b.js');
-require('./index-7c19ba1d.js');
-
-const verdocsFieldDropdownCss = "verdocs-field-dropdown{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:85px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown.disabled{opacity:0.5}verdocs-field-dropdown select{cursor:inherit;position:absolute;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #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: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:1px solid rgba(0, 0, 0, 0.2);padding:0 5px}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.required select{border:1px solid #cc0000}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}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.6}verdocs-field-dropdown .settings-icon svg{fill:#707ae5}verdocs-field-dropdown .settings-icon:hover{opacity:1}";
-
-const VerdocsFieldDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fieldChange = index.createEvent(this, "fieldChange", 7);
-    this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-    this.deleted = index.createEvent(this, "deleted", 7);
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.templateid = '';
-    this.fieldname = '';
-    this.disabled = false;
-    this.editable = false;
-    this.moveable = false;
-    this.done = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.showingProperties = false;
-  }
-  async focusField() {
-    this.el.focus();
-  }
-  handleChange(e) {
-    this.fieldChange.emit(e.target.value);
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  async componentWillLoad() {
-    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
-    this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const roleIndex = TemplateRoleStore.getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || Colors.getRGBA(roleIndex);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const settings = utils.getFieldSettings(field);
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const value = (settings === null || settings === void 0 ? void 0 : settings.value) || '';
-    if (this.done) {
-      return index.h(index.Host, { class: { done: this.done } }, value);
-    }
-    return (index.h(index.Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, index.h("select", { tabIndex: settings.order, disabled: disabled, ref: el => (this.el = el), onChange: e => this.handleChange(e) }, index.h("option", { value: "" }, "Select..."), (settings.options || []).map(option => (index.h("option", { value: option.id, selected: option.value === value }, option.value)))), this.editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
-        var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
-        var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: "Dropdowns are used to capture a recipient's selection of one of several options." })))))));
-  }
-};
-VerdocsFieldDropdown.style = verdocsFieldDropdownCss;
-
-exports.verdocs_field_dropdown = VerdocsFieldDropdown;

package/dist/cjs/verdocs-field-initial.cjs.entry.js

@@ -1,113 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-31385d19.js');
-const Icons = require('./Icons-3286d014.js');
-require('./index-f712049c.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Types-f89f9116.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-fb95ed6b.js');
-require('./index-7c19ba1d.js');
-
-const verdocsFieldInitialCss = "verdocs-field-initial{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial.disabled{opacity:0.5}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;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 #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}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.6}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}";
-
-const VerdocsFieldInitial = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.adopt = index.createEvent(this, "adopt", 7);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.fieldChange = index.createEvent(this, "fieldChange", 7);
-    this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-    this.settingsPress = index.createEvent(this, "settingsPress", 7);
-    this.deleted = index.createEvent(this, "deleted", 7);
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.templateid = '';
-    this.fieldname = '';
-    this.disabled = false;
-    this.initials = '';
-    this.editable = false;
-    this.moveable = false;
-    this.done = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.showingProperties = false;
-    this.tempInitials = '';
-  }
-  async focusField() {
-    this.handleShow();
-  }
-  async componentWillLoad() {
-    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
-    this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
-  }
-  hideDialog() {
-    var _a;
-    (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    this.dialog = null;
-  }
-  handleAdopt(e) {
-    var _a;
-    console.log('[INITIAL] Adopted initials');
-    this.tempInitials = e.detail;
-    (_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.tempInitials);
-    this.hideDialog();
-  }
-  handleShow() {
-    this.dialog = document.createElement('verdocs-initial-dialog');
-    this.dialog.setAttribute('initials', this.initials);
-    // this.dialog.setAttribute('roleindex', this.roleindex);
-    this.dialog.addEventListener('exit', () => this.hideDialog());
-    this.dialog.addEventListener('next', e => this.handleAdopt(e));
-    document.body.append(this.dialog);
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const roleIndex = TemplateRoleStore.getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || Colors.getRGBA(roleIndex);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const settings = utils.getFieldSettings(field);
-    const value = settings.base64 || this.tempInitials;
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    if (this.done) {
-      return index.h(index.Host, { class: { done: this.done } }, value && index.h("img", { src: value, alt: "Initials" }));
-    }
-    return (index.h(index.Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, value ? (index.h("img", { src: value, alt: "Initials" })) : (index.h("button", { class: {}, onClick: () => !disabled && this.handleShow() }, "Initials")), this.editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${this.fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
-        var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
-        var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: "initial fields capture the recipient's initials on a clause or page." })))))));
-  }
-};
-VerdocsFieldInitial.style = verdocsFieldInitialCss;
-
-exports.verdocs_field_initial = VerdocsFieldInitial;

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-31385d19.js');
-const Icons = require('./Icons-3286d014.js');
-require('./index-f712049c.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Types-f89f9116.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-fb95ed6b.js');
-require('./index-7c19ba1d.js');
-
-const verdocsFieldRadioButtonCss = "verdocs-field-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:12px;height:12px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button svg{margin-top:4px}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button.disabled.done{opacity:1}verdocs-field-radio-button input{cursor:inherit}verdocs-field-radio-button.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio-button:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button:not(.done) input[type=radio]+label:before{content:\"\";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-radio-button verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio-button .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-radio-button .settings-icon svg{fill:#707ae5}verdocs-field-radio-button .settings-icon:hover{opacity:1}";
-
-const RadioIconUnselected = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;
-const RadioIconSelected = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;
-const VerdocsFieldRadioButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-    this.deleted = index.createEvent(this, "deleted", 7);
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.templateid = '';
-    this.fieldname = '';
-    this.option = 0;
-    this.disabled = false;
-    this.done = false;
-    this.editable = false;
-    this.moveable = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.showingProperties = false;
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  async componentWillLoad() {
-    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
-    this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const roleIndex = TemplateRoleStore.getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || Colors.getRGBA(roleIndex);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const settings = utils.getFieldSettings(field);
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const required = field.required;
-    const option = settings.options[this.option];
-    const id = `${field.name}-${option.id}`;
-    if (this.done) {
-      return (index.h(index.Host, { class: { done: this.done }, style: { maxWidth: '10px' } }, index.h("span", { innerHTML: !!option.selected ? RadioIconSelected : RadioIconUnselected })));
-    }
-    return (index.h(index.Host, { class: { required, disabled }, style: { backgroundColor } }, index.h("input", { id: id, type: "radio", name: field.name, value: option.id, tabIndex: settings.order, checked: !!option.selected, disabled: disabled, required: settings.required }), index.h("label", { htmlFor: id }), this.editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
-        var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
-        var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: "Radio buttons capture the recipient's selection of just one of several related (exclusive) options." })))))));
-  }
-};
-VerdocsFieldRadioButton.style = verdocsFieldRadioButtonCss;
-
-exports.verdocs_field_radio_button = VerdocsFieldRadioButton;

package/dist/cjs/verdocs-field-signature.cjs.entry.js

@@ -1,112 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-31385d19.js');
-const Icons = require('./Icons-3286d014.js');
-require('./index-f712049c.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Types-f89f9116.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-fb95ed6b.js');
-require('./index-7c19ba1d.js');
-
-const verdocsFieldSignatureCss = "verdocs-field-signature{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature.disabled{opacity:0.5}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-signature .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-signature .settings-icon svg{fill:#707ae5}verdocs-field-signature .settings-icon:hover{opacity:1}";
-
-const VerdocsFieldSignature = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fieldChange = index.createEvent(this, "fieldChange", 7);
-    this.settingsPress = index.createEvent(this, "settingsPress", 7);
-    this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-    this.deleted = index.createEvent(this, "deleted", 7);
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.templateid = '';
-    this.fieldname = '';
-    this.name = '';
-    this.disabled = false;
-    this.editable = false;
-    this.moveable = false;
-    this.done = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.showingProperties = false;
-    this.tempSignature = '';
-  }
-  async focusField() {
-    this.handleShow();
-    console.log('focused', this);
-  }
-  hideDialog() {
-    var _a;
-    (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    this.dialog = null;
-  }
-  handleAdopt(e) {
-    var _a;
-    console.log('[SIGNATURE] Adopted signature');
-    this.tempSignature = e.detail;
-    (_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.tempSignature);
-    this.hideDialog();
-  }
-  handleShow() {
-    this.dialog = document.createElement('verdocs-signature-dialog');
-    this.dialog.setAttribute('name', this.name);
-    // this.dialog.setAttribute('roleindex', this.roleindex);
-    this.dialog.addEventListener('exit', () => this.hideDialog());
-    this.dialog.addEventListener('next', e => this.handleAdopt(e));
-    document.body.append(this.dialog);
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  async componentWillLoad() {
-    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
-    this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const roleIndex = TemplateRoleStore.getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || Colors.getRGBA(roleIndex);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const settings = utils.getFieldSettings(field);
-    const value = settings.base64 || this.tempSignature;
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    if (this.done) {
-      return index.h(index.Host, { class: { done: this.done } }, value && index.h("img", { src: value, alt: "Signature" }));
-    }
-    return (index.h(index.Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, value ? index.h("img", { src: value, alt: "Signature" }) : index.h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), this.editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
-        var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
-        var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: "Signature fields capture a recipient's signature on a document." })))))));
-  }
-};
-VerdocsFieldSignature.style = verdocsFieldSignatureCss;
-
-exports.verdocs_field_signature = VerdocsFieldSignature;

package/dist/cjs/verdocs-field-textarea.cjs.entry.js

@@ -1,141 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const interact_min = require('./interact.min-49218928.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const Fields = require('./Fields-705a2168.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const utils = require('./utils-31385d19.js');
-const Icons = require('./Icons-3286d014.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./index-f712049c.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-fb95ed6b.js');
-require('./index-7c19ba1d.js');
-
-const verdocsFieldTextareaCss = "verdocs-field-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea.disabled{opacity:0.5}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:rgba(0, 0, 0, 0.87)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid #cc0000}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}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.6}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .settings-icon:hover{opacity:1}";
-
-const VerdocsFieldTextarea = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-    this.deleted = index.createEvent(this, "deleted", 7);
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateid = '';
-    this.fieldname = '';
-    this.disabled = false;
-    this.editable = false;
-    this.moveable = false;
-    this.done = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.showingProperties = false;
-  }
-  async focusField() {
-    this.inputEl.focus();
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  async componentWillLoad() {
-    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
-    this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
-  }
-  componentDidRender() {
-    interact_min.interact_min.dynamicDrop(true);
-    if (this.editable) {
-      interact_min.interact_min(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 = 0, y = 0, h = 0 } = e.target.dataset;
-    let { width, height } = e.rect;
-    x = (parseFloat(x) || 0) + e.deltaRect.left;
-    y = (parseFloat(y) || 0) + e.deltaRect.top;
-    h = (parseFloat(h) || 0) + e.deltaRect.height;
-    Object.assign(e.target.style, {
-      width: `${width}px`,
-      height: `${height}px`,
-      transform: `translate(${x}px, ${y + h}px)`,
-    });
-    Object.assign(e.target.dataset, { x, y, h });
-  }
-  handleResizeEnd(e) {
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const newSettings = { ...utils.getFieldSettings(field) };
-    const [translateX, translateY] = e.target.style.transform.split('(')[1].split(')')[0].split(',').map(parseFloat);
-    newSettings.width = Math.round(parseFloat(e.target.style.width) / this.xscale);
-    newSettings.height = Math.round(parseFloat(e.target.style.height) / this.yscale);
-    newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
-    newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
-    Fields.updateField(this.endpoint, this.templateid, this.fieldname, { setting: newSettings })
-      .then(field => {
-      var _a;
-      (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldname, settings: newSettings, field });
-      Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
-    })
-      .catch(e => console.log('Field update failed', e));
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const roleIndex = TemplateRoleStore.getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || Colors.getRGBA(roleIndex);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const settings = utils.getFieldSettings(field);
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const value = (settings === null || settings === void 0 ? void 0 : settings.result) || '';
-    if (this.done) {
-      return index.h(index.Host, { class: { done: this.done } }, settings.value);
-    }
-    return (index.h(index.Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled, done: this.done }, style: { backgroundColor } }, index.h("textarea", { placeholder: settings.placeholder || '', tabIndex: settings.order, disabled: disabled, name: field.name, required: field === null || field === void 0 ? void 0 : field.required, ref: el => (this.inputEl = el) }, value), this.editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${this.fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
-        var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
-        var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: 'Text areas may be used to create multi-line text fields.' })))))));
-  }
-  get el() { return index.getElement(this); }
-};
-VerdocsFieldTextarea.style = verdocsFieldTextareaCss;
-
-exports.verdocs_field_textarea = VerdocsFieldTextarea;