@verdocs/web-sdk 1.9.14 → 1.9.15

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

@@ -8,7 +8,12 @@ export declare const defaultHeight: (field: ITemplateField | IDocumentField) =>
 export declare const setControlStyles: (el: HTMLElement, field: ITemplateField | IDocumentField, xScale: number, yScale: number, option?: number) => void;
 export declare const getFieldId: (field: ITemplateField | IDocumentField) => string;
 export declare const getFieldOptionId: (field: ITemplateField | IDocumentField, index: number) => string;
-export declare const renderDocumentField: (field: ITemplateField | IDocumentField, docPage: IDocumentPageInfo, roleIndex: number, handleFieldChange: (field: ITemplateField | IDocumentField, e: any, optionId?: string) => void, disabled: boolean, editable?: boolean, draggable?: boolean) => any;
+interface IFieldOptions {
+  disabled?: boolean;
+  editable?: boolean;
+  draggable?: boolean;
+}
+export declare const renderDocumentField: (field: ITemplateField | IDocumentField, docPage: IDocumentPageInfo, roleIndex: number, fieldOptions: IFieldOptions) => any;
 export declare const getRoleIndex: (roles: string[], role: string) => number;
 export declare const getFieldSettings: (field: ITemplateField | IDocumentField) => import("@verdocs/js-sdk/Templates/Types").ITemplateFieldSetting | import("@verdocs/js-sdk/Envelopes/Types").IDocumentFieldSettings;
 /**
@@ -19,3 +24,4 @@ export declare const getFieldSettings: (field: ITemplateField | IDocumentField)
  * to be used for order-sensitive components e.g. translate-then-rotate.
  */
 export declare const updateCssTransform: (el: HTMLElement, key: string, value: string) => void;
+export {};

