@verdocs/web-sdk 1.9.6 → 1.9.10

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

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{u(r.next(e))}catch(e){o(e)}}function l(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):a(e.value).then(s,l)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return u([e,t])}}function u(s){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;a=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];a=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __asyncValues=this&&this.__asyncValues||function(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=e[Symbol.asyncIterator],n;return t?t.call(e):(e=typeof __values==="function"?__values(e):e[Symbol.iterator](),n={},r("next"),r("throw"),r("return"),n[Symbol.asyncIterator]=function(){return this},n);function r(t){n[t]=e[t]&&function(n){return new Promise((function(r,o){n=e[t](n),a(r,o,n.done,n.value)}))}}function a(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)}};System.register(["./p-d84dbdf9.system.js","./p-df878df9.system.js","./p-3035b6c5.system.js"],(function(e){"use strict";var t,n,r;return{setters:[function(e){t=e.g},function(e){n=e.g},function(e){r=e.s}],execute:function(){var a=this;var o=e("l",(function(e,o){return __awaiter(a,void 0,void 0,(function(){var a,s,l,u,c,i,f,p;var h,y;return __generator(this,(function(d){switch(d.label){case 0:r.template=null;if(!o){console.log("[TEMPLATES] Missing required template ID");return[2]}r.loading=true;d.label=1;case 1:d.trys.push([1,16,,17]);console.log("[TEMPLATES] Loading template ".concat(o));return[4,n(e,o)];case 2:a=d.sent();if(!a){console.log("[TEMPLATES] Unable to load template");return[2]}r.template=a;s={};d.label=3;case 3:d.trys.push([3,9,10,15]);l=__asyncValues(r.template.pages);d.label=4;case 4:return[4,l.next()];case 5:if(!(u=d.sent(),!u.done))return[3,8];c=u.value;console.log("[TEMPLATES] Loading page",c);return[4,t(e,o,c.sequence)];case 6:i=d.sent();s[c.sequence]=i.url;console.log("[TEMPLATES] Got image Uri",i.url);r.loadProgress=c.sequence/r.template.pages.length;d.label=7;case 7:return[3,4];case 8:return[3,15];case 9:f=d.sent();h={error:f};return[3,15];case 10:d.trys.push([10,,13,14]);if(!(u&&!u.done&&(y=l.return)))return[3,12];return[4,y.call(l)];case 11:d.sent();d.label=12;case 12:return[3,14];case 13:if(h)throw h.error;return[7];case 14:return[7];case 15:r.pageUris=s;r.loadProgress=100;r.loading=false;return[3,17];case 16:p=d.sent();console.log("[TEMPLATES] Error loading template",p);throw p;case 17:return[2]}}))}))}))}}}));
-//# sourceMappingURL=p-db54004b.system.js.map

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-f5482845.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-help-icon/verdocs-help-icon.scss?tag=verdocs-help-icon","src/components/controls/verdocs-help-icon/verdocs-help-icon.tsx","src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.scss?tag=verdocs-template-sender-dialog","src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.tsx"],"names":["verdocsHelpIconCss","helpIcon","VerdocsHelpIcon","Math","random","toString","substring","[object Object]","this","popperInstance","createPopper","icon","tooltip","destroy","_a","setAttribute","_b","update","catch","removeAttribute","h","Host","class","aria-describedby","containerId","innerHTML","onMouseEnter","show","onFocus","onMouseLeave","hide","onBlur","ref","el","id","role","data-popper-placement","text","data-popper-arrow","verdocsTemplateSenderDialogCss","VerdocsTemplateSenderDialog","TemplateSenderTypes","EVERYONE","newValue","value","cancel","emit","open","e","target","className","preventDefault","handleCancel","done","sender","style","display","onClick","handleDismiss","checked","name","onSelected","handleSelectSetting","EVERYONE_AS_CREATOR","ORGANIZATION_MEMBER","ORGANIZATION_MEMBER_AS_CREATOR","CREATOR","label","variant","onPress","handleDone"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-help-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\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    position: relative;\n    padding: 5px 10px;\n    font-size: 13px;\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\nconst helpIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\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-help-icon',\n  styleUrl: 'verdocs-help-icon.scss',\n  shadow: false,\n})\nexport class VerdocsHelpIcon {\n  icon: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  @State() containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.icon, 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  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={helpIcon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.icon = el as HTMLDivElement)}\n        />\n        <div\n          id={this.containerId}\n          role=\"tooltip\"\n          class=\"tooltip\"\n          // style=\"display: none; visibility: visible; margin: 0px; position: absolute; inset: 0px auto auto 0px; transform: translate(951px, 5510px);\"\n          data-popper-placement=\"bottom\"\n          ref={el => (this.tooltip = el as HTMLDivElement)}\n        >\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-sender-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 340px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    background: $verdocs-grey-4;\n    padding: 16px;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .buttons {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  .options {\n    row-gap: 10px;\n\n    .option {\n      display: flex;\n      flex-direction: row;\n\n      .description {\n        margin-left: 10px;\n\n        .name {\n          display: inline-block;\n          vertical-align: top;\n          margin-top: 4px;\n          margin-right: 4px;\n        }\n      }\n    }\n  }\n}\n","import {TemplateSenderTypes} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows a template sender to be selected.\n */\n@Component({\n  tag: 'verdocs-template-sender-dialog',\n  styleUrl: 'verdocs-template-sender-dialog.scss',\n})\nexport class VerdocsTemplateSenderDialog {\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() value: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) done: EventEmitter<{sender: TemplateSenderTypes}>;\n\n  @State() newValue: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\n\n  componentWillLoad() {\n    this.newValue = this.value;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.done.emit({sender: this.newValue});\n    this.open = false;\n  }\n\n  handleSelectSetting(value: TemplateSenderTypes) {\n    this.newValue = value;\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"options\">\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.EVERYONE}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web</div>\n                  <verdocs-help-icon text=\"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web as me</div>\n                  <verdocs-help-icon text=\"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization as me</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.CREATOR}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.CREATOR}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Me</div>\n                  <verdocs-help-icon text=\"Only I can use this template.\" />\n                </div>\n              </div>\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onPress={() => this.handleDone()} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"names":["verdocsOkDialogCss","VerdocsOkDialog","exports","class_1","prototype","handleClose","reason","this","closed","emit","open","handleDismiss","e","target","className","preventDefault","render","_this","h","Host","style","display","class","onClick","heading","message","cancel","label","variant","onPress"],"mappings":"0JAAA,IAAMA,EAAqB,0lCCWdC,EAAeC,EAAA,oBAAA,+EAIA,gBAKA,aAKF,kBAME,MAO1BC,EAAAC,UAAAC,YAAA,SAAYC,GACVC,KAAKC,OAAOC,KAAKH,GACjBC,KAAKG,KAAO,OAIdP,EAAAC,UAAAO,cAAA,SAAcC,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFR,KAAKF,YAAY,YAIrBF,EAAAC,UAAAY,OAAA,WAAA,IAAAC,EAAAV,KACE,OACEW,EAACC,EAAI,CAACC,MAAO,CAACC,QAASd,KAAKG,KAAO,QAAU,SAC3CQ,EAAA,MAAA,CAAKI,MAAM,qBAAqBC,QAAS,SAAAX,GAAK,OAAAK,EAAKN,cAAcC,KAC/DM,EAAA,MAAA,CAAKI,MAAM,UACTJ,EAAA,MAAA,CAAKI,MAAM,WAAWf,KAAKiB,SAC3BN,EAAA,MAAA,CAAKI,MAAM,WACRf,KAAKkB,QAENP,EAAA,MAAA,CAAKI,MAAM,WACRf,KAAKmB,OAASR,EAAA,iBAAA,CAAgBS,MAAM,SAASC,QAAQ,UAAUC,QAAS,WAAM,OAAAZ,EAAKZ,YAAY,aAAgBa,EAAA,MAAA,CAAKE,MAAO,CAACC,QAAS,UACtIH,EAAA,iBAAA,CAAgBS,MAAM,KAAKE,QAAS,WAAM,OAAAZ,EAAKZ,YAAY,wBAnD/C","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    max-width: 50%;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    flex-direction: row;\n    background: #444444;\n    padding: 8px 16px;\n    color: $verdocs-grey-4;\n  }\n\n  .content {\n    font-size: 16px;\n    background: $verdocs-grey-4;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() cancel: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) closed: EventEmitter<'cancel' | 'ok'>;\n\n  handleClose(reason: 'cancel' | 'ok') {\n    this.closed.emit(reason);\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleClose('cancel');\n    }\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              {this.message}\n\n              <div class=\"buttons\">\n                {this.cancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onPress={() => this.handleClose('cancel')} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label=\"OK\" onPress={() => this.handleClose('ok')} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\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/dist/verdocs-web-sdk/p-fc2d6d85.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js"],(function(t){"use strict";var n,o,e;return{setters:[function(t){n=t.r;o=t.c;e=t.h}],execute:function(){var r='verdocs-button button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .label{padding:0 12px}verdocs-button button:disabled{cursor:none}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999;cursor:none}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;cursor:none;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}';var s=t("verdocs_button",function(){function t(t){n(this,t);this.press=o(this,"press",3);this.label=undefined;this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}t.prototype.handleClick=function(t){var n;t.stopPropagation();(n=this.press)===null||n===void 0?void 0:n.emit()};t.prototype.render=function(){var t=this;return e("button",{disabled:this.disabled,type:this.type,onClick:function(n){return t.handleClick(n)},class:"".concat(this.variant," ").concat(this.size," ").concat(this.type)},this.startIcon?e("span",{class:"icon start",innerHTML:this.startIcon}):null,e("span",{class:"label"},this.label),this.endIcon?e("span",{class:"icon end",innerHTML:this.endIcon}):null)};return t}());s.style=r}}}));
-//# sourceMappingURL=p-fc2d6d85.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-button/verdocs-button.scss?tag=verdocs-button","src/components/controls/verdocs-button/verdocs-button.tsx"],"names":["verdocsButtonCss","VerdocsButton","exports","class_1","prototype","handleClick","e","stopPropagation","_a","this","press","emit","render","_this","h","disabled","type","onClick","class","concat","variant","size","startIcon","innerHTML","label","endIcon"],"mappings":"kJAAA,IAAMA,EAAmB,0gFCqBZC,EAAaC,EAAA,iBAAA,oGASW,kBAKF,eAKuB,mBAKV,sBAKK,yBAKvB,MAO5BC,EAAAC,UAAAC,YAAA,SAAYC,SACVA,EAAEC,mBACFC,EAAAC,KAAKC,SAAK,MAAAF,SAAA,OAAA,EAAAA,EAAEG,QAGdR,EAAAC,UAAAQ,OAAA,WAAA,IAAAC,EAAAJ,KACE,OACEK,EAAA,SAAA,CAAQC,SAAUN,KAAKM,SAAUC,KAAMP,KAAKO,KAAMC,QAAS,SAAAX,GAAK,OAAAO,EAAKR,YAAYC,IAAIY,MAAO,GAAAC,OAAGV,KAAKW,QAAO,KAAAD,OAAIV,KAAKY,KAAI,KAAAF,OAAIV,KAAKO,OAC9HP,KAAKa,UAAYR,EAAA,OAAA,CAAMI,MAAM,aAAaK,UAAWd,KAAKa,YAAgB,KAC3ER,EAAA,OAAA,CAAMI,MAAM,SAAST,KAAKe,OACzBf,KAAKgB,QAAUX,EAAA,OAAA,CAAMI,MAAM,WAAWK,UAAWd,KAAKgB,UAAc,gBAnDnD","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button {\n  button {\n    font-family: $verdocs-primary-font;\n    text-transform: uppercase;\n    justify-content: center;\n    display: inline-flex;\n    align-items: center;\n    font-weight: 700;\n    cursor: pointer;\n    margin: 0;\n\n    .icon {\n      margin: 0 12px;\n\n      svg {\n        fill: $verdocs-grey-4;\n        display: block;\n      }\n    }\n\n    .label {\n      padding: 0 12px;\n    }\n\n    &:disabled {\n      cursor: none;\n    }\n\n    // Small-sized button size adjustments\n    &.small {\n      height: 34px;\n      font-size: 13px;\n\n      .icon {\n        margin: 0 4px;\n\n        svg {\n          margin: 2px 0 0 0;\n          height: 20px;\n        }\n      }\n\n      .label {\n        padding: 0 4px;\n      }\n    }\n\n    // Normal-sized button size adjustments\n    &.normal {\n      height: 44px;\n      font-size: 14px;\n\n      .icon.start {\n        margin: 0 4px 0 8px;\n      }\n\n      .icon.end {\n        margin: 0 8px 0 4px;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 22px;\n        }\n      }\n\n      .label {\n        padding: 0 10px;\n      }\n    }\n\n    // Medium-sized button size adjustments\n    &.medium {\n      height: 52px;\n      font-size: 16px;\n\n      .icon.start {\n        margin: 0 0 0 18px;\n      }\n\n      .icon.end {\n        margin: 0 18px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 26px;\n        }\n      }\n\n      .label {\n        padding: 0 20px;\n      }\n    }\n\n    // Large-sized button size adjustments\n    &.large {\n      height: 60px;\n      font-size: 20px;\n\n      .icon.start {\n        margin: 0 0 0 24px;\n      }\n\n      .icon.end {\n        margin: 0 24px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 32px;\n        }\n      }\n\n      .label {\n        padding: 0 34px;\n      }\n    }\n\n    // Standard variant is a solid color\n    &.standard {\n      background: $verdocs-green;\n      border-radius: 4px;\n      outline: none;\n      border: none;\n      color: white;\n\n      &:disabled {\n        background-color: $disabled-color;\n        cursor: default;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(110%);\n      }\n    }\n\n    // Text variant is just a label\n    &.text {\n      color: $secondary-color;\n      background: transparent;\n      font-weight: 500;\n      padding: 0 4px;\n      outline: none;\n      border: none;\n\n      &:disabled {\n        color: $disabled-color;\n        cursor: none;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(130%);\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n\n    // Standard variant is a solid color\n    &.outline {\n      border: 1px solid $secondary-color;\n      color: $secondary-color;\n      outline: none;\n      background: transparent;\n      border-radius: 4px;\n      padding: 0 20px;\n\n      &:disabled {\n        color: $disabled-color;\n        cursor: none;\n        border: 1px solid $disabled-color;\n      }\n\n      &:active {\n        background: $secondary-color;\n        color: white;\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter} from '@stencil/core';\n\n/**\n * Display a simple button.\n *\n * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n * (Auth uses text buttons for the Forgot Password and Sign Up options.)\n *\n * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\n * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\n * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n *\n * Icons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\n * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\n * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.\n */\n@Component({\n  tag: 'verdocs-button',\n  styleUrl: 'verdocs-button.scss',\n})\nexport class VerdocsButton {\n  /**\n   * The label for the button.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If desired, a prefix icon for the button\n   */\n  @Prop() startIcon: string | null = null;\n\n  /**\n   * If desired, a suffix icon for the button\n   */\n  @Prop() endIcon: string | null = null;\n\n  /**\n   * The size (height) of the button.\n   */\n  @Prop() size: 'small' | 'normal' | 'medium' | 'large' = 'normal';\n\n  /**\n   * The type of the button.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The display variant of the button.\n   */\n  @Prop() variant: 'standard' | 'text' | 'outline' = 'standard';\n\n  /**\n   * Whether the button should be disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true, bubbles: false}) press!: EventEmitter;\n\n  handleClick(e: any) {\n    e.stopPropagation();\n    this.press?.emit();\n  }\n\n  render() {\n    return (\n      <button disabled={this.disabled} type={this.type} onClick={e => this.handleClick(e)} class={`${this.variant} ${this.size} ${this.type}`}>\n        {this.startIcon ? <span class=\"icon start\" innerHTML={this.startIcon} /> : null}\n        <span class=\"label\">{this.label}</span>\n        {this.endIcon ? <span class=\"icon end\" innerHTML={this.endIcon} /> : null}\n      </button>\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);
-}