@verdocs/web-sdk 1.9.6 → 1.9.9

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

@@ -1,2 +0,0 @@
-System.register([],(function(t){"use strict";return{execute:function(){var e=t("c",(function(t,e,n){return t.api.post("/templates/".concat(e,"/pages"),n).then((function(t){return t.data}))}));var n=t("g",(function(t,e,n){return t.api.get("/templates/".concat(e,"/pages/").concat(n,"/image")).then((function(t){return t.data}))}))}}}));
-//# sourceMappingURL=p-d84dbdf9.system.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Templates/Pages.js"],"names":["createPage","exports","endpoint","templateId","params","api","post","concat","then","r","data","getPageImage","sequence","get"],"mappings":"uEAGU,IAACA,EAAUC,EAAA,KAAG,SAAUC,EAAUC,EAAYC,GACpD,OAAOF,EAASG,IACXC,KAAK,cAAcC,OAAOJ,EAAY,UAAWC,GACjDI,MAAK,SAAUC,GAAK,OAAOA,EAAEC,WAsB5B,IAACC,EAAYV,EAAA,KAAG,SAAUC,EAAUC,EAAYS,GACtD,OAAOV,EAASG,IACXQ,IAAI,cAAcN,OAAOJ,EAAY,WAAWI,OAAOK,EAAU,WACjEJ,MAAK,SAAUC,GAAK,OAAOA,EAAEC","sourcesContent":["/**\n * Add a page to a template.\n */\nexport var createPage = function (endpoint, templateId, params) {\n    return endpoint.api //\n        .post(\"/templates/\".concat(templateId, \"/pages\"), params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update a template page.\n */\nexport var editPage = function (endpoint, templateId, sequence) {\n    return endpoint.api //\n        .put(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a page from a template.\n */\nexport var getPage = function (endpoint, templateId, sequence, thumbnail) {\n    if (thumbnail === void 0) { thumbnail = false; }\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence).concat(thumbnail ? '?thumbnail=true' : ''))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a page image (PNG format) from a template.\n */\nexport var getPageImage = function (endpoint, templateId, sequence) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence, \"/image\"))\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a page from a template\n */\nexport var deletePage = function (endpoint, templateId, sequence) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence))\n        .then(function (r) { return r.data; });\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/Templates.ts"],"names":["loadTemplate","exports","endpoint","templateId","__awaiter","_this","TemplateStore","template","console","log","loading","concat","getTemplate","_d","sent","pageUris","pages","page","_b","value","getPageImage","sequence","image","url","loadProgress","length","e_2"],"mappings":"+rEAKaA,EAAYC,EAAA,KAAG,SAAOC,EAA2BC,GAAkB,OAAAC,UAAAC,OAAA,OAAA,GAAA,mGAC9EC,EAAcC,SAAW,KAEzB,IAAKJ,EAAY,CACfK,QAAQC,IAAI,4CACZ,MAAA,CAAA,GAGFH,EAAcI,QAAU,8CAGtBF,QAAQC,IAAI,gCAAAE,OAAgCR,IAC3B,MAAA,CAAA,EAAMS,EAAYV,EAAUC,WAAvCI,EAAWM,EAAAC,OACjB,IAAKP,EAAU,CACbC,QAAQC,IAAI,uCACZ,MAAA,CAAA,GAGFH,EAAcC,SAAWA,EAEnBQ,EAAmC,6CAClBT,EAAAA,cAAAA,EAAcC,SAASS,uFAA/BC,EAAIC,EAAAC,MACjBX,QAAQC,IAAI,2BAA4BQ,GAI1B,MAAA,CAAA,EAAMG,EAAalB,EAAUC,EAAYc,EAAKI,kBAAtDC,EAAQT,EAAAC,OAEdC,EAASE,EAAKI,UAAYC,EAAMC,IAChCf,QAAQC,IAAI,4BAA6Ba,EAAMC,KAC/CjB,EAAckB,aAAeP,EAAKI,SAAWf,EAAcC,SAASS,MAAMS,oTAG5EnB,EAAcS,SAAWA,EACzBT,EAAckB,aAAe,IAC7BlB,EAAcI,QAAU,sCAExBF,QAAQC,IAAI,qCAAsCiB,GAClD,MAAMA","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getPageImage} from '@verdocs/js-sdk/Templates/Pages';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport TemplateStore from './templateStore';\n\nexport const loadTemplate = async (endpoint: VerdocsEndpoint, templateId: string) => {\n  TemplateStore.template = null;\n\n  if (!templateId) {\n    console.log(`[TEMPLATES] Missing required template ID`);\n    return;\n  }\n\n  TemplateStore.loading = true;\n\n  try {\n    console.log(`[TEMPLATES] Loading template ${templateId}`);\n    const template = await getTemplate(endpoint, templateId);\n    if (!template) {\n      console.log('[TEMPLATES] Unable to load template');\n      return;\n    }\n\n    TemplateStore.template = template;\n\n    const pageUris: Record<number, string> = {};\n    for await (let page of TemplateStore.template.pages) {\n      console.log('[TEMPLATES] Loading page', page);\n      // TODO: Make an endpoint to get all of the pages for a template\n      // TODO: When uploading a new template, pre-process its pages into images and comment that the individual page-loader is a utility,\n      //  not the primary mechanism.\n      const image = await getPageImage(endpoint, templateId, page.sequence);\n      // TODO: Make this uri to match the rest of the terminology?\n      pageUris[page.sequence] = image.url;\n      console.log('[TEMPLATES] Got image Uri', image.url);\n      TemplateStore.loadProgress = page.sequence / TemplateStore.template.pages.length;\n    }\n\n    TemplateStore.pageUris = pageUris;\n    TemplateStore.loadProgress = 100;\n    TemplateStore.loading = false;\n  } catch (e) {\n    console.log('[TEMPLATES] Error loading template', e);\n    throw e;\n  }\n};\n"]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,H as i}from"./p-ff1278ed.js";import{g as s}from"./p-6de76553.js";import{a as l,g as n}from"./p-7ce27ce2.js";import{s as d}from"./p-8fd9dc5a.js";const r='verdocs-field-textbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox 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-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}';const a='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';const c=class{constructor(o){e(this,o);this.fieldFocus=t(this,"fieldFocus",7);this.fieldBlur=t(this,"fieldBlur",7);this.fieldChange=t(this,"fieldChange",7);this.fieldInput=t(this,"fieldInput",7);this.recipientChanged=t(this,"recipientChanged",7);this.field=null;this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.focused=false}async focusField(){this.focused=true;this.el.focus();this.fieldFocus.emit(true)}handleBlur(){this.focused=false;this.fieldBlur.emit(true)}handleFocus(){this.focused=true;this.fieldFocus.emit(true)}handleChange(e){this.fieldChange.emit(e.target.value)}handleInput(e){this.fieldInput.emit(e.target.value)}handleChangeRecipient(e){var t;console.log("recipient changed",e.detail);(t=this.recipientChanged)===null||t===void 0?void 0:t.emit(e.detail)}render(){var e,t,r,c;const h=n(this.field);let u=(t=(e=this.disabled)!==null&&e!==void 0?e:h.disabled)!==null&&t!==void 0?t:false;const p=this.field["rgba"]||s(l(d.roleNames,""));return o(i,{class:{focused:this.focused,required:(r=this.field)===null||r===void 0?void 0:r.required,disabled:u},style:{backgroundColor:p}},o("input",{type:"text",placeholder:h===null||h===void 0?void 0:h.placeholder,tabIndex:h===null||h===void 0?void 0:h.order,value:h===null||h===void 0?void 0:h.result,disabled:u,required:(c=this.field)===null||c===void 0?void 0:c.required,ref:e=>this.el=e,onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus(),onChange:e=>this.handleChange(e),onInput:e=>this.handleInput(e)}),this.editable&&o("verdocs-button-panel",{icon:a},o("h6",null,"Field Settings"),o("form",null,o("verdocs-select-input",{label:"Recipient",value:d.roleNames[this.roleindex],options:d.roleNames.map((e=>({label:e,value:e}))),onFieldChange:e=>this.handleChangeRecipient(e)}),o("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:e=>console.log("ipt",e)}),o("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:e=>console.log("ipt",e)}))))}};c.style=r;export{c as verdocs_field_textbox};
-//# sourceMappingURL=p-fb9d23c3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-textbox/verdocs-field-textbox.scss?tag=verdocs-field-textbox","src/components/elements/verdocs-field-textbox/verdocs-field-textbox.tsx"],"names":["verdocsFieldTextboxCss","settingsIcon","VerdocsFieldTextbox","[object Object]","this","focused","el","focus","fieldFocus","emit","fieldBlur","e","fieldChange","target","value","fieldInput","console","log","detail","_a","recipientChanged","settings","getFieldSettings","field","disabled","_b","backgroundColor","getRGBA","getRoleIndex","TemplateStore","roleNames","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","result","_d","ref","onBlur","handleBlur","onFocus","handleFocus","onChange","handleChange","onInput","handleInput","editable","icon","label","roleindex","options","map","role","onFieldChange","handleChangeRecipient"],"mappings":"4KAAA,MAAMA,EAAyB,qvCCO/B,MAAMC,EACJ,+rCAUWC,EAAmB,yPAM0B,4CAU3B,oBAMA,oBAKA,qBAKA,eA6BV,MAETC,mBACRC,KAAKC,QAAU,KACfD,KAAKE,GAAGC,QACRH,KAAKI,WAAWC,KAAK,MAGvBN,aACEC,KAAKC,QAAU,MACfD,KAAKM,UAAUD,KAAK,MAGtBN,cACEC,KAAKC,QAAU,KACfD,KAAKI,WAAWC,KAAK,MAGvBN,aAAaQ,GACXP,KAAKQ,YAAYH,KAAKE,EAAEE,OAAOC,OAGjCX,YAAYQ,GACVP,KAAKW,WAAWN,KAAKE,EAAEE,OAAOC,OAGhCX,sBAAsBQ,SACpBK,QAAQC,IAAI,oBAAqBN,EAAEO,SACnCC,EAAAf,KAAKgB,oBAAgB,MAAAD,SAAA,OAAA,EAAAA,EAAEV,KAAKE,EAAEO,QAGhCf,qBACE,MAAMkB,EAAWC,EAAiBlB,KAAKmB,OACvC,IAAIC,GAAWC,GAAAN,EAAAf,KAAKoB,YAAQ,MAAAL,SAAA,EAAAA,EAAIE,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MAErD,MAAMC,EAAkBtB,KAAKmB,MAAM,SAAWI,EAAQC,EAAaC,EAAcC,UAAW,KAE5F,OACEC,EAACC,EAAI,CAACC,MAAO,CAAC5B,QAASD,KAAKC,QAAS6B,UAAUC,EAAA/B,KAAKmB,SAAK,MAAAY,SAAA,OAAA,EAAAA,EAAED,SAAUV,SAAAA,GAAWY,MAAO,CAACV,gBAAAA,IACtFK,EAAA,QAAA,CACEM,KAAK,OACLC,YAAajB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUiB,YACvBC,SAAUlB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUmB,MACpB1B,MAAOO,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUoB,OACjBjB,SAAUA,EACVU,UAAUQ,EAAAtC,KAAKmB,SAAK,MAAAmB,SAAA,OAAA,EAAAA,EAAER,SACtBS,IAAKrC,GAAOF,KAAKE,GAAKA,EACtBsC,OAAQ,IAAMxC,KAAKyC,aACnBC,QAAS,IAAM1C,KAAK2C,cACpBC,SAAUrC,GAAKP,KAAK6C,aAAatC,GACjCuC,QAASvC,GAAKP,KAAK+C,YAAYxC,KAGhCP,KAAKgD,UACJrB,EAAA,uBAAA,CAAsBsB,KAAMpD,GAC1B8B,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEuB,MAAM,YACNxC,MAAOe,EAAcC,UAAU1B,KAAKmD,WACpCC,QAAS3B,EAAcC,UAAU2B,KAAIC,IAAI,CAAMJ,MAAOI,EAAM5C,MAAO4C,MACnEC,cAAehD,GAAKP,KAAKwD,sBAAsBjD,KAGjDoB,EAAA,qBAAA,CAAoBuB,MAAM,aAAaxC,MAAM,GAAGwB,YAAY,uBAAuBY,QAASvC,GAAKK,QAAQC,IAAI,MAAON,KACpHoB,EAAA,qBAAA,CAAoBuB,MAAM,cAAcxC,MAAM,GAAGwB,YAAY,sBAAsBY,QAASvC,GAAKK,QAAQC,IAAI,MAAON","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-textbox {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input {\n    width: 100%;\n    height: 100%;\n    font-size: 11px;\n    background: none;\n    font-weight: 500;\n    transform-origin: 0 0;\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &:focus {\n      outline: none;\n    }\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 {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Method} from '@stencil/core';\nimport {getFieldSettings, getRoleIndex} from '../../../utils/utils';\nimport TemplateStore from '../../../utils/templateStore';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Display a text input field.\n */\n@Component({\n  tag: 'verdocs-field-textbox',\n  styleUrl: 'verdocs-field-textbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextbox {\n  private el: HTMLInputElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\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 fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) fieldInput: EventEmitter<string>;\n\n  /**\n   * Event fired if the field is configurable when the recipient has changed.\n   */\n  @Event({composed: true}) recipientChanged: EventEmitter<string>;\n\n  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\n  }\n\n  handleChangeRecipient(e: any) {\n    console.log('recipient changed', e.detail);\n    this.recipientChanged?.emit(e.detail);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    let disabled = this.disabled ?? settings.disabled ?? false;\n    // this.roleindex\n    const backgroundColor = this.field['rgba'] || getRGBA(getRoleIndex(TemplateStore.roleNames, ''));\n\n    return (\n      <Host class={{focused: this.focused, required: this.field?.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={settings?.result}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\n          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                value={TemplateStore.roleNames[this.roleindex]}\n                options={TemplateStore.roleNames.map(role => ({label: role, value: role}))}\n                onFieldChange={e => this.handleChangeRecipient(e)}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/fixup-pdfjs.js

