@verdocs/web-sdk 2.3.16 → 2.3.19

package/dist/types/components.d.ts

@@ -7,7 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { VerdocsEndpoint } from "@verdocs/js-sdk";
 import { SDKError } from "./utils/errors";
-import { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeField, IEnvelopeSummary, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
+import { IActivityEntry, ICreateEnvelopeRole, IEnvelope, IEnvelopeSummary, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
 import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 import { TVerdocsBuildStep } from "./components/embeds/verdocs-build/verdocs-build";
 import { IRole, ITemplate, ITemplateField, ITemplateFieldSetting, TTemplateSender } from "@verdocs/js-sdk/Templates/Types";
@@ -303,9 +303,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -348,9 +348,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
@@ -373,6 +373,14 @@ export namespace Components {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldDate {
         /**
@@ -388,9 +396,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -410,6 +418,14 @@ export namespace Components {
           * The template the field is for/from. Only required for the field builder, passed down to the properties component.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldDropdown {
         /**
@@ -425,9 +441,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -447,6 +463,14 @@ export namespace Components {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldInitial {
         /**
@@ -462,9 +486,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -488,6 +512,14 @@ export namespace Components {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldPayment {
         "currentInitial": string;
@@ -498,11 +530,11 @@ export namespace Components {
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
          */
         "disabled"?: boolean;
+        "fieldId": string;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
-        "fieldId": string;
+        "fieldname": string;
         "fields": any[];
         "focused": boolean;
         "hideSettingsPanel": () => Promise<void>;
@@ -525,6 +557,14 @@ export namespace Components {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldRadioButton {
         /**
@@ -540,9 +580,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
@@ -565,6 +605,14 @@ export namespace Components {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldSignature {
         /**
@@ -580,9 +628,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -606,6 +654,14 @@ export namespace Components {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldTextarea {
         /**
@@ -625,9 +681,9 @@ export namespace Components {
          */
         "endpoint": VerdocsEndpoint;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -673,10 +729,6 @@ export namespace Components {
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used. This component self-manages its resize (width) behavior when in edit-template mode, and uses this endpoint to save changes.
          */
         "endpoint": VerdocsEndpoint;
-        /**
-          * The document or template field to display.
-         */
-        "field": IEnvelopeField | ITemplateField | null;
         /**
           * The name of the field to display.
          */
@@ -723,9 +775,9 @@ export namespace Components {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field": IEnvelopeField | ITemplateField | null;
+        "fieldname": string;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -745,6 +797,14 @@ export namespace Components {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid": string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFileChooser {
         /**
@@ -2609,9 +2669,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2663,9 +2723,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2694,6 +2754,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldDate {
         /**
@@ -2709,9 +2777,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2740,6 +2808,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required for the field builder, passed down to the properties component.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldDropdown {
         /**
@@ -2755,9 +2831,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2786,6 +2862,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldInitial {
         /**
@@ -2801,9 +2885,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * The document or template field to display.
          */
@@ -2848,6 +2932,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldPayment {
         "currentInitial"?: string;
@@ -2858,11 +2950,11 @@ declare namespace LocalJSX {
           * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
          */
         "disabled"?: boolean;
+        "fieldId"?: string;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
-        "fieldId"?: string;
+        "fieldname"?: string;
         "fields"?: any[];
         "focused"?: boolean;
         /**
@@ -2890,6 +2982,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldRadioButton {
         /**
@@ -2905,9 +3005,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2936,6 +3036,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldSignature {
         /**
@@ -2951,9 +3059,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2990,6 +3098,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFieldTextarea {
         /**
@@ -3009,9 +3125,9 @@ declare namespace LocalJSX {
          */
         "endpoint"?: VerdocsEndpoint;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -3062,10 +3178,6 @@ declare namespace LocalJSX {
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used. This component self-manages its resize (width) behavior when in edit-template mode, and uses this endpoint to save changes.
          */
         "endpoint"?: VerdocsEndpoint;
-        /**
-          * The document or template field to display.
-         */
-        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * The name of the field to display.
          */
@@ -3117,9 +3229,9 @@ declare namespace LocalJSX {
          */
         "editable"?: boolean;
         /**
-          * The document or template field to display.
+          * The name of the field to display.
          */
-        "field"?: IEnvelopeField | ITemplateField | null;
+        "fieldname"?: string;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -3144,6 +3256,14 @@ declare namespace LocalJSX {
           * The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog.
          */
         "templateid"?: string;
+        /**
+          * If set, the field will be be scaled horizontally by this factor.
+         */
+        "xscale"?: number;
+        /**
+          * If set, the field will be be scaled vertically by this factor.
+         */
+        "yscale"?: number;
     }
     interface VerdocsFileChooser {
         /**

package/dist/types/utils/TemplateFieldStore.d.ts

@@ -1,6 +1,8 @@
 import { ObservableMap } from '@stencil/store';
+import { IEnvelope, IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { ITemplate, ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-export declare type TTemplateFieldMap = Record<string, ITemplateField>;
+export declare type TTemplateFieldMap = Record<string, ITemplateField | IEnvelopeField>;
 export declare type TTemplateFieldStore = ObservableMap<TTemplateFieldMap>;
 export declare const getTemplateFieldStore: (templateId: string) => TTemplateFieldStore;
 export declare const createTemplateFieldStore: (template: ITemplate) => TTemplateFieldStore;
+export declare const createTemplateFieldStoreFromEnvelope: (envelope: IEnvelope) => TTemplateFieldStore;

package/dist/types/utils/utils.d.ts

@@ -26,7 +26,6 @@ export declare const getFieldSettings: (field: ITemplateField | IEnvelopeField)
  */
 export declare const updateCssTransform: (el: HTMLElement, key: string, value: string) => void;
 export declare const saveAttachment: (endpoint: VerdocsEndpoint, envelope: IEnvelope, documentId: string) => Promise<void>;
-export declare const saveCertificate: (endpoint: VerdocsEndpoint, envelope: IEnvelope, documentId: string) => Promise<void>;
 export declare const saveEnvelopesAsZip: (endpoint: VerdocsEndpoint, envelopes: (IEnvelope | IEnvelopeSummary)[]) => Promise<void>;
 /**
  * Throttle a given function by a delay value. Useful for things like resizeObserver.

package/dist/verdocs-web-sdk/p-040620ca.system.entry.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++){t=arguments[i];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{a(o.next(e))}catch(e){r(e)}}function l(e){try{a(o["throw"](e))}catch(e){r(e)}}function a(e){e.done?i(e.value):n(e.value).then(s,l)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return a([e,t])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];n=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var o=0,n=t.length,r;o<n;o++){if(r||!(o in t)){if(!r)r=Array.prototype.slice.call(t,0,o);r[o]=t[o]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-fbb8023f.system.js","./p-1ba9f457.system.js","./p-54498887.system.js","./p-9bf2d124.system.js","./p-b1288daf.system.js","./p-6992b715.system.js","./p-a98b0097.system.js","./p-187b20b7.system.js","./p-3af6b910.system.js"],(function(e){"use strict";var t,i,o,n,r,s,l,a,d,p,c,u;return{setters:[function(e){t=e.r;i=e.c;o=e.h;n=e.H;r=e.a},function(e){s=e.a},function(){},function(e){l=e.V},function(e){a=e.u;d=e.d},function(e){p=e.c},function(e){c=e.g},function(e){u=e.S},function(){}],execute:function(){var f="";var h="10001";var v=e("verdocs_portal",function(){function e(e){t(this,e);this.clickAway=i(this,"clickAway",7);this.moved=false;this.anchor=undefined;this.voffset=0;this.align="left"}e.prototype.handleScroll=function(){this.calculatePosition()};e.prototype.handleResize=function(){this.calculatePosition()};e.prototype.handleClick=function(e){var t;if(!this.element.contains(e.target)){(t=this.clickAway)===null||t===void 0?void 0:t.emit()}};e.prototype.calculateLeft=function(){var e=document.getElementById(this.anchor);if(!e)return 0;var t=e.getBoundingClientRect();if(this.align==="left"){return Math.max(t.left,0)}if(this.align==="right"){return Math.max(t.left+t.width-this.portal.offsetWidth,0)}return Math.max(t.left-this.portal.offsetWidth/2+t.width/2,0)};e.prototype.calculateTop=function(){var e=document.getElementById(this.anchor);if(!e)return 0;var t=e.getBoundingClientRect();return t.bottom+this.voffset};e.prototype.calculatePosition=function(){this.portal.style.top="".concat(this.calculateTop(),"px");this.portal.style.left="".concat(this.calculateLeft(),"px")};e.prototype.componentWillLoad=function(){var e;var t="".concat(this.anchor,"-portal");(e=document.getElementById(t))===null||e===void 0?void 0:e.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",t);this.portal.style.zIndex=h;this.portal.style.position="absolute";document.body.append(this.portal)};e.prototype.componentDidLoad=function(){this.portal.appendChild(this.element);this.calculatePosition()};e.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};e.prototype.render=function(){var e=this;return o(n,{ref:function(t){return e.element=t}},o("slot",null))};return e}());v.style=f;var m;var g=typeof s!=="undefined"&&(s.crypto||s.msCrypto);if(g&&g.getRandomValues){var x=new Uint8Array(16);m=function e(){g.getRandomValues(x);return x}}if(!m){var y=new Array(16);m=function(){for(var e=0,t;e<16;e++){if((e&3)===0)t=Math.random()*4294967296;y[e]=t>>>((e&3)<<3)&255}return y}}var b=m;var w=[];for(var k=0;k<256;++k){w[k]=(k+256).toString(16).substr(1)}function _(e,t){var i=t||0;var o=w;return o[e[i++]]+o[e[i++]]+o[e[i++]]+o[e[i++]]+"-"+o[e[i++]]+o[e[i++]]+"-"+o[e[i++]]+o[e[i++]]+"-"+o[e[i++]]+o[e[i++]]+"-"+o[e[i++]]+o[e[i++]]+o[e[i++]]+o[e[i++]]+o[e[i++]]+o[e[i++]]}var I=_;var q=b();var S=[q[0]|1,q[1],q[2],q[3],q[4],q[5]];var N=(q[6]<<8|q[7])&16383;var T=0,E=0;function P(e,t,i){var o=t&&i||0;var n=t||[];e=e||{};var r=e.clockseq!==undefined?e.clockseq:N;var s=e.msecs!==undefined?e.msecs:(new Date).getTime();var l=e.nsecs!==undefined?e.nsecs:E+1;var a=s-T+(l-E)/1e4;if(a<0&&e.clockseq===undefined){r=r+1&16383}if((a<0||s>T)&&e.nsecs===undefined){l=0}if(l>=1e4){throw new Error("uuid.v1(): Can't create more than 10M uuids/sec")}T=s;E=l;N=r;s+=122192928e5;var d=((s&268435455)*1e4+l)%4294967296;n[o++]=d>>>24&255;n[o++]=d>>>16&255;n[o++]=d>>>8&255;n[o++]=d&255;var p=s/4294967296*1e4&268435455;n[o++]=p>>>8&255;n[o++]=p&255;n[o++]=p>>>24&15|16;n[o++]=p>>>16&255;n[o++]=r>>>8|128;n[o++]=r&255;var c=e.node||S;for(var u=0;u<6;++u){n[o+u]=c[u]}return t?t:I(n)}var C=P;function L(e,t,i){var o=t&&i||0;if(typeof e=="string"){t=e=="binary"?new Array(16):null;e=null}e=e||{};var n=e.random||(e.rng||b)();n[6]=n[6]&15|64;n[8]=n[8]&63|128;if(t){for(var r=0;r<16;++r){t[o+r]=n[r]}}return t||I(n)}var A=L;var O=A;O.v1=C;O.v4=A;var R=O;var j='verdocs-template-field-properties{padding:20px;display:block;border-radius:4px;background:#ffffff;border:1px solid #ccc;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:2px 2px 10px 0px #0000001f;box-shadow:2px 2px 10px 0px #0000001f}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:#a50021}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 10px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}';var D=function(e){return e.charAt(0).toUpperCase()+e.slice(1)};var F='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>';var M='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var H=e("verdocs_template_field_properties",function(){function e(e){t(this,e);this.close=i(this,"close",7);this.delete=i(this,"delete",7);this.settingsChanged=i(this,"settingsChanged",7);this.sdkError=i(this,"sdkError",7);this.templateStore=null;this.fieldStore=null;this.watcher=null;this.endpoint=l.getDefault();this.templateId="";this.fieldName="";this.helpText="";this.dirty=false;this.loading=true;this.setting=null;this.label="";this.type="textbox";this.name="";this.required=false;this.roleName="";this.group="";this.fieldType="";this.options=[];this.placeholder="";this.value="";this.leading=0;this.showingHelp=false}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o,n,r,s,l,a,d,f;return __generator(this,(function(h){switch(h.label){case 0:h.trys.push([0,3,,4]);this.endpoint.loadSession();if(!this.templateId){console.log("[FIELD PROPERTIES] Missing required template ID ".concat(this.templateId));return[2]}if(!this.fieldName){console.error("[FIELD PROPERTIES] Missing required field name");return[2]}if(!this.endpoint.session){console.log("[FIELD PROPERTIES] Unable to start builder session, must be authenticated");return[2]}l=this;return[4,c(this.endpoint,this.templateId)];case 1:l.templateStore=h.sent();p(this.templateStore.state);a=this;return[4,p(this.templateStore.state)];case 2:a.fieldStore=h.sent();d=this.fieldStore.get(this.fieldName);if(!d){console.log('[FIELD PROPERTIES] Unable to find field "'.concat(this.fieldName,'" in fields'))}else{console.log("props",d)}this.watcher=this.fieldStore.onChange(this.fieldName,(function(e){console.log("Field changed",e)}));console.log("watcher",this.watcher);this.type=d.type;this.name=d.name;this.label=d.label;this.group=d.name;this.roleName=d.role_name;this.required=d.required;this.fieldType=d.type;this.placeholder=((e=d.setting)===null||e===void 0?void 0:e.placeholder)||"";this.value=((t=d.setting)===null||t===void 0?void 0:t.result)||"";this.leading=((i=d.setting)===null||i===void 0?void 0:i.leading)||0;this.setting=d.setting||{};this.options=((o=d.setting)===null||o===void 0?void 0:o.options)||[];this.dirty=false;this.loading=false;console.log("Displaying settings for",this.setting);return[3,4];case 3:f=h.sent();console.log("[FIELD PROPERTIES] Error loading template",f);this.loading=false;(n=this.sdkError)===null||n===void 0?void 0:n.emit(new u(f.message,(r=f.response)===null||r===void 0?void 0:r.status,(s=f.response)===null||s===void 0?void 0:s.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handleCancel=function(e){var t,i,o,n;e.stopPropagation();var r=this.fieldStore.get(this.fieldName);if(r){this.name=r.name;this.label=r.label;this.roleName=r.role_name;this.required=r.required;this.placeholder=((t=r.setting)===null||t===void 0?void 0:t.placeholder)||"";this.value=((i=r.setting)===null||i===void 0?void 0:i.result)||"";this.leading=((o=r.setting)===null||o===void 0?void 0:o.leading)||0}this.dirty=false;(n=this.close)===null||n===void 0?void 0:n.emit()};e.prototype.handleSave=function(e){var t=this;e.stopPropagation();var i={name:this.name,label:this.label||null,required:this.required,role_name:this.roleName};if(this.type==="checkbox_group"||this.type==="radio_button_group"){i.setting=this.setting;i.setting.options=this.options}else if(this.type==="textarea"||this.type==="textbox"){i.setting=__assign({},this.setting);i.setting.result=(this.value||"").trim()}else if(this.type==="dropdown"){i.setting={x:this.setting.x,y:this.setting.y,options:this.options}}console.log("FP: Will update",this.fieldName,i);a(this.endpoint,this.templateId,this.fieldName,i).then((function(e){var o,n;t.dirty=false;t.updateField(e);(o=t.settingsChanged)===null||o===void 0?void 0:o.emit({fieldName:t.fieldName,settings:i,field:e});(n=t.close)===null||n===void 0?void 0:n.emit()})).catch((function(){console.log("Field update failed",e)}))};e.prototype.handleAddOption=function(e){var t=this;e.stopPropagation();var i={name:this.name,required:this.required,role_name:this.roleName};this.options.push(this.type==="radio_button_group"?{id:R(),value:"Option ".concat(this.options.length+1),selected:false,x:this.options.length>0?this.options[this.options.length-1].x:20,y:this.options.length>0?this.options[this.options.length-1].y-25:20}:{id:R(),value:"Option ".concat(this.options.length+1),checked:false,x:this.options.length>0?this.options[this.options.length-1].x:20,y:this.options.length>0?this.options[this.options.length-1].y-25:20});i.setting=__assign({},this.setting);delete i.setting.result;i.setting.options=__spreadArray([],this.options,true);a(this.endpoint,this.templateId,this.fieldName,i).then((function(e){var o,n;t.dirty=false;t.updateField(e);(o=t.settingsChanged)===null||o===void 0?void 0:o.emit({fieldName:t.fieldName,settings:i,field:e});(n=t.close)===null||n===void 0?void 0:n.emit()})).catch((function(){console.log("Field update failed",e)}))};e.prototype.updateField=function(e){var t=this.fieldStore.get(this.fieldName)||{};console.log("Updating field",this.fieldName,e);Object.assign(t,e)};e.prototype.handleDelete=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this field? This action cannot be undone.")){d(this.endpoint,this.templateId,this.fieldName).then((function(){var e;t.fieldStore.set(t.fieldName,undefined);(e=t.delete)===null||e===void 0?void 0:e.emit({templateId:t.templateId,roleName:t.roleName})})).catch((function(e){console.log("[FIELD PROPERTIES] Deletion error",e)}))}return[2]}))}))};e.prototype.render=function(){var e=this;var t;if(!this.endpoint.session){return o(n,null,o("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(!this.endpoint.session||!this.fieldStore.get(this.fieldName)){return o(n,{class:"empty"})}if(this.helpText&&this.showingHelp){return o(n,null,o("h6",null,D(this.fieldType)," Settings ",o("div",{style:{flex:"1"}}),o("div",{class:"help-icon",innerHTML:M,onClick:function(){return e.showingHelp=false}})),o("p",{class:"instructions",innerHTML:this.helpText}))}return o(n,null,o("h6",null,D(this.fieldType.replace(/_/g," "))," Settings ",o("div",{style:{flex:"1"}}),this.helpText&&o("div",{class:"help-icon",innerHTML:M,onClick:function(){return e.showingHelp=true}})),o("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},o("div",{class:"row"},o("verdocs-text-input",{id:"verdocs-field-name",label:"Field Name",value:this.name,autocomplete:"off",placeholder:"Field Name...",onInput:function(t){e.name=t.target.value;e.dirty=true}})),o("div",{class:"row"},o("verdocs-text-input",{id:"verdocs-field-label",label:"Optional Label",value:this.label,autocomplete:"off",placeholder:"Optional Label...",onInput:function(t){e.label=t.target.value;e.dirty=true}})),o("div",{class:"row"},o("div",{class:"input-label"},"Role:"),o("verdocs-select-input",{value:this.roleName,options:(t=this.templateStore.state)===null||t===void 0?void 0:t.roles.map((function(e){return{label:e.name,value:e.name}})),onInput:function(t){e.roleName=t.target.value;e.dirty=true}})),["textbox","textarea"].includes(this.type)&&o("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},o("verdocs-text-input",{id:"verdocs-field-value",label:"Value",value:this.value,autocomplete:"off",placeholder:"Pre-defined value...",onInput:function(t){e.value=t.target.value;e.dirty=true}})),["textbox","textarea"].includes(this.type)&&o("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},o("verdocs-text-input",{id:"verdocs-field-placeholder",label:"Placeholder",value:this.placeholder,autocomplete:"off",placeholder:"Placeholder...",onInput:function(t){e.placeholder=t.target.value;e.dirty=true}})),o("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},o("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Required"),o("verdocs-checkbox",{id:"verdocs-is-required",name:"is-required",checked:this.required,value:"on",onInput:function(t){e.required=t.target.checked;e.dirty=true}})),["checkbox_group","radio_button_group"].includes(this.type)&&o("verdocs-button",{size:"small",onClick:function(t){return e.handleAddOption(t)},label:"Add Option"}),["dropdown"].includes(this.type)&&o("div",{class:"options"},o("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px",textAlign:"center",fontWeight:"700",fontSize:"14px",justifyContent:"center",backgroundColor:"#333333",padding:"5px 8px",color:"#ffffff"}},"Options"),o("div",{class:"row-header"},o("h6",null,"ID"),o("h6",null,"Label"),o("div",{style:{width:"34px"}})),this.options.map((function(t,i){return o("div",{class:"row option-row",key:i},o("verdocs-text-input",{id:"verdocs-option-id-".concat(t.id),value:t.id,placeholder:"Unique ID",onInput:function(t){e.options[i].id=t.target.value;e.dirty=true}}),o("verdocs-text-input",{id:"verdocs-option-value-".concat(t.id),value:t.value,placeholder:"Display value",onInput:function(t){e.options[i].value=t.target.value;e.dirty=true}}),o("button",{innerHTML:F,class:"remove-button",onClick:function(){e.options=e.options.filter((function(e){return e.id!==t.id}));e.dirty=true}}))})),o("div",{class:"row-header"},o("button",{class:"add-option-button",onClick:function(){e.options=__spreadArray(__spreadArray([],e.options,true),[{id:"option-".concat(e.options.length+1),value:"Option ".concat(e.options.length+1)}],false);e.dirty=true}},"Add Option"))),o("div",{class:"buttons"},o("button",{class:"delete-button",disabled:this.dirty,onClick:function(t){return e.handleDelete(t)},innerHTML:F}),o("div",{style:{flex:"1"}}),o("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:function(t){return e.handleCancel(t)}}),o("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:function(t){return e.handleSave(t)}}))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());H.style=j}}}));

package/dist/verdocs-web-sdk/p-07f0bcae.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as s,a as o}from"./p-14b44491.js";import{a as l}from"./p-7d5dbd9a.js";import"./p-05788c2b.js";import{V as r}from"./p-035f6b38.js";import{u as n,d}from"./p-feb442b1.js";import{c as a}from"./p-ffe39848.js";import{g as p}from"./p-fc2454b0.js";import{S as h}from"./p-7a1b2643.js";import"./p-7648c449.js";const c=class{constructor(i){e(this,i),this.clickAway=t(this,"clickAway",7),this.moved=!1,this.anchor=void 0,this.voffset=0,this.align="left"}handleScroll(){this.calculatePosition()}handleResize(){this.calculatePosition()}handleClick(e){var t;this.element.contains(e.target)||null===(t=this.clickAway)||void 0===t||t.emit()}calculateLeft(){const e=document.getElementById(this.anchor);if(!e)return 0;const t=e.getBoundingClientRect();return"left"===this.align?Math.max(t.left,0):"right"===this.align?Math.max(t.left+t.width-this.portal.offsetWidth,0):Math.max(t.left-this.portal.offsetWidth/2+t.width/2,0)}calculateTop(){const e=document.getElementById(this.anchor);return e?e.getBoundingClientRect().bottom+this.voffset:0}calculatePosition(){this.portal.style.top=`${this.calculateTop()}px`,this.portal.style.left=`${this.calculateLeft()}px`}componentWillLoad(){var e;const t=`${this.anchor}-portal`;null===(e=document.getElementById(t))||void 0===e||e.remove(),this.portal=document.createElement("div"),this.portal.setAttribute("id",t),this.portal.style.zIndex="10001",this.portal.style.position="absolute",document.body.append(this.portal)}componentDidLoad(){this.portal.appendChild(this.element),this.calculatePosition()}disconnectedCallback(){this.moved?this.portal.remove():this.moved=!0}render(){return i(s,{ref:e=>this.element=e},i("slot",null))}};var f;c.style="";var u=void 0!==l&&(l.crypto||l.msCrypto);if(u&&u.getRandomValues){var v=new Uint8Array(16);f=function(){return u.getRandomValues(v),v}}if(!f){var m=new Array(16);f=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),m[t]=e>>>((3&t)<<3)&255;return m}}for(var x=f,b=[],g=0;g<256;++g)b[g]=(g+256).toString(16).substr(1);var w=function(e,t){var i=t||0;return b[e[i++]]+b[e[i++]]+b[e[i++]]+b[e[i++]]+"-"+b[e[i++]]+b[e[i++]]+"-"+b[e[i++]]+b[e[i++]]+"-"+b[e[i++]]+b[e[i++]]+"-"+b[e[i++]]+b[e[i++]]+b[e[i++]]+b[e[i++]]+b[e[i++]]+b[e[i++]]},y=x(),k=[1|y[0],y[1],y[2],y[3],y[4],y[5]],I=16383&(y[6]<<8|y[7]),q=0,E=0,L=function(e,t,i){var s=t&&i||0;"string"==typeof e&&(t="binary"==e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||x)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t)for(var l=0;l<16;++l)t[s+l]=o[l];return t||w(o)},T=L;T.v1=function(e,t,i){var s=t&&i||0,o=t||[],l=void 0!==(e=e||{}).clockseq?e.clockseq:I,r=void 0!==e.msecs?e.msecs:(new Date).getTime(),n=void 0!==e.nsecs?e.nsecs:E+1,d=r-q+(n-E)/1e4;if(d<0&&void 0===e.clockseq&&(l=l+1&16383),(d<0||r>q)&&void 0===e.nsecs&&(n=0),n>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");q=r,E=n,I=l;var a=(1e4*(268435455&(r+=122192928e5))+n)%4294967296;o[s++]=a>>>24&255,o[s++]=a>>>16&255,o[s++]=a>>>8&255,o[s++]=255&a;var p=r/4294967296*1e4&268435455;o[s++]=p>>>8&255,o[s++]=255&p,o[s++]=p>>>24&15|16,o[s++]=p>>>16&255,o[s++]=l>>>8|128,o[s++]=255&l;for(var h=e.node||k,c=0;c<6;++c)o[s+c]=h[c];return t||w(o)},T.v4=L;var C=T;const P=e=>e.charAt(0).toUpperCase()+e.slice(1),M='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>',O='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>',R=class{constructor(i){e(this,i),this.close=t(this,"close",7),this.delete=t(this,"delete",7),this.settingsChanged=t(this,"settingsChanged",7),this.sdkError=t(this,"sdkError",7),this.templateStore=null,this.fieldStore=null,this.watcher=null,this.endpoint=r.getDefault(),this.templateId="",this.fieldName="",this.helpText="",this.dirty=!1,this.loading=!0,this.setting=null,this.label="",this.type="textbox",this.name="",this.required=!1,this.roleName="",this.group="",this.fieldType="",this.options=[],this.placeholder="",this.value="",this.leading=0,this.showingHelp=!1}async componentWillLoad(){var e,t,i,s,o,l,r;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);if(!this.fieldName)return void console.error("[FIELD PROPERTIES] Missing required field name");if(!this.endpoint.session)return void console.log("[FIELD PROPERTIES] Unable to start builder session, must be authenticated");this.templateStore=await p(this.endpoint,this.templateId),a(this.templateStore.state),this.fieldStore=await a(this.templateStore.state);const o=this.fieldStore.get(this.fieldName);o?console.log("props",o):console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in fields`),this.watcher=this.fieldStore.onChange(this.fieldName,(e=>{console.log("Field changed",e)})),console.log("watcher",this.watcher),this.type=o.type,this.name=o.name,this.label=o.label,this.group=o.name,this.roleName=o.role_name,this.required=o.required,this.fieldType=o.type,this.placeholder=(null===(e=o.setting)||void 0===e?void 0:e.placeholder)||"",this.value=(null===(t=o.setting)||void 0===t?void 0:t.result)||"",this.leading=(null===(i=o.setting)||void 0===i?void 0:i.leading)||0,this.setting=o.setting||{},this.options=(null===(s=o.setting)||void 0===s?void 0:s.options)||[],this.dirty=!1,this.loading=!1,console.log("Displaying settings for",this.setting)}catch(e){console.log("[FIELD PROPERTIES] Error loading template",e),this.loading=!1,null===(o=this.sdkError)||void 0===o||o.emit(new h(e.message,null===(l=e.response)||void 0===l?void 0:l.status,null===(r=e.response)||void 0===r?void 0:r.data))}}handleCancel(e){var t,i,s,o;e.stopPropagation();const l=this.fieldStore.get(this.fieldName);l&&(this.name=l.name,this.label=l.label,this.roleName=l.role_name,this.required=l.required,this.placeholder=(null===(t=l.setting)||void 0===t?void 0:t.placeholder)||"",this.value=(null===(i=l.setting)||void 0===i?void 0:i.result)||"",this.leading=(null===(s=l.setting)||void 0===s?void 0:s.leading)||0),this.dirty=!1,null===(o=this.close)||void 0===o||o.emit()}handleSave(e){e.stopPropagation();const t={name:this.name,label:this.label||null,required:this.required,role_name:this.roleName};"checkbox_group"===this.type||"radio_button_group"===this.type?(t.setting=this.setting,t.setting.options=this.options):"textarea"===this.type||"textbox"===this.type?(t.setting={...this.setting},t.setting.result=(this.value||"").trim()):"dropdown"===this.type&&(t.setting={x:this.setting.x,y:this.setting.y,options:this.options}),console.log("FP: Will update",this.fieldName,t),n(this.endpoint,this.templateId,this.fieldName,t).then((e=>{var i,s;this.dirty=!1,this.updateField(e),null===(i=this.settingsChanged)||void 0===i||i.emit({fieldName:this.fieldName,settings:t,field:e}),null===(s=this.close)||void 0===s||s.emit()})).catch((()=>{console.log("Field update failed",e)}))}handleAddOption(e){e.stopPropagation();const t={name:this.name,required:this.required,role_name:this.roleName};this.options.push("radio_button_group"===this.type?{id:C(),value:`Option ${this.options.length+1}`,selected:!1,x:this.options.length>0?this.options[this.options.length-1].x:20,y:this.options.length>0?this.options[this.options.length-1].y-25:20}:{id:C(),value:`Option ${this.options.length+1}`,checked:!1,x:this.options.length>0?this.options[this.options.length-1].x:20,y:this.options.length>0?this.options[this.options.length-1].y-25:20}),t.setting={...this.setting},delete t.setting.result,t.setting.options=[...this.options],n(this.endpoint,this.templateId,this.fieldName,t).then((e=>{var i,s;this.dirty=!1,this.updateField(e),null===(i=this.settingsChanged)||void 0===i||i.emit({fieldName:this.fieldName,settings:t,field:e}),null===(s=this.close)||void 0===s||s.emit()})).catch((()=>{console.log("Field update failed",e)}))}updateField(e){const t=this.fieldStore.get(this.fieldName)||{};console.log("Updating field",this.fieldName,e),Object.assign(t,e)}async handleDelete(e){e.stopPropagation(),window.confirm("Are you sure you wish to remove this field? This action cannot be undone.")&&d(this.endpoint,this.templateId,this.fieldName).then((()=>{var e;this.fieldStore.set(this.fieldName,void 0),null===(e=this.delete)||void 0===e||e.emit({templateId:this.templateId,roleName:this.roleName})})).catch((e=>{console.log("[FIELD PROPERTIES] Deletion error",e)}))}render(){var e;return this.endpoint.session?this.endpoint.session&&this.fieldStore.get(this.fieldName)?this.helpText&&this.showingHelp?i(s,null,i("h6",null,P(this.fieldType)," Settings ",i("div",{style:{flex:"1"}}),i("div",{class:"help-icon",innerHTML:O,onClick:()=>this.showingHelp=!1})),i("p",{class:"instructions",innerHTML:this.helpText})):i(s,null,i("h6",null,P(this.fieldType.replace(/_/g," "))," Settings ",i("div",{style:{flex:"1"}}),this.helpText&&i("div",{class:"help-icon",innerHTML:O,onClick:()=>this.showingHelp=!0})),i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-name",label:"Field Name",value:this.name,autocomplete:"off",placeholder:"Field Name...",onInput:e=>{this.name=e.target.value,this.dirty=!0}})),i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-label",label:"Optional Label",value:this.label,autocomplete:"off",placeholder:"Optional Label...",onInput:e=>{this.label=e.target.value,this.dirty=!0}})),i("div",{class:"row"},i("div",{class:"input-label"},"Role:"),i("verdocs-select-input",{value:this.roleName,options:null===(e=this.templateStore.state)||void 0===e?void 0:e.roles.map((e=>({label:e.name,value:e.name}))),onInput:e=>{this.roleName=e.target.value,this.dirty=!0}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-value",label:"Value",value:this.value,autocomplete:"off",placeholder:"Pre-defined value...",onInput:e=>{this.value=e.target.value,this.dirty=!0}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-placeholder",label:"Placeholder",value:this.placeholder,autocomplete:"off",placeholder:"Placeholder...",onInput:e=>{this.placeholder=e.target.value,this.dirty=!0}})),i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Required"),i("verdocs-checkbox",{id:"verdocs-is-required",name:"is-required",checked:this.required,value:"on",onInput:e=>{this.required=e.target.checked,this.dirty=!0}})),["checkbox_group","radio_button_group"].includes(this.type)&&i("verdocs-button",{size:"small",onClick:e=>this.handleAddOption(e),label:"Add Option"}),["dropdown"].includes(this.type)&&i("div",{class:"options"},i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px",textAlign:"center",fontWeight:"700",fontSize:"14px",justifyContent:"center",backgroundColor:"#333333",padding:"5px 8px",color:"#ffffff"}},"Options"),i("div",{class:"row-header"},i("h6",null,"ID"),i("h6",null,"Label"),i("div",{style:{width:"34px"}})),this.options.map(((e,t)=>i("div",{class:"row option-row",key:t},i("verdocs-text-input",{id:`verdocs-option-id-${e.id}`,value:e.id,placeholder:"Unique ID",onInput:e=>{this.options[t].id=e.target.value,this.dirty=!0}}),i("verdocs-text-input",{id:`verdocs-option-value-${e.id}`,value:e.value,placeholder:"Display value",onInput:e=>{this.options[t].value=e.target.value,this.dirty=!0}}),i("button",{innerHTML:M,class:"remove-button",onClick:()=>{this.options=this.options.filter((t=>t.id!==e.id)),this.dirty=!0}})))),i("div",{class:"row-header"},i("button",{class:"add-option-button",onClick:()=>{this.options=[...this.options,{id:`option-${this.options.length+1}`,value:`Option ${this.options.length+1}`}],this.dirty=!0}},"Add Option"))),i("div",{class:"buttons"},i("button",{class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:M}),i("div",{style:{flex:"1"}}),i("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),i("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)})))):i(s,{class:"empty"}):i(s,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}get el(){return o(this)}};R.style='verdocs-template-field-properties{padding:20px;display:block;border-radius:4px;background:#ffffff;border:1px solid #ccc;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:2px 2px 10px 0px #0000001f;box-shadow:2px 2px 10px 0px #0000001f}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:#a50021}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 10px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}';export{c as verdocs_portal,R as verdocs_template_field_properties}

package/dist/verdocs-web-sdk/p-0aec8a25.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):o(e.value).then(s,a)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];o=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-fbb8023f.system.js","./p-05eb4fed.system.js","./p-6992b715.system.js","./p-7a47fcd9.system.js","./p-3af6b910.system.js","./p-1ba9f457.system.js","./p-8aae8d16.system.js","./p-54498887.system.js","./p-327858f0.system.js","./p-d8cd6b59.system.js","./p-dc9c4361.system.js"],(function(e){"use strict";var t,i,n,o,r,s,a,l;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.H;r=e.F},function(e){s=e.g},function(e){a=e.g},function(e){l=e.g},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var d='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}';var c='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';var u=e("verdocs_field_signature",function(){function e(e){t(this,e);this.fieldChange=i(this,"fieldChange",7);this.settingsPress=i(this,"settingsPress",7);this.settingsChanged=i(this,"settingsChanged",7);this.deleted=i(this,"deleted",7);this.fieldStore=null;this.templateid="";this.fieldname="";this.name="";this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.roleindex=0;this.rerender=0;this.xscale=1;this.yscale=1;this.showingProperties=false;this.tempSignature=""}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();console.log("focused",this);return[2]}))}))};e.prototype.hideDialog=function(){var e;(e=this.dialog)===null||e===void 0?void 0:e.remove();this.dialog=null};e.prototype.handleAdopt=function(e){var t;console.log("[SIGNATURE] Adopted signature");this.tempSignature=e.detail;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(this.tempSignature);this.hideDialog()};e.prototype.handleShow=function(){var e=this;this.dialog=document.createElement("verdocs-signature-dialog");this.dialog.setAttribute("name",this.name);this.dialog.setAttribute("roleindex",this.roleindex);this.dialog.addEventListener("exit",(function(){return e.hideDialog()}));this.dialog.addEventListener("next",(function(t){return e.handleAdopt(t)}));document.body.append(this.dialog)};e.prototype.showSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.showPanel){e.showPanel()}return[2]}))}))};e.prototype.hideSettingsPanel=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=document.getElementById("verdocs-settings-panel-".concat(this.fieldname));if(e&&e.hidePanel){e.hidePanel()}return[2]}))}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.fieldStore=a(this.templateid);return[2]}))}))};e.prototype.render=function(){var e=this;var t,i;var a=this.fieldStore.get(this.fieldname);if(!a){return n(r,null)}var d=l(a);var u=d.base64||this.tempSignature;var f=(i=(t=this.disabled)!==null&&t!==void 0?t:d.disabled)!==null&&i!==void 0?i:false;var h=a["rgba"]||s(this.roleindex);if(this.done){return n(o,{class:{done:this.done}},u&&n("img",{src:u,alt:"Signature"}))}return n(o,{class:{required:a===null||a===void 0?void 0:a.required,disabled:f},style:{backgroundColor:h}},u?n("img",{src:u,alt:"Signature"}):n("button",{onClick:function(){return!f&&e.handleShow()}},"Signature"),this.editable&&n(r,null,n("div",{id:"verdocs-settings-panel-trigger-".concat(a.name),style:{transform:"scale(".concat(Math.floor(1/this.xscale*1e3)/1e3,", ").concat(Math.floor(1/this.yscale*1e3)/1e3,")")},class:"settings-icon",innerHTML:c,onClick:function(t){t.stopPropagation();e.showingProperties=!e.showingProperties}}),this.showingProperties&&n("verdocs-portal",{anchor:"verdocs-settings-panel-trigger-".concat(a.name),onClickAway:function(){return e.showingProperties=false}},n("verdocs-template-field-properties",{templateId:this.templateid,fieldName:a.name,onClose:function(){return e.showingProperties=false},onDelete:function(){var t;(t=e.deleted)===null||t===void 0?void 0:t.emit({fieldName:a.name});return e.hideSettingsPanel()},onSettingsChanged:function(t){var i;(i=e.settingsChanged)===null||i===void 0?void 0:i.emit(t.detail);return e.hideSettingsPanel()},helpText:"Signature fields capture a recipient's signature on a document."}))))};return e}());u.style=d}}}));