@verdocs/web-sdk 1.9.6 → 1.9.10

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

@@ -0,0 +1,2 @@
+System.register(["./p-97329951.system.js"],(function(e){"use strict";var t,s,i;return{setters:[function(e){t=e.r;s=e.h;i=e.H}],execute:function(){var o='verdocs-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-checkbox.disabled{opacity:0.5}verdocs-checkbox.hide{display:none}verdocs-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3f9d67}';var c=e("verdocs_checkbox",function(){function e(e){t(this,e);this.checked=false;this.name="";this.value="";this.disabled=false}e.prototype.render=function(){return s(i,{class:{disabled:this.disabled}},s("input",{type:"checkbox",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,id:"verdocs-checkbox-".concat(this.name,"-").concat(this.value)}))};return e}());c.style=o}}}));
+//# sourceMappingURL=p-b9cdae44.system.entry.js.map

package/dist/verdocs-web-sdk/p-b9cdae44.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","disabled","this","type","value","name","checked","id","concat"],"mappings":"kJAAA,IAAMA,EAAqB,+iBCwBdC,EAAeC,EAAA,mBAAA,gDAIC,gBAKJ,cAKC,iBAKK,MAE7BC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUC,KAAKD,WAC3BH,EAAA,QAAA,CAAOK,KAAK,WAAWC,MAAOF,KAAKE,MAAOC,KAAMH,KAAKG,KAAMC,QAASJ,KAAKI,QAASL,SAAUC,KAAKD,SAAUM,GAAI,oBAAAC,OAAoBN,KAAKG,KAAI,KAAAG,OAAIN,KAAKE,oBAxBjI","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-checkbox {\n  font-family: $verdocs-primary-font;\n  width: 20px;\n  height: 20px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  input[type='checkbox'] {\n    width: 18px;\n    height: 18px;\n    accent-color: $verdocs-green-accent;\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   * Value to track with the input.\n   */\n  @Prop() value: string = '';\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}}>\n        <input type=\"checkbox\" value={this.value} name={this.name} checked={this.checked} disabled={this.disabled} id={`verdocs-checkbox-${this.name}-${this.value}`} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-bcae2278.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as i,H as t}from"./p-ff1278ed.js";import{c as d}from"./p-ec26fc38.js";import{g as r}from"./p-7ce27ce2.js";const s=`<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(i){o(this,i);this.optionSelected=e(this,"optionSelected",7);this.options=[];this.isOpen=undefined}componentWillLoad(){}componentDidLoad(){this.popper=d(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,6]}}]})}handleSelectOption(o,e){o.stopPropagation();this.optionSelected.emit(e);this.hide()}showDropdown(){var o,e;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}]})));(e=this.popper)===null||e===void 0?void 0:e.update()}handleHideDropdown(o){var e,i;if(((e=o===null||o===void 0?void 0:o.target)===null||e===void 0?void 0:e.localName)==="button"&&((i=o===null||o===void 0?void 0:o.target)===null||i===void 0?void 0:i.className)==="arrow"){return}this.hide()}toggleDropdown(o){o.stopPropagation();if(this.isOpen){this.hide()}else{this.showDropdown()}}hide(){var o;this.isOpen=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}]})))}render(){var o;return i(t,{class:{storybook:!!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"]),open:!!this.isOpen}},i("button",{class:"arrow",innerHTML:s,"aria-label":"Open Menu",onClick:o=>this.toggleDropdown(o),onBlur:o=>this.handleHideDropdown(o),ref:o=>this.dropdownButton=o}),i("div",{class:"items","aria-hidden":!this.isOpen,ref:o=>this.dropdownMenu=o},(o=this.options)===null||o===void 0?void 0:o.map((o=>i("button",{onClick:e=>this.handleSelectOption(e,o),class:"option",disabled:o.disabled},o.label)))))}};a.style=n;const 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;background:#f5f5fa;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 c=class{constructor(e){o(this,e);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}render(){var o,e,d,s;const n=r(this.field);const a=(e=(o=n.options)===null||o===void 0?void 0:o[this.option])!==null&&e!==void 0?e:{checked:false};const l=(s=(d=this.disabled)!==null&&d!==void 0?d:n.disabled)!==null&&s!==void 0?s:false;return i(t,{class:{required:n.required,disabled:l}},i("label",null,i("input",{type:"checkbox",tabIndex:n.order,checked:a.checked,disabled:l,required:n.required}),i("span",null)))}};c.style=l;const p='verdocs-field-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';const b=class{constructor(i){o(this,i);this.fieldChange=e(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}handleChange(o){console.log("changed",o);this.fieldChange.emit({option:this.option,value:o.target.checked})}render(){var o,e;const d=r(this.field);const s=(e=(o=this.disabled)!==null&&o!==void 0?o:d.disabled)!==null&&e!==void 0?e:false;return i(t,{class:{required:d.required,disabled:s}},i("input",{type:"radio",tabIndex:d.order,value:d.value,name:d.name,id:`${d.name}=${d.value}`,checked:d.checked,disabled:s,required:d.required,onChange:o=>this.handleChange(o)}),i("label",{htmlFor:`${d.name}=${d.value}`}))}};b.style=p;export{a as verdocs_dropdown,c as verdocs_field_checkbox,b as verdocs_field_radio_button};
+//# sourceMappingURL=p-bcae2278.entry.js.map