package/dist/verdocs-web-sdk/{p-d1a97a03.system.js → p-00dec610.system.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function l(e){try{s(r.next(e))}catch(e){a(e)}}function i(e){try{s(r["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):o(e.value).then(l,i)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,l;return l={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function i(e){return function(t){return s([e,t])}}function s(l){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=l[0]&2?o["return"]:l[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,l[1])).done)return a;if(o=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;o=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){n.label=l[1];break}if(l[0]===6&&n.label<a[1]){n.label=a[1];a=l;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(l);break}if(a[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(e){l=[6,e];o=0}finally{r=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-0f6da8c7.system.js","./p-21ec6ff0.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.c},function(e){n=e.i}],execute:function(){var r=this;var o=t({template:null,loadProgress:0,loading:true,pageNumbers:[],pageUris:{},roleNames:[],fields:[],dirty:false}),a=o.state,l=o.onChange;e("s",a);l("template",(function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(t){if(!e){console.log("[TEMPLATESTORE] Clearing template");a.fields=[];a.roleNames=[];a.pageNumbers=[];a.dirty=false;a.loading=false;a.loadProgress=0;return[2]}console.log("[TEMPLATESTORE] Template loaded",e);a.roleNames=e.roles.map((function(e){return e.name}));console.log("[TEMPLATESTORE] Loaded roles",a.roleNames);a.fields=[];e.roles.forEach((function(e){var t;(t=a.fields).push.apply(t,e.fields)}));console.log("[TEMPLATESTORE] Loaded fields",a.fields);a.pageNumbers=n(1,e.pages.length);return[2]}))}))}));l("fields",(function(e){console.log("[TEMPLATESTORE] Field changed",e);a.dirty=true}))}}}));
-//# sourceMappingURL=p-d1a97a03.system.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function l(e){try{s(r.next(e))}catch(e){a(e)}}function i(e){try{s(r["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):o(e.value).then(l,i)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,l;return l={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function i(e){return function(t){return s([e,t])}}function s(l){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=l[0]&2?o["return"]:l[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,l[1])).done)return a;if(o=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;o=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){n.label=l[1];break}if(l[0]===6&&n.label<a[1]){n.label=a[1];a=l;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(l);break}if(a[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(e){l=[6,e];o=0}finally{r=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-0f6da8c7.system.js","./p-5a323cf3.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.c},function(e){n=e.i}],execute:function(){var r=this;var o=t({template:null,loadProgress:0,loading:true,pageNumbers:[],pageUris:{},roleNames:[],fields:[],dirty:false}),a=o.state,l=o.onChange;e("s",a);l("template",(function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(t){if(!e){console.log("[TEMPLATESTORE] Clearing template");a.fields=[];a.roleNames=[];a.pageNumbers=[];a.dirty=false;a.loading=false;a.loadProgress=0;return[2]}console.log("[TEMPLATESTORE] Template loaded",e);a.roleNames=e.roles.map((function(e){return e.name}));console.log("[TEMPLATESTORE] Loaded roles",a.roleNames);a.fields=[];e.roles.forEach((function(e){var t;(t=a.fields).push.apply(t,e.fields)}));console.log("[TEMPLATESTORE] Loaded fields",a.fields);a.pageNumbers=n(1,e.pages.length);return[2]}))}))}));l("fields",(function(e){console.log("[TEMPLATESTORE] Field changed",e);a.dirty=true}))}}}));
+//# sourceMappingURL=p-00dec610.system.js.map

package/dist/verdocs-web-sdk/p-05433ef8.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as i,h as s,H as e,a as r}from"./p-ff1278ed.js";import{c as t}from"./p-ec26fc38.js";const d=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>\n`;const n='verdocs-dropdown{font-family:"Barlow", sans-serif;display:block}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown .items{width:200px;display:none;z-index:10000;border-radius:5px;background:#33354c;border:1px solid #654dcb}verdocs-dropdown .items[data-show]{display:block}verdocs-dropdown .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}verdocs-dropdown .option:hover{cursor:pointer;background:#55bc81}verdocs-dropdown .option[disabled]{color:#aaaaaa}verdocs-dropdown .option[disabled]:hover{color:#aaaaaa;cursor:inherit;background:transparent}verdocs-dropdown.open .items{display:block}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}';const a=class{constructor(s){o(this,s);this.optionSelected=i(this,"optionSelected",7);this.clickListenerSymbol=new AbortController;this.options=[];this.open=undefined}componentDidLoad(){this.popper=t(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,6]}}]});window.addEventListener("click",this.clickListener.bind(this),{signal:this.clickListenerSymbol.signal})}disconnectedCallback(){this.clickListenerSymbol.abort()}clickListener(o){const i=!(o.target==this.el||this.el.contains(o.target));if(i){this.hide()}}handleSelectOption(o,i){o.stopPropagation();this.optionSelected.emit(i);this.hide()}showDropdown(){var o,i;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(o=this.popper)===null||o===void 0?void 0:o.setOptions((o=>({...o,modifiers:[...o.modifiers,{name:"eventListeners",enabled:true}]}))).catch((()=>{}));(i=this.popper)===null||i===void 0?void 0:i.update().catch((()=>{}))}handleHideDropdown(o){var i,s;if(((i=o===null||o===void 0?void 0:o.target)===null||i===void 0?void 0:i.localName)==="button"&&((s=o===null||o===void 0?void 0:o.target)===null||s===void 0?void 0:s.className)==="arrow"){return}this.hide()}toggleDropdown(o){o.stopPropagation();if(this.open){this.hide()}else{this.showDropdown()}}hide(){var o;this.open=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(o=this.popper)===null||o===void 0?void 0:o.setOptions((o=>({...o,modifiers:[...o.modifiers,{name:"eventListeners",enabled:false}]}))).catch((()=>{}))}render(){var o;return s(e,{class:{open:!!this.open}},s("button",{class:"arrow",innerHTML:d,"aria-label":"Open Menu",onClick:o=>this.toggleDropdown(o),onBlur:o=>this.handleHideDropdown(o),ref:o=>this.dropdownButton=o}),s("div",{class:"items","aria-hidden":!this.open,ref:o=>this.dropdownMenu=o},(o=this.options)===null||o===void 0?void 0:o.map((o=>s("button",{onClick:i=>this.handleSelectOption(i,o),class:"option",disabled:o.disabled},o.label)))))}get el(){return r(this)}};a.style=n;export{a as verdocs_dropdown};
+//# sourceMappingURL=p-05433ef8.entry.js.map

package/dist/verdocs-web-sdk/p-05433ef8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-dropdown/verdocs-dropdown.scss?tag=verdocs-dropdown","src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx"],"names":["verdocsDropdownCss","VerdocsDropdown","this","clickListenerSymbol","AbortController","[object Object]","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","options","offset","window","addEventListener","clickListener","bind","signal","abort","e","outside","target","el","contains","hide","option","stopPropagation","optionSelected","emit","setAttribute","removeAttribute","_a","setOptions","enabled","catch","_b","update","localName","className","open","showDropdown","h","Host","class","innerHTML","SortDown","aria-label","onClick","toggleDropdown","onBlur","handleHideDropdown","ref","aria-hidden","map","handleSelectOption","disabled","label"],"mappings":"gSAAA,MAAMA,EAAqB,gmCC8BdC,EAAe,8EAsB1BC,KAAAC,oBAAsB,IAAIC,6BAXO,uBAYjCC,mBACEH,KAAKI,OAASC,EAAaL,KAAKM,eAAgBN,KAAKO,aAAc,CAACC,UAAW,eAAgBC,UAAW,CAAC,CAACC,KAAM,SAAUC,QAAS,CAACC,OAAQ,CAAC,EAAG,QAElJC,OAAOC,iBAAiB,QAASd,KAAKe,cAAcC,KAAKhB,MAAO,CAACiB,OAAQjB,KAAKC,oBAAoBgB,SAGpGd,uBACEH,KAAKC,oBAAoBiB,QAG3Bf,cAAcgB,GACZ,MAAMC,IAAYD,EAAEE,QAAUrB,KAAKsB,IAAMtB,KAAKsB,GAAGC,SAASJ,EAAEE,SAC5D,GAAID,EAAS,CACXpB,KAAKwB,QAITrB,mBAAmBgB,EAAQM,GACzBN,EAAEO,kBAEF1B,KAAK2B,eAAeC,KAAKH,GACzBzB,KAAKwB,OAKPrB,uBAEEH,KAAKO,aAAasB,aAAa,YAAa,IAC5C7B,KAAKO,aAAauB,gBAAgB,gBAElCC,EAAA/B,KAAKI,UAAM,MAAA2B,SAAA,OAAA,EAAAA,EACPC,YAAWrB,IAAO,IACfA,EACHF,UAAW,IAAIE,EAAQF,UAAW,CAACC,KAAM,iBAAkBuB,QAAS,WAErEC,OAAM,UAETC,EAAAnC,KAAKI,UAAM,MAAA+B,SAAA,OAAA,EAAAA,EAAEC,SAASF,OAAM,SAG9B/B,mBAAmBgB,WACjB,KAAIY,EAAAZ,IAAC,MAADA,SAAC,OAAA,EAADA,EAAGE,UAAM,MAAAU,SAAA,OAAA,EAAAA,EAAEM,aAAc,YAAYF,EAAAhB,IAAC,MAADA,SAAC,OAAA,EAADA,EAAGE,UAAM,MAAAc,SAAA,OAAA,EAAAA,EAAEG,aAAc,QAAS,CAEzE,OAGFtC,KAAKwB,OAGPrB,eAAegB,GACbA,EAAEO,kBAEF,GAAI1B,KAAKuC,KAAM,CACbvC,KAAKwB,WACA,CACLxB,KAAKwC,gBAITrC,aACEH,KAAKuC,KAAO,MACZvC,KAAKO,aAAauB,gBAAgB,aAClC9B,KAAKO,aAAasB,aAAa,cAAe,SAC9CE,EAAA/B,KAAKI,UAAM,MAAA2B,SAAA,OAAA,EAAAA,EACPC,YAAWrB,IAAO,IACfA,EACHF,UAAW,IAAIE,EAAQF,UAAW,CAACC,KAAM,iBAAkBuB,QAAS,YAErEC,OAAM,SAGX/B,eACE,OACEsC,EAACC,EAAI,CAACC,MAAO,CAACJ,OAAQvC,KAAKuC,OACzBE,EAAA,SAAA,CACEE,MAAM,QACNC,UAAWC,EAAQC,aACR,YACXC,QAAS5B,GAAKnB,KAAKgD,eAAe7B,GAClC8B,OAAQ9B,GAAKnB,KAAKkD,mBAAmB/B,GACrCgC,IAAK7B,GAAOtB,KAAKM,eAAiBgB,IAGpCmB,EAAA,MAAA,CAAKE,MAAM,QAAOS,eAAepD,KAAKuC,KAAMY,IAAK7B,GAAOtB,KAAKO,aAAee,IACzES,EAAA/B,KAAKW,WAAO,MAAAoB,SAAA,OAAA,EAAAA,EAAEsB,KAAI5B,GACjBgB,EAAA,SAAA,CAAQM,QAAS5B,GAAKnB,KAAKsD,mBAAmBnC,EAAGM,GAASkB,MAAM,SAASY,SAAU9B,EAAO8B,UACvF9B,EAAO+B","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dropdown {\n  font-family: $primary-font;\n  display: block;\n\n  .arrow {\n    width: 32px;\n    height: 26px;\n    background: #fff;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    display: inline-flex;\n    border: 1px solid $light-border-color;\n    justify-content: center;\n  }\n\n  .arrow svg {\n    fill: $primary-color;\n    transition: 0.3s;\n  }\n\n  .items {\n    width: 200px;\n    display: none;\n    z-index: 10000;\n    border-radius: 5px;\n    background: $medium-bg;\n    border: 1px solid $item-border-color;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    color: #fff;\n    border: none;\n    display: block;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: $primary-color;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    color: $light-disabled-color;\n    cursor: inherit;\n    background: transparent;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow {\n      background: $secondary-color;\n      border: 1px solid $border-color;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n      fill: #fff;\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport SortDown from './down-arrow.svg';\n\nexport interface IMenuOption {\n  label: string;\n  id?: any;\n  faIcon?: any;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\n * when the button is pressed again, or an option is selected.\n *\n * ```html\n * <verdocs-dropdown\n *   options={[\n *     {label: 'Option 1', disabled: true},\n *     {label: 'Option 2', id: '2'}\n *    ]}\n *   label=\"OK\" onClick={() => (console.log('OK clicked'))}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-dropdown',\n  styleUrl: 'verdocs-dropdown.scss',\n})\nexport class VerdocsDropdown {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLButtonElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IMenuOption[] = [];\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IMenuOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [0, 6]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IMenuOption) {\n    e.stopPropagation();\n    // this.isOpen = false;\n    this.optionSelected.emit(option);\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    // this.isOpen = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    return (\n      <Host class={{open: !!this.open}}>\n        <button\n          class=\"arrow\"\n          innerHTML={SortDown}\n          aria-label=\"Open Menu\"\n          onClick={e => this.toggleDropdown(e)}\n          onBlur={e => this.handleHideDropdown(e)}\n          ref={el => (this.dropdownButton = el as HTMLButtonElement)}\n        />\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)}>\n          {this.options?.map(option => (\n            <button onClick={e => this.handleSelectOption(e, option)} class=\"option\" disabled={option.disabled}>\n              {option.label}\n            </button>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/{p-b2dea632.entry.js → p-11fbd83d.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as i,h as e,H as s}from"./p-ff1278ed.js";const t='verdocs-ok-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;background:#444444;padding:8px 16px;color:#ffffff}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';const l=class{constructor(e){o(this,e);this.next=i(this,"next",7);this.cancel=i(this,"cancel",7);this.heading="";this.message="";this.showCancel=false}handleOk(){this.next.emit()}handleCancel(){this.cancel.emit()}handleDismiss(o){if(o.target.className==="background-overlay"){o.preventDefault();this.cancel.emit()}}render(){return e(s,null,e("div",{class:"background-overlay",onClick:o=>this.handleDismiss(o)},e("div",{class:"dialog"},e("div",{class:"heading"},this.heading),e("div",{class:"content"},this.message,e("div",{class:"buttons"},this.showCancel?e("verdocs-button",{label:"CANCEL",variant:"outline",onClick:()=>this.handleCancel()}):e("div",{style:{display:"none"}}),e("verdocs-button",{label:"OK",onClick:()=>this.handleOk()}))))))}};l.style=t;export{l as verdocs_ok_dialog};
-//# sourceMappingURL=p-b2dea632.entry.js.map
+import{r as o,c as i,h as e,H as s}from"./p-ff1278ed.js";const t='verdocs-ok-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';const l=class{constructor(e){o(this,e);this.next=i(this,"next",7);this.cancel=i(this,"cancel",7);this.heading="";this.message="";this.showCancel=false}handleOk(){this.next.emit()}handleCancel(){this.cancel.emit()}handleDismiss(o){if(o.target.className==="background-overlay"){o.preventDefault();this.cancel.emit()}}render(){return e(s,null,e("div",{class:"background-overlay",onClick:o=>this.handleDismiss(o)},e("div",{class:"dialog"},e("div",{class:"heading"},this.heading),e("div",{class:"content"},this.message,e("div",{class:"buttons"},this.showCancel?e("verdocs-button",{label:"CANCEL",variant:"outline",onClick:()=>this.handleCancel()}):e("div",{style:{display:"none"}}),e("verdocs-button",{label:"OK",onClick:()=>this.handleOk()}))))))}};l.style=t;export{l as verdocs_ok_dialog};
+//# sourceMappingURL=p-11fbd83d.entry.js.map

package/dist/verdocs-web-sdk/p-11fbd83d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"names":["verdocsOkDialogCss","VerdocsOkDialog","[object Object]","this","next","emit","cancel","e","target","className","preventDefault","h","Host","class","onClick","handleDismiss","heading","message","showCancel","label","variant","handleCancel","style","display","handleOk"],"mappings":"yDAAA,MAAMA,EAAqB,4lCCWdC,EAAe,sGAIA,gBAKA,mBAMI,MAY9BC,WACEC,KAAKC,KAAKC,OAGZH,eACEC,KAAKG,OAAOD,OAIdH,cAAcK,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFP,KAAKG,OAAOD,QAIhBH,SACE,OACES,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAASP,GAAKJ,KAAKY,cAAcR,IAC/DI,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAWV,KAAKa,SAC3BL,EAAA,MAAA,CAAKE,MAAM,WACRV,KAAKc,QAENN,EAAA,MAAA,CAAKE,MAAM,WACRV,KAAKe,WAAaP,EAAA,iBAAA,CAAgBQ,MAAM,SAASC,QAAQ,UAAUN,QAAS,IAAMX,KAAKkB,iBAAqBV,EAAA,MAAA,CAAKW,MAAO,CAACC,QAAS,UACnIZ,EAAA,iBAAA,CAAgBQ,MAAM,KAAKL,QAAS,IAAMX,KAAKqB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    max-width: 50%;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    flex-direction: row;\n    padding: 8px 16px;\n    color: $verdocs-grey-4;\n    background: $verdocs-grey-blue;\n  }\n\n  .content {\n    font-size: 16px;\n    background: $verdocs-grey-4;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() showCancel: boolean = false;\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Event fired when the user clicks the background overlay or Cancel button.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  handleOk() {\n    this.next.emit();\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.cancel.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              {this.message}\n\n              <div class=\"buttons\">\n                {this.showCancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onClick={() => this.handleCancel()} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label=\"OK\" onClick={() => this.handleOk()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-2467a244.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as o,H as c}from"./p-ff1278ed.js";import{g as t}from"./p-6de76553.js";import{g as i}from"./p-e6f928eb.js";const s='@charset "UTF-8";verdocs-field-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:"";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';const l=class{constructor(o){e(this,o);this.field=null;this.option=0;this.disabled=false;this.roleindex=0}render(){var e,s,l,r;const d=i(this.field);const n=(s=(e=d.options)===null||e===void 0?void 0:e[this.option])!==null&&s!==void 0?s:{checked:false};const b=(r=(l=this.disabled)!==null&&l!==void 0?l:d.disabled)!==null&&r!==void 0?r:false;const a=this.field["rgba"]||t(this.roleindex);return o(c,{class:{required:d.required,disabled:b},style:{backgroundColor:a}},o("label",null,o("input",{type:"checkbox",tabIndex:d.order,checked:n.checked,disabled:b,required:d.required}),o("span",null)))}};l.style=s;export{l as verdocs_field_checkbox};
+//# sourceMappingURL=p-2467a244.entry.js.map

package/dist/verdocs-web-sdk/p-2467a244.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx"],"names":["verdocsFieldCheckboxCss","VerdocsFieldCheckbox","[object Object]","settings","getFieldSettings","this","field","option","_b","_a","options","checked","disabled","_d","_c","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","type","tabIndex","order"],"mappings":"0HAAA,MAAMA,EAA0B,khCCcnBC,EAAoB,0CAIyB,iBAK/B,gBAKI,qBAKA,EAE7BC,qBACE,MAAMC,EAAWC,EAAiBC,KAAKC,OACvC,MAAMC,GAASC,GAAAC,EAAAN,EAASO,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAGJ,KAAKE,WAAO,MAAAC,SAAA,EAAAA,EAAI,CAACG,QAAS,OAC5D,MAAMC,GAAWC,GAAAC,EAAAT,KAAKO,YAAQ,MAAAE,SAAA,EAAAA,EAAIX,EAASS,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,MAAME,EAAkBV,KAAKC,MAAM,SAAWU,EAAQX,KAAKY,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUlB,EAASkB,SAAUT,SAAAA,GAAWU,MAAO,CAACP,gBAAAA,IAC5DG,EAAA,QAAA,KACEA,EAAA,QAAA,CAAOK,KAAK,WAAWC,SAAUrB,EAASsB,MAAOd,QAASJ,EAAOI,QAASC,SAAUA,EAAUS,SAAUlB,EAASkB,WACjHH,EAAA,OAAA","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    //background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {Component, h, Host, Prop} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-26dc355e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as o}from"./p-ff1278ed.js";import{g as i}from"./p-e6f928eb.js";import{g as l}from"./p-6de76553.js";const s='verdocs-field-timestamp{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-timestamp.disabled{opacity:0.5}verdocs-field-timestamp input{-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%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}';const r='<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>';const d=class{constructor(t){e(this,t);this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0}async focusField(){this.el.focus()}render(){var e,s,d,n;const a=i(this.field);const p=(s=(e=this.disabled)!==null&&e!==void 0?e:a.disabled)!==null&&s!==void 0?s:false;const c=this.field["rgba"]||l(this.roleindex);return t(o,{class:{required:(d=this.field)===null||d===void 0?void 0:d.required,disabled:p},style:{backgroundColor:c}},t("input",{type:"text",placeholder:a===null||a===void 0?void 0:a.placeholder,tabIndex:a===null||a===void 0?void 0:a.order,value:(a===null||a===void 0?void 0:a.value)||(new Date).toLocaleDateString(),disabled:p,required:(n=this.field)===null||n===void 0?void 0:n.required,ref:e=>this.el=e}),this.editable&&t("verdocs-button-panel",{icon:r},t("h6",null,"Field Settings"),t("form",null,t("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),t("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:e=>console.log("ipt",e)}),t("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:e=>console.log("ipt",e)}))))}};d.style=s;export{d as verdocs_field_timestamp};
+//# sourceMappingURL=p-26dc355e.entry.js.map

package/dist/verdocs-web-sdk/p-26dc355e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.scss?tag=verdocs-field-timestamp","src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.tsx"],"names":["verdocsFieldTimestampCss","settingsIcon","VerdocsFieldTimestamp","[object Object]","this","el","focus","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","value","Date","toLocaleDateString","_d","ref","editable","icon","label","options","onInput","e","console","log"],"mappings":"0HAAA,MAAMA,EAA2B,4tCCMjC,MAAMC,EACJ,+rCAUWC,EAAqB,0CAMwB,mBAK3B,oBAMA,oBAKA,qBAKA,EAEnBC,mBACRC,KAAKC,GAAGC,QAGVH,qBACE,MAAMI,EAAWC,EAAiBJ,KAAKK,OACvC,MAAMC,GAAWC,GAAAC,EAAAR,KAAKM,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,MAAME,EAAkBT,KAAKK,MAAM,SAAWK,EAAQV,KAAKW,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,UAAUC,EAAAhB,KAAKK,SAAK,MAAAW,SAAA,OAAA,EAAAA,EAAED,SAAUT,SAAAA,GAAWW,MAAO,CAACR,gBAAAA,IAC/DG,EAAA,QAAA,CACEM,KAAK,OACLC,YAAahB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUgB,YACvBC,SAAUjB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUkB,MACpBC,OAAOnB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUmB,SAAS,IAAIC,MAAOC,qBACrClB,SAAUA,EACVS,UAAUU,EAAAzB,KAAKK,SAAK,MAAAoB,SAAA,OAAA,EAAAA,EAAEV,SACtBW,IAAKzB,GAAOD,KAAKC,GAAKA,IAGvBD,KAAK2B,UACJf,EAAA,uBAAA,CAAsBgB,KAAM/B,GAC1Be,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEiB,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASP,MAAO,SACxB,CAACO,MAAO,SAAUP,MAAO,aAI7BV,EAAA,qBAAA,CAAoBiB,MAAM,aAAaP,MAAM,GAAGH,YAAY,uBAAuBY,QAASC,GAAKC,QAAQC,IAAI,MAAOF,KACpHpB,EAAA,qBAAA,CAAoBiB,MAAM,cAAcP,MAAM,GAAGH,YAAY,sBAAsBY,QAASC,GAAKC,QAAQC,IAAI,MAAOF","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-timestamp {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input {\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Method} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\n\nconst settingsIcon =\n  '<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>';\n\n/**\n * Display a timestamp field.\n */\n@Component({\n  tag: 'verdocs-field-timestamp',\n  styleUrl: 'verdocs-field-timestamp.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTimestamp {\n  private el: HTMLInputElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  @Method() async focusField() {\n    this.el.focus();\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: this.field?.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={settings?.value || new Date().toLocaleDateString()}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-27707de4.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-97329951.system.js"],(function(e){"use strict";var c,t,o;return{setters:[function(e){c=e.r;t=e.h;o=e.H}],execute:function(){var r='@charset "UTF-8";verdocs-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;line-height:18px}verdocs-checkbox label>input[type=checkbox]{display:none}verdocs-checkbox label>input[type=checkbox]+*::before{content:"";width:1rem;height:1rem;-ms-flex-negative:0;flex-shrink:0;line-height:18px;border-radius:2px;border-style:solid;margin-right:0.5rem;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-checkbox.dark label>input[type=checkbox]+*::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+*::before{background:#55bc81;border-color:#55bc81}';var i=e("verdocs_checkbox",function(){function e(e){c(this,e);this.checked=false;this.name="";this.label="";this.value="";this.theme="light";this.disabled=false}e.prototype.render=function(){var e;return t(o,{class:(e={disabled:this.disabled},e[this.theme]=true,e)},t("label",null,t("input",{type:"checkbox",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled}),t("span",null,this.label)))};return e}());i.style=r}}}));
+//# sourceMappingURL=p-27707de4.system.entry.js.map

package/dist/verdocs-web-sdk/p-27707de4.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-checkbox/verdocs-checkbox.scss?tag=verdocs-checkbox","src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx"],"names":["verdocsCheckboxCss","VerdocsCheckbox","exports","class_1","prototype","render","h","Host","class","_a","disabled","this","theme","type","value","name","checked","label"],"mappings":"kJAAA,IAAMA,EAAqB,i3BCwBdC,EAAeC,EAAA,mBAAA,gDAIC,gBAKJ,cAMC,cAOA,cAKU,sBAKL,MAE7BC,EAAAC,UAAAC,OAAA,iBACE,OACEC,EAACC,EAAI,CAACC,OAAKC,EAAA,CAAGC,SAAUC,KAAKD,UAAUD,EAACE,KAAKC,OAAQ,KAAIH,IACvDH,EAAA,QAAA,KACEA,EAAA,QAAA,CAAOO,KAAK,WAAWC,MAAOH,KAAKG,MAAOC,KAAMJ,KAAKI,KAAMC,QAASL,KAAKK,QAASN,SAAUC,KAAKD,WACjGJ,EAAA,OAAA,KAAOK,KAAKM,mBAvCM","sourcesContent":["@import '../../../theme.scss';\n\n// Your periodic reminder that it's 2022 and you still can't style HTML checkboxes\nverdocs-checkbox {\n  font-family: $verdocs-primary-font;\n  line-height: 18px;\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    line-height: 18px;\n    border-radius: 2px;\n    border-style: solid;\n    margin-right: 0.5rem;\n    border-width: 0.1rem;\n    display: inline-block;\n    vertical-align: bottom;\n    border-color: $verdocs-grey-2;\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.dark {\n    label > input[type='checkbox'] + *::before {\n      border-color: $verdocs-grey-4;\n    }\n\n    label > input[type='checkbox']:checked + *::before {\n      background: $verdocs-green;\n      border-color: $verdocs-green;\n    }\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\n * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check\n * box for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```html\n * <verdocs-checkbox\n *    value=\"on\"\n *    name=\"thingEnabled\"\n *    checked={this.thingEnabled}\n *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-checkbox',\n  styleUrl: 'verdocs-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsCheckbox {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\n   * repositioned with CSS.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Value to track with the input. Value is not used internally by this component but is sometimes useful to set\n   * because it can be retrieved in event handlers via e.target.value. This can be used to identify which\n   * checkbox was clicked in a checkbox group.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Style of checkbox to render. Use 'dark' when rendering on a dark background.\n   */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled, [this.theme]: true}}>\n        <label>\n          <input type=\"checkbox\" value={this.value} name={this.name} checked={this.checked} disabled={this.disabled} />\n          <span>{this.label}</span>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-2a153dae.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,n,t,i){function o(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,r){function s(e){try{a(i.next(e))}catch(e){r(e)}}function l(e){try{a(i["throw"](e))}catch(e){r(e)}}function a(e){e.done?t(e.value):o(e.value).then(s,l)}a((i=i.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,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(n){return a([e,n])}}function a(s){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=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:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){t.label=s[1];break}if(s[0]===6&&t.label<r[1]){t.label=r[1];r=s;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(s);break}if(r[2])t.ops.pop();t.trys.pop();continue}s=n.call(e,t)}catch(e){s=[6,e];o=0}finally{i=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,n,t){if(t||arguments.length===2)for(var i=0,o=n.length,r;i<o;i++){if(r||!(i in n)){if(!r)r=Array.prototype.slice.call(n,0,i);r[i]=n[i]}}return e.concat(r||Array.prototype.slice.call(n))};System.register(["./p-97329951.system.js","./p-d7c712e8.system.js","./p-a7433630.system.js","./p-7efdefa3.system.js","./p-1cd2f7dc.system.js","./p-5a323cf3.system.js","./p-187b20b7.system.js","./p-0f6da8c7.system.js"],(function(e){"use strict";var n,t,i,o,r,s,l,a,d,c,u,p,f,v,h,g,m,x,b;return{setters:[function(e){n=e.r;t=e.c;i=e.h;o=e.H;r=e.F},function(e){s=e.g;l=e.a;a=e.s;d=e.b;c=e.u;u=e.c},function(){},function(e){p=e.a;f=e.i},function(e){v=e.V},function(e){h=e.a;g=e.r;m=e.f;x=e.b},function(e){b=e.S},function(){}],execute:function(){var y=undefined&&undefined.__assign||function(){y=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))e[o]=n[o]}return e};return y.apply(this,arguments)};var w=undefined&&undefined.__awaiter||function(e,n,t,i){function o(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,r){function s(e){try{a(i.next(e))}catch(e){r(e)}}function l(e){try{a(i["throw"](e))}catch(e){r(e)}}function a(e){e.done?t(e.value):o(e.value).then(s,l)}a((i=i.apply(e,n||[])).next())}))};var k=undefined&&undefined.__generator||function(e,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,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(n){return a([e,n])}}function a(s){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=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:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){t.label=s[1];break}if(s[0]===6&&t.label<r[1]){t.label=r[1];r=s;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(s);break}if(r[2])t.ops.pop();t.trys.pop();continue}s=n.call(e,t)}catch(e){s=[6,e];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var I=function(e,n,t,i,o){return w(void 0,void 0,void 0,(function(){return k(this,(function(r){return[2,e.api.put("/envelopes/".concat(n,"/recipients/").concat(t),y({role_name:t,action:i},o||{})).then((function(e){return e.data}))]}))}))};var _=function(e,n,t){var i=new FormData;i.append("signature",t,n);return e.api.post("/signatures",i).then((function(e){return e.data}))};var S='verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-sign .header .inner{width:100%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}';var E=e("verdocs_sign",function(){function e(e){n(this,e);this.sdkError=t(this,"sdkError",7);this.fieldUpdated=t(this,"fieldUpdated",7);this.endpoint=null;this.recipientIndex=-1;this.fields=[];this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.hasSignature=false;this.nextButtonLabel="Start";this.focusedField="";this.finishLater=false;this.showFinishLater=false}e.prototype.componentWillLoad=function(){this.endpoint=new v({sessionType:"signing"})};e.prototype.componentDidLoad=function(){return w(this,void 0,void 0,(function(){var e,n,t,i,o,r,d,c,u,p,f;var v=this;return k(this,(function(h){switch(h.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new b("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(n=this.sdkError)===null||n===void 0?void 0:n.emit(new b("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new b("[SIGN] Missing required inviteCode",500,""));return[2]}h.label=1;case 1:h.trys.push([1,4,,5]);console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,s(this.endpoint,{envelopeId:this.envelopeId,roleId:this.roleId,inviteCode:this.inviteCode})];case 2:d=h.sent(),c=d.session,u=d.recipient,p=d.signerToken;console.log("[SIGN] Loaded signing session ".concat(c.email," / ").concat(c.profile_id));this.recipient=u;this.signerToken=p;this.endpoint.setToken(p);if(this.recipient.agreed){this.nextButtonLabel="Next"}return[4,l(this.endpoint,this.envelopeId)];case 3:h.sent();this.recipientIndex=a.envelope.recipients.findIndex((function(e){return e.role_name==v.roleId}));if(this.recipientIndex>-1){this.recipient=a.envelope.recipients[this.recipientIndex];this.fields=this.recipient.fields}return[3,5];case 4:f=h.sent();console.log("Error with signing session",f);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new b(f.message,(o=f.response)===null||o===void 0?void 0:o.status,(r=f.response)===null||r===void 0?void 0:r.data));return[3,5];case 5:return[2]}}))}))};e.prototype.handleClickAgree=function(){var e=this;I(this.endpoint,this.envelopeId,this.roleId,"update",{agreed:true}).then((function(n){e.nextButtonLabel="Next";e.recipient=n})).catch((function(n){var t,i,o;console.log("Update failure",n);(t=e.sdkError)===null||t===void 0?void 0:t.emit(new b(n.message,(i=n.response)===null||i===void 0?void 0:i.status,(o=n.response)===null||o===void 0?void 0:o.data))}))};e.prototype.savePDF=function(){return w(this,void 0,void 0,(function(){var e,n,t;return k(this,(function(i){switch(i.label){case 0:e="".concat(a.envelope.name," - ").concat(a.envelope.updated_at.split("T")[0],".pdf");return[4,d(this.endpoint,this.envelopeId,a.envelope.envelope_document_id)];case 1:n=i.sent();t=new XMLHttpRequest;t.responseType="blob";t.onload=function(){var n=document.createElement("a");n.href=window.URL.createObjectURL(t.response);n.download=e;n.style.display="none";document.body.appendChild(n);n.click();n.remove()};t.open("GET","data:application/pdf;base64,".concat(n));t.send();return[2]}}))}))};e.prototype.handleOptionSelected=function(e){return w(this,void 0,void 0,(function(){return k(this,(function(n){switch(e.detail.id){case"later":this.finishLater=true;this.showFinishLater=true;break;case"claim":break;case"decline":break;case"print":break;case"download":this.savePDF().catch((function(){}));break}return[2]}))}))};e.prototype.handleFieldChange=function(e,n,t){return w(this,void 0,void 0,(function(){var i,o,r,s,l,a,d,p;var f=this;return k(this,(function(v){switch(v.label){case 0:console.log("fieldChange",e,n);i=n.target,o=i.value,r=i.checked;s=e.type;switch(s){case"textbox":return[3,1];case"checkbox_group":return[3,2];case"radio_button_group":return[3,3];case"dropdown":return[3,4];case"initial":return[3,5];case"signature":return[3,6];case"date":return[3,9]}return[3,10];case 1:c(this.endpoint,this.envelopeId,e.name,{prepared:false,value:o}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,t,i,o,r,s;(n=f.sdkError)===null||n===void 0?void 0:n.emit(new b(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(i=e.response)===null||i===void 0?void 0:i.data));if(((o=e.response)===null||o===void 0?void 0:o.status)===401&&((s=(r=e.response)===null||r===void 0?void 0:r.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));return[3,11];case 2:c(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:[{id:t,checked:r}]}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,t,i;(n=f.sdkError)===null||n===void 0?void 0:n.emit(new b(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));return[3,11];case 3:l=e.settings.options.map((function(e){return{id:e.id,selected:t===e.id}}));c(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:l}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,t,i;(n=f.sdkError)===null||n===void 0?void 0:n.emit(new b(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));return[3,11];case 4:c(this.endpoint,this.envelopeId,e.name,{prepared:false,value:n.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,t,i;(n=f.sdkError)===null||n===void 0?void 0:n.emit(new b(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));return[3,11];case 5:console.log("Got initial",n.detail);return[3,11];case 6:console.log("Got signature",n.detail);return[4,_(this.endpoint,"signature",n.detail)];case 7:a=v.sent();console.log("Created signature",a);return[4,u(this.endpoint,this.envelopeId,e.name,a.id)];case 8:d=v.sent();console.log("Attach result",d);return[3,11];case 9:p=n.target.getAttribute("iso");c(this.endpoint,this.envelopeId,e.name,{prepared:false,value:p}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,t,i,o,r,s;(n=f.sdkError)===null||n===void 0?void 0:n.emit(new b(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(i=e.response)===null||i===void 0?void 0:i.data));if(((o=e.response)===null||o===void 0?void 0:o.status)===401&&((s=(r=e.response)===null||r===void 0?void 0:r.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));return[3,11];case 10:console.log("Unhandled field update",{value:o,checked:r},e);return[3,11];case 11:return[2]}}))}))};e.prototype.isFieldValid=function(e){var n,t,i,o,r,s,l,a,d,c,u,v;switch(e.type){case"textbox":switch(((n=e.settings)===null||n===void 0?void 0:n.validator)||""){case"email":return f(((t=e.settings)===null||t===void 0?void 0:t.result)||"");case"phone":return p(((i=e.settings)===null||i===void 0?void 0:i.result)||"");default:return!!((o=e.settings)===null||o===void 0?void 0:o.result)}case"signature":case"initial":case"textarea":case"date":case"timestamp":case"attachment":return!!((r=e.settings)===null||r===void 0?void 0:r.result);case"dropdown":return!!((s=e.settings)===null||s===void 0?void 0:s.value);case"checkbox_group":var h=(((a=(l=e.settings)===null||l===void 0?void 0:l.options)===null||a===void 0?void 0:a.filter((function(e){return e.checked})))||[]).length;return h>=(((d=e.settings)===null||d===void 0?void 0:d.minimum_checked)||0)&&h<=(((c=e.settings)===null||c===void 0?void 0:c.maximum_checked)||999);case"radio_button_group":return(((v=(u=e.settings)===null||u===void 0?void 0:u.options)===null||v===void 0?void 0:v.filter((function(e){return e.selected})))||[]).length>0;default:return false}};e.prototype.handleNext=function(){var e=this;var n=this.fields.filter((function(e){return e.required}));console.log("required Fields",n);var t=n.findIndex((function(n){return n.name===e.focusedField}));console.log("focused Index",t);var i=t+1;if(i>=n.length){i=0}var o=n[i];console.log("next required field",o);if(o){var r=x(o);var s=document.getElementById(r);console.log("focusing",r,s);s===null||s===void 0?void 0:s.focusField();this.focusedField=o.name}};e.prototype.handlePageRendered=function(e){var n=this;var t=e.detail;console.log("[SIGN] Page rendered",t);var i=h(a.roleNames,this.recipient.role_name);console.log("rendering fields for recipient",i);var o=this.recipient.fields.filter((function(e){return e.page===t.pageNumber}));console.log("[SIGN] Fields on page",o);o.forEach((function(e){var o;var r=g(e,t,i,{disabled:false,editable:false,draggable:false});if(!r){return}r.addEventListener("input",(function(t){n.handleFieldChange(e,t)}));r.addEventListener("fieldChange",(function(t){n.handleFieldChange(e,t)}));r.setAttribute("roleindex",i);r.setAttribute("xScale",t.xScale);r.setAttribute("yScale",t.yScale);r.setAttribute("initials",n.recipient?m(n.recipient.full_name):"");r.setAttribute("name",((o=n.recipient)===null||o===void 0?void 0:o.full_name)||"")}));a.envelope.recipients.filter((function(e){return e.role_name!==n.recipient.role_name})).map((function(e){var n=h(a.roleNames,e.role_name);console.log("Rendering fields for other recipient",n,e);var i=e.fields.filter((function(e){return e.page===t.pageNumber}));console.log("[SIGN] Fields on page",i);i.forEach((function(e){var i=g(e,t,n,{disabled:true,editable:false,draggable:false});if(!i){return}i.setAttribute("roleindex",n);i.setAttribute("xScale",t.xScale);i.setAttribute("yScale",t.yScale)}))}))};e.prototype.render=function(){var e=this;var n,t,s,l;if(a.loading||!a.envelope){return i(o,null,i("verdocs-loader",null))}var d=[{id:"later",label:"Finish Later"},{id:"claim",label:"Claim the Document",disabled:true},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];return i(o,{class:{agreed:(n=this.recipient)===null||n===void 0?void 0:n.agreed}},!this.finishLater&&i("div",{class:"intro"},i("div",{class:"inner"},"Please review and act on these documents.")),i("div",{class:"header"},i("div",{class:"inner"},!this.finishLater&&i("div",{class:"toolbar"},i("div",{class:"tools"},i("verdocs-dropdown",{options:d,onOptionSelected:function(n){return e.handleOptionSelected(n)}}),!((t=this.recipient)===null||t===void 0?void 0:t.agreed)?i("div",{class:"agree"},i("verdocs-checkbox",{name:"agree",label:"I agree to use electronic records and signatures.",onInput:function(){return e.handleClickAgree()}})):i("div",{style:{flex:"1"}}),i("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((s=this.recipient)===null||s===void 0?void 0:s.agreed),onClick:function(){return e.handleNext()}}))))),!((l=this.recipient)===null||l===void 0?void 0:l.agreed)?i("div",{class:"cover"}):i("div",{style:{display:"none"}}),i("div",{class:"document"},(a.envelope.documents||[]).map((function(n){var t=__spreadArray([],(n===null||n===void 0?void 0:n.pages)||[],true);t.sort((function(e,n){return e.sequence-n.sequence}));return i(r,null,t.map((function(n){return i("verdocs-document-page",{pageImageUri:n.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:n.sequence,onPageRendered:function(n){return e.handlePageRendered(n)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&i("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the document, use the link in the original email notification inviting you to review and finish the document.",onNext:function(){return e.showFinishLater=false}}))};return e}());E.style=S}}}));
+//# sourceMappingURL=p-2a153dae.system.entry.js.map

package/dist/verdocs-web-sdk/p-2a153dae.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","node_modules/@verdocs/js-sdk/Envelopes/Signatures.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__assign","this","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","__generator","body","_","label","sent","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","v","op","TypeError","pop","push","updateRecipientStatus","endpoint","envelopeId","roleName","action","params","_a","api","put","concat","role_name","r","data","createSignature","name","signature","FormData","append","post","verdocsSignCss","VerdocsSign","exports","recipientIndex","fields","class_1","componentWillLoad","VerdocsEndpoint","sessionType","componentDidLoad","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","console","log","Envelopes.getSigningSession","_o","_p","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","getEnvelopeById","EnvelopeStore","envelope","recipients","findIndex","_this","e_1","_d","message","_e","response","status","_f","handleClickAgree","catch","savePDF","fileName","updated_at","split","Envelopes.getEnvelopeFile","envelope_document_id","xhr","XMLHttpRequest","responseType","onload","a","document","createElement","href","window","URL","createObjectURL","download","style","display","appendChild","click","remove","open","send","handleOptionSelected","detail","id","finishLater","showFinishLater","handleFieldChange","field","optionId","target","checked","type","Envelopes.updateEnvelopeField","prepared","error","options","settings","map","option","selected","newSignature","_q","updateEnvelopeFieldSignature","attachResult","iso","getAttribute","isFieldValid","validator","isValidEmail","isValidPhone","_h","_g","filter","_j","minimum_checked","_k","maximum_checked","_m","_l","handleNext","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","getFieldId","el","getElementById","focusField","handlePageRendered","pageInfo","roleIndex","getRoleIndex","roleNames","recipientFields","page","pageNumber","forEach","renderDocumentField","disabled","editable","draggable","addEventListener","setAttribute","xScale","yScale","fullNameToInitials","full_name","otherRecipient","otherRoleIndex","render","loading","h","Host","menuOptions","class","onOptionSelected","onInput","flex","size","onClick","documents","envelopeDocument","pages","__spreadArray","sort","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers","heading","onNext"],"mappings":"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","sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipientStatus = function (endpoint, envelopeId, roleName, action, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(roleName), __assign({ role_name: roleName, action: action }, (params || {})))\n                .then(function (r) { return r.data; })];\n    });\n}); };\nexport var getSignerToken = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"/signer-token\"))\n        .then(function (r) { return r.data; });\n};\nexport var getInPersonLink = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"?in_person_link=true\"))\n        .then(function (r) { return r.data; });\n};\n","/**\n * Create a signature block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * a signature block to be used for all signature fields in the document. Thus, this is typically called one time to\n * create and store a signature block. Thereafter, the ID of the signature block may be re-used for each signature field\n * to be \"stamped\" by the user.\n */\nexport var createSignature = function (endpoint, name, signature) {\n    var data = new FormData();\n    data.append('signature', signature, name);\n    return endpoint.api //\n        .post(\"/signatures\", data)\n        .then(function (r) { return r.data; });\n};\n/**\n * Get the availbable signatures for a user.\n */\nexport var getSignatures = function (endpoint) {\n    return endpoint.api //\n        .get('/signatures')\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a user's signature by ID.\n */\nexport var getSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .get(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a user's signature.\n */\nexport var deleteSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .delete(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n","@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0 15px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {fullNameToInitials, getFieldId, getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\nimport {createSignature} from '@verdocs/js-sdk/Envelopes/Signatures';\nimport {updateEnvelopeFieldSignature} from '@verdocs/js-sdk/Envelopes/Envelopes';\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop() envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop() roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop() inviteCode: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when any field is updated. Note that the current active endpoint is\n   * provided as a parameter as a convenience for callers when this coimponent\n   */\n  @Event({composed: true}) fieldUpdated: EventEmitter<{endpoint: VerdocsEndpoint}>;\n\n  @State() recipient: IRecipient | null = null;\n  @State() signerToken = null;\n  // @State() envelope: IEnvelope | null = null;\n  // @State() fields: IDocumentField[] = [];\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() focusedField = '';\n\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n\n  recipientIndex: number = -1;\n  fields: IDocumentField[] = [];\n\n  componentWillLoad() {\n    this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n  }\n\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));\n      return;\n    }\n\n    if (!this.roleId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));\n      return;\n    }\n\n    if (!this.inviteCode) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));\n      return;\n    }\n\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n      const {session, recipient, signerToken} = await Envelopes.getSigningSession(this.endpoint, {\n        envelopeId: this.envelopeId,\n        roleId: this.roleId,\n        inviteCode: this.inviteCode,\n      });\n\n      console.log(`[SIGN] Loaded signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      await getEnvelopeById(this.endpoint, this.envelopeId);\n      // const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);\n      // this.envelope = envelope;\n      // console.log('[SIGN] Loaded envelope', envelope);\n\n      this.recipientIndex = EnvelopeStore.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        this.recipient = EnvelopeStore.envelope.recipients[this.recipientIndex];\n        this.fields = this.recipient.fields;\n      }\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('Update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${EnvelopeStore.envelope.name} - ${EnvelopeStore.envelope.updated_at.split('T')[0]}.pdf`;\n    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, EnvelopeStore.envelope.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        // if (!window?.['STORYBOOK_ENV']) {\n        //   window.alert('User intends to sign later.');\n        // }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    const {value, checked} = e.target;\n\n    switch (field.type) {\n      case 'textbox':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options: [{id: optionId, checked}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n\n        const newSignature = await createSignature(this.endpoint, 'signature', e.detail);\n        console.log('Created signature', newSignature);\n\n        //   --data-raw '{\"ip_address\":\"ip_unavailable\"}' \\\n        const attachResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n        console.log('Attach result', attachResult);\n        break;\n\n      case 'date':\n        const iso = e.target.getAttribute('iso');\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: iso})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      default:\n        console.log('Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  // (async () => {\n  //   await customElements.whenDefined('verdocs-field-signature');\n  //   const els = document.getElementById('verdocs-field-signature');\n  //   await els.focusField();\n  // })();\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required field', nextRequiredField);\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      console.log('focusing', id, el);\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    const roleIndex = getRoleIndex(EnvelopeStore.roleNames, this.recipient.role_name);\n    console.log('rendering fields for recipient', roleIndex);\n    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);\n    // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    console.log('[SIGN] Fields on page', recipientFields);\n    recipientFields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: false, editable: false, draggable: false});\n      if (!el) {\n        return;\n      }\n\n      el.addEventListener('input', e => {\n        this.handleFieldChange(field, e);\n      });\n\n      el.addEventListener('fieldChange', e => {\n        this.handleFieldChange(field, e);\n      });\n\n      el.setAttribute('roleindex', roleIndex);\n      el.setAttribute('xScale', pageInfo.xScale);\n      el.setAttribute('yScale', pageInfo.yScale);\n      el.setAttribute('initials', this.recipient ? fullNameToInitials(this.recipient.full_name) : '');\n      el.setAttribute('name', this.recipient?.full_name || '');\n\n      // interact(el).draggable({\n      //   listeners: {\n      //     start(event) {\n      //       console.log('[FIELDS] Drag started', event.type, event.target);\n      //     },\n      //     move(event) {\n      //       const oldX = +(event.target.getAttribute('posX') || 0);\n      //       const oldY = +(event.target.getAttribute('posY') || 0);\n      //       const xScale = +(event.target.getAttribute('xScale') || 1);\n      //       const yScale = +(event.target.getAttribute('yScale') || 1);\n      //       const newX = event.dx / xScale + oldX;\n      //       const newY = event.dy / yScale + oldY;\n      //       event.target.setAttribute('posX', newX);\n      //       event.target.setAttribute('posy', newY);\n      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n      //     },\n      //     end(event) {\n      //       console.log('[FIELDS] Drag ended', event);\n      //       // event.target.setAttribute('posX', 0);\n      //       // event.target.setAttribute('posy', 0);\n      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n      //     },\n      //   },\n      // });\n    });\n\n    EnvelopeStore.envelope.recipients\n      .filter(recipient => recipient.role_name !== this.recipient.role_name)\n      .map(otherRecipient => {\n        const otherRoleIndex = getRoleIndex(EnvelopeStore.roleNames, otherRecipient.role_name);\n        console.log('Rendering fields for other recipient', otherRoleIndex, otherRecipient);\n        const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);\n        // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n        console.log('[SIGN] Fields on page', recipientFields);\n        recipientFields.forEach(field => {\n          const el = renderDocumentField(field, pageInfo, otherRoleIndex, {disabled: true, editable: false, draggable: false});\n          if (!el) {\n            return;\n          }\n\n          el.setAttribute('roleindex', otherRoleIndex);\n          el.setAttribute('xScale', pageInfo.xScale);\n          el.setAttribute('yScale', pageInfo.yScale);\n        });\n      });\n  }\n\n  render() {\n    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    const menuOptions = [\n      {id: 'later', label: 'Finish Later'}, //\n      {id: 'claim', label: 'Claim the Document', disabled: true},\n      {id: 'decline', label: 'Decline to Sign'},\n      {id: 'print', label: 'Print Without Signing'},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{agreed: this.recipient?.agreed}}>\n        {!this.finishLater && (\n          <div class=\"intro\">\n            <div class=\"inner\">Please review and act on these documents.</div>\n          </div>\n        )}\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            {!this.finishLater && (\n              <div class=\"toolbar\">\n                <div class=\"tools\">\n                  <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                  {!this.recipient?.agreed ? (\n                    <div class=\"agree\">\n                      <verdocs-checkbox name=\"agree\" label=\"I agree to use electronic records and signatures.\" onInput={() => this.handleClickAgree()} />\n                    </div>\n                  ) : (\n                    <div style={{flex: '1'}} />\n                  )}\n                  <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          {(EnvelopeStore.envelope.documents || []).map(envelopeDocument => {\n            const pages = [...(envelopeDocument?.pages || [])];\n            pages.sort((a, b) => a.sequence - b.sequence);\n\n            return (\n              <Fragment>\n                {pages.map(page => (\n                  <verdocs-document-page\n                    pageImageUri={page.display_uri}\n                    virtualWidth={612}\n                    virtualHeight={792}\n                    pageNumber={page.sequence}\n                    onPageRendered={e => this.handlePageRendered(e)}\n                    layers={[\n                      {name: 'page', type: 'canvas'},\n                      {name: 'controls', type: 'div'},\n                    ]}\n                  />\n                ))}\n              </Fragment>\n            );\n          })}\n        </div>\n\n        {this.showFinishLater && (\n          <verdocs-ok-dialog\n            heading=\"You've saved your document to finish later.\"\n            message=\"To complete the document, use the link in the original email notification inviting you to review and finish the document.\"\n            onNext={() => (this.showFinishLater = false)}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-305e3fb9.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-97329951.system.js","./p-05eb4fed.system.js","./p-5a323cf3.system.js"],(function(e){"use strict";var o,i,t,c,r;return{setters:[function(e){o=e.r;i=e.h;t=e.H},function(e){c=e.g},function(e){r=e.g}],execute:function(){var l='@charset "UTF-8";verdocs-field-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:"";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var d=e("verdocs_field_checkbox",function(){function e(e){o(this,e);this.field=null;this.option=0;this.disabled=false;this.roleindex=0}e.prototype.render=function(){var e,o,l,d;var s=r(this.field);var n=(o=(e=s.options)===null||e===void 0?void 0:e[this.option])!==null&&o!==void 0?o:{checked:false};var a=(d=(l=this.disabled)!==null&&l!==void 0?l:s.disabled)!==null&&d!==void 0?d:false;var b=this.field["rgba"]||c(this.roleindex);return i(t,{class:{required:s.required,disabled:a},style:{backgroundColor:b}},i("label",null,i("input",{type:"checkbox",tabIndex:s.order,checked:n.checked,disabled:a,required:s.required}),i("span",null)))};return e}());d.style=l}}}));
+//# sourceMappingURL=p-305e3fb9.system.entry.js.map

package/dist/verdocs-web-sdk/p-305e3fb9.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx"],"names":["verdocsFieldCheckboxCss","VerdocsFieldCheckbox","exports","class_1","prototype","render","settings","getFieldSettings","this","field","option","_b","_a","options","checked","disabled","_d","_c","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","type","tabIndex","order"],"mappings":"8OAAA,IAAMA,EAA0B,ghCCcnBC,EAAoBC,EAAA,yBAAA,8CAIyB,iBAK/B,gBAKI,qBAKA,EAE7BC,EAAAC,UAAAC,OAAA,uBACE,IAAMC,EAAWC,EAAiBC,KAAKC,OACvC,IAAMC,GAASC,GAAAC,EAAAN,EAASO,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAGJ,KAAKE,WAAO,MAAAC,SAAA,EAAAA,EAAI,CAACG,QAAS,OAC5D,IAAMC,GAAWC,GAAAC,EAAAT,KAAKO,YAAQ,MAAAE,SAAA,EAAAA,EAAIX,EAASS,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBV,KAAKC,MAAM,SAAWU,EAAQX,KAAKY,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUlB,EAASkB,SAAUT,SAAQA,GAAGU,MAAO,CAACP,gBAAeA,IAC3EG,EAAA,QAAA,KACEA,EAAA,QAAA,CAAOK,KAAK,WAAWC,SAAUrB,EAASsB,MAAOd,QAASJ,EAAOI,QAASC,SAAUA,EAAUS,SAAUlB,EAASkB,WACjHH,EAAA,OAAA,kBA/BuB","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    //background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {Component, h, Host, Prop} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-339c7685.system.entry.js

@@ -0,0 +1,2 @@
+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,l){function r(e){try{s(n.next(e))}catch(e){l(e)}}function a(e){try{s(n["throw"](e))}catch(e){l(e)}}function s(e){e.done?i(e.value):o(e.value).then(r,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},n,o,l,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(e){return function(t){return s([e,t])}}function s(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(l=r[0]&2?o["return"]:r[0]?o["throw"]||((l=o["return"])&&l.call(o),0):o.next)&&!(l=l.call(o,r[1])).done)return l;if(o=0,l)r=[r[0]&2,l.value];switch(r[0]){case 0:case 1:l=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;o=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(l=i.trys,l=l.length>0&&l[l.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!l||r[1]>l[0]&&r[1]<l[3])){i.label=r[1];break}if(r[0]===6&&i.label<l[1]){i.label=l[1];l=r;break}if(l&&i.label<l[2]){i.label=l[2];i.ops.push(r);break}if(l[2])i.ops.pop();i.trys.pop();continue}r=t.call(e,i)}catch(e){r=[6,e];o=0}finally{n=l=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-05eb4fed.system.js","./p-5a323cf3.system.js"],(function(e){"use strict";var t,i,n,o,l,r;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.H},function(e){l=e.g},function(e){r=e.g}],execute:function(){var a='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 img{display:block;max-width:100%;max-height:100%}verdocs-field-initial button{-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}';var s='<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 d=e("verdocs_field_initial",function(){function e(e){t(this,e);this.adopt=i(this,"adopt",7);this.cancel=i(this,"cancel",7);this.fieldChange=i(this,"fieldChange",7);this.settingsPress=i(this,"settingsPress",7);this.field=null;this.disabled=false;this.initials="";this.editable=false;this.moveable=false;this.roleindex=0;this.tempInitials=""}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();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("[INITIAL] Adopted initials");this.tempInitials=e.detail;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(this.tempInitials);this.hideDialog()};e.prototype.handleShow=function(){var e=this;this.dialog=document.createElement("verdocs-initial-dialog");this.dialog.setAttribute("initials",this.initials);this.dialog.setAttribute("roleindex",this.roleindex);this.dialog.addEventListener("cancel",(function(){return e.hideDialog()}));this.dialog.addEventListener("next",(function(t){return e.handleAdopt(t)}));document.body.append(this.dialog)};e.prototype.render=function(){var e=this;var t,i;var a=r(this.field);var d=this.tempInitials||a.base64;var c=(i=(t=this.disabled)!==null&&t!==void 0?t:a.disabled)!==null&&i!==void 0?i:false;var u=this.field["rgba"]||l(this.roleindex);return n(o,{class:{required:a.required,disabled:c},style:{backgroundColor:u}},d?n("img",{src:this.tempInitials||a.base64,alt:"Initials"}):n("button",{class:{},onClick:function(){return!c&&e.handleShow()}},"Initials"),this.editable&&n("verdocs-button-panel",{icon:s},n("h6",null,"Field Settings"),n("form",null,n("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),n("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),n("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());d.style=a}}}));
+//# sourceMappingURL=p-339c7685.system.entry.js.map