@@ -1,80 +0,0 @@
-// We have a complicated compile stack here with a lot of opinionated frameworks working "together": StencilJS, Storybook,
-// Webpack, Rollup, etc. We want to be ESM/TypeScript here in this project but importing recent PDF.js builds broke in
-// v2.13 or so. v2.12 still works but their new module format isn't compatible with the rest of these tools. After trying
-// many possible fixes we realized the only real issue during the import was the use of pound-style `#privateFunction`
-// syntax for private class members. It's allowed for properties but not methods. Here we just rename them with a hack
-// while we evaluate better options.
-//
-// Note: Tried using the "replace" plugin in Rollup but it didn't work. StencilJS uses its own "magic" Rollup config
-// and this doesn't seem to allow replace() to run at the right step.
-
-const {readFileSync, writeFileSync} = require('fs');
-const {join} = require('path');
-
-const privateMethodReplacements = [
-  '#ensureObj',
-  '#setModified',
-  '#serialize',
-  '#addKeyboardManager',
-  '#addCopyPasteListeners',
-  '#bindSetOCGState',
-  '#removeCopyPasteListeners',
-  '#removeKeyboardManager',
-  '#dispatchUpdateStates',
-  '#dispatchUpdateUI',
-  '#enableAll',
-  '#disableAll',
-  '#addEditorToLayer',
-  '#isEmpty',
-  '#selectEditors',
-  '#restoreInitialState',
-  '#evaluateVisibilityExpression',
-  '#hasTextLayer',
-  '#changeParent',
-  '#compareElementPositions',
-  '#createNewEditor',
-  '#createAndAddNewEditor',
-  '#cleanup',
-  '#updateFontSize',
-  '#updateColor',
-  '#extractText',
-  '#setEditorDimensions',
-  '#updateThickness',
-  '#updateColor',
-  '#updateOpacity',
-  '#getInitialBBox',
-  '#setStroke',
-  '#startDrawing',
-  '#draw',
-  '#stopDrawing',
-  '#redraw',
-  '#endDrawing',
-  '#createCanvas',
-  '#createObserver',
-  '#setCanvasDims',
-  '#setScaleFactor',
-  '#updateTransform',
-  '#buildPath2D',
-  '#serializePaths',
-  '#extractPointsOnBezier',
-  '#isAlmostFlat',
-  '#getBbox',
-  '#getPadding',
-  '#fitToContent',
-  '#setMinDims',
-];
-
-const pdfJsFile = join(process.env.INIT_CWD, 'node_modules', 'pdfjs-dist', 'build', 'pdf.js');
-console.log('Fixing up', pdfJsFile);
-
-try {
-  let pdfjs = readFileSync(pdfJsFile, 'utf8');
-  privateMethodReplacements.forEach(replace => {
-    const replacement = replace.replace('#', '__');
-    pdfjs = pdfjs.replace(new RegExp(replace, 'g'), replacement);
-  });
-
-  writeFileSync(pdfJsFile, pdfjs);
-} catch (e) {
-  console.log(e);
-}