package/dist/verdocs-web-sdk/p-bcae2278.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","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","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.scss?tag=verdocs-field-radio-button","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"names":["verdocsDropdownCss","VerdocsDropdown","[object Object]","this","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","options","offset","e","option","stopPropagation","optionSelected","emit","hide","setAttribute","removeAttribute","_a","setOptions","enabled","_b","update","target","localName","className","isOpen","showDropdown","h","Host","class","storybook","window","open","innerHTML","SortDown","aria-label","onClick","toggleDropdown","onBlur","handleHideDropdown","ref","el","aria-hidden","map","handleSelectOption","disabled","label","verdocsFieldCheckboxCss","VerdocsFieldCheckbox","settings","getFieldSettings","field","checked","_d","_c","required","type","tabIndex","order","verdocsFieldRadioButtonCss","VerdocsFieldRadioButton","console","log","fieldChange","value","id","onChange","handleChange","htmlFor"],"mappings":"6TAAA,MAAMA,EAAqB,gmCC8BdC,EAAe,2FAQO,yBAkBjCC,qBAIAA,mBACEC,KAAKC,OAASC,EAAaF,KAAKG,eAAgBH,KAAKI,aAAc,CAACC,UAAW,eAAgBC,UAAW,CAAC,CAACC,KAAM,SAAUC,QAAS,CAACC,OAAQ,CAAC,EAAG,QAGpJV,mBAAmBW,EAAQC,GACzBD,EAAEE,kBAEFZ,KAAKa,eAAeC,KAAKH,GACzBX,KAAKe,OAKPhB,uBAEEC,KAAKI,aAAaY,aAAa,YAAa,IAC5ChB,KAAKI,aAAaa,gBAAgB,gBAElCC,EAAAlB,KAAKC,UAAM,MAAAiB,SAAA,OAAA,EAAAA,EAAEC,YAAWX,IAAO,IAC1BA,EACHF,UAAW,IAAIE,EAAQF,UAAW,CAACC,KAAM,iBAAkBa,QAAS,YAGtEC,EAAArB,KAAKC,UAAM,MAAAoB,SAAA,OAAA,EAAAA,EAAEC,SAGfvB,mBAAmBW,WACjB,KAAIQ,EAAAR,IAAC,MAADA,SAAC,OAAA,EAADA,EAAGa,UAAM,MAAAL,SAAA,OAAA,EAAAA,EAAEM,aAAc,YAAYH,EAAAX,IAAC,MAADA,SAAC,OAAA,EAADA,EAAGa,UAAM,MAAAF,SAAA,OAAA,EAAAA,EAAEI,aAAc,QAAS,CAEzE,OAGFzB,KAAKe,OAGPhB,eAAeW,GACbA,EAAEE,kBAEF,GAAIZ,KAAK0B,OAAQ,CACf1B,KAAKe,WACA,CACLf,KAAK2B,gBAIT5B,aACEC,KAAK0B,OAAS,MACd1B,KAAKI,aAAaa,gBAAgB,aAClCjB,KAAKI,aAAaY,aAAa,cAAe,SAC9CE,EAAAlB,KAAKC,UAAM,MAAAiB,SAAA,OAAA,EAAAA,EAAEC,YAAWX,IAAO,IAC1BA,EACHF,UAAW,IAAIE,EAAQF,UAAW,CAACC,KAAM,iBAAkBa,QAAS,YAIxErB,eACE,OACE6B,EAACC,EAAI,CAACC,MAAO,CAACC,aAAaC,SAAM,MAANA,cAAM,OAAA,EAANA,OAAS,kBAAkBC,OAAQjC,KAAK0B,SACjEE,EAAA,SAAA,CACEE,MAAM,QACNI,UAAWC,EAAQC,aACR,YACXC,QAAS3B,GAAKV,KAAKsC,eAAe5B,GAClC6B,OAAQ7B,GAAKV,KAAKwC,mBAAmB9B,GACrC+B,IAAKC,GAAO1C,KAAKG,eAAiBuC,IAGpCd,EAAA,MAAA,CAAKE,MAAM,QAAOa,eAAe3C,KAAK0B,OAAQe,IAAKC,GAAO1C,KAAKI,aAAesC,IAC3ExB,EAAAlB,KAAKQ,WAAO,MAAAU,SAAA,OAAA,EAAAA,EAAE0B,KAAIjC,GACjBiB,EAAA,SAAA,CAAQS,QAAS3B,GAAKV,KAAK6C,mBAAmBnC,EAAGC,GAASmB,MAAM,SAASgB,SAAUnC,EAAOmC,UACvFnC,EAAOoC,uBClItB,MAAMC,EAA0B,qiCCanBC,EAAoB,0CAIyB,0CAU/B,gBAKI,MAE7BlD,qBACE,MAAMmD,EAAWC,EAAiBnD,KAAKoD,OACvC,MAAMzC,GAASU,GAAAH,EAAAgC,EAAS1C,WAAO,MAAAU,SAAA,OAAA,EAAAA,EAAGlB,KAAKW,WAAO,MAAAU,SAAA,EAAAA,EAAI,CAACgC,QAAS,OAE5D,MAAMP,GAAWQ,GAAAC,EAAAvD,KAAK8C,YAAQ,MAAAS,SAAA,EAAAA,EAAIL,EAASJ,YAAQ,MAAAQ,SAAA,EAAAA,EAAI,MACvD,OACE1B,EAACC,EAAI,CAACC,MAAO,CAAC0B,SAAUN,EAASM,SAAUV,SAAAA,IACzClB,EAAA,QAAA,KACEA,EAAA,QAAA,CAAO6B,KAAK,WAAWC,SAAUR,EAASS,MAAON,QAAS1C,EAAO0C,QAASP,SAAUA,EAAUU,SAAUN,EAASM,WACjH5B,EAAA,OAAA,oBC3CV,MAAMgC,EAA6B,0/CCatBC,EAAuB,mFAIsB,0CAU/B,gBAKI,MAS7B9D,aAAaW,GACXoD,QAAQC,IAAI,UAAWrD,GACvBV,KAAKgE,YAAYlD,KAAK,CAACH,OAAQX,KAAKW,OAAQsD,MAAOvD,EAAEa,OAAO8B,UAG9DtD,iBACE,MAAMmD,EAAWC,EAAiBnD,KAAKoD,OACvC,MAAMN,GAAWzB,GAAAH,EAAAlB,KAAK8C,YAAQ,MAAA5B,SAAA,EAAAA,EAAIgC,EAASJ,YAAQ,MAAAzB,SAAA,EAAAA,EAAI,MACvD,OACEO,EAACC,EAAI,CAACC,MAAO,CAAC0B,SAAUN,EAASM,SAAUV,SAAAA,IACzClB,EAAA,QAAA,CACE6B,KAAK,QACLC,SAAUR,EAASS,MACnBM,MAAOf,EAASe,MAChB1D,KAAM2C,EAAS3C,KACf2D,GAAI,GAAGhB,EAAS3C,QAAQ2C,EAASe,QACjCZ,QAASH,EAASG,QAClBP,SAAUA,EACVU,SAAUN,EAASM,SACnBW,SAAUzD,GAAKV,KAAKoE,aAAa1D,KAEnCkB,EAAA,QAAA,CAAOyC,QAAS,GAAGnB,EAAS3C,QAAQ2C,EAASe","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, 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  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   * If set, the component will be open by default. This is primarily intended to be used for testing.\n   */\n  // @Prop() open: boolean;\n\n  /**\n   * If set, the component will be open by default.\n   */\n  @State() isOpen: boolean;\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  componentWillLoad() {\n    // this.isOpen = !!this.open;\n  }\n\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [0, 6]}}]});\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?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n    }));\n\n    this.popper?.update();\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.isOpen) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.isOpen = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n    }));\n  }\n\n  render() {\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], open: !!this.isOpen}}>\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.isOpen} 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","@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 {Component, h, Host, Prop} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} 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 recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\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  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\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","@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\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   * 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<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <input\n          type=\"radio\"\n          tabIndex={settings.order}\n          value={settings.value}\n          name={settings.name}\n          id={`${settings.name}=${settings.value}`}\n          checked={settings.checked}\n          disabled={disabled}\n          required={settings.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${settings.name}=${settings.value}`} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-c16b6ca4.system.js