package/dist/verdocs-web-sdk/p-339c7685.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-initial/verdocs-field-initial.scss?tag=verdocs-field-initial","src/components/elements/verdocs-field-initial/verdocs-field-initial.tsx"],"names":["verdocsFieldInitialCss","settingsIcon","VerdocsFieldInitial","exports","class_1","prototype","focusField","this","handleShow","hideDialog","_a","dialog","remove","handleAdopt","e","console","log","tempInitials","detail","fieldChange","emit","_this","document","createElement","setAttribute","initials","roleindex","addEventListener","body","append","render","settings","getFieldSettings","field","value","base64","disabled","_b","backgroundColor","getRGBA","h","Host","class","required","style","src","alt","onClick","editable","icon","label","options","placeholder","onInput"],"mappings":"+qDAAA,IAAMA,EAAyB,6xCCM/B,IAAMC,EACJ,6rCAWWC,EAAmBC,EAAA,wBAAA,gMAI0B,mBAK3B,oBAKF,iBAME,oBAKA,qBAKA,oBA6BN,GALPC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,8BAQPJ,EAAAC,UAAAI,WAAA,kBACEC,EAAAH,KAAKI,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,SACbL,KAAKI,OAAS,MAGhBP,EAAAC,UAAAQ,YAAA,SAAYC,SACVC,QAAQC,IAAI,8BACZT,KAAKU,aAAeH,EAAEI,QACtBR,EAAAH,KAAKY,eAAW,MAAAT,SAAA,OAAA,EAAAA,EAAEU,KAAKb,KAAKU,cAC5BV,KAAKE,cAGPL,EAAAC,UAAAG,WAAA,WAAA,IAAAa,EAAAd,KACEA,KAAKI,OAASW,SAASC,cAAc,0BACrChB,KAAKI,OAAOa,aAAa,WAAYjB,KAAKkB,UAC1ClB,KAAKI,OAAOa,aAAa,YAAajB,KAAKmB,WAC3CnB,KAAKI,OAAOgB,iBAAiB,UAAU,WAAM,OAAAN,EAAKZ,gBAClDF,KAAKI,OAAOgB,iBAAiB,QAAQ,SAAAb,GAAK,OAAAO,EAAKR,YAAYC,MAC3DQ,SAASM,KAAKC,OAAOtB,KAAKI,SAG5BP,EAAAC,UAAAyB,OAAA,WAAA,IAAAT,EAAAd,aACE,IAAMwB,EAAWC,EAAiBzB,KAAK0B,OACvC,IAAMC,EAAQ3B,KAAKU,cAAgBc,EAASI,OAC5C,IAAMC,GAAWC,GAAA3B,EAAAH,KAAK6B,YAAQ,MAAA1B,SAAA,EAAAA,EAAIqB,EAASK,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAMC,EAAkB/B,KAAK0B,MAAM,SAAWM,EAAQhC,KAAKmB,WAE3D,OACEc,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUZ,EAASY,SAAUP,SAAQA,GAAGQ,MAAO,CAACN,gBAAeA,IAC1EJ,EACCM,EAAA,MAAA,CAAKK,IAAKtC,KAAKU,cAAgBc,EAASI,OAAQW,IAAI,aAEpDN,EAAA,SAAA,CAAQE,MAAO,GAAIK,QAAS,WAAM,OAACX,GAAYf,EAAKb,eAAY,YAKjED,KAAKyC,UACJR,EAAA,uBAAA,CAAsBS,KAAMhD,GAC1BuC,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEU,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAAShB,MAAO,SACxB,CAACgB,MAAO,SAAUhB,MAAO,aAI7BM,EAAA,qBAAA,CAAoBU,MAAM,aAAahB,MAAM,GAAGkB,YAAY,uBAAuBC,QAAS,SAAAvC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,MACpH0B,EAAA,qBAAA,CAAoBU,MAAM,cAAchB,MAAM,GAAGkB,YAAY,sBAAsBC,QAAS,SAAAvC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,mBAjHlG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-initial {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  letter-spacing: 0.3px;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  button {\n    box-sizing: border-box;\n    border: none;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid $verdocs-red-1;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\nconst settingsIcon =\n  '<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>';\n\n/**\n * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\n * button will be shown. Clicking the button will show a dialog to adopt an initial.\n */\n@Component({\n  tag: 'verdocs-field-initial',\n  styleUrl: 'verdocs-field-initial.scss',\n  shadow: false,\n})\nexport class VerdocsFieldInitial {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() initials: string = '';\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  /**\n   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event emitted when the user cancels the process.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n  }\n\n  @State()\n  tempInitials: string = '';\n\n  private dialog?: any;\n\n  hideDialog() {\n    this.dialog?.remove();\n    this.dialog = null;\n  }\n\n  handleAdopt(e: any) {\n    console.log('[INITIAL] Adopted initials');\n    this.tempInitials = e.detail;\n    this.fieldChange?.emit(this.tempInitials);\n    this.hideDialog();\n  }\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-initial-dialog');\n    this.dialog.setAttribute('initials', this.initials);\n    this.dialog.setAttribute('roleindex', this.roleindex);\n    this.dialog.addEventListener('cancel', () => this.hideDialog());\n    this.dialog.addEventListener('next', e => this.handleAdopt(e));\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const value = this.tempInitials || settings.base64;\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        {value ? (\n          <img src={this.tempInitials || settings.base64} alt=\"Initials\" />\n        ) : (\n          <button class={{}} onClick={() => !disabled && this.handleShow()}>\n            Initials\n          </button>\n        )}\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-3bc9be49.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as c,H as o}from"./p-ff1278ed.js";const t='@charset "UTF-8";verdocs-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;line-height:18px}verdocs-checkbox label>input[type=checkbox]{display:none}verdocs-checkbox label>input[type=checkbox]+*::before{content:"";width:1rem;height:1rem;-ms-flex-negative:0;flex-shrink:0;line-height:18px;border-radius:2px;border-style:solid;margin-right:0.5rem;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-checkbox.dark label>input[type=checkbox]+*::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+*::before{background:#55bc81;border-color:#55bc81}';const r=class{constructor(c){e(this,c);this.checked=false;this.name="";this.label="";this.value="";this.theme="light";this.disabled=false}render(){return c(o,{class:{disabled:this.disabled,[this.theme]:true}},c("label",null,c("input",{type:"checkbox",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled}),c("span",null,this.label)))}};r.style=t;export{r as verdocs_checkbox};
+//# sourceMappingURL=p-3bc9be49.entry.js.map

package/dist/verdocs-web-sdk/p-3bc9be49.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-checkbox/verdocs-checkbox.scss?tag=verdocs-checkbox","src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx"],"names":["verdocsCheckboxCss","VerdocsCheckbox","[object Object]","h","Host","class","disabled","this","theme","type","value","name","checked","label"],"mappings":"kDAAA,MAAMA,EAAqB,m3BCwBdC,EAAe,4CAIC,gBAKJ,cAMC,cAOA,cAKU,sBAKL,MAE7BC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUC,KAAKD,SAAUJ,CAACK,KAAKC,OAAQ,OACnDL,EAAA,QAAA,KACEA,EAAA,QAAA,CAAOM,KAAK,WAAWC,MAAOH,KAAKG,MAAOC,KAAMJ,KAAKI,KAAMC,QAASL,KAAKK,QAASN,SAAUC,KAAKD,WACjGH,EAAA,OAAA,KAAOI,KAAKM","sourcesContent":["@import '../../../theme.scss';\n\n// Your periodic reminder that it's 2022 and you still can't style HTML checkboxes\nverdocs-checkbox {\n  font-family: $verdocs-primary-font;\n  line-height: 18px;\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    line-height: 18px;\n    border-radius: 2px;\n    border-style: solid;\n    margin-right: 0.5rem;\n    border-width: 0.1rem;\n    display: inline-block;\n    vertical-align: bottom;\n    border-color: $verdocs-grey-2;\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.dark {\n    label > input[type='checkbox'] + *::before {\n      border-color: $verdocs-grey-4;\n    }\n\n    label > input[type='checkbox']:checked + *::before {\n      background: $verdocs-green;\n      border-color: $verdocs-green;\n    }\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\n * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check\n * box for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```html\n * <verdocs-checkbox\n *    value=\"on\"\n *    name=\"thingEnabled\"\n *    checked={this.thingEnabled}\n *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-checkbox',\n  styleUrl: 'verdocs-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsCheckbox {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\n   * repositioned with CSS.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Value to track with the input. Value is not used internally by this component but is sometimes useful to set\n   * because it can be retrieved in event handlers via e.target.value. This can be used to identify which\n   * checkbox was clicked in a checkbox group.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Style of checkbox to render. Use 'dark' when rendering on a dark background.\n   */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled, [this.theme]: true}}>\n        <label>\n          <input type=\"checkbox\" value={this.value} name={this.name} checked={this.checked} disabled={this.disabled} />\n          <span>{this.label}</span>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-3c2550a8.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function l(e){try{a(o.next(e))}catch(e){n(e)}}function s(e){try{a(o["throw"](e))}catch(e){n(e)}}function a(e){e.done?i(e.value):r(e.value).then(l,s)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,r&&(n=l[0]&2?r["return"]:l[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,l[1])).done)return n;if(r=0,n)l=[l[0]&2,n.value];switch(l[0]){case 0:case 1:n=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!n||l[1]>n[0]&&l[1]<n[3])){i.label=l[1];break}if(l[0]===6&&i.label<n[1]){i.label=n[1];n=l;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(l);break}if(n[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];r=0}finally{o=n=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-5a323cf3.system.js","./p-05eb4fed.system.js"],(function(e){"use strict";var t,i,o,r,n;return{setters:[function(e){t=e.r;i=e.h;o=e.H},function(e){r=e.g},function(e){n=e.g}],execute:function(){var l='verdocs-field-timestamp{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-timestamp.disabled{opacity:0.5}verdocs-field-timestamp input{-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%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}';var s='<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 a=e("verdocs_field_timestamp",function(){function e(e){t(this,e);this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();return[2]}))}))};e.prototype.render=function(){var e=this;var t,l,a,d;var u=r(this.field);var c=(l=(t=this.disabled)!==null&&t!==void 0?t:u.disabled)!==null&&l!==void 0?l:false;var f=this.field["rgba"]||n(this.roleindex);return i(o,{class:{required:(a=this.field)===null||a===void 0?void 0:a.required,disabled:c},style:{backgroundColor:f}},i("input",{type:"text",placeholder:u===null||u===void 0?void 0:u.placeholder,tabIndex:u===null||u===void 0?void 0:u.order,value:(u===null||u===void 0?void 0:u.value)||(new Date).toLocaleDateString(),disabled:c,required:(d=this.field)===null||d===void 0?void 0:d.required,ref:function(t){return e.el=t}}),this.editable&&i("verdocs-button-panel",{icon:s},i("h6",null,"Field Settings"),i("form",null,i("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),i("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());a.style=l}}}));
+//# sourceMappingURL=p-3c2550a8.system.entry.js.map

package/dist/verdocs-web-sdk/p-3c2550a8.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.scss?tag=verdocs-field-timestamp","src/components/elements/verdocs-field-timestamp/verdocs-field-timestamp.tsx"],"names":["verdocsFieldTimestampCss","settingsIcon","VerdocsFieldTimestamp","exports","class_1","prototype","focusField","this","el","focus","render","_this","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","value","Date","toLocaleDateString","_d","ref","editable","icon","label","options","onInput","e","console","log"],"mappings":"uqDAAA,IAAMA,EAA2B,4tCCMjC,IAAMC,EACJ,6rCAUWC,EAAqBC,EAAA,0BAAA,8CAMwB,mBAK3B,oBAMA,oBAKA,qBAKA,EAEbC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,GAAGC,yBAGVL,EAAAC,UAAAK,OAAA,WAAA,IAAAC,EAAAJ,iBACE,IAAMK,EAAWC,EAAiBN,KAAKO,OACvC,IAAMC,GAAWC,GAAAC,EAAAV,KAAKQ,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBX,KAAKO,MAAM,SAAWK,EAAQZ,KAAKa,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,UAAUC,EAAAlB,KAAKO,SAAK,MAAAW,SAAA,OAAA,EAAAA,EAAED,SAAUT,SAAQA,GAAGW,MAAO,CAACR,gBAAeA,IAC9EG,EAAA,QAAA,CACEM,KAAK,OACLC,YAAahB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUgB,YACvBC,SAAUjB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUkB,MACpBC,OAAOnB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUmB,SAAS,IAAIC,MAAOC,qBACrClB,SAAUA,EACVS,UAAUU,EAAA3B,KAAKO,SAAK,MAAAoB,SAAA,OAAA,EAAAA,EAAEV,SACtBW,IAAK,SAAA3B,GAAE,OAAKG,EAAKH,GAAKA,KAGvBD,KAAK6B,UACJf,EAAA,uBAAA,CAAsBgB,KAAMpC,GAC1BoB,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEiB,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASP,MAAO,SACxB,CAACO,MAAO,SAAUP,MAAO,aAI7BV,EAAA,qBAAA,CAAoBiB,MAAM,aAAaP,MAAM,GAAGH,YAAY,uBAAuBY,QAAS,SAAAC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,MACpHpB,EAAA,qBAAA,CAAoBiB,MAAM,cAAcP,MAAM,GAAGH,YAAY,sBAAsBY,QAAS,SAAAC,GAAK,OAAAC,QAAQC,IAAI,MAAOF,mBA/DhG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-timestamp {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input {\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Method} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\n\nconst settingsIcon =\n  '<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>';\n\n/**\n * Display a timestamp field.\n */\n@Component({\n  tag: 'verdocs-field-timestamp',\n  styleUrl: 'verdocs-field-timestamp.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTimestamp {\n  private el: HTMLInputElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  @Method() async focusField() {\n    this.el.focus();\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: this.field?.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={settings?.value || new Date().toLocaleDateString()}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-40565c66.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,r,n){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function l(e){try{s(n.next(e))}catch(e){o(e)}}function a(e){try{s(n["throw"](e))}catch(e){o(e)}}function s(e){e.done?r(e.value):i(e.value).then(l,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,i,o,l;return l={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function a(e){return function(t){return s([e,t])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;i=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];i=0}finally{n=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-05eb4fed.system.js","./p-5a323cf3.system.js"],(function(e){"use strict";var t,r,n,i,o;return{setters:[function(e){t=e.r;r=e.h;n=e.H},function(e){i=e.g},function(e){o=e.g}],execute:function(){var l='verdocs-field-textarea{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textarea.disabled{opacity:0.5}verdocs-field-textarea textarea{-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%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}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}';var a='<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 s=e("verdocs_field_textarea",function(){function e(e){t(this,e);this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.el.focus();return[2]}))}))};e.prototype.render=function(){var e=this;var t,l;var s=o(this.field);var u=(l=(t=this.disabled)!==null&&t!==void 0?t:s.disabled)!==null&&l!==void 0?l:false;var c=this.field["rgba"]||i(this.roleindex);return r(n,{class:{required:s.required,disabled:u},style:{backgroundColor:c}},r("textarea",{placeholder:s.placeholder||"",tabIndex:s.order,value:s.value,disabled:u,required:s.required,ref:function(t){return e.el=t}}),this.editable&&r("verdocs-button-panel",{icon:a},r("h6",null,"Field Settings"),r("form",null,r("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}],onChange:function(e){console.log("select changed",e)}}),r("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),r("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());s.style=l}}}));
+//# sourceMappingURL=p-40565c66.system.entry.js.map

package/dist/verdocs-web-sdk/p-40565c66.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-textarea/verdocs-field-textarea.scss?tag=verdocs-field-textarea","src/components/elements/verdocs-field-textarea/verdocs-field-textarea.tsx"],"names":["verdocsFieldTextareaCss","settingsIcon","VerdocsFieldTextarea","exports","class_1","prototype","focusField","this","el","focus","render","_this","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","placeholder","tabIndex","order","value","ref","editable","icon","label","options","onChange","e","console","log","onInput"],"mappings":"uqDAAA,IAAMA,EAA0B,2yBCMhC,IAAMC,EACJ,6rCAUWC,EAAoBC,EAAA,yBAAA,8CAMyB,mBAK3B,oBAMA,oBAKA,qBAKA,EAEbC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,GAAGC,yBAGVL,EAAAC,UAAAK,OAAA,WAAA,IAAAC,EAAAJ,aACE,IAAMK,EAAWC,EAAiBN,KAAKO,OACvC,IAAMC,GAAWC,GAAAC,EAAAV,KAAKQ,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,IAAME,EAAkBX,KAAKO,MAAM,SAAWK,EAAQZ,KAAKa,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUZ,EAASY,SAAUT,SAAQA,GAAGU,MAAO,CAACP,gBAAeA,IAC3EG,EAAA,WAAA,CACEK,YAAad,EAASc,aAAe,GACrCC,SAAUf,EAASgB,MACnBC,MAAOjB,EAASiB,MAChBd,SAAUA,EACVS,SAAUZ,EAASY,SACnBM,IAAK,SAAAtB,GAAE,OAAKG,EAAKH,GAAKA,KAGvBD,KAAKwB,UACJV,EAAA,uBAAA,CAAsBW,KAAM/B,GAC1BoB,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEY,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASJ,MAAO,SACxB,CAACI,MAAO,SAAUJ,MAAO,WAE3BM,SAAU,SAAAC,GACRC,QAAQC,IAAI,iBAAkBF,MAIlCf,EAAA,qBAAA,CAAoBY,MAAM,aAAaJ,MAAM,GAAGH,YAAY,uBAAuBa,QAAS,SAAAH,GAAK,OAAAC,QAAQC,IAAI,MAAOF,MACpHf,EAAA,qBAAA,CAAoBY,MAAM,cAAcJ,MAAM,GAAGH,YAAY,sBAAsBa,QAAS,SAAAH,GAAK,OAAAC,QAAQC,IAAI,MAAOF,mBAjEjG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-textarea {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  textarea {\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {Component, h, Host, Prop, Method} from '@stencil/core';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {getFieldSettings} from '../../../utils/utils';\n\nconst settingsIcon =\n  '<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>';\n\n/**\n * Display a multi-line text input field.\n */\n@Component({\n  tag: 'verdocs-field-textarea',\n  styleUrl: 'verdocs-field-textarea.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextarea {\n  private el: HTMLTextAreaElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  @Method() async focusField() {\n    this.el.focus();\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        <textarea\n          placeholder={settings.placeholder || ''}\n          tabIndex={settings.order}\n          value={settings.value}\n          disabled={disabled}\n          required={settings.required}\n          ref={el => (this.el = el)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n                onChange={e => {\n                  console.log('select changed', e);\n                }}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-4125b8e7.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-97329951.system.js"],(function(t){"use strict";var i,e,n,a;return{setters:[function(t){i=t.r;e=t.c;n=t.h;a=t.H}],execute:function(){var o='verdocs-initial-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}';var s=t("verdocs_initial_dialog",function(){function t(t){i(this,t);this.next=e(this,"next",7);this.cancel=e(this,"cancel",7);this.initials="";this.fontLoaded=false;this.enteredInitials="";this.mode="type"}t.prototype.componentWillLoad=function(){var t=this;this.enteredInitials=this.initials.toUpperCase();var i=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");i.load().then((function(i){document.fonts.add(i);t.fontLoaded=true}))};t.prototype.componentDidLoad=function(){this.redrawSignature()};t.prototype.componentDidUpdate=function(){this.redrawSignature()};t.prototype.redrawSignature=function(){if(!this.canvasElement){return}var t=this.canvasElement.width;var i=this.canvasElement.getContext("2d");i.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var e=100;do{e-=2;i.font="".concat(e,"px Dancing Script")}while(i.measureText(this.enteredInitials).width>t-32);i.textAlign="center";i.textBaseline="middle";i.font="".concat(e,"px Dancing Script");i.fillText(this.enteredInitials,this.canvasElement.width/2,this.canvasElement.height/2)};t.prototype.handleNameChange=function(t){this.enteredInitials=t.target.value};t.prototype.handleCancel=function(t){t.stopPropagation();t.preventDefault();this.cancel.emit()};t.prototype.handleAdopt=function(t){t.stopPropagation();t.preventDefault();var i=this.canvasElement.toDataURL("image/png");this.next.emit(i)};t.prototype.render=function(){var t=this;return n(a,{onClick:function(i){return t.handleCancel(i)}},n("div",{class:"dialog"},n("div",{class:"heading"},"Create Your Initial"),n("div",{class:"content"},n("verdocs-text-input",{placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onInput:function(i){return t.handleNameChange(i)}}),n("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?n("canvas",{ref:function(i){return t.canvasElement=i}}):n("div",{style:{display:"none"}}),n("div",{class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),n("div",{class:"buttons"},n("verdocs-button",{label:"CANCEL",variant:"outline",onClick:function(i){return t.handleCancel(i)}}),n("verdocs-button",{label:"Adopt & Sign",onClick:function(i){return t.handleAdopt(i)}})))))};return t}());s.style=o}}}));
+//# sourceMappingURL=p-4125b8e7.system.entry.js.map

package/dist/verdocs-web-sdk/p-4125b8e7.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.scss?tag=verdocs-initial-dialog","src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx"],"names":["verdocsInitialDialogCss","VerdocsInitialDialog","exports","class_1","prototype","componentWillLoad","_this","this","enteredInitials","initials","toUpperCase","ds","FontFace","load","then","font","document","fonts","add","fontLoaded","componentDidLoad","redrawSignature","componentDidUpdate","canvasElement","canvasWidth","width","context","getContext","clearRect","height","fontSize","concat","measureText","textAlign","textBaseline","fillText","handleNameChange","e","target","value","handleCancel","stopPropagation","preventDefault","cancel","emit","handleAdopt","data","toDataURL","next","render","h","Host","onClick","class","placeholder","label","onInput","ref","el","style","display","variant"],"mappings":"0JAAA,IAAMA,EAA0B,uvDCUnBC,EAAoBC,EAAA,yBAAA,2GAMJ,mBAYL,2BAEa,aAEX,OAExBC,EAAAC,UAAAC,kBAAA,WAAA,IAAAC,EAAAC,KACEA,KAAKC,gBAAkBD,KAAKE,SAASC,cAErC,IAAMC,EAAK,IAAIC,SAAS,iBAAkB,oHAC1CD,EAAGE,OAAOC,MAAK,SAAAC,GACbC,SAASC,MAAMC,IAAIH,GACnBT,EAAKa,WAAa,SAItBhB,EAAAC,UAAAgB,iBAAA,WACEb,KAAKc,mBAGPlB,EAAAC,UAAAkB,mBAAA,WACEf,KAAKc,mBAGPlB,EAAAC,UAAAiB,gBAAA,WACE,IAAKd,KAAKgB,cAAe,CACvB,OAGF,IAAMC,EAAcjB,KAAKgB,cAAcE,MAEvC,IAAMC,EAAUnB,KAAKgB,cAAcI,WAAW,MAC9CD,EAAQE,UAAU,EAAG,EAAGrB,KAAKgB,cAAcE,MAAOlB,KAAKgB,cAAcM,QAErE,IAAIC,EAAW,IACf,EAAG,CACDA,GAAY,EACZJ,EAAQX,KAAO,GAAAgB,OAAGD,EAAQ,2BACnBJ,EAAQM,YAAYzB,KAAKC,iBAAiBiB,MAAQD,EAAc,IAEzEE,EAAQO,UAAY,SACpBP,EAAQQ,aAAe,SACvBR,EAAQX,KAAO,GAAAgB,OAAGD,EAAQ,qBAC1BJ,EAAQS,SAAS5B,KAAKC,gBAAiBD,KAAKgB,cAAcE,MAAQ,EAAGlB,KAAKgB,cAAcM,OAAS,IAGnG1B,EAAAC,UAAAgC,iBAAA,SAAiBC,GACf9B,KAAKC,gBAAkB6B,EAAEC,OAAOC,OAGlCpC,EAAAC,UAAAoC,aAAA,SAAaH,GACXA,EAAEI,kBACFJ,EAAEK,iBACFnC,KAAKoC,OAAOC,QAGdzC,EAAAC,UAAAyC,YAAA,SAAYR,GACVA,EAAEI,kBACFJ,EAAEK,iBACF,IAAMI,EAAOvC,KAAKgB,cAAcwB,UAAU,aAC1CxC,KAAKyC,KAAKJ,KAAKE,IAiKjB3C,EAAAC,UAAA6C,OAAA,WAAA,IAAA3C,EAAAC,KACE,OACE2C,EAACC,EAAI,CAACC,QAAS,SAAAf,GAAK,OAAA/B,EAAKkC,aAAaH,KACpCa,EAAA,MAAA,CAAKG,MAAM,UACTH,EAAA,MAAA,CAAKG,MAAM,WAAS,uBAEpBH,EAAA,MAAA,CAAKG,MAAM,WACTH,EAAA,qBAAA,CAAoBI,YAAY,cAAcC,MAAM,WAAWhB,MAAOhC,KAAKC,gBAAiBgD,QAAS,SAAAnB,GAAK,OAAA/B,EAAK8B,iBAAiBC,MAChIa,EAAA,MAAA,CAAKG,MAAM,YAAU,kDAWpB9C,KAAKY,WAAa+B,EAAA,SAAA,CAAQO,IAAK,SAAAC,GAAE,OAAKpD,EAAKiB,cAAgBmC,KAA+BR,EAAA,MAAA,CAAKS,MAAO,CAACC,QAAS,UAEjHV,EAAA,MAAA,CAAKG,MAAM,cAAY,iQAKvBH,EAAA,MAAA,CAAKG,MAAM,WACTH,EAAA,iBAAA,CAAgBK,MAAM,SAASM,QAAQ,UAAUT,QAAS,SAAAf,GAAK,OAAA/B,EAAKkC,aAAaH,MACjFa,EAAA,iBAAA,CAAgBK,MAAM,eAAeH,QAAS,SAAAf,GAAK,OAAA/B,EAAKuC,YAAYR,oBA3QjD","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-initial-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  position: fixed;\n  z-index: 10000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #0000007f;\n\n  .dialog {\n    width: 100%;\n    max-width: 340px;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n    background: $dialog-bg;\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    padding: 20px 20px 0 20px;\n    line-height: 28px;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .content {\n    font-size: 14px;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  canvas {\n    background: #fff;\n    box-sizing: border-box;\n    margin: 0 auto;\n    width: 300px;\n    // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n    height: 79px;\n    max-width: 100%;\n    box-shadow: 0 0 6px 0 #0000001f;\n  }\n\n  .disclaimer {\n    text-align: justify;\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .as-shown {\n    font-size: 11px;\n    margin: 4px 0 20px 4px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n\n    .tab {\n      padding: 8px 15px;\n      cursor: pointer;\n\n      &.active {\n        border-bottom: 2px solid $light-border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n    }\n  }\n}\n","import {Component, Prop, Host, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their initials with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-initial-dialog',\n  styleUrl: 'verdocs-initial-dialog.scss',\n})\nexport class VerdocsInitialDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() initials: string = '';\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) next: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredInitials: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredInitials = this.initials.toUpperCase();\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredInitials).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  handleNameChange(e: any) {\n    this.enteredInitials = e.target.value;\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    this.cancel.emit();\n  }\n\n  handleAdopt(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    const data = this.canvasElement.toDataURL('image/png');\n    this.next.emit(data);\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host onClick={e => this.handleCancel(e)}>\n        <div class=\"dialog\">\n          <div class=\"heading\">Create Your Initial</div>\n\n          <div class=\"content\">\n            <verdocs-text-input placeholder=\"Initials...\" label=\"Initials\" value={this.enteredInitials} onInput={e => this.handleNameChange(e)} />\n            <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n            {/*<div class=\"tabs\">*/}\n            {/*  <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>*/}\n            {/*    Type*/}\n            {/*  </div>*/}\n            {/*  <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>*/}\n            {/*    Draw*/}\n            {/*  </div>*/}\n            {/*</div>*/}\n\n            {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n            <div class=\"disclaimer\">\n              By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n              including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"CANCEL\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n              <verdocs-button label=\"Adopt & Sign\" onClick={e => this.handleAdopt(e)} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}