@@ -1,2 +1,2 @@
-System.register(["./p-97329951.system.js"],(function(e,t){"use strict";var s,d;return{setters:[function(e){s=e.p;d=e.b}],execute:function(){var e=function(){var e=t.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return s(d)};e().then((function(e){return d([["p-0145b317.system",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["p-7999a83a.system",[[0,"verdocs-sign",{endpoint:[16],documentId:[1,"document-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],document:[32],fields:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["p-ff4840d2.system",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["p-cef66554.system",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["p-1935d358.system",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["p-48321abf.system",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["p-1ec3941b.system",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["p-68319ca5.system",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["p-2f4c5964.system",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["p-11e316c1.system",[[0,"verdocs-search",{endpoint:[16]}]]],["p-42ee012b.system",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["p-ae293f80.system",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["p-98a23073.system",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["p-7e7b1a27.system",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["p-d2d3b56d.system",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["p-04708900.system",[[0,"verdocs-field-payment",{field:[16],recipient:[16],disabled:[4],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}]]],["p-741b882d.system",[[0,"verdocs-organization-card",{organization:[16]}]]],["p-a6c3fcb6.system",[[0,"verdocs-search-tabs",{selected:[32]}]]],["p-d5729782.system",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],document:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["p-902dfefb.system",[[0,"verdocs-template-card",{template:[16]}]]],["p-49bc1855.system",[[0,"verdocs-template-tags",{tags:[16]}]]],["p-37a75b0e.system",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["p-9e1dda0b.system",[[0,"verdocs-initial-dialog",{initials:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["p-f5a5e049.system",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["p-16c77fbb.system",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["p-000476c3.system",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["p-51353418.system",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["p-b8e6a9b6.system",[[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}],[0,"verdocs-field-checkbox",{field:[16],recipient:[16],option:[2],disabled:[4]}],[0,"verdocs-field-radio-button",{field:[16],recipient:[16],option:[2],disabled:[4]}]]],["p-ae201e5f.system",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["p-6258ec3f.system",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["p-fc2d6d85.system",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["p-60f92123.system",[[0,"verdocs-template-sender-dialog",{value:[1],open:[4],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["p-62ffe7a3.system",[[0,"verdocs-field-signature",{field:[16],name:[1],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],tempSignature:[32],focusField:[64]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],containerId:[32]}],[0,"verdocs-signature-dialog",{name:[1],open:[4],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["p-1cace026.system",[[0,"verdocs-view",{endpoint:[16],templateId:[1,"template-id"],rotation:[2],pageLayers:[16],source:[1],loadProgress:[32],template:[32],pageNumbers:[32],pageUris:[32],numPages:[32]}],[0,"verdocs-document-page",{pageImageUri:[1,"page-image-uri"],pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[2,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],skipFirstNotification:[32]}],[0,"verdocs-loader"]]],["p-9a37ff31.system",[[4,"verdocs-button-panel",{icon:[1]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4],_value:[32]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}]]],["p-0ec0e42d.system",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"]}],[0,"verdocs-template-properties",{endpoint:[16],templateId:[1,"template-id"],template:[32],name:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32]}],[0,"verdocs-template-recipients",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],sender:[32],showingSenderDialog:[32],orderedRoles:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32]}]]]],e)}))}}}));
+System.register(["./p-97329951.system.js"],(function(e,t){"use strict";var d,i;return{setters:[function(e){d=e.p;i=e.b}],execute:function(){var e=function(){var e=t.meta.url;var i={};if(e!==""){i.resourcesUrl=new URL(".",e).href}return d(i)};e().then((function(e){return i([["p-508192bb.system",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["p-fc3a0e2d.system",[[0,"verdocs-sign",{endpoint:[16],envelopeId:[1,"envelope-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],envelope:[32],fields:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["p-ff4840d2.system",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["p-142295dd.system",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["p-dee9037d.system",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["p-8574c48b.system",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["p-ed8e3256.system",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["p-ccf983c7.system",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["p-68319ca5.system",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["p-cf8ecaaf.system",[[0,"verdocs-search",{endpoint:[16]}]]],["p-2bb98709.system",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["p-473165ae.system",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["p-acfdfb92.system",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["p-78468adf.system",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],response:[32]}]]],["p-d2d3b56d.system",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["p-04708900.system",[[0,"verdocs-field-payment",{field:[16],recipient:[16],disabled:[4],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}]]],["p-7ee5530d.system",[[0,"verdocs-organization-card",{organization:[16]}]]],["p-a6c3fcb6.system",[[0,"verdocs-search-tabs",{selected:[32]}]]],["p-c3e82de2.system",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],envelope:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["p-902dfefb.system",[[0,"verdocs-template-card",{template:[16]}]]],["p-49bc1855.system",[[0,"verdocs-template-tags",{tags:[16]}]]],["p-37a75b0e.system",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["p-df44cc61.system",[[0,"verdocs-initial-dialog",{initials:[1],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["p-0b2290c6.system",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],showCancel:[4,"show-cancel"]}]]],["p-71f1e3c9.system",[[0,"verdocs-upload-dialog",{draggingOver:[32],decodedFiles:[32]}]]],["p-b9cdae44.system",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["p-74207eb0.system",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["p-f5eb353f.system",[[0,"verdocs-dropdown",{options:[16],isOpen:[32]}],[0,"verdocs-field-checkbox",{field:[16],recipient:[16],option:[2],disabled:[4]}],[0,"verdocs-field-radio-button",{field:[16],recipient:[16],option:[2],disabled:[4]}]]],["p-0d12be64.system",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["p-6121f103.system",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["p-2b822750.system",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["p-7a5c37cd.system",[[0,"verdocs-template-sender-dialog",{value:[1],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["p-aa3a42a4.system",[[4,"verdocs-button-panel",{icon:[1]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4]}]]],["p-c37ea778.system",[[0,"verdocs-field-signature",{field:[16],name:[1],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],tempSignature:[32],focusField:[64]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],containerId:[32]}],[0,"verdocs-signature-dialog",{name:[1],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["p-cf2d7761.system",[[0,"verdocs-document-page",{pageImageUri:[1,"page-image-uri"],pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[2,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32]}]]],["p-3a4126d5.system",[[0,"verdocs-view",{endpoint:[16],templateId:[1,"template-id"],envelopeId:[1,"envelope-id"],rotation:[2],pageLayers:[16],template:[32],envelope:[32]}],[0,"verdocs-loader"],[0,"verdocs-view-envelope-document",{endpoint:[16],envelopeId:[1,"envelope-id"],documentId:[1,"document-id"],rotation:[2],pageLayers:[16],envelopeDocument:[32]}],[0,"verdocs-view-template-document",{endpoint:[16],templateId:[1,"template-id"],documentId:[1,"document-id"],rotation:[2],pageLayers:[16],templateDocument:[32]}]]],["p-ca6a1398.system",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"]}],[0,"verdocs-template-properties",{endpoint:[16],templateId:[1,"template-id"],template:[32],name:[32],visibility:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32]}],[0,"verdocs-template-recipients",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],sender:[32],showingSenderDialog:[32],orderedRoles:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32]}]]]],e)}))}}}));
 //# sourceMappingURL=p-c16b6ca4.system.js.map

package/dist/verdocs-web-sdk/p-c16b6ca4.system.js.map

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","endpoint","templateId","step","pdfUrl","template","documentId","roleId","inviteCode","recipient","signerToken","recipientIndex","document","fields","hasSignature","nextButtonLabel","focusedField","field","disabled","initials","editable","moveable","roleindex","tempInitials","focusField","visible","logo","debug","isAuthenticated","displayMode","username","password","loggingIn","activeSession","loginError","focused","containerId","templateRole","contactSuggestions","name","email","phone","message","showSuggestions","showMessage","delegator","rolesAtLevel","showPickerForId","sessionContacts","recipientsAssigned","steps","helptitle","helptext","mode","label","placeholder","choices","open","response","pageNum","roleName","fieldId","recipients","selectedRoleName","pdfPages","currentSignature","currentSignatureId","currentInitial","currentInitialId","signed","preparedMessage","signatureUrl","organization","selected","size","theme","status","isOpen","recipientStatusIcons","tags","selectedOption","fontLoaded","enteredInitials","heading","cancel","draggingOver","decodedFiles","checked","value","active","icon","_active","option","type","emptyMessage","authFailure","title","recent","saved","starred","query","grabsFocus","startIcon","endIcon","variant","newValue","text","tempSignature","enteredName","rotation","pageLayers","source","loadProgress","pageNumbers","pageUris","numPages","pageImageUri","pageNumber","virtualWidth","virtualHeight","layers","renderedWidth","renderedHeight","skipFirstNotification","_value","autocomplete","sendReminders","firstReminderDays","reminderDays","sender","showingSenderDialog","orderedRoles","file"],"mappings":"4IAMA,IAAMA,EAAe,WA6BjB,IAAMC,EAAaC,EAAAC,KAAAC,IACnB,IAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,EAAeJ,IC9D1BL,IAAeU,MAAK,SAAAC,GAElB,OAAOC,EAAc,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,gBAAuC,CAAAC,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAC,KAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,SAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,eAAA,CAAAJ,SAAA,CAAA,IAAAK,WAAA,CAAA,EAAA,eAAAC,OAAA,CAAA,EAAA,WAAAC,WAAA,CAAA,EAAA,eAAAC,UAAA,CAAA,IAAAC,YAAA,CAAA,IAAAN,OAAA,CAAA,IAAAO,eAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,aAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAC,aAAA,CAAA,IAAAC,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,eAAA,CAAAvB,SAAA,CAAA,IAAAwB,QAAA,CAAA,GAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,gBAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,UAAA,CAAA,IAAAC,cAAA,CAAA,IAAAC,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,qBAAA,CAAAjB,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAC,YAAA,CAAA,IAAAZ,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,0BAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,kBAAA,CAAAvB,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,mBAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAD,SAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAA,SAAA,CAAA,IAAAoC,aAAA,CAAA,IAAAC,mBAAA,CAAA,IAAAC,KAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,UAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,eAAA,CAAA5C,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAG,SAAA,CAAA,IAAAD,OAAA,CAAA,IAAAgC,YAAA,CAAA,IAAAU,aAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,mBAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,2BAAA,CAAAhC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAM,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,qBAAA,CAAArB,KAAA,CAAA,GAAA+C,MAAA,CAAA,GAAAC,UAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,YAAA,CAAA,GAAAC,QAAA,CAAA,IAAAC,KAAA,CAAA,GAAAC,SAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAzC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAiB,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAL,OAAA,CAAA,IAAA8C,QAAA,CAAA,EAAA,YAAAC,SAAA,CAAA,EAAA,aAAAC,QAAA,CAAA,EAAA,YAAAC,WAAA,CAAA,GAAAC,iBAAA,CAAA,EAAA,sBAAAC,SAAA,CAAA,IAAAC,iBAAA,CAAA,EAAA,qBAAAC,mBAAA,CAAA,EAAA,wBAAAC,eAAA,CAAA,EAAA,mBAAAC,iBAAA,CAAA,EAAA,sBAAAjC,QAAA,CAAA,GAAAkC,OAAA,CAAA,GAAAC,gBAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,4BAAA,CAAAC,aAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,sBAAA,CAAAC,SAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,2BAAA,CAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,OAAA,CAAA,GAAAhE,SAAA,CAAA,IAAAiE,OAAA,CAAA,IAAAC,qBAAA,CAAA,IAAA1C,YAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA/B,SAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA0E,KAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAhF,QAAA,CAAA,IAAA4E,MAAA,CAAA,GAAAK,eAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,yBAAA,CAAA7D,SAAA,CAAA,GAAAsC,KAAA,CAAA,GAAAwB,WAAA,CAAA,IAAAC,gBAAA,CAAA,IAAA7B,KAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,oBAAA,CAAA8B,QAAA,CAAA,GAAAzC,QAAA,CAAA,GAAAe,KAAA,CAAA,GAAA2B,OAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA3B,KAAA,CAAA,GAAA4B,aAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,mBAAA,CAAAC,QAAA,CAAA,GAAAhD,KAAA,CAAA,GAAAiD,MAAA,CAAA,GAAAtE,SAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAuE,OAAA,CAAA,GAAAC,KAAA,CAAA,GAAApC,MAAA,CAAA,GAAAoB,KAAA,CAAA,GAAAiB,QAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,mBAAA,CAAA5F,QAAA,CAAA,IAAA0D,KAAA,CAAA,GAAAoB,OAAA,CAAA,MAAA,CAAA,EAAA,yBAAA,CAAA5D,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAmF,OAAA,CAAA,GAAA1E,SAAA,CAAA,KAAA,CAAA,EAAA,6BAAA,CAAAD,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAmF,OAAA,CAAA,GAAA1E,SAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,0BAAA,CAAAjB,SAAA,CAAA,MAAA,CAAA,EAAA,0BAAA,CAAAA,SAAA,CAAA,IAAA4F,KAAA,CAAA,GAAA9F,QAAA,CAAA,GAAA+F,aAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,MAAA,CAAA,EAAA,qBAAA,CAAAlG,SAAA,CAAA,IAAAsD,YAAA,CAAA,GAAAsC,KAAA,CAAA,GAAAO,MAAA,CAAA,GAAAC,WAAA,CAAA,EAAA,eAAA7E,WAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,uBAAA,CAAA+D,QAAA,CAAA,GAAAhD,KAAA,CAAA,GAAAiD,MAAA,CAAA,GAAAtE,SAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAoC,MAAA,CAAA,GAAAgD,UAAA,CAAA,EAAA,cAAAC,QAAA,CAAA,EAAA,YAAA7B,KAAA,CAAA,GAAAmB,KAAA,CAAA,GAAAW,QAAA,CAAA,GAAAtF,SAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,iCAAA,CAAAsE,MAAA,CAAA,GAAA/B,KAAA,CAAA,GAAAgD,SAAA,CAAA,MAAA,CAAA,EAAA,oBAAA,CAAAC,KAAA,CAAA,GAAAtE,YAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,0BAAA,CAAAnB,MAAA,CAAA,IAAAsB,KAAA,CAAA,GAAA9B,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAqF,cAAA,CAAA,IAAAnF,WAAA,CAAA,MAAA,CAAA,EAAA,uBAAA,CAAAkF,KAAA,CAAA,GAAAhB,KAAA,CAAA,GAAAtD,YAAA,CAAA,MAAA,CAAA,EAAA,2BAAA,CAAAG,KAAA,CAAA,GAAAkB,KAAA,CAAA,GAAAwB,WAAA,CAAA,IAAA2B,YAAA,CAAA,IAAAvD,KAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,eAAA,CAAApD,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAA2G,SAAA,CAAA,GAAAC,WAAA,CAAA,IAAAC,OAAA,CAAA,GAAAC,aAAA,CAAA,IAAA3G,SAAA,CAAA,IAAA4G,YAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,SAAA,CAAA,MAAA,CAAA,EAAA,wBAAA,CAAAC,aAAA,CAAA,EAAA,kBAAAC,WAAA,CAAA,EAAA,eAAAC,aAAA,CAAA,EAAA,iBAAAC,cAAA,CAAA,EAAA,kBAAAC,OAAA,CAAA,IAAApF,YAAA,CAAA,IAAAqF,cAAA,CAAA,IAAAC,eAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,CAAA,EAAA,oBAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,uBAAA,CAAAjC,KAAA,CAAA,KAAA,CAAA,EAAA,uBAAA,CAAAF,MAAA,CAAA,GAAAlC,MAAA,CAAA,GAAAvD,QAAA,CAAA,IAAAmB,SAAA,CAAA,GAAA0G,OAAA,CAAA,MAAA,CAAA,EAAA,qBAAA,CAAApC,MAAA,CAAA,GAAAlC,MAAA,CAAA,GAAAC,YAAA,CAAA,GAAAsE,aAAA,CAAA,GAAAhC,KAAA,CAAA,GAAA3E,SAAA,CAAA,GAAA0G,OAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,0BAAA,CAAA3H,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,iBAAA,CAAA,EAAA,8BAAA,CAAAD,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAG,SAAA,CAAA,IAAAkC,KAAA,CAAA,IAAAuF,cAAA,CAAA,IAAAC,kBAAA,CAAA,IAAAC,aAAA,CAAA,MAAA,CAAA,EAAA,8BAAA,CAAA/H,SAAA,CAAA,IAAAoC,aAAA,CAAA,IAAAC,mBAAA,CAAA,IAAAC,KAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,UAAA,CAAA,IAAAoF,OAAA,CAAA,IAAAC,oBAAA,CAAA,IAAAC,aAAA,CAAA,MAAA,CAAA,EAAA,0BAAA,CAAAlI,SAAA,CAAA,IAAAmI,KAAA,CAAA,SAAArI","sourcesContent":["/*\n Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","endpoint","templateId","step","pdfUrl","template","envelopeId","roleId","inviteCode","recipient","signerToken","recipientIndex","envelope","fields","hasSignature","nextButtonLabel","focusedField","field","disabled","initials","editable","moveable","roleindex","tempInitials","focusField","visible","logo","debug","isAuthenticated","displayMode","username","password","loggingIn","activeSession","loginError","focused","containerId","templateRole","contactSuggestions","name","email","phone","message","showSuggestions","showMessage","delegator","rolesAtLevel","showPickerForId","sessionContacts","recipientsAssigned","steps","helptitle","helptext","mode","label","placeholder","choices","response","pageNum","roleName","fieldId","recipients","selectedRoleName","pdfPages","currentSignature","currentSignatureId","currentInitial","currentInitialId","signed","preparedMessage","signatureUrl","organization","selected","size","theme","status","isOpen","recipientStatusIcons","tags","selectedOption","fontLoaded","enteredInitials","heading","showCancel","draggingOver","decodedFiles","checked","value","active","icon","_active","option","type","emptyMessage","authFailure","title","recent","saved","starred","query","grabsFocus","startIcon","endIcon","variant","newValue","text","autocomplete","tempSignature","enteredName","pageImageUri","pageNumber","virtualWidth","virtualHeight","layers","renderedWidth","renderedHeight","naturalWidth","naturalHeight","aspectRatio","skipFirstNotification","rotation","pageLayers","documentId","envelopeDocument","templateDocument","visibility","sendReminders","firstReminderDays","reminderDays","sender","showingSenderDialog","orderedRoles","file"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}

package/dist/verdocs-web-sdk/p-c2ad9de3.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o}from"./p-ff1278ed.js";import{c as i}from"./p-ec26fc38.js";const n='verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer}verdocs-button-panel .icon svg{fill:#cccccc}verdocs-button-panel .icon:hover svg{fill:#ffffff}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:280px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{color:#092c4c;font-size:16px;font-weight:bold;margin:0 0 8px 0}.verdocs-button-panel-content form{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.verdocs-button-panel-content label{display:block;font-size:14px;font-weight:bold;margin:0 0 3px 0;color:#33364b}.verdocs-button-panel-content input{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:14px;margin:0 0 10px 0}';const s=class{constructor(e){t(this,e);this.showing=false;this.icon=""}componentDidRender(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=i(this.iconEl,this.panelEl,{})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}}toggle(t){var e,o,i,n;t.stopPropagation();if(this.showing){(e=this.panelEl)===null||e===void 0?void 0:e.removeAttribute("data-show");(o=this.hiderEl)===null||o===void 0?void 0:o.remove();this.showing=false}else{(i=this.panelEl)===null||i===void 0?void 0:i.setAttribute("data-show","");(n=this.popperInstance)===null||n===void 0?void 0:n.update().catch((()=>{}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=t=>this.toggle(t);document.body.appendChild(this.hiderEl)}}render(){return e(o,null,e("div",{class:"icon",innerHTML:this.icon,onClick:t=>this.toggle(t),ref:t=>this.iconEl=t}),e("div",{role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:t=>this.panelEl=t},e("div",{"data-popper-arrow":"true",class:"arrow"}),e("slot",null)))}};s.style=n;const a='verdocs-select-input{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:focus{border:1px solid #7d88ff}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}';const l=class{constructor(e){t(this,e);this.value="";this.label="";this.options=undefined;this.disabled=false}render(){return e(o,{class:"input-field"},e("label",null,this.label?e("div",{class:"input-label"},this.label+":"):e("div",null),e("select",{class:"input-element",disabled:this.disabled},this.options.map((t=>e("option",{value:t.value,selected:t.value===this.value},t.label))))))}};l.style=a;const p='verdocs-text-input{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input [data-lastpass-icon-root]{display:none !important}';const r=class{constructor(e){t(this,e);this.value="";this.label="";this.placeholder="";this.autocomplete="";this.type="text";this.disabled=false}render(){return e(o,{class:"input-field"},e("label",null,this.label?e("div",{class:"input-label"},this.label+":"):e("div",null),e("input",{type:this.type,value:this.value,class:"input-element","data-lpignore":"true",disabled:this.disabled,placeholder:this.placeholder,autoComplete:this.autocomplete})))}};r.style=p;export{s as verdocs_button_panel,l as verdocs_select_input,r as verdocs_text_input};
+//# sourceMappingURL=p-c2ad9de3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-button-panel/verdocs-button-panel.scss?tag=verdocs-button-panel","src/components/controls/verdocs-button-panel/verdocs-button-panel.tsx","src/components/controls/verdocs-select-input/verdocs-select-input.scss?tag=verdocs-select-input","src/components/controls/verdocs-select-input/verdocs-select-input.tsx","src/components/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"names":["verdocsButtonPanelCss","VerdocsButtonPanel","this","showing","[object Object]","document","body","appendChild","panelEl","popperInstance","destroy","createPopper","iconEl","remove","e","stopPropagation","_a","removeAttribute","_b","hiderEl","_c","setAttribute","_d","update","catch","createElement","style","zIndex","position","top","left","right","bottom","onclick","toggle","h","Host","class","innerHTML","icon","onClick","ref","el","role","data-popper-placement","data-popper-arrow","verdocsSelectInputCss","VerdocsSelectInput","label","disabled","options","map","option","value","selected","verdocsTextInputCss","VerdocsTextInput","type","data-lpignore","placeholder","autoComplete","autocomplete"],"mappings":"sFAAA,MAAMA,EAAwB,mxDCmBjBC,EAAkB,+BAkC7BC,KAAAC,QAAU,gBAzBa,GAEvBC,qBACEC,SAASC,KAAKC,YAAYL,KAAKM,SAC/B,GAAIN,KAAKO,eAAgB,CACvBP,KAAKO,eAAeC,UAGtBR,KAAKO,eAAiBE,EAAaT,KAAKU,OAAQV,KAAKM,QAAS,IAMhEJ,uBACE,GAAIF,KAAKO,eAAgB,CACvBP,KAAKO,eAAeC,UACpBR,KAAKO,eAAiB,KAGxB,GAAIP,KAAKM,QAAS,CAChBN,KAAKM,QAAQK,UAKjBT,OAAOU,eACLA,EAAEC,kBAEF,GAAIb,KAAKC,QAAS,EAChBa,EAAAd,KAAKM,WAAO,MAAAQ,SAAA,OAAA,EAAAA,EAAEC,gBAAgB,cAC9BC,EAAAhB,KAAKiB,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAEL,SACdX,KAAKC,QAAU,UACV,EACLiB,EAAAlB,KAAKM,WAAO,MAAAY,SAAA,OAAA,EAAAA,EAAEC,aAAa,YAAa,KACxCC,EAAApB,KAAKO,kBAAc,MAAAa,SAAA,OAAA,EAAAA,EAAEC,SAASC,OAAM,SACpCtB,KAAKC,QAAU,KAEfD,KAAKiB,QAAUd,SAASoB,cAAc,OACtCvB,KAAKiB,QAAQO,MAAMC,OAAS,MAC5BzB,KAAKiB,QAAQO,MAAME,SAAW,WAC9B1B,KAAKiB,QAAQO,MAAMG,IAAM,MACzB3B,KAAKiB,QAAQO,MAAMI,KAAO,MAC1B5B,KAAKiB,QAAQO,MAAMK,MAAQ,MAC3B7B,KAAKiB,QAAQO,MAAMM,OAAS,MAC5B9B,KAAKiB,QAAQc,QAAWnB,GAAWZ,KAAKgC,OAAOpB,GAC/CT,SAASC,KAAKC,YAAYL,KAAKiB,UAInCf,SACE,OACE+B,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,OAAOC,UAAWpC,KAAKqC,KAAMC,QAAU1B,GAAWZ,KAAKgC,OAAOpB,GAAI2B,IAAKC,GAAOxC,KAAKU,OAAS8B,IACvGP,EAAA,MAAA,CAAKQ,KAAK,UAAUN,MAAM,+BAA8BO,wBAAuB,SAASH,IAAKC,GAAOxC,KAAKM,QAAUkC,GACjHP,EAAA,MAAA,CAAAU,oBAAuB,OAAOR,MAAM,UACpCF,EAAA,OAAA,oBCpFV,MAAMW,EAAwB,+6BCWjBC,EAAkB,0CAIL,cAKA,wCAUI,MAE5B3C,SACE,OACE+B,EAACC,EAAI,CAACC,MAAM,eACVF,EAAA,QAAA,KACGjC,KAAK8C,MAAQb,EAAA,MAAA,CAAKE,MAAM,eAAenC,KAAK8C,MAAQ,KAAab,EAAA,MAAA,MAClEA,EAAA,SAAA,CAAQE,MAAM,gBAAgBY,SAAU/C,KAAK+C,UAC1C/C,KAAKgD,QAAQC,KAAIC,GAChBjB,EAAA,SAAA,CAAQkB,MAAOD,EAAOC,MAAOC,SAAUF,EAAOC,QAAUnD,KAAKmD,OAC1DD,EAAOJ,wBCxCxB,MAAMO,EAAsB,g/BCWfC,EAAgB,0CAIH,cAKA,oBAKM,qBAKC,aAMqD,qBAKxD,MAE5BpD,SACE,OACE+B,EAACC,EAAI,CAACC,MAAM,eACVF,EAAA,QAAA,KACGjC,KAAK8C,MAAQb,EAAA,MAAA,CAAKE,MAAM,eAAenC,KAAK8C,MAAQ,KAAab,EAAA,MAAA,MAClEA,EAAA,QAAA,CACEsB,KAAMvD,KAAKuD,KACXJ,MAAOnD,KAAKmD,MACZhB,MAAM,gBAAeqB,gBACP,OACdT,SAAU/C,KAAK+C,SACfU,YAAazD,KAAKyD,YAClBC,aAAc1D,KAAK2D","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button-panel {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $light-border-color;\n    }\n\n    &:hover {\n      svg {\n        fill: $verdocs-grey-4;\n      }\n    }\n  }\n}\n\n.verdocs-button-panel-content {\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 10px 1px #999999;\n  display: none;\n  background: #ffffff;\n  color: $label-color;\n  width: 280px;\n  font-weight: bold;\n  padding: 15px;\n  font-size: 14px;\n  position: relative;\n  border-radius: 4px;\n  z-index: 10000;\n\n  .arrow,\n  .arrow::before {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: inherit;\n  }\n\n  .arrow {\n    visibility: hidden;\n    top: -4px;\n  }\n\n  .arrow::before {\n    visibility: visible;\n    content: '';\n    transform: rotate(45deg);\n  }\n\n  &[data-show] {\n    display: block;\n  }\n\n  &[data-popper-placement^='top'] > .arrow {\n    bottom: -4px;\n  }\n\n  &[data-popper-placement^='bottom'] > .arrow {\n    top: -4px;\n  }\n\n  &[data-popper-placement^='left'] > .arrow {\n    right: -4px;\n  }\n\n  &[data-popper-placement^='right'] > .arrow {\n    left: -4px;\n  }\n\n  h6 {\n    color: $verdocs-grey-0;\n    font-size: 16px;\n    font-weight: bold;\n    margin: 0 0 8px 0;\n  }\n\n  form {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  label {\n    display: block;\n    font-size: 14px;\n    font-weight: bold;\n    margin: 0 0 3px 0;\n    color: $verdocs-grey-1;\n  }\n\n  input {\n    flex: 1;\n    height: 34px;\n    display: flex;\n    font-size: 14px;\n    margin: 0 0 10px 0;\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be\n * displayed.\n *\n * *\n * ```html\n * <verdocs-button-panel icon=\"<svg.../>\">\n *   <form>...</form>\n * </verdocs-button-panel>\n * ```\n */\n@Component({\n  tag: 'verdocs-button-panel',\n  styleUrl: 'verdocs-button-panel.scss',\n  shadow: false,\n})\nexport class VerdocsButtonPanel {\n  iconEl: HTMLDivElement;\n  panelEl: HTMLDivElement;\n  hiderEl?: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  componentDidRender() {\n    document.body.appendChild(this.panelEl);\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(this.iconEl, this.panelEl, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n\n    if (this.panelEl) {\n      this.panelEl.remove();\n    }\n  }\n\n  showing = false;\n  toggle(e: any) {\n    e.stopPropagation();\n\n    if (this.showing) {\n      this.panelEl?.removeAttribute('data-show');\n      this.hiderEl?.remove();\n      this.showing = false;\n    } else {\n      this.panelEl?.setAttribute('data-show', '');\n      this.popperInstance?.update().catch(() => {});\n      this.showing = true;\n\n      this.hiderEl = document.createElement('div');\n      this.hiderEl.style.zIndex = '100';\n      this.hiderEl.style.position = 'absolute';\n      this.hiderEl.style.top = '0px';\n      this.hiderEl.style.left = '0px';\n      this.hiderEl.style.right = '0px';\n      this.hiderEl.style.bottom = '0px';\n      this.hiderEl.onclick = (e: any) => this.toggle(e);\n      document.body.appendChild(this.hiderEl);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"icon\" innerHTML={this.icon} onClick={(e: any) => this.toggle(e)} ref={el => (this.iconEl = el)} />\n        <div role=\"tooltip\" class=\"verdocs-button-panel-content\" data-popper-placement=\"bottom\" ref={el => (this.panelEl = el as HTMLDivElement)}>\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-select-input {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  margin: 0 0 10px 0;\n  display: block;\n\n  .input-element {\n    box-sizing: border-box;\n    border: 1px solid $border-color;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    color: #000;\n    width: 100%;\n    font-size: 16px;\n    height: 28px;\n    padding: 4px 12px;\n\n    &::placeholder {\n      color: $light-disabled-color;\n      opacity: 1;\n    }\n\n    &:focus {\n      border: 1px solid $border-color-highlight;\n    }\n  }\n\n  .input-label {\n    display: block;\n    color: $label-color-light;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 0 4px 0;\n  }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.\n */\n@Component({\n  tag: 'verdocs-select-input',\n  styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: {label: string; value: string}[];\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <select class=\"input-element\" disabled={this.disabled}>\n            {this.options.map(option => (\n              <option value={option.value} selected={option.value === this.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-text-input {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  margin: 0 0 10px 0;\n  display: block;\n\n  .input-element {\n    box-sizing: border-box;\n    border: 1px solid $border-color;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    color: #000;\n    width: 100%;\n    font-size: 16px;\n    height: 28px;\n    padding: 4px 12px;\n    outline: none;\n\n    &::placeholder {\n      color: $light-disabled-color;\n      opacity: 1;\n    }\n\n    &:focus {\n      outline: 1px solid $border-color-highlight;\n    }\n  }\n\n  .input-label {\n    display: block;\n    color: $label-color-light;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 0 4px 0;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.\n */\n@Component({\n  tag: 'verdocs-text-input',\n  styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The placeholder for the field.\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * If desired, the autocomplete attribute to set.\n   */\n  @Prop() autocomplete: string = '';\n\n  /**\n   * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n   * (e.g. a date picker) will be supported by other controls in the future.\n   */\n  @Prop() type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' = 'text';\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <input\n            type={this.type}\n            value={this.value}\n            class=\"input-element\"\n            data-lpignore=\"true\"\n            disabled={this.disabled}\n            placeholder={this.placeholder}\n            autoComplete={this.autocomplete}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/{p-62ffe7a3.system.entry.js → p-c37ea778.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function a(t){try{l(i.next(t))}catch(t){r(t)}}function s(t){try{l(i["throw"](t))}catch(t){r(t)}}function l(t){t.done?o(t.value):n(t.value).then(a,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){o.label=a[1];break}if(a[0]===6&&o.label<r[1]){o.label=r[1];r=a;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(a);break}if(r[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];n=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-a4041773.system.js","./p-05eb4fed.system.js","./p-e12b7fbc.system.js"],(function(t){"use strict";var e,o,i,n,r,a,s;return{setters:[function(t){e=t.r;o=t.c;i=t.h;n=t.H},function(t){r=t.g},function(t){a=t.g},function(t){s=t.c}],execute:function(){var l='verdocs-field-signature{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature.disabled{opacity:0.5}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature 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-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}';var d='<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 c=t("verdocs_field_signature",function(){function t(t){e(this,t);this.fieldChange=o(this,"fieldChange",7);this.settingsPress=o(this,"settingsPress",7);this.field=null;this.name="";this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.tempSignature=""}t.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleShow();console.log("focused",this);return[2]}))}))};t.prototype.hideDialog=function(){var t;(t=this.dialog)===null||t===void 0?void 0:t.remove();this.dialog=null};t.prototype.handleAdopt=function(t){var e;console.log("[SIGNATURE] Adopted signature");this.tempSignature=t.detail;(e=this.fieldChange)===null||e===void 0?void 0:e.emit(this.tempSignature);this.hideDialog()};t.prototype.handleShow=function(){var t=this;var e;this.dialog=document.createElement("verdocs-signature-dialog");this.dialog.open=true;this.dialog.fullName=((e=this.recipient)===null||e===void 0?void 0:e.full_name)||this.name;this.dialog.addEventListener("cancel",(function(){return t.hideDialog()}));this.dialog.addEventListener("adopt",(function(e){return t.handleAdopt(e)}));document.body.append(this.dialog)};t.prototype.render=function(){var t=this;var e,o,s;var l=r(this.field);var c=this.tempSignature||l.base64;var p=(o=(e=this.disabled)!==null&&e!==void 0?e:l.disabled)!==null&&o!==void 0?o:false;var u=this.field["rgba"]||a(this.roleindex);return i(n,{class:{required:(s=this.field)===null||s===void 0?void 0:s.required,disabled:p},style:{backgroundColor:u}},c?i("img",{src:this.tempSignature||l.base64,alt:"Signature"}):i("button",{onClick:function(){return!p&&t.handleShow()}},"Signature"),this.editable&&i("verdocs-button-panel",{icon:d},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(t){return console.log("ipt",t)}}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(t){return console.log("ipt",t)}}))))};return t}());c.style=l;var p='verdocs-signature-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;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-signature-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:#f5f5fa}verdocs-signature-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-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-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-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-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-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}';var u=t("verdocs_signature_dialog",function(){function t(t){e(this,t);this.adopt=o(this,"adopt",7);this.cancel=o(this,"cancel",7);this.name="";this.open=false;this.fontLoaded=false;this.enteredName="";this.mode="type"}t.prototype.componentWillLoad=function(){var t=this;this.enteredName=this.name;var e=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");e.load().then((function(e){document.fonts.add(e);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 e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var o=100;do{o-=2;e.font="".concat(o,"px Dancing Script")}while(e.measureText(this.enteredName).width>t-32);e.textAlign="center";e.textBaseline="middle";e.font="".concat(o,"px Dancing Script");e.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)};t.prototype.handleCancel=function(t){t.stopPropagation();this.cancel.emit()};t.prototype.handleNameChange=function(t){this.enteredName=t.target.value};t.prototype.handleAdopt=function(t){t.stopPropagation();t.preventDefault();var e=this.canvasElement.toDataURL("image/png");this.adopt.emit(e)};t.prototype.render=function(){var t=this;return i(n,{class:{open:this.open},onClick:function(e){return t.handleCancel(e)}},i("div",{class:"dialog"},i("div",{class:"heading"},"Create Your Signature"),i("div",{class:"content"},i("verdocs-text-input",{placeholder:"Full Name...",label:"Full Name",value:this.enteredName,onInput:function(e){return t.handleNameChange(e)},onClick:function(t){return t.stopPropagation()}}),i("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),i("div",{class:"tabs"},i("div",{class:{tab:true,active:this.mode==="type"},onClick:function(){return t.mode="type"}},"Type"),i("div",{class:{tab:true,active:this.mode==="draw"},onClick:function(){return t.mode="draw"}},"Draw")),this.fontLoaded?i("canvas",{ref:function(e){return t.canvasElement=e}}):i("div",{style:{display:"none"}}),i("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."),i("div",{class:"buttons"},i("verdocs-button",{label:"CANCEL",size:"normal",variant:"outline",onPress:function(e){return t.handleCancel(e)}}),i("verdocs-button",{label:"Adopt & Sign",size:"normal",onPress:function(e){return t.handleAdopt(e)}})))))};return t}());u.style=p;var h='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:10000}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var f=t("verdocs_toolbar_icon",function(){function t(t){e(this,t);this.press=o(this,"press",7);this.text="";this.icon="";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=s(this.iconEl,this.tooltip,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,e;(t=this.tooltip)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.handlePress=function(){var t;(t=this.press)===null||t===void 0?void 0:t.emit()};t.prototype.render=function(){var t=this;return i(n,{class:{}},i("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},onClick:function(){return t.handlePress()},ref:function(e){return t.iconEl=e}}),i("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(e){return t.tooltip=e}},this.text,i("div",{"data-popper-arrow":"true",class:"arrow"})))};return t}());f.style=h}}}));
-//# sourceMappingURL=p-62ffe7a3.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function a(t){try{l(i.next(t))}catch(t){r(t)}}function s(t){try{l(i["throw"](t))}catch(t){r(t)}}function l(t){t.done?o(t.value):n(t.value).then(a,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){o.label=a[1];break}if(a[0]===6&&o.label<r[1]){o.label=r[1];r=a;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(a);break}if(r[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];n=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-a4041773.system.js","./p-05eb4fed.system.js","./p-e12b7fbc.system.js"],(function(t){"use strict";var e,o,i,n,r,a,s;return{setters:[function(t){e=t.r;o=t.c;i=t.h;n=t.H},function(t){r=t.g},function(t){a=t.g},function(t){s=t.c}],execute:function(){var l='verdocs-field-signature{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature.disabled{opacity:0.5}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature 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-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}';var d='<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 c=t("verdocs_field_signature",function(){function t(t){e(this,t);this.fieldChange=o(this,"fieldChange",7);this.settingsPress=o(this,"settingsPress",7);this.field=null;this.name="";this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.tempSignature=""}t.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleShow();console.log("focused",this);return[2]}))}))};t.prototype.hideDialog=function(){var t;(t=this.dialog)===null||t===void 0?void 0:t.remove();this.dialog=null};t.prototype.handleAdopt=function(t){var e;console.log("[SIGNATURE] Adopted signature");this.tempSignature=t.detail;(e=this.fieldChange)===null||e===void 0?void 0:e.emit(this.tempSignature);this.hideDialog()};t.prototype.handleShow=function(){var t=this;var e;this.dialog=document.createElement("verdocs-signature-dialog");this.dialog.open=true;this.dialog.fullName=((e=this.recipient)===null||e===void 0?void 0:e.full_name)||this.name;this.dialog.addEventListener("cancel",(function(){return t.hideDialog()}));this.dialog.addEventListener("adopt",(function(e){return t.handleAdopt(e)}));document.body.append(this.dialog)};t.prototype.render=function(){var t=this;var e,o,s;var l=r(this.field);var c=this.tempSignature||l.base64;var p=(o=(e=this.disabled)!==null&&e!==void 0?e:l.disabled)!==null&&o!==void 0?o:false;var u=this.field["rgba"]||a(this.roleindex);return i(n,{class:{required:(s=this.field)===null||s===void 0?void 0:s.required,disabled:p},style:{backgroundColor:u}},c?i("img",{src:this.tempSignature||l.base64,alt:"Signature"}):i("button",{onClick:function(){return!p&&t.handleShow()}},"Signature"),this.editable&&i("verdocs-button-panel",{icon:d},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(t){return console.log("ipt",t)}}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(t){return console.log("ipt",t)}}))))};return t}());c.style=l;var p='verdocs-signature-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;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-signature-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:#f5f5fa}verdocs-signature-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-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-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-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-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-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}';var u=t("verdocs_signature_dialog",function(){function t(t){e(this,t);this.next=o(this,"next",7);this.cancel=o(this,"cancel",7);this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type"}t.prototype.componentWillLoad=function(){var t=this;this.enteredName=this.name;var e=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");e.load().then((function(e){document.fonts.add(e);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 e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var o=100;do{o-=2;e.font="".concat(o,"px Dancing Script")}while(e.measureText(this.enteredName).width>t-32);e.textAlign="center";e.textBaseline="middle";e.font="".concat(o,"px Dancing Script");e.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)};t.prototype.handleCancel=function(t){t.stopPropagation();t.preventDefault();this.cancel.emit()};t.prototype.handleNameChange=function(t){this.enteredName=t.target.value};t.prototype.handleAdopt=function(t){t.stopPropagation();t.preventDefault();var e=this.canvasElement.toDataURL("image/png");this.next.emit(e)};t.prototype.render=function(){var t=this;return i(n,{onClick:function(e){return t.handleCancel(e)}},i("div",{class:"dialog"},i("div",{class:"heading"},"Create Your Signature"),i("div",{class:"content"},i("verdocs-text-input",{placeholder:"Full Name...",label:"Full Name",value:this.enteredName,onInput:function(e){return t.handleNameChange(e)},onClick:function(t){return t.stopPropagation()}}),i("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?i("canvas",{ref:function(e){return t.canvasElement=e}}):i("div",{style:{display:"none"}}),i("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."),i("div",{class:"buttons"},i("verdocs-button",{label:"CANCEL",size:"normal",variant:"outline",onClick:function(e){return t.handleCancel(e)}}),i("verdocs-button",{label:"Adopt & Sign",size:"normal",onClick:function(e){return t.handleAdopt(e)}})))))};return t}());u.style=p;var h='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:10000}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var f=t("verdocs_toolbar_icon",function(){function t(t){e(this,t);this.text="";this.icon="";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=s(this.iconEl,this.tooltip,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,e;(t=this.tooltip)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return i(n,{class:{}},i("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(e){return t.iconEl=e}}),i("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(e){return t.tooltip=e}},this.text,i("div",{"data-popper-arrow":"true",class:"arrow"})))};return t}());f.style=h}}}));
+//# sourceMappingURL=p-c37ea778.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-signature/verdocs-field-signature.scss?tag=verdocs-field-signature","src/components/elements/verdocs-field-signature/verdocs-field-signature.tsx","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.scss?tag=verdocs-signature-dialog","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.tsx","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.scss?tag=verdocs-toolbar-icon","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.tsx"],"names":["verdocsFieldSignatureCss","settingsIcon","VerdocsFieldSignature","exports","class_1","prototype","focusField","this","handleShow","console","log","hideDialog","_a","dialog","remove","handleAdopt","e","tempSignature","detail","fieldChange","emit","_this","document","createElement","open","fullName","recipient","full_name","name","addEventListener","body","append","render","settings","getFieldSettings","field","value","base64","disabled","_b","backgroundColor","getRGBA","roleindex","h","Host","class","required","_c","style","src","alt","onClick","editable","icon","label","options","placeholder","onInput","verdocsSignatureDialogCss","VerdocsSignatureDialog","class_2","componentWillLoad","enteredName","ds","FontFace","load","then","font","fonts","add","fontLoaded","componentDidLoad","redrawSignature","componentDidUpdate","canvasElement","canvasWidth","width","context","getContext","clearRect","height","fontSize","concat","measureText","textAlign","textBaseline","fillText","handleCancel","stopPropagation","preventDefault","cancel","handleNameChange","target","data","toDataURL","next","ref","el","display","size","variant","verdocsToolbarIconCss","VerdocsToolbarIcon","Math","random","toString","substring","class_3","popperInstance","createPopper","iconEl","tooltip","disconnectedCallback","destroy","show","setAttribute","update","catch","hide","removeAttribute","aria-describedby","containerId","innerHTML","onMouseEnter","onFocus","onMouseLeave","onBlur","id","role","data-popper-placement","text","data-popper-arrow"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-signature {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  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 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, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, Method, State} 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 * Displays a signature field. If a signature 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 a signature.\n */\n@Component({\n  tag: 'verdocs-field-signature',\n  styleUrl: 'verdocs-field-signature.scss',\n  shadow: false,\n})\nexport class VerdocsFieldSignature {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, the signature creation dialog will be initialized with this text.\n   */\n  @Prop() name?: string = '';\n\n  /**\n   * If set, the signature creation dialog will be initialized from this object.\n   */\n  @Prop() recipient?: IRecipient;\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  /**\n   * Event emitted when the field has changed.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n    console.log('focused', this);\n  }\n\n  @State()\n  tempSignature: 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('[SIGNATURE] Adopted signature');\n    this.tempSignature = e.detail;\n    this.fieldChange?.emit(this.tempSignature);\n    this.hideDialog();\n  }\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-signature-dialog');\n    this.dialog.open = true;\n    this.dialog.fullName = this.recipient?.full_name || this.name;\n    this.dialog.addEventListener('cancel', () => this.hideDialog());\n    this.dialog.addEventListener('adopt', e => this.handleAdopt(e));\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const value = this.tempSignature || 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: this.field?.required, disabled}} style={{backgroundColor}}>\n        {value ? <img src={this.tempSignature || settings.base64} alt=\"Signature\" /> : <button onClick={() => !disabled && this.handleShow()}>Signature</button>}\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","@import '../../../theme.scss';\n\nverdocs-signature-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\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  .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: $verdocs-grey-3;\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: $verdocs-grey-4;\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, h, Event, EventEmitter, State, Host} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-signature-dialog',\n  styleUrl: 'verdocs-signature-dialog.scss',\n})\nexport class VerdocsSignatureDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\n   * representation of the signature adopted.\n   */\n  @Event({composed: true}) next: EventEmitter<string>;\n\n  /**\n   * Fired if the user cancels the dialog.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredName: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredName = this.name;\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.enteredName).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.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    this.cancel.emit();\n  }\n\n  handleNameChange(e: any) {\n    this.enteredName = e.target.value;\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 Signature</div>\n\n          <div class=\"content\">\n            <verdocs-text-input placeholder=\"Full Name...\" label=\"Full Name\" value={this.enteredName} onInput={e => this.handleNameChange(e)} onClick={e => e.stopPropagation()} />\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\" size=\"normal\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n              <verdocs-button label=\"Adopt & Sign\" size=\"normal\" onClick={e => this.handleAdopt(e)} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-toolbar-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $choice-available-color;\n    }\n  }\n\n  .tooltip {\n    display: none;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: bold;\n    padding: 5px 10px;\n    font-size: 13px;\n    position: relative;\n    border-radius: 4px;\n    z-index: 10000;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n// import {Component, Event, EventEmitter, h, Host, Prop, State} from '@stencil/core';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n */\n@Component({\n  tag: 'verdocs-toolbar-icon',\n  styleUrl: 'verdocs-toolbar-icon.scss',\n  shadow: false,\n})\nexport class VerdocsToolbarIcon {\n  iconEl: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  /**\n   * Triggered when the icon is pressed\n   */\n  // @Event({composed: true}) press: EventEmitter;\n\n  @State() containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.iconEl, this.tooltip, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltip?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltip?.removeAttribute('data-show');\n  }\n\n  // handlePress() {\n  //   this.press?.emit();\n  // }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={this.icon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.iconEl = el as HTMLDivElement)}\n        />\n        <div id={this.containerId} role=\"tooltip\" class=\"tooltip\" data-popper-placement=\"bottom\" ref={el => (this.tooltip = el as HTMLDivElement)}>\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}